*{box-sizing:border-box;margin:0;padding:0}
:root{
 --navy:#0A2540;--navy2:#11324D;--slate:#1E3A5F;--slate-mid:#3D5777;
 --orange:#FF6B35;--orange-d:#E5552A;--coral:#FF8C5A;--gold:#FFB627;--gold-d:#E89F1C;
 --snow:#fff;--cloud:#F5F7FA;--mist:#E8EDF5;--soft:#5A6B80;--light:#6B7A90;--ok:#2E8B57;
 --hair:rgba(10,37,64,.08);--hair2:rgba(10,37,64,.14);
 --cta:linear-gradient(135deg,#FF6B35 0%,#FFB627 100%);
 --gold-grad:linear-gradient(135deg,#FFB627 0%,#FF8C5A 100%);
 --hero:linear-gradient(135deg,#0A2540 0%,#1E3A5F 55%,#11324D 100%);
 --hero-warm:linear-gradient(135deg,#0A2540 0%,#1E3A5F 48%,#FF6B35 130%);
 --sh-card:0 1px 2px rgba(10,37,64,.05),0 24px 48px -12px rgba(10,37,64,.16);
 --sh-cta:0 4px 14px rgba(255,107,53,.28),0 14px 40px -8px rgba(255,107,53,.4);
 --d:'Plus Jakarta Sans',sans-serif;--b:'Inter',system-ui,sans-serif;--m:'JetBrains Mono',monospace;}
html{scroll-behavior:smooth}
body{font-family:var(--b);background:var(--cloud);color:var(--navy);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px;margin:0 auto}
h1,h2,h3,h4{font-family:var(--d);color:var(--navy);line-height:1.05;letter-spacing:-.03em}
h1{font-weight:800;font-size:clamp(36px,5.4vw,68px);letter-spacing:-.045em}
h2{font-weight:800;font-size:clamp(29px,4.2vw,50px);letter-spacing:-.04em}
h3{font-weight:700;font-size:clamp(19px,2.2vw,25px)}
p{font-size:clamp(16px,1.4vw,18px);color:var(--slate-mid)}
a{color:inherit;text-decoration:none}
.eyebrow{font-family:var(--b);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.grad{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{font-family:var(--d);font-weight:500;font-size:clamp(18px,1.9vw,22px);line-height:1.5;color:var(--slate-mid);letter-spacing:-.01em}
.sec{padding:clamp(58px,8.5vw,116px) 0}
.sec.dark{background:var(--navy);color:#dfe7f1}.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark p,.sec.dark .lede{color:#aebccf}
.sec.mist{background:var(--mist)}
.kick{display:inline-block;margin-bottom:18px}
.center{text-align:center}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--d);font-weight:700;font-size:16px;letter-spacing:-.01em;color:#0A2540;background:var(--cta);padding:16px 30px;border-radius:100px;border:none;cursor:pointer;box-shadow:var(--sh-cta);transition:transform .16s ease,box-shadow .16s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,107,53,.4),0 22px 54px -8px rgba(255,107,53,.5)}
.btn-lg{font-size:clamp(17px,2vw,20px);padding:20px 42px}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);box-shadow:none}
.sec:not(.dark) .btn-ghost{color:var(--navy);border-color:var(--hair2)}
.btn-block{display:flex;width:100%;justify-content:center}
.csub{font-family:var(--m);font-size:13px;color:var(--light);margin-top:14px;letter-spacing:.01em}
.sec.dark .csub{color:#aebccf}
.pulse{animation:pulse 2.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,107,53,.45)}70%{box-shadow:0 0 0 18px rgba(255,107,53,0)}100%{box-shadow:0 0 0 0 rgba(255,107,53,0)}}
/* logo */
.logo{display:flex;align-items:center;gap:11px;font-family:var(--d);font-weight:800;font-size:22px;letter-spacing:-.04em}
.fmark{width:30px;height:30px;display:block;flex:none}
/* announcement + nav */
.abar{background:linear-gradient(90deg,#0A2540,#1E3A5F);color:#fff;text-align:center;font-size:13.5px;font-weight:600;padding:9px 16px;letter-spacing:.01em}
.abar b{color:var(--gold)}
.nav{position:sticky;top:0;z-index:50;background:rgba(10,37,64,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav .logo{color:#fff}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{font-weight:600;font-size:14.5px;color:#cdd9ea}.nav-links a:hover{color:#fff}
@media(max-width:820px){.nav-links a:not(.btn){display:none}}
/* hero */
.hero{background:var(--hero);color:#dfe7f1;position:relative;overflow:hidden;padding:clamp(52px,7vw,96px) 0 clamp(60px,8vw,104px)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 80% -8%,rgba(255,107,53,.22),transparent 60%),radial-gradient(900px 500px at 112% 28%,rgba(255,182,39,.14),transparent 55%);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4vw,60px);align-items:center}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr}}
.hero h1{color:#fff;margin-top:14px}
.hero .eyebrow{color:var(--gold)}
.hero .lede{color:rgba(223,231,241,.86);margin-top:20px;max-width:54ch}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;align-items:center}
.hbadges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.hbadges span{font-family:var(--m);font-size:12px;color:#cdd9ea;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:7px 13px;border-radius:100px}
/* micro-proof bar */
.proof{display:flex;gap:11px;align-items:flex-start;margin-top:22px;padding:13px 16px;border:1px solid rgba(255,182,39,.3);background:rgba(255,182,39,.08);border-radius:13px;max-width:54ch}
.proof svg{width:21px;height:21px;flex:none;color:var(--gold);margin-top:1px}
.proof p{font-size:14px;color:rgba(223,231,241,.85);line-height:1.5;margin:0}.proof b{color:#fff;font-weight:700}
/* hero product shot (browser frame) */
.shot{border-radius:15px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px -30px rgba(0,0,0,.62)}
.shot .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0d2238;border-bottom:1px solid rgba(255,255,255,.08)}
.shot .bar i{width:11px;height:11px;border-radius:50%;background:#33455c;display:block}
.shot .bar i:first-child{background:var(--orange)}
.shot .bar em{margin-left:10px;font-family:var(--m);font-style:normal;font-size:11.5px;color:#7c8da6}
.shot img{display:block;width:100%;height:auto}
.shot .stag{font-family:var(--m);font-size:11.5px;color:#cdd9ea;background:var(--navy);text-align:center;padding:9px}
/* trust strip */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
@media(max-width:680px){.trust{grid-template-columns:1fr;gap:30px}}
.trust .n{font-family:var(--d);font-weight:800;font-size:clamp(34px,4.8vw,54px);letter-spacing:-.04em}
.trust .l{color:var(--soft);font-size:15px;margin-top:6px}
/* grids/cards */
.grid{display:grid;gap:22px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:880px){.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}}
.card{background:var(--snow);border:1px solid var(--hair);border-radius:18px;padding:26px;box-shadow:0 1px 2px rgba(10,37,64,.04);transition:transform .16s,box-shadow .16s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-card)}
.ic{width:46px;height:46px;border-radius:12px;background:var(--mist);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--orange)}
.ic svg{width:24px;height:24px;display:block}
.card.pain{border-left:3px solid var(--orange)}
.card h3{font-size:19px;margin-bottom:8px}.card p{font-size:15px}
.sec.dark .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec.dark .ic{background:rgba(255,255,255,.08);color:var(--gold)}
/* steps */
.steps{counter-reset:s;display:grid;gap:18px}
.step{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start;background:var(--snow);border:1px solid var(--hair);border-radius:16px;padding:22px 24px}
.step .num{counter-increment:s;width:46px;height:46px;border-radius:12px;background:var(--cta);color:#0A2540;font-family:var(--d);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.step .num::before{content:counter(s)}
.step h3{font-size:18px;margin-bottom:4px}.step p{font-size:15px}
/* compare */
.flip{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:760px){.flip{grid-template-columns:1fr}}
.flip .col{border-radius:16px;padding:26px}
.flip .old{background:#fff;border:1px solid var(--hair)}.flip .new{background:var(--navy);color:#fff}
.flip h4{font-family:var(--b);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.flip .old h4{color:var(--light)}.flip .new h4{color:var(--gold)}
.flip ul{list-style:none;display:grid;gap:10px}.flip li{font-size:15.5px;padding-left:26px;position:relative}
.flip .old li{color:var(--soft)}.flip .old li::before{content:'\00d7';position:absolute;left:0;color:var(--light);font-weight:800}
.flip .new li::before{content:'\2192';position:absolute;left:0;color:var(--gold);font-weight:800}
/* bio */
.bio{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center}@media(max-width:760px){.bio{grid-template-columns:1fr}}
.bio .av{aspect-ratio:1;border-radius:22px;background:var(--hero-warm);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card)}
/* founding band */
.band{display:grid;grid-template-columns:1.45fr .9fr;gap:34px;align-items:center;background:var(--snow);border:1px solid var(--hair);border-left:4px solid var(--orange);border-radius:18px;padding:clamp(26px,4vw,42px);box-shadow:var(--sh-card)}
@media(max-width:760px){.band{grid-template-columns:1fr;text-align:center}}
/* wall of love */
.card.love{display:flex;flex-direction:column;gap:14px}
.card.love .qi{color:var(--orange)}.card.love .qi svg{width:30px;height:30px}
.card.love p{font-family:var(--d);font-weight:500;font-size:16.5px;color:var(--navy);line-height:1.45;margin:0}
.card.love .who{margin-top:auto;padding-top:6px}
.card.love .who b{display:block;font-family:var(--d);font-weight:700;color:var(--navy)}
.card.love .who span{font-family:var(--m);font-size:12px;color:var(--soft)}
.card.love.first{border:1.5px dashed var(--hair2);background:var(--cloud)}
/* offer stack */
.stack{list-style:none;max-width:640px;margin:0 auto}
.stack li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px dashed var(--hair2);font-family:var(--d)}
.stack li .nm{font-weight:700;font-size:16.5px;color:var(--navy)}.stack li .v{font-family:var(--m);font-size:14px;color:var(--soft);white-space:nowrap}
.stack li.tot{border-bottom:none}.stack li.tot .nm{font-weight:800;font-size:19px}.stack li.tot .v{color:var(--orange);font-weight:700}
.price{font-family:var(--d);font-weight:800;font-size:clamp(64px,11vw,128px);letter-spacing:-.05em;line-height:.9}
.price .c{font-size:.42em;vertical-align:top;opacity:.7}
.anchor{font-family:var(--d);font-weight:700;font-size:30px;color:#aebccf;text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:3px}
.badge{display:inline-block;padding:48px 60px;border-radius:50%;background:var(--cta);color:#0A2540;text-align:center;transform:rotate(-7deg);box-shadow:var(--sh-cta)}
.badge .big{font-family:var(--d);font-weight:800;font-size:50px;line-height:1}.badge .sm{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:6px}
/* faq */
.faq{max-width:800px;margin:0 auto}
.faq details{background:var(--snow);border:1px solid var(--hair);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--d);font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--orange);font-size:24px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:'\2013'}.faq .a{padding:0 24px 22px;color:var(--soft);font-size:15.5px}
/* booking + embed */
.book{background:var(--snow);border:1px solid var(--hair);border-radius:22px;padding:clamp(26px,3.4vw,40px);box-shadow:var(--sh-card);max-width:760px;margin:0 auto;text-align:center}
.tag{display:inline-block;font-family:var(--m);font-size:12px;color:var(--orange);background:rgba(255,107,53,.08);border:1px solid rgba(255,107,53,.22);border-radius:100px;padding:6px 14px}
.sec.dark .tag{color:var(--gold);background:rgba(255,182,39,.1);border-color:rgba(255,182,39,.26)}
.cal-embed{min-height:520px;border-radius:14px;overflow:hidden;background:var(--cloud);border:1px solid var(--hair);margin-top:22px;display:flex;align-items:center;justify-content:center}
.cal-mock{max-width:430px;width:100%;padding:26px;text-align:left}
.cm-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--d);font-weight:700;color:var(--navy);margin-bottom:14px}
.cm-ar{color:var(--soft);font-family:var(--m);font-size:15px}
.cm-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px}
.cm-days i{font-family:var(--m);font-size:11px;color:var(--soft);text-align:center;font-style:normal}
.cm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.cm-grid b{font-family:var(--d);font-weight:600;font-size:14px;color:var(--slate-mid);background:#fff;border:1px solid var(--hair);border-radius:9px;padding:9px 0;text-align:center}
.cm-grid b.sel{background:var(--cta);color:#0A2540;border-color:transparent}
.cm-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.cm-slots span{font-family:var(--m);font-size:12.5px;color:var(--orange);border:1px solid rgba(255,107,53,.4);border-radius:8px;padding:8px 12px}
.cm-slots span.on{background:var(--cta);color:#0A2540;border-color:transparent;font-weight:600}
.cm-note{display:flex;gap:8px;align-items:flex-start;font-family:var(--b);font-size:12.5px;color:var(--soft);border-top:1px dashed var(--hair2);padding-top:12px;line-height:1.45}
.cm-note svg{width:16px;height:16px;color:var(--orange);flex:none;margin-top:1px}
/* product gallery (show the builds) */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:860px){.gallery{grid-template-columns:1fr}}
.gshot{border-radius:13px;overflow:hidden;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card)}
.gshot .gbar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:var(--navy)}
.gshot .gbar i{width:9px;height:9px;border-radius:50%;background:#33455c;display:block}.gshot .gbar i:first-child{background:var(--orange)}
.gshot img{display:block;width:100%;height:auto}
.gshot .gcap{font-family:var(--m);font-size:12px;color:var(--soft);text-align:center;padding:11px;background:var(--cloud)}
/* scarcity + compact guarantee */
.scarce{display:inline-flex;align-items:center;gap:8px;font-family:var(--m);font-size:13px;font-weight:500;color:var(--gold);background:rgba(255,182,39,.12);border:1px solid rgba(255,182,39,.3);border-radius:100px;padding:8px 16px;margin:0 auto 6px}
.gtab{display:inline-flex;gap:9px;align-items:center;justify-content:center;font-family:var(--b);font-size:13.5px;color:#dfe7f1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 16px;margin-top:16px;max-width:520px}
.gtab svg{width:19px;height:19px;color:var(--gold);flex:none}.gtab b{color:#fff}
.flow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.flow span{font-family:var(--b);font-size:13.5px;color:var(--soft);background:#fff;border:1px solid var(--hair);border-radius:100px;padding:9px 16px}
.flow span b{font-family:var(--d);color:var(--orange);margin-right:6px}
.sec.dark .flow span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#cdd9ea}.sec.dark .flow span b{color:var(--gold)}
/* convertkit form (renders in WP build) */
.ck-form{display:grid;gap:10px;margin-top:4px}
.ck-form input{font-family:var(--b);font-size:15px;color:var(--navy);background:var(--cloud);border:1px solid var(--hair2);border-radius:12px;padding:13px 15px;width:100%}
.ck-form input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,53,.16)}
.ck-msg{font-family:var(--m);font-size:12.5px;min-height:16px;text-align:center}.ck-msg.ok{color:var(--ok)}.ck-msg.err{color:var(--orange-d)}
/* exit-intent slide-in + sticky */
.slidein{position:fixed;right:20px;bottom:20px;z-index:90;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--hair);border-radius:18px;box-shadow:0 30px 70px -20px rgba(10,37,64,.5);padding:22px;transform:translateY(150%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.slidein.show{transform:translateY(0);opacity:1}.slidein .x{position:absolute;top:10px;right:13px;border:none;background:none;font-size:22px;color:var(--light);cursor:pointer;line-height:1}
.slidein h4{font-size:19px;margin:6px 0}.slidein p{font-size:14px;margin-bottom:12px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--hair);padding:11px 16px;display:none}.sticky .btn{width:100%;justify-content:center}
@media(max-width:760px){.sticky{display:block}body{padding-bottom:74px}}
.footer{background:#06101b;color:#8fa2b8;padding:46px 0 38px;font-size:14px}.footer a{color:var(--gold)}
.footer .logo{color:#fff;margin-bottom:14px}.footer .fine{font-size:12px;color:#6f7f93;margin-top:16px;max-width:760px;line-height:1.6}
.footer a:hover{color:#fff}.footer .frow{display:flex;gap:18px;flex-wrap:wrap;align-items:center}