:root{
  --ground:#08090b; --surface:#111318; --sunk:#0c0d10; --line:#1c1f26; --line-hot:#2b3039;
  --white:#fff; --silver:#d8dde5;
  --ice:#5FA3C4; --ice-2:#3A7896; --ice-dim:rgba(95,163,196,.14);
  --gold:#FFC53D; --gold-2:#D99510; --gold-dim:rgba(255,197,61,.12);
  --t1:rgba(255,255,255,.95); --t2:rgba(255,255,255,.66); --t3:rgba(255,255,255,.44); --t4:rgba(255,255,255,.24);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --bar:74px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--t1);font-family:var(--font);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom))}
@media (min-width:820px){body{padding-bottom:0}}
img,video{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
h1,h2{margin:0;letter-spacing:-.035em;line-height:1.03;text-wrap:balance;font-weight:900}
p{margin:0}
a{color:inherit}
.silver{background:linear-gradient(175deg,#fff 5%,#eef1f5 42%,#98a0ab 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:inline-block;padding-bottom:.16em;line-height:1.08}
.ice-txt{background:linear-gradient(160deg,#9FC9DC 0%,var(--ice) 45%,var(--ice-2) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:inline-block;padding-bottom:.16em;line-height:1.08}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--t3)}
.eyebrow.ice{color:var(--ice)}
.eyebrow.gold{color:var(--gold)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  background:linear-gradient(150deg,#8FC0D6 0%,var(--ice) 42%,var(--ice-2) 100%);
  color:#04202b;text-decoration:none;font-weight:900;font-size:18px;letter-spacing:-.015em;
  padding:20px 28px;border-radius:100px;border:none;cursor:pointer;min-height:62px;
  box-shadow:0 10px 40px rgba(95,163,196,.28);
  animation:pulse 3.2s ease-out infinite;transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{filter:brightness(1.08);box-shadow:0 14px 52px rgba(95,163,196,.42)}
.btn:active{transform:scale(.985)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes pulse{
  0%{box-shadow:0 10px 40px rgba(95,163,196,.28),0 0 0 0 rgba(95,163,196,.45)}
  70%{box-shadow:0 10px 40px rgba(95,163,196,.28),0 0 0 22px rgba(95,163,196,0)}
  100%{box-shadow:0 10px 40px rgba(95,163,196,.28),0 0 0 0 rgba(95,163,196,0)}}
.btn-note{margin-top:13px;font-size:14px;color:var(--t3);text-align:center}
.btn-note a{color:var(--t2);text-underline-offset:3px}
@media (min-width:640px){.btn{width:auto;display:inline-flex;font-size:19px;padding:21px 46px}}

.stick{position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:rgba(8,9,11,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line-hot);
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;
  transform:translateY(110%);transition:transform .3s ease}
.stick.on{transform:translateY(0)}
.stick .px{flex-shrink:0}
.stick .px b{display:block;font-size:17px;font-weight:900;letter-spacing:-.03em;line-height:1}
.stick .px span{font-size:10.5px;color:var(--t3);letter-spacing:.06em;font-weight:700;text-transform:uppercase}
.stick .btn{flex:1;font-size:16px;padding:15px 20px;min-height:52px;animation:none}
@media (min-width:820px){.stick{display:none}}

.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:78svh;
  background:linear-gradient(180deg,#0d0f13 0%,var(--ground) 72%)}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;opacity:.58}
.hero .veil{position:absolute;inset:0;background:
  radial-gradient(ellipse 78% 52% at 50% 34%,rgba(8,9,11,.30),rgba(8,9,11,.86) 68%,var(--ground) 100%),
  linear-gradient(180deg,rgba(8,9,11,.66) 0%,rgba(8,9,11,.28) 26%,rgba(8,9,11,.82) 72%,var(--ground) 100%)}
.hero .glow{position:absolute;left:50%;top:38%;width:min(820px,140vw);height:min(820px,140vw);
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(95,163,196,.09),transparent 62%)}
.hero-in{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0 54px}
.topline{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:auto}
.topline img{height:32px;width:auto}
.hero-mid{padding:34px 0 0;display:flex;flex-direction:column;align-items:center;width:100%}
.hero h1{font-size:clamp(36px,9.6vw,72px);margin:14px 0 0;max-width:16ch}
.hero .lede{margin:22px auto 0;max-width:46ch;font-size:clamp(16px,4.2vw,19px);color:var(--t2)}
.hero .lede b{color:var(--white);font-weight:700}
.hero-cta{margin-top:34px;width:100%;display:flex;flex-direction:column;align-items:center}

.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--sunk)}
.stats-in{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
@media (min-width:700px){.stats-in{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--sunk);padding:18px 14px;text-align:center}
.stat b{display:block;font-size:19px;font-weight:900;letter-spacing:-.03em;margin-bottom:2px;color:var(--white)}
.stat span{font-size:12px;color:var(--t3)}

section.blk{padding:clamp(54px,10vw,92px) 0;border-bottom:1px solid var(--line)}
.head{margin-bottom:34px}
.head.mid{text-align:center;display:flex;flex-direction:column;align-items:center}
.head h2{font-size:clamp(28px,7.4vw,48px);margin-top:10px}
.head p{margin-top:15px;max-width:48ch;color:var(--t2);font-size:16.5px}

.free{border-radius:22px;padding:30px 24px;border:1px solid rgba(255,255,255,.13);
  background:radial-gradient(ellipse 100% 62% at 50% 0%,rgba(95,163,196,.06),transparent 62%),
  linear-gradient(178deg,rgba(255,255,255,.03),var(--surface));
  box-shadow:0 18px 60px rgba(0,0,0,.45)}
.free .tag{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;padding:6px 13px;border-radius:100px;margin-bottom:16px;
  background:linear-gradient(150deg,#8FC0D6,var(--ice) 50%,var(--ice-2));color:#04202b}
.free h3{font-size:clamp(22px,5.6vw,29px);font-weight:900;margin:0 0 6px;letter-spacing:-.03em}
.free .sub{color:var(--t2);font-size:15.5px;margin-bottom:20px}
.free ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:11px}
.free li{font-size:15.5px;color:var(--t2);padding-left:27px;position:relative;line-height:1.45}
.free li::before{content:"";position:absolute;left:1px;top:8px;width:10px;height:5.5px;
  border-left:2px solid var(--ice);border-bottom:2px solid var(--ice);transform:rotate(-45deg)}
.free li b{color:var(--white)}

.vault{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.vault{grid-template-columns:1fr 1fr}}
.v{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  transition:border-color .2s,transform .2s}
.v:hover{border-color:rgba(255,255,255,.20);transform:translateY(-2px)}
.v .shot{position:relative;aspect-ratio:16/10;background:var(--sunk);overflow:hidden;
  display:grid;place-items:center}
.v .shot:not(.has-vid){background:
  radial-gradient(ellipse 92% 84% at 50% 22%,rgba(255,255,255,.07),transparent 66%),
  linear-gradient(158deg,#161a21 0%,var(--sunk) 100%)}
.v .ico{width:44px;height:44px;color:var(--t2);opacity:.85;position:relative;z-index:2}
.v .shot.has-vid .ico{display:none}
.v .shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity .35s}
.v .shot.has-vid video{opacity:.88}
.v .shot::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--surface),transparent 55%)}
.v .txt{padding:19px 21px 23px}
.v h4{margin:0 0 6px;font-size:17.5px;font-weight:800;letter-spacing:-.02em}
.v p{color:var(--t2);font-size:14.5px}

.quotes{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:820px){.quotes{grid-template-columns:1fr 1fr}}
.q{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px}
.q p{font-size:15.5px;color:var(--t2);line-height:1.62}
.q .who{display:flex;align-items:center;gap:12px;margin-top:18px}
.q .ini{width:42px;height:42px;border-radius:50%;flex-shrink:0;overflow:hidden;
  background:var(--sunk);border:1px solid var(--line-hot)}
.q .ini img{width:100%;height:100%;object-fit:cover;display:block}
.q .who b{display:block;font-size:14.5px;font-weight:700}
.q .who span{font-size:12.5px;color:var(--t3)}

.inside{margin-top:26px;padding:22px 24px;border-radius:16px;border:1px solid var(--line-hot);
  background:var(--surface);font-size:15.5px;color:var(--t2);text-align:center}
.inside b{color:var(--white)}
.inside .price{color:var(--ice);font-weight:800}

.faq{max-width:720px;margin:0 auto}
details{border-bottom:1px solid var(--line);padding:20px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;
  font-size:16.5px;font-weight:700;letter-spacing:-.015em;min-height:32px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--t3);font-size:26px;font-weight:400;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
summary:focus-visible{outline:2px solid var(--ice);outline-offset:6px;border-radius:4px}
details p{margin-top:12px;color:var(--t2);font-size:15.5px}

.final{position:relative;overflow:hidden;text-align:center;padding:clamp(66px,12vw,106px) 0;border-bottom:none}
.final .glow{position:absolute;left:50%;bottom:-38%;width:min(760px,125vw);height:min(760px,125vw);
  transform:translateX(-50%);background:radial-gradient(circle,rgba(95,163,196,.08),transparent 62%);pointer-events:none}
.final .in{position:relative;display:flex;flex-direction:column;align-items:center}
.final h2{font-size:clamp(30px,8.4vw,58px)}
.final .btn{margin-top:28px}

footer{padding:38px 0;text-align:center;border-top:1px solid var(--line)}
footer img{height:21px;width:auto;margin:0 auto 14px;opacity:.4}
footer p{font-size:12px;color:var(--t4);max-width:56ch;margin:0 auto;line-height:1.6}
footer a{color:var(--t3)}

/* ---- ManyChat delivery pages ---- */
.top{padding:20px 0 0;display:flex;justify-content:center}
.top img{height:30px;width:auto;opacity:.9}
.deliver{padding:26px 0 clamp(40px,8vw,60px);text-align:center;position:relative;overflow:hidden}
.deliver .glow{position:absolute;left:50%;top:-10%;width:min(720px,130vw);height:min(720px,130vw);
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(circle,rgba(95,163,196,.08),transparent 62%)}
.deliver .in{position:relative}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;padding:7px 15px;border-radius:100px;margin-bottom:16px;
  background:linear-gradient(150deg,#8FC0D6,var(--ice) 50%,var(--ice-2));color:#04202b}
.deliver h1{font-size:clamp(32px,8.6vw,54px);max-width:16ch;margin:0 auto}
.deliver .lede{margin:18px auto 0;max-width:38ch;font-size:clamp(15.5px,4.2vw,18px);color:var(--t2)}
.player{margin:28px auto 0;border-radius:18px;overflow:hidden;border:1px solid var(--line-hot);
  background:var(--sunk);box-shadow:0 20px 70px rgba(0,0,0,.6);position:relative;aspect-ratio:16/9}
.player video,.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.player.vert{aspect-ratio:9/16;max-width:380px}
.novid{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;
  color:var(--t3);font-size:14.5px;line-height:1.6}
.note{margin-top:26px;padding:20px 22px;border-radius:14px;border-left:3px solid var(--ice);
  background:rgba(95,163,196,.06);text-align:left;font-size:15.5px;color:var(--t2)}
.note b{color:var(--white)}

[hidden]{display:none!important}


/* ============ v2 sections: education, school, fun, tiers ============ */

/* framed product screenshot */
.shotwrap{border-radius:16px;overflow:hidden;border:1px solid var(--line-hot);
  background:var(--sunk);box-shadow:0 22px 60px rgba(0,0,0,.55)}
.shotwrap img{width:100%;height:auto}
.split .b .shotwrap{max-width:420px;margin:0 auto}
.shotcap{margin-top:11px;font-size:12.5px;color:var(--t4);text-align:center}

/* two-up: explainer text beside a screenshot */
.split{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
@media (min-width:860px){.split{grid-template-columns:1.15fr .85fr;gap:44px}
  .split.flip .a{order:2}.split.flip .b{order:1}}
.split h3{margin:0 0 12px;font-size:clamp(21px,5.2vw,27px);font-weight:800;letter-spacing:-.03em}
.split p{color:var(--t2);font-size:16px;margin-bottom:13px}
.split p:last-child{margin-bottom:0}
.split b{color:var(--white);font-weight:700}

/* flagship video — the best drill video, front and center */
.flagship{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:34px;
  padding-bottom:34px;border-bottom:1px solid var(--line)}
@media (min-width:860px){.flagship{grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}}
.flagship .player{margin:0;box-shadow:0 22px 60px rgba(0,0,0,.55)}
.flagship .player video{cursor:pointer}
.flagship-txt .tag{display:inline-flex;align-items:center;gap:7px;font-size:9.5px;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase;padding:6px 13px;border-radius:100px;margin-bottom:14px;
  background:linear-gradient(150deg,#8FC0D6,var(--ice) 50%,var(--ice-2));color:#04202b}
.flagship-txt h3{margin:0 0 12px;font-size:clamp(22px,5.6vw,28px);font-weight:800;letter-spacing:-.03em}
.flagship-txt p{color:var(--t2);font-size:16px;margin-bottom:0}
.flagship-txt .meta{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}
.flagship-txt .meta span{font-size:12.5px;color:var(--t3);display:flex;align-items:center;gap:6px}

/* course tracks */
.tracks{display:grid;grid-template-columns:1fr;gap:13px;margin-top:26px}
@media (min-width:760px){.tracks{grid-template-columns:repeat(3,1fr)}}
.track{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:21px 22px 23px}
.track .k{font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--t4)}
.track h4{margin:7px 0 13px;font-size:18px;font-weight:800;letter-spacing:-.02em}
.track ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.track li{font-size:14.5px;color:var(--t2);padding-left:16px;position:relative;line-height:1.45}
.track li b{color:var(--white);font-weight:700}
.track li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;
  background:var(--t4)}

/* the fun stuff — gold, deliberately not blue */
.fun{display:grid;grid-template-columns:1fr;gap:13px}
@media (min-width:700px){.fun{grid-template-columns:1fr 1fr}}
.f{border-radius:16px;padding:22px 23px;border:1px solid rgba(255,197,61,.22);
  background:linear-gradient(168deg,rgba(255,197,61,.07),var(--surface))}
.f h4{margin:0 0 6px;font-size:17px;font-weight:800;letter-spacing:-.02em;
  display:flex;align-items:center;gap:9px}
.f h4 span{font-size:19px;line-height:1}
.f p{color:var(--t2);font-size:14.5px}
.soon{display:inline-block;margin-left:8px;font-size:9.5px;font-weight:900;letter-spacing:.13em;
  text-transform:uppercase;padding:3px 8px;border-radius:100px;
  background:var(--gold-dim);color:var(--gold);border:1px solid rgba(255,197,61,.28);vertical-align:middle}

/* membership tiers */
.tiers{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}
@media (min-width:880px){.tiers{grid-template-columns:repeat(3,1fr);align-items:start}}
.t{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 23px 26px;
  display:flex;flex-direction:column;height:100%}
.t.lead{border-color:rgba(69,214,247,.34);
  background:linear-gradient(178deg,rgba(69,214,247,.055),var(--surface))}
.t .nm{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.t.lead .nm{color:var(--ice)}
.t .amt{margin:11px 0 3px;font-size:33px;font-weight:900;letter-spacing:-.04em;line-height:1}
.t .per{font-size:13px;color:var(--t3);margin-bottom:17px}
.t ul{list-style:none;padding:0;margin:0 0 21px;display:flex;flex-direction:column;gap:9px;flex:1}
.t li{font-size:14.5px;color:var(--t2);padding-left:22px;position:relative;line-height:1.45}
.t li::before{content:"";position:absolute;left:1px;top:7px;width:9px;height:5px;
  border-left:2px solid var(--t3);border-bottom:2px solid var(--t3);transform:rotate(-45deg)}
.t.lead li::before{border-color:var(--ice)}
.t li b{color:var(--white)}
.t .go{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:15px;
  padding:14px 18px;border-radius:100px;border:1px solid var(--line-hot);color:var(--t1);
  transition:border-color .18s,background .18s}
.t .go:hover{border-color:var(--t3);background:rgba(255,255,255,.04)}
.t .go:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.t.lead .go{background:linear-gradient(150deg,#7FE6FF 0%,var(--ice) 42%,var(--ice-2) 100%);
  color:#04202b;border-color:transparent;font-weight:900;font-size:16px;padding:16px 18px}
.tiers-note{margin-top:20px;font-size:13.5px;color:var(--t3);text-align:center;max-width:56ch;
  margin-left:auto;margin-right:auto}

/* the rooms panel — a faithful redraw of the app sidebar, not a screenshot */
.rooms{background:#101116;border:1px solid var(--line-hot);border-radius:16px;
  padding:18px 16px 20px;box-shadow:0 22px 60px rgba(0,0,0,.5)}
.rm-top{display:flex;align-items:center;gap:10px;padding:2px 6px 16px;
  border-bottom:1px solid var(--line);margin-bottom:14px}
.rm-top img{height:20px;width:auto}
.rm-top span{font-size:13px;font-weight:700;color:var(--t2);letter-spacing:-.01em}
.rm-k{font-size:9.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;
  color:var(--t4);padding:0 6px;margin:14px 0 7px}
.rm-k:first-of-type{margin-top:0}
.rooms ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.rooms li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--t2);
  padding:7px 8px;border-radius:8px}
.rooms li span{font-size:14px;line-height:1;width:17px;text-align:center;flex-shrink:0}
.rooms li:hover{background:rgba(255,255,255,.04);color:var(--t1)}