/* Separate visual proposal. The approved four-module landing stays untouched. */
:root{--night:#151516;--lime:#ecebea;--paper:#f5f5f3;--green:#29292b;--line:#dadada}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.immersive{background:var(--paper)}
.immersive .site-header{position:relative;z-index:2;background:var(--night);color:var(--paper);width:100%;padding-inline:max(24px,calc((100% - 1200px)/2));border-bottom:1px solid #ffffff16;min-height:80px}
.immersive .site-header .rocket-base{filter:brightness(0) invert(1)}
.immersive .site-header .rocket-ship > path{fill:var(--lime)}
.immersive .nav-cta{color:var(--lime)}
.immersive .promo-bar{background:var(--lime);box-shadow:none;border:0}
.immersive .promo-bar-cta{background:transparent;border:0}
.immersive main>section:not(.world-hero){width:min(1200px,calc(100% - 64px));margin-inline:auto}
.immersive .world-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;padding:64px 24px 30px;background:var(--night);color:var(--paper);overflow:hidden;text-align:center}
.world-hero::after{content:"";position:absolute;inset:24% -20% 0;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#7a7a7a4a,transparent 62%);pointer-events:none}
.world-grid{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#88888866 1px,transparent 1px),linear-gradient(90deg,#88888866 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 80%);transform:perspective(600px) rotateX(18deg) scale(1.4);transform-origin:50% 100%}
.immersive .world-hero .hero-copy{position:relative;z-index:2;width:min(900px,100%);margin:auto}
.immersive .world-hero .label{color:var(--lime);font-size:12px;letter-spacing:.13em;display:flex;align-items:center;justify-content:center;gap:10px}
.immersive .world-hero h1{font-size:clamp(68px,8vw,112px);line-height:.94;letter-spacing:-.055em;margin:26px 0}
.immersive .world-hero h1 em{color:var(--lime)}
.immersive .world-hero .intro{max-width:64ch;font-size:15px;line-height:1.8;color:#d9d9d9;margin-inline:auto}
.immersive .world-hero .button{background:var(--lime);border-color:var(--lime);color:var(--night);margin-top:28px;box-shadow:5px 5px 0 #0c0c0c80;transition:transform .2s,box-shadow .2s}
.immersive .button:hover{transform:translateY(-3px);box-shadow:5px 8px 0 #0c0c0c40}
.hero-format{font-size:11px!important;color:#b3b3b3;margin-top:17px;letter-spacing:.01em}
.hero-world{position:relative;width:min(1000px,100%);margin:14px auto -6px;aspect-ratio:3/2;isolation:isolate}
.world-tilt{transform:translate3d(var(--pointer-x,0px),var(--scene-y,0px),0) rotate(var(--pointer-r,0deg));transition:transform 250ms ease-out;will-change:transform}
.world-image{position:relative;width:100%;height:auto;animation:island-float 7s ease-in-out infinite;animation-play-state:paused;filter:drop-shadow(0 28px 20px #0e0e0e2b);image-rendering:auto}
.is-inview .world-image{animation-play-state:running}
.hero-world figcaption{position:absolute;bottom:6%;left:0;right:0;color:#bebebe;font-size:10px;letter-spacing:.09em}
.world-tag{position:absolute;z-index:2;padding:10px 14px;border:1px solid #dcdcdc50;background:#202020d9;color:#e7e7e7;font-size:12px;box-shadow:4px 4px 0 #07070744;display:flex;align-items:center;gap:10px;animation:tag-float 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.is-inview .world-tag{animation-play-state:running}.world-tag b{font-weight:400;color:var(--lime)}
.tag-design{left:0;top:25%;transform:rotate(-5deg)}.tag-live{right:0;top:62%;animation-delay:-3s}
.signal-dot{display:inline-block;width:7px;height:7px;background:var(--lime);box-shadow:0 0 12px #dcdcdc55;flex:none}
.orbit{position:absolute;z-index:-1;inset:22% -5% 7%;border:1px dashed #dcdcdc29;border-radius:50%;transform:rotate(-18deg)}.orbit-two{inset:20% -9% 12%;transform:rotate(12deg);border-color:#dcdcdc14}
.world-sparks{position:absolute;inset:0;pointer-events:none}.world-sparks i{position:absolute;width:5px;height:5px;left:8%;top:30%;background:var(--lime);opacity:.3;animation:spark-rise 6s linear infinite;animation-play-state:paused}.is-inview .world-sparks i{animation-play-state:running}.world-sparks i:nth-child(2){left:86%;top:24%;animation-delay:-2s}.world-sparks i:nth-child(3){left:64%;top:6%;animation-delay:-4s}.world-sparks i:nth-child(4){left:22%;top:66%;animation-delay:-1s}.world-sparks i:nth-child(5){left:96%;top:73%;animation-delay:-3s}.world-sparks i:nth-child(6){left:5%;top:78%;animation-delay:-5s}
.scroll-cue{display:flex;flex-direction:column;gap:7px;align-items:center;color:#bfbfbf;font-size:10px;letter-spacing:.12em}.scroll-cue>span:last-child{font-size:24px;animation:scroll-nudge 2.5s ease-in-out infinite}
.motion-control{position:fixed;right:16px;bottom:18px;z-index:30;border:1px solid #7b7b7b;background:#1d1d1ded;color:#ebebeb;font:11px/1.4 var(--mono);padding:11px 14px;cursor:pointer;box-shadow:0 3px 14px #0002}.motion-control span{margin-right:5px}.motion-control:focus-visible{outline:3px solid #9d9d9d;outline-offset:4px}
.immersive .statement-section{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;border:0;padding:120px 0 110px}
.statement-section .label{color:var(--green);font-size:11px;letter-spacing:.12em}.statement-section h2{font-size:clamp(42px,6vw,76px);line-height:1.08}.statement-section h2 em{color:var(--green);font-style:normal}.statement-section>p:not(.label){color:var(--muted);font-size:14px;max-width:65ch}.build-loop{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:20px;font-size:12px;margin-top:12px}.build-loop b{color:#969696;font-weight:400;font-size:20px}
.immersive .world-route{padding:0;border:0;position:relative}.route-heading{text-align:center}.route-heading .label{color:var(--green);font-size:11px;letter-spacing:.12em}.route-heading h2{font-size:clamp(44px,5vw,64px);margin-top:18px}.route-heading>p:last-child{font-size:14px;color:var(--muted);margin:22px 0}
.route-nav{display:flex;justify-content:center;gap:0;border-block:1px solid var(--line);padding:15px 0;margin:36px auto 0;width:min(760px,100%);background:var(--paper);position:sticky;top:var(--promo-height);z-index:12}.route-nav a{padding:8px 18px;font-size:12px;transition:background .2s,color .2s;white-space:nowrap}.route-nav a span{color:#8e8e8e;padding-right:7px}.route-nav a[aria-current="step"]{background:var(--green);color:white}.route-nav a[aria-current="step"] span{color:#dcdcdc}.route-note{text-align:center;margin:20px auto 0;font-size:12px}
.immersive .chapter-list{display:block;margin:0;position:relative}.chapter-list::before{content:"";position:absolute;top:40px;bottom:40px;left:50%;border-left:1px dashed #a1a1a166;z-index:-1}
.immersive .chapter-list .build-chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;min-height:580px;padding:75px 0;border:0;position:relative;scroll-margin-top:120px}
.chapter-copy{position:relative;z-index:2;max-width:470px;background:var(--paper)}.chapter-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.06em}.chapter-eyebrow>span{display:grid;place-items:center;width:34px;height:34px;background:#e8e8e8;color:var(--green);font-size:12px;letter-spacing:0}
.chapter-copy h3{font-size:clamp(36px,4vw,53px);margin:23px 0;line-height:1.06}.chapter-copy>p:not(.chapter-eyebrow){font-size:14px;color:var(--muted);line-height:1.85}.chapter-copy .chapter-topics{font-size:10px!important;text-transform:uppercase;letter-spacing:.03em;margin-top:18px}.chapter-result{font-size:13px;color:var(--green);padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}.chapter-result>span{margin-right:7px}
.immersive .chapter-list .chapter-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:23px}.immersive .chapter-list .chapter-links a{display:inline-flex;gap:8px;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:var(--green);grid-template-columns:none}.chapter-links a:hover{color:#1d1d1d}
.chapter-scene{position:relative;width:112%;margin-left:-5%;isolation:isolate;pointer-events:none}.chapter-scene .world-image{animation-duration:8s;animation-delay:-2s}.scene-halo{position:absolute;inset:8% 0 0;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#bdbdbd40,transparent 65%)}.scene-coordinate{position:absolute;bottom:0;right:7%;font-size:10px;color:#787878;letter-spacing:.12em}
.build-chapter:nth-child(even) .chapter-copy{grid-column:2;grid-row:1;margin-left:auto}.build-chapter:nth-child(even) .chapter-scene{grid-column:1;grid-row:1;margin-left:-7%}.build-chapter:nth-child(even) .world-image{animation-delay:-4s}
.immersive .bootcamp-includes{padding:65px 0 80px;border-top:1px solid var(--line)}.kit-heading{text-align:center}.kit-heading .label{font-size:11px;color:var(--green);letter-spacing:.06em}.kit-heading h2{font-size:clamp(38px,5vw,58px);margin-top:18px}
.immersive .included-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:50px 0 0;margin:0}.immersive .included-details li{display:block;padding:0;border:0}.immersive .included-details li+li{border:0;border-left:1px solid var(--line);padding-left:32px}.immersive .included-details h3{font-size:35px;margin:16px 0}.immersive .included-details p{font-size:13px;line-height:1.9}.immersive .included-details .label{font-size:10px;letter-spacing:.07em;color:var(--green)}.immersive .included-details .text-link{font-size:12px}
.immersive .about-founder{padding:70px 0;margin-bottom:0}.immersive .about-copy p{font-size:14px}.immersive .founder-credentials p{font-size:12px}.immersive .founder-credentials h3{font-size:24px}
.immersive .enrollment{padding:90px 0 50px;border-top:1px solid var(--line);margin-top:0}.immersive .enroll-heading{font-size:clamp(44px,6vw,76px);max-width:100%;line-height:1.05}.immersive .enroll-heading em{color:var(--green);font-style:normal}.immersive .enroll{max-width:720px;padding:44px;margin-bottom:0;background:#ededed;border:1px solid #d0d0d0;box-shadow:8px 8px 0 #e0e0e0}.enroll-kicker{font-size:10px!important;color:var(--green);letter-spacing:.1em;margin-bottom:25px}.immersive .enroll-rocket-wrap{margin-top:24px}.immersive .enroll-benefits strong{font-size:14px}.immersive .enroll .purchase-note{font-size:12px}.immersive .faq{width:min(740px,calc(100% - 64px));padding-top:25px;padding-bottom:40px}.immersive .site-footer{padding-bottom:90px}.immersive .sticky-enroll{padding-right:220px}.immersive .sticky-enroll-button{min-width:160px}
.motion-active .reveal-item{transition:opacity .65s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.motion-active .reveal-item:not(.is-revealed){opacity:0;transform:translateY(25px)}.motion-active .reveal-item:focus-within{opacity:1;transform:none}
html[data-motion="paused"] *,html.page-hidden *{animation-play-state:paused!important;transition:none!important}html[data-motion="paused"] .world-tilt{transform:none}html[data-motion="paused"] .reveal-item{opacity:1!important;transform:none!important}
@keyframes island-float{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-12px) rotate(.3deg)}}
@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes spark-rise{0%{transform:translateY(20px);opacity:0}25%,65%{opacity:.6}100%{transform:translateY(-35px);opacity:0}}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(min-width:1500px){.hero-world{width:1050px}.immersive .world-hero{padding-top:75px}}
@media(max-width:1000px){.immersive .world-hero{padding-top:50px}.hero-world{width:850px;max-width:100%}.immersive .chapter-list .build-chapter{min-height:470px;gap:12px;padding:60px 0}.chapter-copy h3{font-size:40px}.chapter-scene{width:110%}.immersive .included-details{gap:22px}.immersive .included-details li+li{padding-left:22px}.immersive .included-details h3{font-size:30px}}
@media(max-width:700px){html{scroll-padding-top:125px}.immersive main>section:not(.world-hero){width:calc(100% - 40px)}.immersive .site-header{min-height:72px;padding-inline:20px}.immersive .world-hero{padding:44px 20px 24px}.immersive .world-hero h1{font-size:clamp(53px,10.8vw,78px);margin:23px 0}.immersive .world-hero .label{font-size:10px;letter-spacing:.06em}.immersive .world-hero .intro{font-size:13px;max-width:43ch}.immersive .world-hero .intro br{display:none}.immersive .world-hero .button{font-size:13px;min-height:54px;padding:14px 20px}.hero-format{font-size:9px!important;max-width:30ch;margin:16px auto 0}.hero-world{width:112%;max-width:none;margin:30px -6% 10px}.hero-world figcaption{font-size:8px;bottom:0}.world-tag{padding:6px 8px;font-size:8px}.tag-design{left:4%;top:18%}.tag-live{right:3%;top:65%}.scroll-cue{font-size:8px;margin-top:10px}.scroll-cue>span:last-child{font-size:20px}.motion-control{bottom:12px;right:12px;font-size:10px;padding:10px}.immersive .statement-section{padding:75px 0;gap:20px}.statement-section h2{font-size:clamp(35px,7.6vw,48px)}.statement-section>p:not(.label){font-size:12px}.statement-section>p br{display:none}.build-loop{font-size:10px;gap:12px}.route-heading h2{font-size:42px}.route-heading>p:last-child{font-size:12px}.route-nav{margin-top:26px;justify-content:space-between;padding:8px 0;gap:0}.route-nav a{font-size:10px;padding:9px 6px}.route-nav a span{padding-right:3px}.route-note{font-size:10px;padding-inline:10px}.immersive .chapter-list .build-chapter{display:flex;flex-direction:column;gap:24px;min-height:0;padding:60px 0 25px}.chapter-list::before{display:none}.chapter-copy{max-width:100%;width:100%}.chapter-copy h3{font-size:42px;margin:20px 0}.chapter-copy>p:not(.chapter-eyebrow){font-size:13px}.chapter-copy .chapter-topics{font-size:9px!important}.chapter-eyebrow{font-size:10px}.chapter-result{font-size:12px}.chapter-scene,.build-chapter:nth-child(even) .chapter-scene{width:110%;margin:0 -5%;max-width:none}.scene-coordinate{font-size:9px;bottom:-4px}.immersive .bootcamp-includes{margin-top:55px;padding:55px 0}.kit-heading h2{font-size:40px}.kit-heading .label{font-size:9px}.immersive .included-details{grid-template-columns:1fr;padding-top:25px;gap:0}.immersive .included-details li,.immersive .included-details li+li{border:0;padding:26px 0}.immersive .included-details li+li{border-top:1px solid var(--line)}.immersive .included-details h3{font-size:32px}.immersive .about-founder{padding:50px 0}.immersive .about-intro{gap:25px}.immersive .founder-photo{width:100px;height:100px}.immersive .founder-credentials{column-gap:15px}.immersive .enrollment{padding-top:60px}.immersive .enroll-heading{font-size:42px}.immersive .enroll{padding:30px 22px;margin-top:30px;box-shadow:5px 5px 0 #e0e0e0}.immersive .enroll-benefits strong{font-size:12px}.immersive .enroll .program-price{font-size:46px}.immersive .enroll .button{font-size:12px;min-width:0;width:100%}.immersive .faq{width:calc(100% - 40px)}.immersive .faq summary{font-size:14px}.immersive .sticky-enroll{padding:10px 16px 56px;gap:10px}.immersive .sticky-enroll-button{min-width:0;font-size:12px}.immersive .sticky-enroll-title{font-size:14px}.immersive .sticky-enroll-detail{font-size:10px}.immersive .site-footer{padding-bottom:160px}}
@media(max-width:360px){.route-nav a{font-size:9px;padding:8px 4px}.route-nav a span{display:none}.chapter-copy h3{font-size:36px}.route-heading h2{font-size:36px}.immersive .world-hero h1{font-size:49px}.immersive .site-header .wordmark{font-size:16px}.immersive .nav-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.immersive *{animation:none!important;transition:none!important}.world-tilt{transform:none!important}.reveal-item{opacity:1!important;transform:none!important}}
@media print{.motion-control,.route-nav,.scroll-cue,.sticky-enroll{display:none!important}.reveal-item{opacity:1!important;transform:none!important}.world-tilt,.world-image{transform:none!important;animation:none!important}.immersive .world-hero{background:white;color:#1d1d1d}.immersive .world-hero .intro{color:#525252}}
@media(min-width:701px){.chapter-scene{width:104%;margin-left:-2%}.build-chapter:nth-child(even) .chapter-scene{margin-left:-2%}}
@media(max-width:700px){.chapter-scene,.build-chapter:nth-child(even) .chapter-scene{width:106%;margin-inline:-3%}}

/* Carbon variant: neutral surfaces and generated charcoal artwork. */
.immersive .rocket-base{filter:grayscale(1)}
.immersive .site-header .rocket-base{filter:brightness(0) invert(1)}
.immersive .bootcamp-logo .rocket-ship > path{fill:var(--green)}
.immersive .site-header .rocket-ship > path{fill:#eeeeec}
.immersive .world-hero .button{background:#eeeeec;border-color:#eeeeec}
.immersive .world-hero .button:hover{background:white;border-color:white}
.immersive .enroll{background:#ececeb;border-color:#d1d1cf;box-shadow:8px 8px 0 #dededc}
.immersive .chapter-eyebrow>span{background:#e5e5e3}
.immersive .route-nav a[aria-current="step"]{background:#28282a;color:#fff}
.immersive .route-nav a[aria-current="step"] span{color:#d8d8d8}
.immersive .sticky-enroll-button{background:#eeeeec;color:#202022;box-shadow:none}
.immersive .sticky-enroll-button:hover{background:white;color:#202022}
.immersive ::selection{background:#d5d5d5;color:#161616}
