:root{--navy:#0b2540;--sea:#0f6e8c;--foam:#e8f4f7;--sun:#f2a541;--ink:#1b2a36;--muted:#5a6b78;--ok:#1f8a4c;--bad:#c0392b;--r:14px}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff}
a{color:var(--sea)}
.draftbar{background:#fff4d6;color:#6b4e00;text-align:center;font-size:14px;padding:6px 12px;border-bottom:1px solid #f0dca0}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--navy)}
.logo{color:#fff;font-weight:800;font-size:22px;text-decoration:none;letter-spacing:.3px}
.top nav a{color:#cfe6ee;margin-left:18px;text-decoration:none;font-size:15px}
.top nav a.navcta{background:var(--sun);color:var(--navy);padding:8px 14px;border-radius:999px;font-weight:700}
main{max-width:1060px;margin:0 auto;padding:0 20px 40px}
.hero{padding:56px 0 32px}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 14px;color:var(--navy)}
.hero p.sub{font-size:20px;color:var(--muted);max-width:720px}
.captain .hero{background:linear-gradient(180deg,var(--foam),#fff);margin:0 -20px;padding:56px 20px 32px}
h2{color:var(--navy);font-size:30px;margin:44px 0 12px}
h3{color:var(--navy);margin:18px 0 6px}
.btn{display:inline-block;border:0;border-radius:999px;padding:13px 22px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--sun);color:var(--navy)}
.btn.ghost{background:transparent;border:2px solid var(--sea);color:var(--sea)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}
.card{border:1px solid #dbe7ec;border-radius:var(--r);padding:18px;background:#fff}
.placeholder-card{border-style:dashed;background:#fafcfd}
.tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px;vertical-align:middle}
.tag-example{background:#e9eefc;color:#2b4bb3}
.tag-draft{background:#fff0d6;color:#8a5a00}
.tag-verify{background:#fde8e6;color:#9b2c20}
.tag-placeholder{background:#eceff1;color:#455a64}
.cite a{font-size:11px;margin-left:3px;color:var(--muted)}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:16px}
th,td{border-bottom:1px solid #e3ecef;padding:10px;text-align:left;vertical-align:top}
th{background:var(--foam);color:var(--navy)}
.answer{background:var(--foam);border-left:5px solid var(--sea);padding:14px 18px;border-radius:8px;margin:12px 0;font-size:18px}
.faq .qa{border-bottom:1px solid #e8eef1;padding:6px 0 12px}
.faq h3{font-size:19px}
.callout{border-radius:var(--r);padding:18px 20px;background:#fff8ec;border:1px solid #f4dcb0;margin:16px 0}
.small{font-size:14px;color:var(--muted)}
.stack{list-style:none;padding:0}
.stack li{border:1px solid #dbe7ec;border-radius:12px;padding:14px 16px;margin:10px 0;background:#fff}
.stack li b{color:var(--navy)}
.vq{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.vq .card h3{margin-top:0}
.price{font-size:40px;font-weight:800;color:var(--navy)}
.price s{color:var(--muted);font-size:24px;font-weight:600}
.calc{background:var(--navy);color:#fff;border-radius:var(--r);padding:22px;margin:16px 0}
.calc h3{color:#fff;margin-top:0}
.calc label{display:block;font-size:14px;color:#cfe6ee;margin-bottom:4px}
.calc input,.calc select{width:100%;padding:10px;border-radius:8px;border:0;font-size:16px}
.calc .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.calc .out{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.calc .out div{background:rgba(255,255,255,.08);border-radius:10px;padding:12px}
.calc .out b{display:block;font-size:28px;color:var(--sun)}
.booking{border:1px solid #cfe1e8;border-radius:var(--r);padding:18px;background:#fff;box-shadow:0 6px 24px rgba(11,37,64,.08);max-width:520px}
.booking-head{display:flex;justify-content:space-between;align-items:center}
.booking-head h3{margin:0}
.booking fieldset{border:0;padding:0;margin:12px 0}
.booking legend{font-weight:700;font-size:15px;margin-bottom:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:2px solid #cfe1e8;background:#fff;border-radius:999px;padding:9px 14px;font-size:15px;cursor:pointer;transition:transform .08s ease}
.chip.on{border-color:var(--sea);background:var(--foam);font-weight:700}
.booking-msg{min-height:1.4em;font-weight:600;margin:10px 0 0}
.booking-msg.ok{color:var(--ok)}
.booking-msg.err{color:var(--bad)}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.split{grid-template-columns:1fr}.hero h1{font-size:34px}.top nav a:not(.navcta):not(.navkeep){display:none}}
.foot{background:var(--navy);color:#cfe6ee;padding:28px 24px;margin-top:40px}
.foot .cols{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.foot a{display:block;color:#cfe6ee;text-decoration:none;font-size:15px;margin:4px 0}
.foot strong{color:#fff}
.foot .fine{max-width:1060px;margin:18px auto 0;font-size:13px;color:#8fb1bf}
.post{border:1px dashed #cfd8dc;border-radius:var(--r);padding:20px;background:#fafcfd}
/* Visual fallback for haptics (iOS Safari and desktop) */
@keyframes press{0%{transform:scale(1)}40%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes success{0%{box-shadow:0 0 0 0 rgba(31,138,76,.5)}100%{box-shadow:0 0 0 14px rgba(31,138,76,0)}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.fx-press{animation:press .18s ease-out}
.fx-success{animation:success .45s ease-out}
.fx-error{animation:shake .3s ease-in-out}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
.searchbox .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.searchbox label{font-size:13px;font-weight:700;color:var(--navy);display:flex;flex-direction:column;gap:4px}
.searchbox select,.searchbox input[type=date]{padding:9px;border:1px solid #cfe1e8;border-radius:8px;font-size:15px}
.searchbox .toggles{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}
.searchbox .toggles label{flex-direction:row;font-weight:500;align-items:center}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;padding:10px 0 10px 44px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:0;top:8px;width:30px;height:30px;border-radius:50%;background:var(--sea);color:#fff;display:grid;place-items:center;font-weight:700}
dl.spec{display:grid;grid-template-columns:200px 1fr;gap:6px 14px}
dl.spec dt{font-weight:700;color:var(--navy)}
dl.spec dd{margin:0;color:var(--muted)}
/* TideBook v2: listings, pricing, referrals, signup */
.hero.slim{padding:36px 0 14px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--sun);margin:0 0 6px}
.eyebrow.dark{color:var(--sea)}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sechead a{font-weight:700}
.top nav a .tag,.navsaved span:not(:empty){background:var(--sun);color:var(--navy);border-radius:999px;padding:0 7px;font-size:12px;font-weight:800}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin:16px 0}
.tcard{position:relative;border:1px solid #dbe7ec;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(11,37,64,.06);display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}
.tcard:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(11,37,64,.12)}
.tcard[hidden]{display:none}
.tc-img{display:block;height:128px;position:relative;background:radial-gradient(120% 90% at 80% 0%,hsl(var(--h) 70% 62%) 0%,hsl(var(--h) 65% 32%) 60%,#0b2540 100%);text-decoration:none}
.tc-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:repeating-radial-gradient(circle at 50% 160%,rgba(255,255,255,.18) 0 2px,transparent 2px 14px)}
.tc-type{position:absolute;left:12px;bottom:12px;color:#fff;font-weight:800;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.35);z-index:1}
.tc-book{display:inline-block;font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;background:#fff;color:var(--navy)}
.tc-img .tc-book{position:absolute;left:12px;top:12px}
.tc-book.instant{background:#e3f6ea;color:#14663a}
.tc-book.request{background:#eef1fb;color:#2b4bb3}
.fav{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.95);font-size:20px;line-height:1;color:var(--bad);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.fav.big{position:static;width:auto;height:auto;border-radius:999px;padding:6px 14px;font-size:15px;border:2px solid #f3c6c0;box-shadow:none}
.tc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.tc-body h3{margin:0;font-size:19px;line-height:1.25}
.tc-body h3 a{color:var(--navy);text-decoration:none}
.tc-meta,.tc-boat{margin:0;font-size:13px;color:var(--muted)}
.tc-boat{font-weight:600;color:var(--ink)}
.tc-badges{display:flex;flex-wrap:wrap;gap:6px}
.mini{font-size:12px;font-weight:700;color:#14663a;background:#eef8f1;border-radius:6px;padding:2px 7px}
.tc-price{background:var(--foam);border-radius:10px;padding:10px 12px;margin-top:4px}
.tc-price b{font-size:24px;color:var(--navy)}
.tc-price span{font-size:13px;color:var(--muted)}
.tc-split{display:flex;justify-content:space-between;gap:8px;margin-top:2px}
.tc-split span{font-size:13px;color:var(--ink);font-weight:600}
.tc-pol{margin:0;font-size:13px;color:var(--muted)}
.tc-pol .wx{display:block}
.pol{display:inline-block;font-size:12px;font-weight:800;border-radius:6px;padding:2px 8px;text-decoration:none;margin-right:4px}
.pol-flexible{background:#e3f6ea;color:#14663a}
.pol-moderate{background:#fff0d6;color:#8a5a00}
.pol-strict{background:#fde8e6;color:#9b2c20}
.tc-next{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--navy);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.slot{background:#fff;border:1px solid #cfe1e8;border-radius:999px;padding:2px 9px;font-weight:600}
.badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.badge{font-size:14px;font-weight:700;background:#eef8f1;color:#14663a;border:1px solid #cfe9d7;border-radius:999px;padding:4px 12px}
.badges.compact .badge{font-size:12px;padding:2px 8px}
.pricebox{border:1px solid #cfe1e8;border-radius:12px;padding:12px 14px;background:#fff;min-width:230px}
.pb-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;border-bottom:1px solid #e3ecef;padding-bottom:8px;margin-bottom:6px}
.pb-total span{font-size:13px;color:var(--muted);width:100%}
.pb-total b{font-size:28px;color:var(--navy)}
.pb-total small{color:var(--muted)}
.pb-row{display:flex;justify-content:space-between;font-size:15px;padding:3px 0}
.pb-policy,.pb-weather{font-size:13px;color:var(--muted);margin-top:8px}
.pricebox.big{max-width:520px}
.triplist{display:flex;flex-direction:column;gap:14px}
.tripline{display:grid;grid-template-columns:1fr 250px;gap:16px;border:1px solid #dbe7ec;border-radius:14px;padding:14px 16px}
.tripline h3{margin-top:0}
.tripline p{margin:4px 0}
.profile-hero{margin:8px -20px 12px;padding:44px 20px 26px;color:#fff;background:radial-gradient(120% 120% at 85% 0%,hsl(var(--h) 70% 55%) 0%,hsl(var(--h) 65% 28%) 55%,#0b2540 100%)}
.profile-hero h1{font-size:40px;line-height:1.1;margin:8px 0;color:#fff}
.profile-hero p{margin:0;color:#dcefF5}
.crumbs{margin:14px 0 0}
.factrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 4px}
.fact{font-size:13px;background:#f3f6f8;border-radius:999px;padding:4px 10px;color:var(--muted)}
.lead{font-size:20px;color:var(--ink)}
.bookbox{border:1px solid #cfe1e8;border-radius:16px;padding:18px;background:#fff;box-shadow:0 10px 30px rgba(11,37,64,.1)}
.bb-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bb-head h3{margin:0}
.bb-l{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy);margin:12px 0}
.bb-l select,.wizard input,.wizard select{padding:11px;border:1px solid #cfe1e8;border-radius:10px;font-size:16px;font-weight:400;width:100%;background:#fff}
.bookbox .pricebox{margin:12px 0}
.bb-policy{background:#fff8ec;border:1px solid #f4dcb0;border-radius:10px;padding:10px 12px;font-size:14px}
.bb-policy p{margin:0 0 6px}
.agree{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:600}
.agree input{width:auto!important;margin-top:4px}
.btn.wide{width:100%;margin-top:12px}
.btn.ghost.light{border-color:#fff;color:#fff}
.sms{margin-top:10px}
.bubble{background:#e9f0ff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14px;max-width:420px}
.sticky-col{position:sticky;top:16px}
.stickybar{display:none}
@media(max-width:820px){
  .stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #dbe7ec;padding:10px 16px;justify-content:space-between;align-items:center;box-shadow:0 -6px 20px rgba(11,37,64,.1)}
  .stickybar b{font-size:20px;color:var(--navy)} .stickybar span{font-size:13px;color:var(--muted)}
  body:has(.stickybar){padding-bottom:70px}
  .sticky-col{position:static}
  .tripline{grid-template-columns:1fr}
  .profile-hero h1{font-size:30px}
  h2{font-size:25px}
}
.filterbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;background:#fff;border:1px solid #dbe7ec;border-radius:14px;padding:14px;position:sticky;top:0;z-index:5;box-shadow:0 4px 14px rgba(11,37,64,.05)}
.filterbar label{font-size:12px;font-weight:800;color:var(--navy);display:flex;flex-direction:column;gap:4px;text-transform:uppercase;letter-spacing:.3px}
.filterbar select,.filterbar input[type=date]{padding:9px;border:1px solid #cfe1e8;border-radius:8px;font-size:15px;background:#fff}
.filterbar .toggles{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px}
.filterbar .toggles label{flex-direction:row;align-items:center;gap:6px;text-transform:none;font-weight:600;font-size:14px;letter-spacing:0}
@media(max-width:820px){.filterbar{position:static;grid-template-columns:1fr 1fr}}
.openstrip{margin:8px 0 14px}
.os-head{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}
.os-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.osd{flex:0 0 auto;min-width:74px;border:2px solid #cfe1e8;background:#fff;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;font:inherit}
.osd span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase}
.osd b{font-size:22px;color:var(--navy);line-height:1.1}
.osd small{font-size:12px;color:var(--ok);font-weight:700}
.osd:hover{border-color:var(--sea)}
.empty{text-align:center;border:1px dashed #cfd8dc;border-radius:14px;padding:22px}
.ecf{background:linear-gradient(135deg,#0b2540,#0f6e8c);color:#fff;border-radius:20px;padding:30px 26px;margin:40px 0 16px}
.ecf h2{color:#fff;margin:0 0 8px;font-size:32px}
.ecf .sub{color:#d6ecf3;font-size:18px;max-width:760px}
.ecf .small{color:#b9d9e4}
.ecf .small a,.ecf .cite a{color:#fff}
.ecf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}
.ecf-grid div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 16px}
.ecf-grid b{display:block;font-size:30px;color:var(--sun)}
.ecf-grid span{color:#e3f1f6;font-size:15px}
.ref-hero{margin:0 -20px;padding:48px 20px 30px;background:linear-gradient(135deg,#0b2540 0%,#0f6e8c 100%);color:#fff}
.ref-hero h1{color:#fff;font-size:40px;line-height:1.12;margin:4px 0 12px;max-width:820px}
.ref-hero .sub{color:#d6ecf3;font-size:20px;max-width:760px}
.showbonus{margin-top:18px;background:rgba(242,165,65,.16);border:1px solid rgba(242,165,65,.55);border-radius:12px;padding:12px 14px;color:#fff;max-width:760px}
.showbonus.dark{background:#fff8ec;border-color:#f4dcb0;color:var(--ink);margin-top:24px}
.qrcard{border:1px solid #dbe7ec;border-radius:18px;padding:20px;text-align:center;background:#fff;box-shadow:0 10px 30px rgba(11,37,64,.08);margin-top:24px}
.qr{width:220px;max-width:70vw;margin:6px auto}
.qr svg{width:100%;height:auto;display:block}
.reflink{font-size:17px;word-break:break-all;margin:8px 0}
.ctas.center{justify-content:center}
.refstatus{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px}
.refstatus div{background:var(--foam);border-radius:10px;padding:8px}
.refstatus b{display:block;font-size:22px;color:var(--navy)}
.refstatus span{font-size:12px;color:var(--muted)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}
.tier{border:1px solid #dbe7ec;border-radius:14px;padding:16px;background:#fff}
.tier b{display:block;font-size:22px;color:var(--navy)}
.tier.hot{border:2px solid var(--sun);background:#fffaf1}
.showbox{border:2px solid var(--sun);border-radius:16px;padding:18px 20px;background:#fffaf1;margin:22px 0}
.showbox h3{margin-top:0}
.polgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.polcard h3{font-size:18px}
.draftnote{background:#fff4d6;border:1px solid #f0dca0;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}
.wizard,.finish{max-width:620px;margin:0 auto 20px;border:1px solid #dbe7ec;border-radius:18px;padding:22px;background:#fff;box-shadow:0 10px 30px rgba(11,37,64,.08)}
.finish{max-width:900px}
.wz-progress{height:8px;background:#e8eef1;border-radius:99px;overflow:hidden}
.wz-progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--sea),var(--sun));transition:width .25s ease}
.wz-step{margin:10px 0 4px}
.wizard fieldset{border:0;padding:0;margin:0}
.wizard fieldset[hidden]{display:none}
.wizard legend{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:6px}
.wizard label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy);margin:12px 0}
.wizard .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wizard .two label{margin:0}
.slugrow{display:flex;align-items:center;border:1px solid #cfe1e8;border-radius:10px;overflow:hidden}
.slugrow span{background:var(--foam);padding:11px 8px;font-weight:600;color:var(--muted);white-space:nowrap;font-size:14px}
.slugrow input{border:0!important;border-radius:0!important}
.wz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.wz-nav [data-next]{margin-left:auto}
.refnote{background:#e3f6ea;color:#14663a;border-radius:10px;padding:8px 12px;font-weight:700;font-size:14px;margin:8px 0}
.finish-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}
.finish-grid .qrcard{margin-top:0}
.checks{list-style:none;padding:0}
.checks li{padding:4px 0 4px 26px;position:relative}
.checks li:before{content:"\2713";position:absolute;left:0;color:var(--ok);font-weight:800}
@media(max-width:820px){.finish-grid{grid-template-columns:1fr}.ref-hero h1{font-size:30px}.ecf h2{font-size:26px}}
.logo,.top nav a{white-space:nowrap}
.ref-hero{border-radius:0 0 22px 22px}
@media(max-width:820px){.top{padding:12px 16px}.logo{font-size:19px}.top nav a.navcta{padding:7px 12px;font-size:14px;margin-left:8px}.ref-hero{border-radius:0}}

@media(max-width:820px){.top nav a.navkeep{font-size:14px;margin-left:0}.logo{font-size:17px}}
.top nav{display:flex;align-items:center;gap:0;flex-wrap:nowrap}.captain .hero.slim{padding:36px 20px 14px}@media(max-width:420px){.top nav a.navkeep{display:none}}
.townlinks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.townlinks a{background:var(--foam);border:1px solid #cfe1e8;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none}
.regioncard h3 a{color:var(--navy);text-decoration:none}
/* Founding landing page */
.topnote{color:#cfe6ee;font-size:14px}
.minimal .top{justify-content:space-between}
.foot.mini{padding:18px 24px;margin-top:24px}
.f-hero{margin:0 -20px;padding:52px 20px 40px;background:linear-gradient(160deg,#0b2540 0%,#0f6e8c 100%);color:#fff;text-align:center}
.f-hero h1{color:#fff;font-size:46px;line-height:1.08;margin:8px auto 14px;max-width:860px}
.f-hero .sub{color:#d6ecf3;font-size:20px;max-width:720px;margin:0 auto 22px}
.btn.big{font-size:19px;padding:16px 30px}
.f-micro{color:#b9d9e4;font-size:14px;margin:10px 0 0}
.f-math{margin-top:30px}
.f-mathgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.f-mathgrid div{border:1px solid #dbe7ec;border-radius:14px;padding:14px;text-align:center;background:#fff}
.f-mathgrid span{display:block;font-size:14px;color:var(--muted)}
.f-mathgrid b{font-size:32px;color:var(--navy)}
.f-mathgrid b.bad{color:var(--bad)} .f-mathgrid b.good{color:var(--ok)}
.f-stack{list-style:none;padding:0;margin:0}
.f-stack li{border:1px solid #dbe7ec;border-left:5px solid var(--sun);border-radius:12px;padding:12px 16px;margin:10px 0;background:#fff}
.f-stack b{color:var(--navy)}
.f-rules{background:var(--foam);border-radius:18px;padding:6px 20px 16px;margin-top:30px}
.f-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.f-caps div{background:#fff;border-radius:12px;padding:12px;text-align:center}
.f-caps b{display:block;font-size:30px;color:var(--navy)}
.f-caps span{font-size:14px;color:var(--muted)}
.f-guarantee{border:2px solid var(--ok);border-radius:18px;padding:16px 20px;margin-top:30px;background:#f3fbf6}
.f-guarantee h2{margin-top:10px}
.f-faq details{border-bottom:1px solid #e3ecef;padding:12px 0}
.f-faq summary{font-weight:700;color:var(--navy);cursor:pointer;font-size:18px}
.f-faq details p{margin:8px 0 0}
.f-claim{margin:36px auto 0;max-width:620px;border:1px solid #cfe1e8;border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(11,37,64,.12);scroll-margin-top:12px}
.f-claim h2{margin-top:0}
.f-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy);margin:12px 0}
.f-form input,.f-form select{padding:12px;border:1px solid #cfe1e8;border-radius:10px;font-size:16px;background:#fff;font-weight:400}
.f-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-form .two label{margin:0}
.f-form .agree{flex-direction:row;font-weight:500}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.f-done{background:#f3fbf6;border:1px solid #cfe9d7;border-radius:14px;padding:16px}
.f-done h3{margin-top:0}
.f-angler{text-align:center;margin-top:16px}
.f-angler-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.f-angler-form input{padding:10px;border:1px solid #cfe1e8;border-radius:10px;font-size:16px}
@media(max-width:820px){.f-hero h1{font-size:32px}.f-hero .sub{font-size:18px}.f-mathgrid{grid-template-columns:1fr}.f-caps{grid-template-columns:1fr 1fr}.f-form .two{grid-template-columns:1fr}.topnote{display:none}}
/* Founding page rebuild (Oct 22, 2026) */
.tag-planned{background:#e6eef8;color:#1d4e89}
.f-math .f-mathgrid{grid-template-columns:repeat(2,1fr)}
.f-calc{max-width:520px;margin:24px auto;padding:20px;border:1px solid #cfe1e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(11,37,64,.08)}
.f-calc h3{margin:0 0 8px;color:var(--navy)}
.f-calc label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy);margin:10px 0}
.f-calc input{padding:12px;border:1px solid #cfe1e8;border-radius:10px;font-size:16px;font-weight:400}
.f-calc .out{font-size:18px;margin:14px 0 4px}
.f-calc .out strong{color:var(--bad)}
.f-calc .keep strong{color:var(--ok)}
.f-fill{margin-top:30px}
.f-fill ul{padding-left:20px}
.f-closer{font-weight:700;color:var(--navy)}
.f-caps table{width:100%}
.f-founder{margin-top:30px;border:1px solid #dbe7ec;border-radius:18px;padding:16px 20px;background:#fff}
.f-founder .sig{font-weight:700;color:var(--navy)}
.f-anglerbox{margin:22px auto 0;max-width:620px;border:1px dashed #cfe1e8;border-radius:16px;padding:16px;text-align:center;scroll-margin-top:12px}
.f-anglerbox h3{margin:0 0 6px}
.f-anglerbox select{padding:10px;border:1px solid #cfe1e8;border-radius:10px;font-size:16px;background:#fff}
.f-sticky{display:none}
@media(max-width:820px){
  .f-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--navy);box-shadow:0 -6px 18px rgba(0,0,0,.18);transition:transform .2s}
  .f-sticky a{flex:1;text-align:center;font-size:16px;padding:14px 12px}
  .f-sticky.hide{transform:translateY(110%)}
  body.has-sticky{padding-bottom:84px}
  .f-math .f-mathgrid{grid-template-columns:1fr}
}
/* Founding photos (Oct 22, 2026) */
body.minimal{overflow-x:clip}
.f-hero.has-photo{position:relative;overflow:hidden;isolation:isolate;background-color:#0c3a4c;background-size:cover;background-position:50% 45%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:84px 20px 72px}
.f-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}
.f-hero.has-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 62% 70% at 50% 46%,rgba(6,22,40,.80) 0%,rgba(6,22,40,.70) 45%,rgba(6,22,40,.36) 78%,rgba(6,22,40,.12) 100%)}
.f-hero.has-photo h1,.f-hero.has-photo .sub,.f-hero.has-photo .f-micro,.f-hero.has-photo .eyebrow{text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.35)}
.f-hero.has-photo .eyebrow{font-size:15px;color:#ffc46e}
.f-hero.has-photo .f-micro{color:#f1f8fb}
.f-hero.has-photo .sub{color:#f4fafc}
.f-how{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:center;margin-top:10px}
.f-photo{margin:0}
.f-photo img,.f-cap-img,.f-angler-img{display:block;width:100%;height:auto;border-radius:14px;background:#dbe7ec}
.f-how-photo img{aspect-ratio:4/5;object-fit:cover}
.f-cap-img{aspect-ratio:3/2;object-fit:cover;margin:-4px 0 10px;border-radius:10px}
.f-angler-img{aspect-ratio:3/2;object-fit:cover;margin:0 0 12px}
.f-photonote{text-align:center;color:var(--muted);margin-top:22px}
@media(max-width:820px){.f-how{grid-template-columns:1fr}.f-how-photo{max-width:420px;margin:0 auto}.f-hero.has-photo{padding:56px 20px 48px}.f-hero-img{object-position:50% 50%}.f-hero.has-photo::before{background:radial-gradient(ellipse 95% 62% at 50% 44%,rgba(6,22,40,.80) 0%,rgba(6,22,40,.68) 50%,rgba(6,22,40,.30) 85%,rgba(6,22,40,.15) 100%)}}
.f-hero.has-photo .eyebrow,.f-hero.has-photo .f-micro{display:table;margin-left:auto;margin-right:auto;background:rgba(6,22,40,.78);padding:4px 12px;border-radius:4px}
.f-hero.has-photo .f-micro{margin-top:14px}