:root{--blue:#08447a;--deep:#073765;--olive:#c2d162;--ink:#032c50;--white:#f8fafb;--ice:#d6e4ed;--rose:#d9a9b2;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--deep);color:var(--white);font-size:16px;line-height:1.35}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}[hidden]{display:none!important}::selection{background:var(--olive);color:var(--ink)}:focus-visible{outline:3px solid var(--rose);outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;background:white;color:var(--ink);padding:14px;z-index:10}.skip:focus{top:16px}.page{max-width:1000px;margin:auto;container-type:inline-size;background:var(--deep);overflow:hidden}.hero{position:relative;isolation:isolate;min-height:108cqw;background:var(--blue)}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/hero-reference.png') center top/100% auto no-repeat}.hero::after{content:"";position:absolute;inset:auto 0 -1px;height:22cqw;z-index:-1;background:linear-gradient(transparent,var(--deep));pointer-events:none}.hero-inner{position:relative;padding:5.2cqw 8.8cqw 2.8cqw}.wordmark{font-size:2.8cqw;font-weight:400;line-height:1;letter-spacing:.32em;margin:0 0 3.8cqw}.hero-copy{width:48%}.hero h1{font-size:10.2cqw;font-weight:900;line-height:.82;letter-spacing:-.055em;margin:0 0 1.8cqw;white-space:nowrap}.hero h1 span{display:block;font-size:1.01em;color:var(--olive);letter-spacing:-.065em}.hero-lead{font-size:2.08cqw;line-height:1.32;margin:0;max-width:38cqw}.hero-lead::after{content:"";display:block;margin-top:2cqw;width:4cqw;height:2px;background:var(--olive)}.benefits{width:47%;margin-top:2.6cqw;padding:2.1cqw 2.3cqw;border:1px solid #ffffff83;border-radius:2.5cqw;background:linear-gradient(110deg,#80a8c462,#48779451);box-shadow:inset 0 0 20px #d8edf526;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.benefits h2{font-size:2.95cqw;letter-spacing:-.025em;line-height:1.12;margin:0 0 1.2cqw;font-weight:800;white-space:nowrap}.benefits ul{list-style:none;padding:0;margin:0}.benefits li+li{border-top:1px solid #dce8ed50}.benefits a{display:block;font-size:1.98cqw;line-height:1.3;padding:1.3cqw 0;text-decoration:none}.benefits a:hover{text-decoration:underline;text-underline-offset:4px}.benefits strong{display:inline-block;color:#f6f7ed;border-radius:99px;background:linear-gradient(90deg,#a9bd5e94,#bcc96c57);border:1px solid #c6d66b95;padding:.6cqw 1.2cqw;margin-top:.8cqw;font-weight:700}.cta{display:flex;justify-content:space-between;align-items:center;gap:10px;width:52%;margin-top:1.9cqw;padding:1.7cqw 3.1cqw;border:1px solid #e9efb1;border-radius:99px;background:linear-gradient(100deg,#d4df80,#adbf4c);box-shadow:inset 0 0 5px #f7fad494,0 4px 14px #162f451a;color:#071f2d;font-size:2.65cqw;font-weight:800;text-decoration:none;line-height:1.2;white-space:nowrap}.cta:hover{background:#d3df81}.cta .arrow{font-size:1.4em;color:#344e4c}.growth{position:relative;isolation:isolate;padding:4.5cqw 4.8cqw 7cqw;background:var(--deep)}.growth::before{content:"";position:absolute;top:0;left:0;right:0;height:27cqw;z-index:-1;background:url('assets/hero-reference.png') center bottom/100% auto no-repeat;mask-image:linear-gradient(#0009,transparent);-webkit-mask-image:linear-gradient(#0009,transparent);opacity:.42}.growth .shell{width:100%}.growth-head{text-align:center;margin:0 auto 5cqw}.growth-head h2{font-size:10.4cqw;line-height:.88;letter-spacing:-.045em;margin:0;font-weight:900}.growth-head h2 span{display:block;color:var(--olive);font-size:.83em;line-height:.94;letter-spacing:-.03em;margin-top:.3cqw}.growth-head p{font-size:2.6cqw;line-height:1.32;max-width:82cqw;margin:1.7cqw auto 2.7cqw}.growth-head h3{font-size:3.8cqw;line-height:1.12;font-weight:800;margin:0;letter-spacing:-.03em}.growth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr) minmax(0,1fr);column-gap:2.5cqw;row-gap:3.4cqw;align-items:start;position:relative}.feature{min-width:0;scroll-margin-top:25px}.feature[data-side=left]{grid-column:1}.feature[data-side=right]{grid-column:3}.feature[data-row="1"]{grid-row:1}.feature[data-row="2"]{grid-row:2}.feature[data-row="3"]{grid-row:3}.feature[data-row="4"]{grid-row:4}.feature h3{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-stretch:condensed;font-size:2.6cqw;font-weight:800;line-height:1.05;margin:0 0 .9cqw;letter-spacing:-.045em;color:var(--olive)}.feature .short{font-size:2.05cqw;font-weight:400;line-height:1.3;margin:0;color:#f4f7fb}.hub{grid-column:2;grid-row:1/5;align-self:stretch;position:relative;min-height:79cqw;display:grid;place-items:center;pointer-events:none}.hub svg{position:absolute;inset:0;width:100%;height:100%;color:#c7d764;overflow:visible;filter:drop-shadow(0 0 3px #b6ce5050)}.hub strong{position:relative;display:block;color:var(--ink);font-size:4cqw;line-height:1.1;font-weight:800;letter-spacing:-.04em;white-space:nowrap;border:1px solid #edf3b4;background:linear-gradient(125deg,#d4e484,#aabd43);border-radius:99px;padding:2.6cqw 2.7cqw;box-shadow:0 0 3.8cqw #cad95d75,inset 0 0 5px #fff9}.launch-dialog{width:min(430px,calc(100% - 32px));color:var(--white);background:var(--deep);border:1px solid #9bbacb;border-radius:22px;padding:24px}.launch-dialog::backdrop{background:#03213dbc;backdrop-filter:blur(6px)}.dialog-close{display:block;margin-left:auto;min-height:44px;min-width:44px;padding:5px;border:0;color:var(--white);background:none;font-size:14px;cursor:pointer}.launch-dialog h2{color:var(--olive);font-size:30px;line-height:1.1;margin:15px 0}.launch-dialog p{font-size:16px;line-height:1.5}.dialog-link{display:block;padding:15px;border-radius:30px;text-align:center;background:var(--olive);color:var(--ink);text-decoration:none;font-weight:700;margin-top:24px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:599px){.hero{min-height:0}.hero-inner{padding:24px 20px 26px}.wordmark{font-size:15px;margin-bottom:27px;letter-spacing:.29em}.hero-copy{width:50%}.hero h1{font-size:clamp(41px,11.8cqw,65px);line-height:.84;letter-spacing:-.07em;margin-bottom:14px}.hero-lead{font-size:14px;line-height:1.3;max-width:100%}.hero-lead::after{margin-top:12px;width:27px}.hero::before{background-size:100% auto}.hero::after{height:28cqw}.benefits{width:55%;margin-top:20px;padding:15px 13px;border-radius:16px;background:linear-gradient(120deg,#5887a699,#1b4e7399);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.benefits h2{font-size:17px;white-space:normal;margin-bottom:9px;line-height:1.1}.benefits a{font-size:14px;line-height:1.3;padding:10px 0}.benefits strong{border-radius:10px;padding:5px 7px;margin-top:6px}.cta{width:66%;padding:13px 16px;font-size:15px;line-height:1.15;margin-top:13px;white-space:normal}.cta .arrow{font-size:22px}.growth{padding:24px 17px 38px}.growth::before{height:25cqw}.growth-head{margin-bottom:29px}.growth-head h2{font-size:11.5cqw;line-height:.91}.growth-head h2 span{font-size:.84em;line-height:1.01}.growth-head p{font-size:15px;line-height:1.3;margin:12px auto 18px;max-width:100%}.growth-head h3{font-size:23px;line-height:1.05}.growth-grid{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:28px 9px}.feature h3{font-size:16px;line-height:1.08;letter-spacing:-.05em;overflow-wrap:normal;margin-bottom:8px}.feature .short{font-size:14px;line-height:1.3}.hub{min-height:0}.hub strong{font-size:14px;padding:12px 10px;z-index:1;box-shadow:0 0 22px #cad95d70}.hub svg{width:100%;height:100%;stroke-width:2px}.feature{scroll-margin-top:20px}}
@media(max-width:360px){.hero-inner{padding-inline:16px}.hero-copy{width:51%}.hero h1{font-size:40px}.hero-lead{font-size:13px}.benefits{width:58%;padding:12px}.benefits a{font-size:13px}.benefits h2{font-size:16px}.cta{width:75%;font-size:14px}.growth{padding-inline:13px}.growth-grid{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);column-gap:8px}.feature h3{font-size:15px}.feature .short{font-size:13px}.hub strong{font-size:11px;padding:11px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:'Frivanz Display';src:url('assets/fonts/display-bold-cyr-v1.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
.hero h1,.growth-head h2{font-family:'Frivanz Display',Arial,sans-serif;font-weight:900;letter-spacing:-.065em}
.hero h1{font-size:9.7cqw;line-height:.87}.hero h1 span{font-size:1.05em}.hero-lead{max-width:34cqw}
.growth-head h2{font-size:10cqw}.growth-head h2 span{font-size:.83em}
.growth::before{mask-image:linear-gradient(transparent,#0009 22%,transparent);-webkit-mask-image:linear-gradient(transparent,#0009 22%,transparent)}
.hub strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hub svg path{vector-effect:non-scaling-stroke}.hub svg g{stroke-width:1.6}
@media(max-width:599px){.hero::before{background-size:auto 100%;background-position:center top}.hero-copy{width:42%}.hero h1{font-size:11.2cqw;line-height:.86}.hero-lead{max-width:100%;font-size:14px;text-shadow:0 1px 7px #043761}.benefits{width:54%;background:linear-gradient(120deg,#527d9cbb,#1b4e73ad)}.benefits h2{font-size:16px}.benefits a{font-size:13px}.growth-head h2{font-size:11cqw}.growth-grid{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);column-gap:8px}.hub strong{font-size:14px;padding:12px 10px}.hub svg g{stroke-width:1.1}.feature h3{font-size:15px;letter-spacing:-.045em}.feature .short{font-size:13px;line-height:1.35}}
@media(max-width:360px){.hero-copy{width:43%}.hero-lead{font-size:13px}.benefits{width:57%}.growth-grid{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.hub strong{font-size:12px;padding:10px 8px}.feature h3{font-size:14px}.feature .short{font-size:12px}}
@media(max-width:599px){.hero{background:linear-gradient(#08447a,#073765)}.hero::before{height:133.4cqw;background-size:120% auto;background-position:60% top;mask-image:linear-gradient(#000 84%,transparent);-webkit-mask-image:linear-gradient(#000 84%,transparent)}.hero-inner{padding-top:20px}.wordmark{font-size:14px;margin-bottom:22px}.hero-copy{width:38%}.hero-lead{font-size:12px;line-height:1.3}.hero h1{margin-bottom:12px}.benefits{margin-top:17px;padding:13px 12px}.benefits h2{font-size:15px}.benefits a{font-size:12px;padding:8px 0}.cta{font-size:13px;padding:12px 16px}.hero::after{height:20cqw}}

/* The approved diagram keeps its layout; the whole text area is a link. */
.feature-link{display:block;min-height:44px;text-decoration:none;border-radius:3px}
.feature-link:hover h3{text-decoration:underline;text-underline-offset:4px}

/* Full explanations follow the diagram on this same page. */
.explanations{max-width:808px;margin:0 auto;padding:0 44px 56px}
.explanation-article{padding:48px 0;border-top:1px solid #d6e4ed45;scroll-margin-top:24px}
.explanation-article:last-child{padding-bottom:0}
.explanation-kicker{font-size:15px;line-height:1.4;font-weight:700;letter-spacing:.1em;color:var(--olive);margin:0 0 20px}
.explanation-article h2{font-family:'Frivanz Display',Arial,sans-serif;font-size:clamp(30px,5.6cqw,46px);line-height:1.13;font-weight:800;letter-spacing:-.045em;margin:0 0 32px;text-wrap:balance}
.explanation-copy{font-size:19px;line-height:1.65;color:#f1f6fa}
.explanation-copy>p{margin:0 0 22px}
.note-reference{font-weight:700;color:var(--olive);text-decoration:none;text-underline-offset:3px}
.note-reference:hover{text-decoration:underline}
.program-note{margin-top:32px;border-top:1px solid #d6e4ed45;padding-top:22px;font-size:15px;line-height:1.6;color:#c8d9e5;scroll-margin-top:24px}
.program-note p{margin:0}
.explanation-footer{margin-top:28px}
.explanation-return{display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:13px 20px;border-radius:99px;background:var(--olive);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}
.explanation-return:hover{background:#d3df81}
@media(max-width:599px){.explanations{padding:0 23px 36px}.explanation-article{padding:36px 0;scroll-margin-top:20px}.explanation-kicker{font-size:13px;letter-spacing:.07em;margin-bottom:17px}.explanation-article h2{font-size:32px;margin-bottom:26px}.explanation-copy{font-size:17px;line-height:1.6}.explanation-copy>p{margin-bottom:20px}.program-note{font-size:14px;margin-top:26px;padding-top:20px}.explanation-footer{margin-top:26px}.explanation-return{font-size:14px;padding:13px 17px}}
@media(max-width:360px){.explanations{padding-inline:18px}.explanation-article h2{font-size:29px}.explanation-return{font-size:13px}}

/* Capybara story: flight between chapters, landing at the final invitation. */
.flight-scene{max-width:470px;margin:10px auto 32px;padding:0;pointer-events:none}
.flight-scene img{width:100%;height:auto;animation:capybara-drift 7s ease-in-out infinite}
@keyframes capybara-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.start-section{text-align:center;padding:35px 22px 46px;scroll-margin-top:20px;background:radial-gradient(ellipse at 65% 73%,#30618565,transparent 65%)}
.start-section h2{font-family:'Frivanz Display',Arial,sans-serif;font-size:clamp(30px,5.5cqw,48px);line-height:1.12;letter-spacing:-.04em;color:var(--olive);margin:0 auto 15px;max-width:680px}
.start-section>p{font-size:18px;line-height:1.5;max-width:440px;margin:0 auto 24px;color:var(--ice)}
.landing-scene{position:relative;max-width:850px;margin:auto;isolation:isolate}
.landing-scene img{width:100%;height:auto;display:block;pointer-events:none}
.landing-cta{position:absolute;left:30%;top:55.2%;width:65.4%;height:23.8%;display:flex;justify-content:center;align-items:center;gap:.5em;padding:0 7%;border:0;border-radius:999px;background:transparent;color:#082a36;font-family:'Frivanz Display',Arial,sans-serif;font-size:clamp(15px,3.5cqw,31px);font-weight:800;line-height:1.1;cursor:pointer;white-space:nowrap}
.landing-cta-label{position:relative;display:inline-flex;align-items:center;gap:.5em}
.landing-cta-label::after{content:"";position:absolute;left:0;right:0;bottom:-.23em;height:2px;background:currentColor;opacity:0;pointer-events:none;transition:opacity .15s ease}
.landing-cta:hover .landing-cta-label::after,.landing-cta:focus-visible .landing-cta-label::after,.landing-cta:active .landing-cta-label::after{opacity:1}
.landing-cta:focus-visible{outline:3px solid white;outline-offset:5px}
.waitlist-dialog{width:min(470px,calc(100% - 30px));padding:20px 28px 28px;max-height:calc(100dvh - 30px);overflow:auto}
.waitlist-dialog::backdrop{background:#031e37cc}
.waitlist-kicker{font-size:12px!important;letter-spacing:.15em;color:var(--olive);font-weight:700;margin:14px 0!important}
.waitlist-dialog h2{font-family:'Frivanz Display',Arial,sans-serif;font-size:35px;line-height:1.08;letter-spacing:-.04em;margin:15px 0;color:var(--white)}
.waitlist-dialog p{font-size:16px;line-height:1.55;margin:16px 0 22px}
#waitlist-form>label{display:block;font-size:14px;margin-bottom:9px}
#waitlist-email{width:100%;min-height:52px;padding:14px 15px;border:1px solid #aac1d2;border-radius:12px;background:#092d4f;color:var(--white);font:16px Arial;outline-offset:3px}
#waitlist-email::placeholder{color:#a9bdcd}
#waitlist-form .waitlist-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#d5e1e9;margin:18px 0}
.waitlist-consent input{width:19px;height:19px;flex:0 0 19px;margin:1px 0;accent-color:var(--olive)}
.waitlist-consent input[aria-invalid="true"]{outline:3px solid #f1bdc8;outline-offset:3px}
.waitlist-consent-error{margin:-10px 0 16px;color:#ffd8df;font-size:13px;line-height:1.45}
.waitlist-submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;border:0;border-radius:99px;background:var(--olive);color:var(--ink);font-size:16px;font-weight:700;padding:14px 18px;cursor:pointer}
.waitlist-submit:hover{background:#d6e187}.waitlist-submit:disabled{opacity:.7;cursor:wait}
.waitlist-dialog .waitlist-feedback{font-size:14px;line-height:1.5;margin:15px 0 0;color:#f2d2d8;min-height:0}
.waitlist-feedback:empty{display:none}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.waitlist-success{padding-bottom:6px}.waitlist-success h2{color:var(--olive)}
@media(max-width:599px){.flight-scene{width:100%;max-width:350px;margin:0 auto 25px}.start-section{padding:24px 0 30px}.start-section h2{font-size:30px;max-width:340px;padding:0 20px}.start-section>p{font-size:16px;max-width:330px;padding:0 20px;margin-bottom:20px}.landing-cta{font-size:clamp(14px,4.1cqw,23px);padding:0 4%}.waitlist-dialog{padding:16px 22px 24px}.waitlist-dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.flight-scene img{animation:none}}

/* Desktop: size the first screen by its content, not the portrait reference. */
@media(min-width:1000px){
  .page{max-width:none;width:100%}
  .hero{min-height:0;background:linear-gradient(125deg,#06376a,#08558d 70%,#08447a)}
  .hero::before{inset:0 0 0 auto;width:auto;height:100%;aspect-ratio:1.22;background-position:right 29%;background-size:100% auto;mask-image:linear-gradient(to right,transparent,#000 42%);-webkit-mask-image:linear-gradient(to right,transparent,#000 42%)}
  .hero::after{height:150px}
  .hero-inner{max-width:1600px;margin-inline:auto;padding:26px clamp(40px,5vw,80px)}
  .wordmark{font-size:16px;margin-bottom:20px}
  .hero-copy{width:clamp(440px,36vw,560px);max-width:48%}
  .hero h1{font-size:64px;margin-bottom:12px}
  .hero-lead{font-size:16px;line-height:1.4;max-width:400px}
  .hero-lead::after{display:none}
  .benefits{width:clamp(440px,36vw,560px);max-width:48%;margin-top:18px;padding:14px 18px;border-radius:18px}
  .benefits h2{font-size:23px;margin-bottom:6px;white-space:normal}
  .benefits a{font-size:16px;line-height:1.3;padding:8px 0}
  .benefits strong{padding:4px 9px;margin-top:5px}
  .cta{width:clamp(440px,36vw,560px);max-width:48%;font-size:19px;min-height:52px;padding:12px 22px;margin-top:14px;white-space:normal}
  .growth{padding:45px clamp(40px,5vw,80px) 70px}
  .growth::before{height:240px}
  .growth .shell{max-width:1280px;margin-inline:auto}
  .growth-head{margin-bottom:50px}
  .growth-head h2{font-size:clamp(72px,6.6vw,100px)}
  .growth-head h2 span{margin-top:3px}
  .growth-head p{font-size:24px;max-width:820px;margin:17px auto 27px}
  .growth-head h3{font-size:36px}
  .growth-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr) minmax(0,1fr);column-gap:32px;row-gap:34px}
  .feature h3{font-size:26px;margin-bottom:9px}
  .feature .short{font-size:20px}
  .hub{min-height:740px}
  .hub strong{font-size:40px;padding:26px 27px;box-shadow:0 0 38px #cad95d75,inset 0 0 5px #fff9}
}
@media(min-width:1000px) and (max-height:740px){
  .hero-inner{padding-block:18px}
  .wordmark{font-size:14px;margin-bottom:14px}
  .hero h1{font-size:56px;margin-bottom:10px}
  .hero-lead{font-size:15px}
  .benefits{margin-top:14px;padding:12px 18px}
  .benefits h2{font-size:21px;margin-bottom:4px}
  .benefits a{font-size:15px;padding:7px 0}
  .benefits strong{padding:3px 8px;margin-top:4px}
  .cta{font-size:18px;min-height:48px;padding-block:10px;margin-top:12px}
}

/* Open cloud area reserved for future content; no countdown is rendered. */
.hero-visual{display:none}
.hero-space{height:180px;position:relative;isolation:isolate;pointer-events:none}
.hero-space::before{content:"";position:absolute;left:50%;bottom:0;width:100cqw;height:100%;transform:translateX(-50%);background:url('assets/hero-reference.png') center bottom/max(100%,740px) auto no-repeat;opacity:.6;mask-image:linear-gradient(transparent,#000 45%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 45%,transparent);z-index:-1}

@font-face{font-family:'Frivanz Feature';src:url('assets/fonts/feature-condensed-bold-cyr-v1.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
.feature h3{font-family:'Frivanz Feature','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:0}

/* The reference composition: eight descriptions around the central brand. */
@media(max-width:599px){
  .hero-inner{padding:24px 22px 0}
  .hero::before{display:none}
  .hero::after{height:180px}
  .wordmark{font-size:14px;letter-spacing:.24em;margin-bottom:24px}
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(44px,13cqw,76px);line-height:1.03;letter-spacing:-.025em;margin-bottom:20px;white-space:normal}
  .hero h1 span{font-size:1em;letter-spacing:-.025em}
  .hero-lead{font-size:16px;line-height:1.55;max-width:34ch;text-shadow:none}
  .hero-lead::after{display:none}
  .hero-visual{display:block;height:clamp(280px,82cqw,440px);margin:10px -22px 0;background:url('assets/hero-reference.png') right 30%/145% auto no-repeat;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
  .benefits{width:100%;max-width:none;margin-top:12px;padding:21px 20px;border-radius:20px;background:linear-gradient(120deg,#527d9c80,#1b4e7399)}
  .benefits h2{font-size:22px;line-height:1.25;letter-spacing:0;margin-bottom:8px}
  .benefits a{font-size:16px;line-height:1.5;padding:13px 0}
  .benefits strong{padding:5px 9px;margin-top:6px;border-radius:12px}
  .cta{width:100%;max-width:none;font-size:17px;line-height:1.35;min-height:58px;padding:16px 22px;margin-top:18px}
  .hero-space{height:145px}
  .hero-space::before{opacity:.68}
  .growth{padding:24px 14px 36px}
  .growth::before{height:230px;opacity:.5;background-size:max(100%,740px) auto}
  .growth-head{margin-bottom:24px}
  .growth-head h2{font-size:clamp(32px,9.8cqw,56px);line-height:1.13;letter-spacing:-.025em}
  .growth-head h2 span{font-size:.84em;line-height:1.14;letter-spacing:-.015em;margin-top:10px}
  .growth-head p{font-size:15px;line-height:1.5;max-width:32ch;margin:14px auto 18px}
  .growth-head h3{font-size:23px;line-height:1.2;letter-spacing:-.015em}
  .growth-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(86px,23cqw,132px) minmax(0,1fr);grid-template-rows:none;column-gap:6px;row-gap:30px;position:relative;align-items:start}
  .hub{display:grid;place-items:center;grid-column:2;grid-row:1/5;min-height:0;height:auto;align-self:stretch;position:relative;z-index:0}
  .hub svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .hub svg g{stroke-width:1.4}
  .hub strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:none;margin:0;padding:14px 7px;font-size:clamp(17px,4.53cqw,23px);line-height:1.1;letter-spacing:0;box-shadow:0 0 28px #cad95d75,inset 0 0 5px #fff9}
  .hub::after,.feature::before,.feature::after{display:none}
  .feature,.feature:last-child{position:relative;margin:0;padding:0;border:0;align-self:start;z-index:1;scroll-margin-top:22px}
  .feature[data-side=left]{grid-column:1}
  .feature[data-side=right]{grid-column:3}
  .feature[data-row="1"]{grid-row:1}
  .feature[data-row="2"]{grid-row:2}
  .feature[data-row="3"]{grid-row:3}
  .feature[data-row="4"]{grid-row:4}
  .feature-link{height:auto;min-height:44px;display:block;padding:0;border:0;border-radius:0;background:none;text-align:left}
  .feature h3{font-family:'Frivanz Feature','Arial Narrow',Arial,sans-serif;font-size:clamp(16px,4.53cqw,23px);line-height:1.13;letter-spacing:0;margin:0 0 8px;text-transform:none;overflow-wrap:normal;hyphens:manual}
  .feature h3::first-letter{text-transform:none}
  .feature .short{display:block;font-size:clamp(14px,3.74cqw,18px);line-height:1.45;margin:0;hyphens:none;overflow-wrap:break-word}
  .explanation-article h2{font-size:30px;line-height:1.2;letter-spacing:-.02em}
}
@media(max-width:360px){
  .hero-inner{padding-inline:18px}
  .hero-visual{margin-inline:-18px}
  .benefits{padding:19px 17px}
  .growth{padding-inline:12px}
  .growth-grid{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);row-gap:26px}
  .feature h3{font-size:14px}
  .hub strong{font-size:15px;padding:12px 4px}
}

/* Task #297 rework: the approved wide composition uses independently checked
   local sky and transparent mascot assets. Content remains capped at 1440px. */
.hero{background-color:#073f74;background-image:url('assets/hero-sky-wide-v1-1440-v1.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.hero::before{display:none}
.hero-inner{isolation:isolate}
.hero-visual{pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 38px #031b344a)}
.growth::before{background:radial-gradient(ellipse at 50% 0,#2b64906b,transparent 72%)}
.hero-space::before{display:none}

@media(min-width:1000px){
  .hero{min-height:clamp(700px,78vh,860px)}
  .hero::after{height:190px;background:linear-gradient(transparent,#073765)}
  .hero-inner{width:min(100%,1440px);min-height:clamp(700px,78vh,860px);padding-inline:clamp(44px,5vw,76px)}
  .hero-copy,.benefits,.cta{position:relative;z-index:2;width:clamp(430px,36vw,540px);max-width:45%}
  .hero-visual{display:block;position:absolute;z-index:1;right:clamp(8px,2vw,32px);top:20px;width:clamp(500px,49vw,690px);height:calc(100% - 34px);margin:0;background:none;mask-image:none;-webkit-mask-image:none}
  .hero-space{height:96px}
  .hero-space::before{display:none}
}

@media(min-width:1600px){
  .hero{min-height:780px;background-image:url('assets/hero-sky-wide-v1-1916-v1.webp')}
  .hero-inner{min-height:780px}
  .hero h1{font-size:68px}
  .hero-visual{right:0;width:680px}
}

@media(min-width:1000px) and (max-height:800px){
  .hero{min-height:680px}
  .hero-inner{min-height:680px}
  .hero-space{height:56px}
  .hero-visual{top:10px;height:calc(100% - 18px);width:clamp(470px,45vw,610px)}
}

@media(max-width:999px){
  .hero{background-position:58% center}
}

@media(max-width:599px){
  .hero{background-color:#073f74;background-image:url('assets/hero-sky-wide-v1-1916-v1.webp');background-position:center;background-size:auto 100%;background-repeat:no-repeat}
  .hero-visual{display:block;height:clamp(330px,98cqw,500px);margin:0 -22px;background:none;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
  .hero-visual img{object-position:62% center;transform:scale(1.02)}
  .hero-space{height:90px}
  .hero-space::before{display:none}
}

/* Motion is opt-in after JavaScript has installed observers; without JS every
   block remains visible and usable. */
.reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.motion-ready .reveal[data-reveal-side="left"]:not(.is-visible){transform:translateX(-18px)}
.motion-ready .reveal[data-reveal-side="right"]:not(.is-visible){transform:translateX(18px)}
.wordmark{display:inline-block;color:inherit;text-decoration:none}
.cta{background-color:#c4d264;background-image:linear-gradient(100deg,#d4df80,#adbf4c)}
.cta,.landing-cta,.waitlist-submit,.explanation-return,.feature-link{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease}
.cta:hover{background-color:#c4d264;background-image:linear-gradient(100deg,#d4df80,#adbf4c);transform:none;filter:brightness(1.04);box-shadow:0 10px 24px #031f3738}
.waitlist-submit:hover,.explanation-return:hover{transform:translateY(-2px);box-shadow:0 10px 24px #031f3738}
.cta:active,.waitlist-submit:active,.explanation-return:active{transform:translateY(1px) scale(.985)}
.feature-link:hover{transform:translateY(-2px)}
.launch-dialog[open]{animation:dialog-in .24s ease both}
.launch-dialog[open]::backdrop{animation:backdrop-in .24s ease both}
.launch-dialog.is-closing{animation:dialog-out .18s ease both}
.launch-dialog.is-closing::backdrop{animation:backdrop-out .18s ease both}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.985)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes backdrop-out{to{opacity:0}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .motion-ready .reveal:not(.is-visible){opacity:1;transform:none}
}

/* 2026-09-25 source refresh: open benefits, luminous opportunity map and the
   approved invitation copy, while retaining the light responsive artwork. */
.growth{
  --olive:#ccdc54;
  background:
    linear-gradient(to bottom,var(--deep),transparent 50px,transparent calc(100% - 100px),var(--deep)),
    radial-gradient(ellipse at 50% 51%,#3275a02b,transparent 39%),
    radial-gradient(ellipse at 0% 82%,#3c9acb38,transparent 41%),
    radial-gradient(ellipse at 100% 95%,#55a9d33d,transparent 38%),
    linear-gradient(145deg,#0a4477 0%,#063362 36%,#073767 65%,#084371 88%,var(--deep) 100%);
}
.growth::before{height:380px;opacity:.88;background:radial-gradient(ellipse at 50% 0,#2b64906b,transparent 72%);mask-image:linear-gradient(transparent,#000 15%,#0009 47%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#0009 47%,transparent)}
.growth::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(136deg,transparent 43%,#4ca9df06 50%,#72bfea13 53%,#42a5e608 55%,transparent 61%),radial-gradient(ellipse at 50% 67%,#8bd3ef0b,transparent 32%);mask-image:linear-gradient(transparent 15%,#000 40%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent 15%,#000 40%,#000 88%,transparent)}
.hub-brand{grid-column:2;grid-row:1/5;align-self:stretch;position:relative;min-width:0;display:grid;place-items:center;pointer-events:none;z-index:2}
.hub-brand strong{position:relative;width:100%;max-width:330px;padding:22px 12px;text-align:center;font-family:'Frivanz Display',Arial,sans-serif;font-size:clamp(32px,3.35cqw,48px);line-height:1.15;letter-spacing:-.04em;color:#042d51;border:1.5px solid #eaf69b;border-radius:99px;background:radial-gradient(ellipse at 29% 0%,#f2f9ad99,transparent 61%),linear-gradient(115deg,#d8eb68 0%,#b9d447 48%,#aaca3c 76%,#c1db52 100%);box-shadow:inset 0 2px 5px #ffffe1b3,inset 0 -3px 9px #78962645,0 0 24px #d8ef717a,0 0 60px #c9e26a4d,0 0 105px #d5e9751c;text-shadow:0 1px 0 #efff9a33}
.hub svg{color:#d0df55;filter:drop-shadow(0 0 4px #d0e55955)}
.hub svg g{stroke-width:1.8}
.feature h3{margin-bottom:12px;transition:color .22s ease,text-shadow .22s ease}
.hub svg g>path{transition:stroke .22s ease,filter .22s ease,opacity .22s ease}
.hub svg g>path.is-drawing{marker-end:none}
.hub svg g>path.is-highlighted,.hub svg g>path.is-selected{stroke:#f1ff98;filter:drop-shadow(0 0 5px #daee83b3)}
.feature.is-highlighted h3,.feature.is-selected h3{color:#edf89c;text-shadow:0 0 15px #d1e67145}
.feature.is-selected .feature-link{background:#0f4a7852;box-shadow:0 0 0 1px #d5e66d70,0 10px 30px #031e3730}
.feature-link{padding:8px;border-radius:10px}

.benefits{position:relative;isolation:isolate;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin-top:32px;text-shadow:0 2px 4px #022541,0 0 14px #022541}
.benefits::before{content:"";position:absolute;z-index:-1;inset:-30px -70px;border-radius:48%;background:radial-gradient(ellipse at 28% 48%,#032d55cc 0%,#063b6794 48%,#063b674d 63%,transparent 78%);filter:blur(12px);pointer-events:none}
.benefits h2{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.025em;color:#b8ccd9;margin:0 0 22px;white-space:normal}
.benefits ul{display:grid;gap:20px}
.benefits li+li{border:0}
.benefits a{display:block;min-height:44px;padding:0;font-size:16px;line-height:1.5;text-decoration:none}
.benefits a:hover{text-decoration:none}
.benefits .benefit-title{display:block;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:#f8fafb;transition:color .2s ease}
.benefits .benefit-detail{display:block;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;color:#c8dce8;margin-top:4px}
.benefits strong{display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--olive);font-weight:700}
.benefits strong.benefit-detail{font-weight:700;color:var(--olive)}
.benefits a:hover .benefit-title{color:#dce7a5}
.cta{position:relative;isolation:isolate;overflow:hidden;min-height:58px;padding:16px 22px;margin-top:30px;border:1px solid transparent;border-radius:14px;background-color:#c2d162;background-image:linear-gradient(100deg,#d4df80,#adbf4c);box-shadow:none;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;color:#082c43;white-space:normal;transition:filter .2s ease,box-shadow .2s ease}
.cta:hover{background-color:#c2d162;background-image:linear-gradient(100deg,#d4df80,#adbf4c);transform:none;filter:brightness(1.05);box-shadow:0 10px 24px #031f3738}
.cta .arrow{font-size:25px;line-height:1;color:inherit;flex:none;transition:transform .2s ease}
.cta:hover .arrow{transform:translateX(3px)}
.cta::after{content:"";position:absolute;inset:-15% -35%;pointer-events:none;background:linear-gradient(110deg,transparent 39%,#fffde938 50%,transparent 63%);transform:translateX(-105%);opacity:0}
.cta.has-arrived::after{animation:landing-glint 1.15s ease-out .2s both}
@keyframes landing-glint{0%{transform:translateX(-105%);opacity:0}20%{opacity:.7}80%{opacity:.7}100%{transform:translateX(105%);opacity:0}}

.start-section{padding-top:48px;background:linear-gradient(to bottom,var(--deep),transparent 80px,transparent calc(100% - 90px),var(--deep)),radial-gradient(ellipse at 65% 73%,#30618565,transparent 65%)}
.launch-note{max-width:860px;margin:0 auto;padding:0 28px;text-align:center}
.launch-note h2{max-width:800px;font-family:'Frivanz Display',Arial,sans-serif;font-size:clamp(40px,4.4vw,60px);line-height:1.12;letter-spacing:-.035em;color:var(--white);margin:0 auto 28px;text-wrap:balance}
.launch-note p{max-width:700px;margin:0 auto 20px;font-size:20px;line-height:1.6;color:var(--ice);text-wrap:pretty}
.launch-note p:last-child{margin-bottom:0;color:var(--olive)}
.start-section .start-instruction{max-width:560px;margin:28px auto 4px;font-size:16px;line-height:1.5;color:#b8ccd9}

@media(min-width:1000px){
  .benefits{margin-top:28px}.benefits ul{gap:18px}.benefits h2{font-size:15px;margin-bottom:18px}.benefits .benefit-title{font-size:28px}.benefits .benefit-detail{font-size:18px}.cta{font-size:22px;min-height:62px}
  .hub-brand strong{box-shadow:inset 0 1px 4px #ffffe166,inset 0 -2px 7px #78962630,0 0 22px #d8ef7138,0 0 52px #c9e26a24}
}
@media(min-width:1000px) and (max-height:740px){.benefits{margin-top:24px}.benefits ul{gap:14px}.benefits .benefit-title{font-size:25px}.benefits .benefit-detail{font-size:17px}.cta{font-size:20px;min-height:58px;margin-top:24px}.hero-space{height:88px}}
@media(min-width:600px) and (max-width:999px){.hub-brand strong{font-size:4cqw;padding:2.4cqw 1cqw}.benefits .benefit-title{font-size:clamp(19px,2.6cqw,24px)}.benefits .benefit-detail{font-size:16px}.cta{font-size:17px}.hero-space{height:90px}}
@media(max-width:599px){
  .hero-inner{padding:28px 24px 0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(44px,13cqw,76px);line-height:1.03;letter-spacing:-.025em;margin-bottom:20px;white-space:normal}.hero h1 span{font-size:1em;letter-spacing:-.025em}.hero-lead{font-size:16px;line-height:1.55;max-width:34ch;text-shadow:none}.hero-lead::after{display:none}
  .hero-visual{height:calc(100cqw + 64px);margin-top:-42px;margin-inline:-36px;mask-image:linear-gradient(to bottom,transparent 0%,#00000003 6%,#0000000f 12%,#00000038 18%,#00000080 24%,#000000cc 30%,#000 36%,#000 64%,#000000ef 70%,#000000b3 78%,#00000052 88%,#0000000f 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#00000003 6%,#0000000f 12%,#00000038 18%,#00000080 24%,#000000cc 30%,#000 36%,#000 64%,#000000ef 70%,#000000b3 78%,#00000052 88%,#0000000f 96%,transparent 100%)}
  .benefits{width:100%;max-width:none;margin-top:12px}.benefits::before{inset:-36px -32px;border-radius:32px;background:linear-gradient(180deg,transparent 0%,#032d55a8 13%,#032d55d6 48%,#032d55bf 86%,transparent 100%);filter:blur(8px)}.benefits h2{font-size:14px;margin-bottom:23px}.benefits ul{gap:23px}.benefits .benefit-title{font-size:clamp(20px,5.6cqw,24px);line-height:1.28}.benefits .benefit-detail{font-size:16px;line-height:1.5}.cta{width:100%;max-width:none;margin-top:30px;min-height:58px;font-size:17px;padding:16px 20px}.hero-space{height:80px}
  .growth::before{height:285px;opacity:.88}.hub-brand{grid-column:1/-1;grid-row:3;min-height:104px;align-self:center}.hub-brand strong{position:relative;width:min(78cqw,304px);max-width:100%;padding:20px 16px;font-size:clamp(32px,9.7cqw,46px);line-height:1.15;letter-spacing:-.035em}.hub svg g{stroke-width:1.6}.feature[data-row="3"]{grid-row:4}.feature[data-row="4"]{grid-row:5}.feature-link{padding:4px}
  .start-section{padding-top:36px}.launch-note{padding:0 24px}.launch-note h2{font-size:clamp(32px,8.8cqw,40px);line-height:1.13;margin-bottom:24px;padding:0;max-width:none}.launch-note p{font-size:18px;line-height:1.55}.start-section .start-instruction{margin-top:24px;max-width:370px;padding:0 24px;font-size:15px}
}
@media(max-width:360px){.hero-inner{padding-inline:20px}.hero-visual{margin-inline:-32px}.benefits .benefit-title{font-size:20px}.cta{font-size:16px;padding-inline:17px}.hub-brand{min-height:96px}.hub-brand strong{font-size:32px;padding:20px 12px}}
@media(prefers-reduced-motion:reduce){.benefits .benefit-title,.cta,.cta .arrow,.feature h3,.hub svg g>path{transition:none}.cta.has-arrived::after{animation:none!important}}