:root{--ink:#1b2338;--paper:#f7f6f2;--blue:#5368c9;--blue-dark:#4356ad;--sage:#e8eee3;--coral:#d98272;--line:#d8d9dc;--muted:#62697a;--surface:#fff;--shadow:0 22px 70px rgba(28,38,67,.1);--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:18px;top:-80px;z-index:100;padding:12px 18px;color:#fff;background:var(--ink);border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;min-height:74px;padding:10px 3vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(247,246,242,.94);border-bottom:1px solid rgba(216,217,220,.85);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-size:17px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--blue);border-radius:50%;box-shadow:0 8px 22px rgba(83,104,201,.22)}
nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.5vw,25px);font-size:13px;font-weight:700}nav a{padding:10px 0;white-space:nowrap;border-bottom:2px solid transparent}nav a:hover,nav a:focus-visible{color:var(--blue);border-bottom-color:var(--blue);outline:0}.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent}.menu-toggle>span:not(.sr-only){width:23px;height:2px;margin:5px auto;display:block;background:var(--ink);transition:transform .2s,opacity .2s}
.hero{max-width:1500px;min-height:620px;margin:0 auto;padding:34px 4vw 54px;display:grid;grid-template-columns:1.08fr .92fr;gap:26px}.hero-copy{padding:clamp(45px,6vw,80px) 2vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-label{margin:0 0 20px;color:var(--muted);font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:9px;height:9px;margin-right:10px;display:inline-block;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(217,130,114,.14)}
h1{max-width:760px;margin:0;font-size:clamp(54px,7.2vw,110px);font-weight:760;line-height:.92;letter-spacing:-.068em}h1 em,.panel-intro h3 em{color:var(--blue);font-family:Georgia,serif;font-weight:500}.lead{max-width:680px;margin:30px 0 0;color:#454d60;font-size:clamp(18px,1.5vw,23px);line-height:1.45;letter-spacing:-.02em}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(28,38,67,.13)}.button-primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:rgba(255,255,255,.7)}
.hero-poster{min-height:520px;padding:5vw 4vw;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#687bd0,#4c5eb3 65%,#404f97);border-radius:32px;box-shadow:var(--shadow)}.hero-poster:before{content:"";position:absolute;width:300px;height:300px;top:-170px;right:-140px;border:64px solid rgba(223,231,199,.65);border-radius:50%}.poster-kicker{margin-bottom:18px;font:800 13px/1 ui-monospace,monospace;letter-spacing:.22em}.poster-word{color:#eef2dc;font:italic 500 clamp(42px,4.7vw,75px)/.85 Georgia,serif}.poster-main{margin-top:10px;font-size:clamp(55px,6vw,95px);font-weight:850;line-height:.9;letter-spacing:-.065em}.poster-stamp{position:absolute;right:7%;bottom:8%;width:132px;height:132px;display:grid;place-items:center;text-align:center;color:#fff;background:rgba(217,130,114,.95);border-radius:50%;font-size:13px;font-weight:850;text-transform:uppercase;transform:rotate(4deg);box-shadow:0 16px 36px rgba(27,35,56,.22)}
.ticker{width:min(92%,1380px);min-height:52px;margin:0 auto;padding:14px 3vw;display:flex;justify-content:center;align-items:center;gap:2.5vw;color:var(--ink);background:#e9ebf2;border-radius:999px;font-size:clamp(12px,1.35vw,18px);font-weight:750;text-transform:uppercase;letter-spacing:.03em}.ticker i{color:var(--blue)}
.explorer{max-width:1500px;margin:0 auto;padding:100px 4vw 52px}.explorer-heading,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.explorer-heading h2,.section-heading h2,.about h2,.faq h2,.final-cta h2{margin:0;font-size:clamp(38px,5vw,72px);font-weight:650;line-height:.98;letter-spacing:-.052em}.explorer-heading>p,.section-heading>p{max-width:360px;margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.tab-list{margin-top:42px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tab-list button{min-height:142px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:var(--ink);background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:transform .2s,background .2s,border .2s,box-shadow .2s}.tab-list button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,38,67,.07)}.tab-list button[aria-selected="true"]{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 14px 30px rgba(83,104,201,.2)}.tab-list span{margin-bottom:auto;font:700 11px ui-monospace,monospace;opacity:.75}.tab-list b{font-size:16px;line-height:1.2;letter-spacing:-.02em}.tab-list i{margin-top:7px;font-size:12px;font-style:normal;opacity:.7}
.tab-panels{margin-top:14px}.tab-panel{min-height:500px;padding:32px;display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;background:#eef0f6;border-radius:28px}.tab-panel[hidden]{display:none}.panel-copy,.panel-intro,.info-column{align-self:center}.panel-copy h3,.panel-intro h3{max-width:720px;margin:0 0 24px;font-size:clamp(34px,4vw,58px);font-weight:650;line-height:1;letter-spacing:-.05em}.panel-copy .section-label,.panel-intro .section-label{color:var(--blue)}.panel-intro>p:last-child,.info-column>p{color:var(--muted);font-size:18px;line-height:1.55}.countdown-card{min-height:436px;padding:50px 4vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(160deg,#efd0c9,#e4a99d);border-radius:22px}.countdown-card strong{font-size:clamp(145px,18vw,280px);font-weight:650;line-height:.72;letter-spacing:-.09em}.countdown-card>span{margin-top:24px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.steps{margin:26px 0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;display:grid;grid-template-columns:28px 1fr;padding:13px 0 13px 38px;position:relative;border-top:1px solid #cfd2dc}.steps li:last-child{border-bottom:1px solid #cfd2dc}.steps li:before{content:counter(steps);position:absolute;left:0;color:var(--blue);font:700 12px ui-monospace,monospace}.steps li b,.steps li span{grid-column:2}.steps li span{margin-top:3px;color:var(--muted);font-size:14px}.sample{margin:18px 0;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:15px}.sample summary,.source-drawer summary{padding:16px 18px;display:flex;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}.sample summary::-webkit-details-marker,.source-drawer summary::-webkit-details-marker{display:none}.sample summary span,.source-drawer summary span{color:var(--blue);font-size:22px;transition:transform .2s}.sample[open] summary span,.source-drawer[open] summary span{transform:rotate(45deg)}.sample-body{padding:0 18px 18px;color:var(--muted);font-size:14px;line-height:1.5}.copy-button{padding:10px 14px;color:#fff;background:var(--blue);border:0;border-radius:999px;cursor:pointer;font-weight:700}.full-button{width:100%}
.notice{margin-top:28px;padding:18px 20px;display:grid;gap:5px;background:#e5eadb;border:1px solid #d4dcc8;border-radius:16px}.notice span{color:var(--muted);font-size:14px;line-height:1.45}.source-drawer{margin-top:24px;background:rgba(255,255,255,.64);border:1px solid var(--line);border-radius:16px}.source-list{padding:0 18px 14px}.source-list a{padding:12px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:14px}.source-list a:hover b{color:var(--blue)}.source-list i{font-style:normal}
.reason-grid,.voice-grid{align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:12px}.reason-grid article,.voice-grid article{min-height:185px;padding:22px;display:flex;flex-direction:column;background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:17px}.reason-grid b{color:var(--blue);font:700 11px ui-monospace,monospace}.reason-grid h4,.activity-grid h4{margin:auto 0 8px;font-size:23px;letter-spacing:-.03em}.reason-grid p,.voice-grid p,.activity-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.48}.voice-grid span{color:var(--blue);font:700 12px ui-monospace,monospace;text-transform:uppercase}.voice-grid p{margin-top:auto;font-size:16px}.activity-grid{align-self:center;display:grid;gap:12px}.activity-grid article{padding:22px;display:grid;grid-template-columns:45px 1fr;gap:16px;background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:17px}.activity-grid>article>span{color:var(--blue);font:700 12px ui-monospace,monospace}.activity-grid h4{margin:0 0 7px}
.demands{margin:58px 4vw 0;padding:70px 3vw 3vw;background:#e8ebf7;border-radius:30px}.section-heading{padding:0 3vw 44px}.demand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demand-grid article{min-height:270px;padding:30px;display:flex;flex-direction:column;background:rgba(255,255,255,.7);border:1px solid rgba(83,104,201,.12);border-radius:20px}.demand-grid span{color:var(--blue);font:700 12px ui-monospace,monospace}.demand-grid h3{margin:auto 0 14px;font-size:clamp(28px,2.7vw,42px);font-weight:650;letter-spacing:-.045em}.demand-grid p{margin:0;color:#596176;font-size:16px;line-height:1.5}
.about{max-width:1260px;margin:0 auto;padding:115px 5vw;display:grid;grid-template-columns:.35fr 1.65fr;gap:60px}.about>div{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.about p:last-child{margin:5px 0 0;color:var(--muted);font-size:18px;line-height:1.6}
.faq{padding:80px 10vw 110px;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:22px 2px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:18px;font-weight:650;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--blue);background:#e8ebf3;border-radius:50%;font-size:24px;font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:680px;margin:0;padding:0 0 22px;color:var(--muted);line-height:1.55}
.final-cta{min-height:520px;margin:0 4vw 28px;padding:80px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#6679cc,#4b5dad);border-radius:30px}.final-cta .section-label{color:#dfe4fa}.final-cta h2{margin-bottom:32px;font-size:clamp(64px,9vw,128px)}.final-button{color:var(--ink);background:#f6f7f0;border-color:#f6f7f0}
footer{padding:38px 4vw;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:40px;align-items:center;color:#eef0f7;background:var(--ink)}footer p{margin:0;color:#aeb5c7;font-size:13px;line-height:1.5}footer>div{display:flex;justify-content:flex-end;gap:20px;font-size:13px;font-weight:700}footer a:hover{color:#cbd4ff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:1100px){.site-header nav{position:fixed;inset:74px 0 auto;max-height:calc(100vh - 74px);padding:18px 5vw 30px;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 50px rgba(28,38,67,.12);overflow:auto}.site-header nav.is-open{display:flex}.site-header nav a{padding:14px 4px;font-size:17px;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.tab-list{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.tab-list button{scroll-snap-align:start}.about>div{grid-template-columns:1fr;gap:25px}}
@media(max-width:820px){html{scroll-padding-top:78px}.site-header{min-height:68px;padding:10px 18px}.site-header nav{inset:68px 0 auto}.brand{font-size:16px}.hero{min-height:auto;padding:0 18px 42px;grid-template-columns:1fr;gap:18px}.hero-copy{padding:55px 3px 36px}.hero-poster{min-height:430px;padding:55px 28px;border-radius:25px}.ticker{width:calc(100% - 36px);justify-content:flex-start;overflow:hidden;white-space:nowrap}.explorer{padding:78px 18px 35px}.explorer-heading,.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.tab-list{margin-top:30px;margin-right:-18px;padding-right:18px}.tab-panel{min-height:0;padding:15px;grid-template-columns:1fr;gap:30px;border-radius:22px}.countdown-card{min-height:340px}.panel-copy,.panel-intro,.info-column{padding:12px}.reason-grid,.voice-grid{grid-template-columns:1fr 1fr}.demands{margin:38px 18px 0;padding:55px 14px 14px;border-radius:24px}.section-heading{padding:0 14px 35px}.demand-grid{grid-template-columns:1fr}.demand-grid article{min-height:220px}.about{padding:85px 22px;grid-template-columns:1fr;gap:25px}.about>div{grid-template-columns:1fr}.faq{padding:65px 22px 85px;grid-template-columns:1fr;gap:35px}.final-cta{min-height:470px;margin:0 18px 18px;padding:70px 22px;border-radius:24px}footer{padding:38px 22px;grid-template-columns:1fr;gap:26px}footer>div{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.hero-actions .button{width:100%}.poster-stamp{width:112px;height:112px;font-size:11px}.tab-list{grid-template-columns:repeat(5,minmax(172px,1fr))}.tab-list button{min-height:128px}.reason-grid,.voice-grid{grid-template-columns:1fr}.countdown-card strong{font-size:145px}.sample summary{font-size:14px}.final-cta h2{font-size:58px}}
