:root{--ink:#eff8f0;--gold:#e7cc8e;--green:#064c3e}*{box-sizing:border-box}body{margin:0;background:#063d32;font:16px/1.7 Alexandria,Tahoma,Arial,sans-serif;color:var(--ink)}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.stage{position:relative;isolation:isolate;min-height:850px;height:100svh;overflow:hidden;background:#074638}.seascape{position:absolute;inset:-3%;z-index:-3;background:#0c6757 url('/concept/sea.png') center 60%/cover no-repeat;will-change:transform}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#062f2705,#032d268a 65%,#032d26cb),linear-gradient(0deg,#022d27e0,transparent 55%,#062f2740)}.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#c9e9d5;border-radius:50%;opacity:.4;pointer-events:none}header{display:flex;align-items:center;gap:32px;justify-content:space-between;margin:0 6%;padding:26px 0;border-bottom:1px solid #e8ffe31c;position:relative;z-index:6}.brand{display:flex;align-items:center;gap:13px}.brand img{border-radius:14px}.brand>span{font-size:27px;font-weight:700;line-height:1.3}.brand small{display:block;font-size:12px;font-weight:400;color:#c6dcd0;margin-top:5px}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav button{border:0;padding:0;background:transparent;color:inherit}nav .active{position:relative}nav .active:after{content:'';height:3px;border-radius:4px;background:var(--gold);position:absolute;bottom:-14px;left:15%;right:15%}.account{display:flex;gap:18px;align-items:center;border:1px solid #ddf0df35;padding:9px 20px;border-radius:30px;background:#fcffe30b;font-size:14px}.account span{color:var(--gold)}.story{position:absolute;right:8%;top:18%;z-index:3;width:40%;pointer-events:none}.eyebrow{color:#c5d8c7;font-size:13px;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:var(--gold)}h1{font-size:clamp(46px,5.4vw,88px);line-height:1.35;letter-spacing:-2px;margin:22px 0;font-weight:500}h1 em{font-style:normal;color:var(--gold);font-weight:700}.lead{font-size:16px;color:#d0e1d5;line-height:2.1}.boatEntry{position:absolute;left:0%;width:54%;bottom:16%;z-index:2;pointer-events:none;transform-origin:50% 85%}.boatFloat{position:relative;transform-origin:50% 85%}.boatFloat img{display:block;width:100%;height:auto;filter:drop-shadow(0 25px 16px #02282040);user-select:none}.choices{position:absolute;right:8%;bottom:18%;width:33%;max-width:475px;min-width:300px;z-index:5;display:grid;gap:12px}.choice{display:flex;align-items:center;gap:18px;text-align:right;min-height:93px;padding:15px 20px;color:#f3f8ef;border:1px solid #f4ffe332;background:#072d25a1;backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 14px 35px #02231d25;transition:background .2s,border-color .2s,box-shadow .2s;transform-origin:center;position:relative}.choice:hover,.choice:focus-visible{background:#145c46df;border-color:var(--gold);box-shadow:0 0 30px #dab96420}.choiceIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#dcefd812;color:#e8d29e;flex-shrink:0}.choiceIcon svg{width:25px;height:25px}.choiceText{flex:1}.choiceText strong{font-size:19px;font-weight:500;display:block}.choiceText small{display:block;font-size:12px;color:#bdd1bf;margin-bottom:2px}.choiceNumber{font-size:12px;color:#cdbd85;font-family:Arial,sans-serif}.searchChoice{border-color:#cfbb7748;background:#2b4c31a8}.caught{border-color:#f6d992!important;box-shadow:0 0 45px #f5d88c30!important}.lineCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0}.caption{position:absolute;left:8%;bottom:13%;display:flex;align-items:center;gap:12px;font-size:13px;color:#d5e4d5;z-index:4}.captionRule{width:36px;height:1px;background:#d4c393}.introMark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:7;background:#043b30;pointer-events:none;opacity:0}.introMark strong{font-size:115px;line-height:1.3;font-weight:700;color:#efe6c9;z-index:1}.introMark>span{font-size:17px;letter-spacing:1px;color:#b5d7c1}.orbit{position:absolute;width:310px;height:310px;border:1px solid #e9ce8d3a;border-radius:50%;box-shadow:0 0 70px #8de8a109,inset 0 0 70px #8de8a109}.orbit:before,.orbit:after{content:'';position:absolute;inset:18px;border:1px dashed #a7d9b732;border-radius:50%}.orbit:after{inset:-25px;border-style:solid;border-color:#accbb11c}footer{position:absolute;left:6%;right:6%;bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:8;padding-top:20px;border-top:1px solid #e7f2dd25;font-size:12px;color:#bdcfbe}.version{color:#d4bf86;margin-inline-start:12px;font-family:Arial}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls button{border:1px solid #e6f5de22;border-radius:20px;background:#063d321c;color:#d0dfcc;padding:7px 13px;font-size:12px}.controls button:hover{background:#f1fadc16}.controls span{font-size:18px;vertical-align:middle}dialog{width:min(540px,calc(100% - 32px));background:#f4f6ee;color:#143f30;border:1px solid #e5e0c5;border-radius:24px;padding:36px;box-shadow:0 40px 100px #0005;max-height:90svh;overflow:auto}dialog::backdrop{background:#012a22b0;backdrop-filter:blur(8px)}dialog h2{font-size:29px;margin:18px 0}dialog p,dialog li{font-size:16px;line-height:1.9;color:#577264}dialog ol{padding-right:24px}dialog li{margin:18px 0}.close{float:left;border:0;background:#e3ebdf;color:#214b3c;width:36px;height:36px;border-radius:50%;font-size:24px}.dialogEyebrow{font-size:13px;color:#927945}.dialogAction{display:inline-block;background:#0b6048;color:white;border-radius:14px;padding:12px 22px;margin-top:15px;font-size:15px}.demoNote{border-top:1px solid #d6ded1;padding-top:18px;font-size:14px!important}.detailStep{padding:10px 0;border-bottom:1px solid #dae2d5;font-size:15px}.detailStep span{color:#a68a46;margin-left:12px;font-family:Arial}.js-intro .boatEntry{opacity:0}.js-intro .story{opacity:0}.js-intro .choice{opacity:0}.js-intro .caption{opacity:0}.js-intro .introMark{opacity:1}@media(min-width:1500px){.boatEntry{width:51%;left:2%;bottom:15%}.story{top:18%}.choices{bottom:17%;width:32%}}@media(max-width:1050px){.stage{min-height:790px}.story{right:6%;top:19%;width:43%}.choices{right:6%;width:39%;bottom:17%}.boatEntry{width:58%;left:-5%;bottom:21%}h1{font-size:60px}nav{gap:18px}.choiceText strong{font-size:17px}.choice{gap:12px;padding:12px 16px}.eyebrow{font-size:12px}.caption{left:6%;bottom:13%}}@media(max-width:700px){.stage{height:auto;min-height:1060px}header{margin:0 5%;padding:20px 0;gap:12px}header nav{display:none}.brand>span{font-size:25px}.account{padding:8px 16px}.story{top:140px;right:7%;width:86%;text-align:center}.eyebrow{justify-content:center;font-size:12px}h1{font-size:49px;line-height:1.25;margin:16px 0;letter-spacing:-1px}h1 br{display:none}h1 em{margin-right:12px}.lead{font-size:14px;line-height:1.8}.lead br{display:none}.boatEntry{width:88%;left:3%;top:335px;bottom:auto}.choices{right:7%;left:7%;width:auto;max-width:none;min-width:0;top:655px;bottom:auto;gap:10px}.choice{min-height:84px;padding:12px 18px;border-radius:17px}.choiceText strong{font-size:18px}.choiceText small{font-size:12px}.choiceIcon{height:45px;width:45px}.caption{top:610px;bottom:auto;left:0;right:0;justify-content:center;font-size:12px}.seascape{background-position:40% 60%}.shade{background:linear-gradient(0deg,#032b24f5,transparent 65%),linear-gradient(180deg,#053c32b8,transparent 50%)}footer{left:7%;right:7%;bottom:20px;flex-direction:column;gap:10px;padding-top:16px}.controls{justify-content:center;gap:8px}.controls button{font-size:12px;padding:5px 11px}.introMark strong{font-size:90px}.orbit{width:260px;height:260px}}@media(max-width:390px){.boatEntry{top:365px}.story{top:135px}h1{font-size:43px}.choices{top:660px}.caption{top:615px}.stage{min-height:1070px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.introMark{display:none!important}}
@media(min-width:701px){.story{top:15%}h1{font-size:clamp(46px,4.4vw,70px);line-height:1.2;margin:16px 0}.eyebrow{margin:0}.lead{font-size:14px;line-height:1.8;margin:10px 0}.choices{bottom:15%}.caption{bottom:11%}}

/* SAYDA_TITLE_FIX_V1 */
@media (min-width: 701px) {
  .story h1 {
    font-size: clamp(42px, 4vw, 64px);
    line-height: 1.42;
    letter-spacing: -1px;
    margin: 18px 0 16px;
  }
}

@media (max-width: 700px) {
  .story {
    top: 125px;
    right: 6%;
    width: 88%;
  }

  .story h1 {
    font-size: clamp(32px, 8.5vw, 39px);
    line-height: 1.55;
    letter-spacing: 0;
    margin: 14px 0 18px;
    font-weight: 600;
  }

  .story h1 em {
    display: block;
    margin: 0;
    font-weight: 700;
  }

  .story .lead {
    font-size: 13px;
    line-height: 1.95;
    margin-top: 12px;
  }
}
/* SAYDA_CENTER_TEXT_V1 */
.story {
  text-align: center;
}

.story .eyebrow {
  justify-content: center;
  text-align: center;
}

.story h1,
.story .lead {
  text-align: center;
}

/* SAYDA_ALIGN_STORY_WITH_CARDS_V1 */
@media (max-width: 700px) {
  .stage .story {
    left: 7%;
    right: 7%;
    width: 86%;
    text-align: center;
  }

  .stage .story .eyebrow,
  .stage .story h1,
  .stage .story .lead {
    width: 100%;
    text-align: center;
  }

  .stage .story .eyebrow {
    justify-content: center;
  }
}
/* SAYDA_EXACT_CARDS_ALIGNMENT_V1 */
@media (max-width: 700px) {
  .stage .story {
    position: absolute;
    right: 7%;
    left: 7%;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .stage .story .eyebrow {
    justify-content: center;
  }

  .stage .story h1,
  .stage .story .lead {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
/* SAYDA_ALIGNMENT_FIX */
@media (max-width: 700px) {
  .stage .story {
    left: 7%;
    right: 7%;
    width: auto;
    text-align: center;
  }
  .stage .story .eyebrow {
    justify-content: center;
  }
  .stage .story h1,
  .stage .story .lead {
    text-align: center;
  }
}/* SAYDA_STORY_ALIGN_DESKTOP_V1 */
@media (min-width: 701px) {
  .stage .story {
    right: 8%;
    width: 33%;
    max-width: 475px;
    min-width: 300px;
    text-align: center;
  }
  .stage .story .eyebrow {
    justify-content: center;
  }
  .stage .story h1,
  .stage .story .lead {
    text-align: center;
  }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .stage .story {
    right: 6%;
    width: 39%;
  }
}
/* SAYDA_FINAL_POLISH_V1 */

/* Desktop */
@media (min-width: 701px) {
  .stage .story {
    top: calc(15% - 18px);
  }

  .stage .story h1 {
    margin-top: 20px;
    margin-bottom: 22px;
  }

  .stage .story .lead {
    margin-top: 14px;
  }

  .stage .choices {
    gap: 16px;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .stage .story {
    top: 112px;
  }

  .stage .story h1 {
    margin-bottom: 20px;
  }

  .stage .choices {
    gap: 14px;
  }
}
/* SAYDA_TAGLINE_FINAL */
.stage .story .eyebrow {
  display: none !important;
}

.stage .caption {
  font-size: 15px;
  font-weight: 600;
  color: #f0e5c7;
}
/* ---- gates (individuals / businesses) ---- */
[hidden]{display:none!important}
.personGate{border-color:#cfbb7748;background:#2b4c31a8}
.gateChoice .choiceText small{letter-spacing:.2px}
.gatePanel{position:absolute;right:8%;bottom:18%;width:33%;max-width:475px;min-width:300px;z-index:5;display:grid;gap:12px}
.gateBack{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:1px solid #f4ffe332;background:#072d2580;color:#e8d29e;border-radius:30px;padding:6px 16px;font-size:13px;backdrop-filter:blur(10px);transition:border-color .2s,background .2s}
.gateBack:hover,.gateBack:focus-visible{border-color:var(--gold);background:#145c4680}
.gatePanel[data-gate="business"] .gateOption:first-of-type{border-color:#cfbb7748;background:#2b4c31a8}
.gatePanel[data-gate="individual"] .gateOption:first-of-type{border-color:#cfbb7748;background:#2b4c31a8}
@media(min-width:1500px){.gatePanel{bottom:17%;width:32%}}
@media(max-width:1050px){.gatePanel{right:6%;width:39%;bottom:17%}}
@media(max-width:700px){.gatePanel{right:7%;left:7%;width:auto;max-width:none;min-width:0;top:648px;bottom:auto;gap:10px}}
@media(max-width:390px){.gatePanel{top:655px}}
.gateName{color:#c6dcd0;font-size:12px;border-inline-start:1px solid #f4ffe340;padding-inline-start:8px}
.js-intro .gateBack{opacity:0}