:root{
  --ink:#07090a;
  --ink-soft:#101416;
  --ink-card:#151a1d;
  --paper:#f4f7f6;
  --white:#ffffff;
  --aqua:#2ee7d0;
  --aqua-deep:#13bfae;
  --red:#ff3348;
  --red-deep:#d91832;
  --muted:#9ba6aa;
  --line:rgba(255,255,255,.13);
  --dark-line:rgba(7,9,10,.16);
  --frame:1200px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--aqua);color:var(--ink)}

.pageframe{width:min(calc(100% - 48px),var(--frame));margin-inline:auto}
.contentzone{padding:112px 0}
.microtag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--aqua)}
.microtag:before{content:"";width:22px;height:2px;background:currentColor}
.microtag--dark{color:var(--ink)}

.ui-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;font-size:13px;font-weight:900;letter-spacing:.02em;transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}
.ui-action:hover{transform:translateY(-2px)}
.ui-action--outline{border-color:var(--line);background:transparent;color:var(--white)}
.ui-action--red{background:var(--red);color:var(--white)}
.ui-action--red:hover{background:var(--red-deep)}
.ui-action--aqua{background:var(--aqua);color:var(--ink)}
.ui-action--aqua:hover{background:#66f2e2}
.ui-action--black{background:var(--ink);color:var(--white)}
.ui-action--large{min-height:54px;padding:0 26px;font-size:14px}
.inlinejump{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:800}
.inlinejump span{color:var(--red);font-size:18px;transition:transform .2s var(--ease)}
.inlinejump:hover span{transform:translate(3px,3px)}

.topline{position:sticky;top:0;z-index:1000;background:rgba(7,9,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topline__inner{height:78px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px}
.identity img{width:110px;height:auto}
.navrail{justify-self:center;display:flex;gap:30px}
.navrail a{position:relative;color:#b8c1c4;font-size:13px;font-weight:700}
.navrail a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--aqua);transition:right .2s var(--ease)}
.navrail a:hover{color:var(--white)}
.navrail a:hover:after{right:0}
.accountbar{display:flex;gap:8px}
.navtrigger{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer}
.navtrigger span{display:block;width:18px;height:2px;background:var(--white);transition:.2s var(--ease)}
.navtrigger.is-active span:first-child{transform:translateY(4.5px) rotate(45deg)}
.navtrigger.is-active span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.mobilepanel{display:none;border-top:1px solid var(--line);background:var(--ink-soft)}
.mobilepanel__links{padding:20px 0 26px;display:grid;gap:16px}
.mobilepanel__links>a:not(.ui-action){font-weight:800}

.launchpad{position:relative;overflow:hidden;padding:92px 0 0;background:linear-gradient(120deg,#07090a 0%,#0c1113 58%,#071310 100%)}
.launchpad:before{content:"";position:absolute;left:-130px;top:80px;width:330px;height:330px;border:1px solid rgba(46,231,208,.19);border-radius:50%}
.launchpad:after{content:"";position:absolute;right:10%;top:22%;width:120px;height:120px;background:var(--red);filter:blur(110px);opacity:.5}
.launchpad__layout{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center;padding-bottom:72px}
.launchpad__copy h1{font-size:clamp(58px,7.8vw,104px);line-height:.88;letter-spacing:-.075em;margin:24px 0 30px;max-width:780px}
.launchpad__copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--aqua)}
.launchpad__copy>p{max-width:610px;margin:0;color:#aab4b7;font-size:18px}
.launchpad__actions{display:flex;align-items:center;gap:28px;margin-top:34px}

.promo-stage{position:relative;min-height:540px}
.promo-stage__core{position:absolute;left:0;right:60px;top:24px;bottom:58px;background:var(--aqua);color:var(--ink);padding:52px 46px;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,0 100%)}
.promo-stage__core:after{content:"";position:absolute;right:24px;top:24px;width:64px;height:64px;border:1px solid rgba(7,9,10,.2);border-radius:50%}
.promo-stage__core strong{display:block;font-size:clamp(48px,5vw,72px);line-height:.92;letter-spacing:-.055em;margin:60px 0 0}
.promo-stage__core b{display:block;font-size:31px;margin:6px 0 24px;color:var(--red)}
.promo-stage__core p{max-width:390px;margin:0 0 30px;color:#203335}
.promo-stage__core>a{font-size:14px;font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:5px}
.promo-stage__core>a span{margin-left:10px}
.promo-stage__signal{position:absolute;right:0;top:0;z-index:2;background:var(--red);padding:12px 18px;font-size:10px;font-weight:900;letter-spacing:.16em}
.promo-stage__note{position:absolute;right:0;bottom:0;z-index:3;width:250px;background:var(--white);color:var(--ink);padding:20px 22px;border-left:6px solid var(--red)}
.promo-stage__note span,.promo-stage__note strong,.promo-stage__note small{display:block}
.promo-stage__note span{font-size:10px;letter-spacing:.16em;color:var(--red);font-weight:900}
.promo-stage__note strong{font-size:20px;margin:4px 0}
.promo-stage__note small{color:#576164}

.metricbar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.metricbar>div{min-height:126px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;align-content:center}
.metricbar>div>span{grid-row:1/3;color:var(--aqua);font-size:10px;font-weight:900}
.metricbar strong{font-size:28px;line-height:1}
.metricbar small{color:var(--muted);margin-top:6px}
.metricbar__cta{background:var(--red);display:flex!important;align-items:center;justify-content:center}
.metricbar__cta a{font-weight:900}
.metricbar__cta a span{margin-left:18px}

.headlinebar{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}
.headlinebar h2,.rewardlab__intro h2,.chapterrail h2,.moneyflow__head h2,.studiozone__title h2,.answerbank__intro h2{font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-.055em;margin:16px 0 0}
.headlinebar--compact{margin-bottom:32px}

.playdeck{background:var(--paper);color:var(--ink)}
.playdeck .microtag{color:var(--red)}
.spotlight{display:grid;grid-template-columns:1.35fr .65fr;min-height:380px;background:var(--aqua);margin-bottom:16px}
.spotlight__visual{background-position:center;background-size:cover;min-height:380px;position:relative}
.spotlight__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.15))}
.spotlight__info{position:relative;padding:44px 40px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-left:1px solid var(--dark-line)}
.spotlight__index{position:absolute;right:28px;top:26px;font-size:10px;font-weight:900;letter-spacing:.12em}
.spotlight__info h3{font-size:40px;line-height:.98;letter-spacing:-.045em;margin:16px 0}
.spotlight__info p{color:#244143;margin:0 0 26px}
.tilewall{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:12px}
.playtile{position:relative;overflow:hidden;background-size:cover;background-position:center;min-height:190px}
.playtile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.88) 100%);transition:background .25s var(--ease)}
.playtile:hover:before{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.68) 100%)}
.playtile span{position:absolute;left:18px;bottom:16px;z-index:2;color:var(--white);font-weight:900}
.playtile small{position:absolute;right:16px;top:14px;z-index:2;background:var(--red);color:var(--white);padding:4px 7px;font-size:9px;font-weight:900}
.playtile--wide{grid-column:span 2}
.playtile--tall{grid-row:span 2}

.rewardlab{background:var(--ink)}
.rewardlab__grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.rewardlab__intro{grid-row:span 2;padding-right:48px;align-self:center}
.rewardlab__intro p{max-width:360px;color:var(--muted);margin-top:24px}
.rewardcard{min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.rewardcard__no{position:absolute;right:22px;top:20px;font-size:10px;font-weight:900;opacity:.6}
.rewardcard small{font-size:10px;letter-spacing:.15em;font-weight:900}
.rewardcard h3{font-size:28px;line-height:1.05;margin:44px 0 12px}
.rewardcard p{margin:0;max-width:360px}
.rewardcard>a{font-weight:900;font-size:13px;margin-top:30px}
.rewardcard>a span{float:right}
.rewardcard--hero{grid-column:2/4;background:var(--red);min-height:330px}
.rewardcard--hero h3{font-size:42px;max-width:500px}
.rewardcard--hero p{color:#ffe6ea}
.rewardcard--dark{background:var(--ink-card);border:1px solid var(--line)}
.rewardcard--dark p{color:var(--muted)}
.rewardcard--light{background:var(--white);color:var(--ink)}
.rewardcard--light p{color:#596266}

.knowledge{background:var(--ink-soft)}
.knowledge__frame{display:grid;grid-template-columns:320px minmax(0,1fr);gap:92px}
.chapterrail{position:sticky;top:112px;align-self:start}
.chapterrail nav{margin-top:38px;border-top:1px solid var(--line)}
.chapterrail nav a{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);color:#9ca7aa;font-size:13px;font-weight:700}
.chapterrail nav a span{color:var(--aqua);font-size:10px}
.chapterrail nav a:hover{color:var(--white)}
.chaptercopy{max-width:780px}
.chaptercopy__lead{font-size:24px;line-height:1.45;color:#dce4e6;margin:0 0 74px}
.chaptercopy>section{position:relative;padding:0 0 58px 74px;margin-bottom:52px;border-bottom:1px solid var(--line)}
.chaptercopy>section>span{position:absolute;left:0;top:6px;color:var(--red);font-size:11px;font-weight:900}
.chaptercopy h3{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}
.chaptercopy p,.chaptercopy li{color:var(--muted)}
.chaptercopy ul{padding-left:18px}

.moneyflow{background:var(--aqua);color:var(--ink);padding:100px 0}
.moneyflow__head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:52px}
.moneyflow__head p{max-width:520px;margin:0 0 8px;color:#274648}
.moneyflow__cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}
.moneyflow__cards article{min-height:210px;padding:26px;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.moneyflow__cards article:nth-child(2){background:var(--ink);color:var(--white)}
.moneyflow__cards span{font-size:10px;font-weight:900;color:var(--red)}
.moneyflow__cards h3{font-size:24px;margin:70px 0 8px}
.moneyflow__cards p{margin:0;font-size:13px;opacity:.72}

.studiozone{background:var(--paper);color:var(--ink)}
.studiozone__layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}
.studiozone .microtag{color:var(--red)}
.studiolist{border-top:1px solid var(--dark-line)}
.studiolist a{display:grid;grid-template-columns:40px 160px 1fr auto;align-items:center;gap:22px;min-height:100px;border-bottom:1px solid var(--dark-line);transition:padding .2s var(--ease),background .2s var(--ease)}
.studiolist a:hover{padding-inline:12px;background:var(--white)}
.studiolist a>span{font-size:10px;font-weight:900;color:var(--red)}
.studiolist img{width:130px;height:42px;object-fit:contain;object-position:left center}
.studiolist strong{font-size:18px}
.studiolist small{color:#677174}

.voiceboard{background:var(--ink)}
.voiceboard__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.voiceboard blockquote{margin:0;min-height:260px;padding:28px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,rgba(255,255,255,.04),transparent)}
.voiceboard blockquote:nth-child(2){border-top:5px solid var(--aqua)}
.voiceboard blockquote:nth-child(3){border-top:5px solid var(--red)}
.voiceboard blockquote>span{font-size:68px;line-height:.7;color:var(--aqua);font-family:Georgia,serif}
.voiceboard blockquote p{font-size:19px;line-height:1.45;margin:20px 0 auto}
.voiceboard cite{font-style:normal;color:var(--muted);font-size:12px;margin-top:30px}

.answerbank{background:var(--ink-soft)}
.answerbank__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.answerbank__intro{position:sticky;top:112px}
.answerbank__intro p{color:var(--muted);margin-top:24px}
.accordionlist{border-top:1px solid var(--line)}
.accordionlist details{border-bottom:1px solid var(--line)}
.accordionlist summary{display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:14px;min-height:84px;cursor:pointer;list-style:none;font-size:17px;font-weight:800}
.accordionlist summary::-webkit-details-marker{display:none}
.accordionlist summary span{font-size:10px;color:var(--aqua);font-weight:900}
.accordionlist summary i{font-style:normal;font-size:24px;color:var(--red);transition:transform .2s var(--ease)}
.accordionlist details[open] summary i{transform:rotate(45deg)}
.accordionlist details p{margin:0;padding:0 44px 28px 56px;color:var(--muted);max-width:720px}

.endcap{padding:72px 0 28px;background:#040506;border-top:1px solid var(--line)}
.endcap__top{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}
.endcap__brand img{width:110px;margin-bottom:20px}
.endcap__brand p{max-width:480px;color:var(--muted);font-size:13px}
.endcap__nav{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.endcap__nav>div{display:flex;flex-direction:column;gap:8px}
.endcap__nav span{font-size:10px;color:var(--aqua);font-weight:900;letter-spacing:.14em;margin-bottom:8px}
.endcap__nav a{color:#a7b0b3;font-size:13px}
.endcap__nav a:hover{color:var(--white)}
.endcap__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:54px;padding-top:20px;color:#737e82;font-size:11px}
.dockbar{display:none}

@media (max-width:980px){
  .pageframe{width:min(calc(100% - 36px),var(--frame))}
  .navrail,.accountbar{display:none}
  .topline__inner{grid-template-columns:auto 1fr auto}
  .navtrigger{display:flex;grid-column:3}
  .mobilepanel.is-open{display:block}
  .launchpad__layout{grid-template-columns:1fr;gap:42px}
  .promo-stage{min-height:470px}
  .metricbar{grid-template-columns:repeat(2,1fr)}
  .spotlight{grid-template-columns:1fr}
  .spotlight__visual{min-height:360px}
  .tilewall{grid-template-columns:repeat(2,1fr)}
  .rewardlab__grid{grid-template-columns:1fr 1fr}
  .rewardlab__intro{grid-row:auto;grid-column:1/3;padding:0 0 24px}
  .rewardcard--hero{grid-column:1/3}
  .knowledge__frame{grid-template-columns:1fr;gap:58px}
  .chapterrail,.answerbank__intro{position:static}
  .chapterrail nav{display:grid;grid-template-columns:1fr 1fr}
  .chapterrail nav a:nth-child(odd){border-right:1px solid var(--line);padding-right:18px}
  .chapterrail nav a:nth-child(even){padding-left:18px}
  .moneyflow__head,.studiozone__layout,.answerbank__layout{grid-template-columns:1fr;gap:45px}
  .voiceboard__grid{grid-template-columns:1fr}
  .endcap__top{grid-template-columns:1fr;gap:48px}
}

@media (max-width:640px){
  .pageframe{width:min(calc(100% - 28px),var(--frame))}
  .contentzone{padding:78px 0}
  .topline__inner{height:66px}
  .launchpad{padding-top:62px}
  .launchpad__layout{padding-bottom:52px}
  .launchpad__copy h1{font-size:52px}
  .launchpad__copy>p{font-size:16px}
  .launchpad__actions{align-items:flex-start;flex-direction:column;gap:18px}
  .promo-stage{min-height:430px}
  .promo-stage__core{right:18px;top:20px;bottom:68px;padding:38px 28px;clip-path:polygon(0 0,90% 0,100% 9%,100% 100%,0 100%)}
  .promo-stage__core strong{font-size:46px;margin-top:54px}
  .promo-stage__core b{font-size:25px}
  .promo-stage__note{width:220px;padding:16px 18px}
  .metricbar{grid-template-columns:1fr 1fr}
  .metricbar>div{min-height:112px;padding:18px}
  .metricbar__cta{grid-column:1/3}
  .headlinebar{display:block}
  .headlinebar .inlinejump{margin-top:20px}
  .headlinebar h2,.rewardlab__intro h2,.chapterrail h2,.moneyflow__head h2,.studiozone__title h2,.answerbank__intro h2{font-size:40px}
  .spotlight__visual{min-height:270px}
  .spotlight__info{padding:32px 26px}
  .spotlight__info h3{font-size:34px}
  .tilewall{grid-template-columns:1fr;grid-auto-rows:220px}
  .playtile,.playtile--wide,.playtile--tall{grid-column:auto;grid-row:auto;min-height:220px}
  .rewardlab__grid{grid-template-columns:1fr}
  .rewardlab__intro,.rewardcard--hero{grid-column:auto}
  .rewardcard--hero h3{font-size:34px}
  .chapterrail nav{grid-template-columns:1fr}
  .chapterrail nav a:nth-child(odd),.chapterrail nav a:nth-child(even){border-right:0;padding-left:0;padding-right:0}
  .chaptercopy__lead{font-size:20px;margin-bottom:52px}
  .chaptercopy>section{padding-left:44px}
  .chaptercopy h3{font-size:28px}
  .moneyflow{padding:76px 0}
  .moneyflow__cards{grid-template-columns:1fr}
  .moneyflow__cards article{min-height:170px}
  .moneyflow__cards h3{margin-top:45px}
  .studiolist a{grid-template-columns:30px 1fr auto;gap:12px;padding:16px 0}
  .studiolist img{display:none}
  .studiolist strong{font-size:15px}
  .voiceboard blockquote{min-height:220px}
  .accordionlist summary{grid-template-columns:30px 1fr 24px;font-size:15px}
  .accordionlist details p{padding-left:44px;padding-right:20px}
  .endcap__nav{grid-template-columns:1fr 1fr}
  .endcap__bottom{padding-bottom:62px}
  .dockbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-top:1px solid var(--line)}
  .dockbar a{padding:14px;text-align:center;font-size:12px;font-weight:900}
  .dockbar a:last-child{background:var(--red)}
}