/* White Dialogue — compact introduction and five interactive illustrated chapters. */
.launch-immersive .skip:not(:focus) { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body.launch-immersive { --copy-size:1.125rem; --copy-leading:1.75rem; --helper-size:.875rem; --helper-leading:1.25rem; background:#fff; }
.launch-immersive .header { min-height:76px; gap:24px; }
.header-tools { display:flex; align-items:center; gap:20px; }
.launch-immersive .languages { display:flex; align-items:center; gap:4px; }
.launch-immersive .languages>a { display:grid; place-items:center; min-width:40px; min-height:44px; font-size:13px; border:0; background:none; padding:0; }
.launch-immersive .languages .current-language { color:#1d57e2; background:#edf2ff; border-radius:8px; font-weight:600; }
.launch-immersive .languages>a:hover { color:#1644b5; background:#f4f6fc; border-radius:8px; }
.launch-immersive .languages>a:focus-visible { outline:2px solid #1d57e2; outline-offset:2px; }
.launch-status { min-height:44px; display:inline-flex; align-items:center; gap:8px; padding:8px 12px; white-space:nowrap; color:#244fbb; background:#f2f6ff; border:1px solid #dbe5ff; border-radius:100px; font:500 13px/20px Inter,sans-serif; cursor:pointer; }
.launch-status:focus-visible { outline:2px solid #1d57e2; outline-offset:3px; }
.status-clock { width:20px; height:20px; filter:drop-shadow(0 0 4px #5488ff55); }
.status-clock path { transform-origin:12px 12px; }
.clock-minute { animation:clock-turn 8s linear infinite; }
.clock-hour { animation:clock-turn 48s linear infinite; }
.launch-status[aria-pressed=true] .status-clock path { animation-play-state:paused; }
@keyframes clock-turn { to { transform:rotate(360deg); } }
.portal-title { font-size:clamp(26px,3vw,36px); line-height:1.2; font-weight:600; letter-spacing:-.035em; color:#171b24; }
.portal-category { margin-top:8px; color:#596273; font-size:16px; line-height:24px; }
.launch-immersive .brand-ai { font-weight:500; color:#596273; letter-spacing:0; }
.launch-immersive .section { padding-block:32px; }
.launch-immersive .description { font-size:18px; line-height:28px; }
.launch-immersive .section-intro { margin-bottom:20px; gap:8px 32px; }
.launch-immersive .examples { gap:12px; }
.launch-immersive .section-intro h2 { grid-row:1 / span 2; font-size:clamp(28px,3.1vw,40px); }
.launch-immersive .section-intro .small-label { margin-top:0; }
.launch-immersive .scenario > summary { padding:16px 24px; }
.launch-immersive .scenario-question { font-size:1.0625rem; line-height:1.625rem; }
.launch-immersive .scenario-body p,.launch-immersive .scenario-body ul { font-size:1rem; line-height:1.5rem; }
.launch-immersive .investors { padding-block:0 32px; }
.launch-immersive .investors > .wrap { padding:32px 36px; border-radius:16px; }
.launch-immersive .investor-grid { gap:36px; }
.launch-immersive .investor-heading { font-size:clamp(32px,3.5vw,44px); margin-bottom:20px; line-height:1.12; letter-spacing:-.035em; }
.launch-immersive .investor-mission { font-size:28px; line-height:1.2; font-weight:500; margin-bottom:12px; letter-spacing:-.025em; }
.launch-immersive .priorities .small-label { font-size:16px; line-height:24px; color:#dce6ff; }
.launch-immersive .priorities p { font-size:16px; line-height:24px; }
.launch-immersive .faq details p { font-size:17px; line-height:27px; }
.launch-immersive .priorities article { padding-block:12px; }
.launch-immersive .investors .description { margin-top:12px; }
.launch-immersive .investors .button.light { margin-top:20px; }
.launch-immersive .investors .email,.launch-immersive .investment-note { margin-top:16px; }
.launch-immersive .faq { padding-block:0 32px; }
.launch-immersive .faq summary { padding-block:18px; }
.launch-immersive .faq h2 { font-size:32px; }
.launch-immersive .footer { padding-block:24px; }
.immersive-intro { min-height:0; padding-top:20px; padding-bottom:24px; display:flex; flex-direction:column; align-items:center; gap:0; text-align:center; }

.immersive-intro .hero-copy h1 { font-size:clamp(2.375rem,4.8vw,3.75rem); line-height:1.1; letter-spacing:-.04em; }
.immersive-intro .lead { margin-top:16px; max-width:42rem; font-size:var(--copy-size); line-height:var(--copy-leading); }

.intro-crystal { width:min(100%,900px); height:190px; position:relative; isolation:isolate; margin:-8px auto -8px; }
.crystal-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; touch-action:pan-y; cursor:grab; opacity:0; }
.crystal-ready .crystal-canvas { opacity:1; }
.crystal-fallback { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; height:auto; pointer-events:none; }
.crystal-ready .crystal-fallback { visibility:hidden; }
.scroll-cue { margin-top:16px; display:inline-flex; align-items:center; gap:20px; min-height:44px; font-size:15px; line-height:22px; font-weight:500; color:#fff; background:#1d57e2; padding:10px 20px; border-radius:10px; }
.scroll-cue span { font-size:20px; }
.scroll-story { --story-image-height:clamp(220px,27vw,340px); position:relative; background:#fff; border-block:1px solid #dce1e9; }
.story-sticky { padding-block:20px; }
 .story-meta { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 24px; margin-bottom:12px; font-size:var(--helper-size); line-height:var(--helper-leading); color:#596273; }
.story-meta>p { font-weight:600; color:#171b24; letter-spacing:0; }
.touch-hint { display:none; }
.pointer-hint>span { margin-left:8px; color:#1d57e2; }
.story-visual,.story-scenes { position:relative; }
.story-scene { margin-bottom:64px; }
.story-picture { overflow:hidden; border-radius:16px; background:#f4f4f4; aspect-ratio:3 / 1; }
.story-picture img { display:block; width:100%; height:100%; object-fit:cover; }
.story-caption { text-align:center; max-width:720px; margin:8px auto 0; }
.chapter-number { min-height:44px; display:flex; align-items:center; justify-content:center; color:#1d57e2; font-size:14px; line-height:20px; font-variant-numeric:tabular-nums; margin-bottom:8px; }
.story-caption h2 { font-size:clamp(28px,3vw,38px); line-height:1.2; margin-bottom:8px; }
.story-caption>p:last-child { font-size:var(--copy-size); line-height:var(--copy-leading); color:#596273; max-width:66ch; margin-inline:auto; }
.story-note { color:#596273; font-size:var(--helper-size); line-height:var(--helper-leading); margin:12px 0 0; max-width:72ch; }
/* Progressive enhancement: without JS all five scenes are a normal document. */
.story-ready { height:auto; }
.story-ready .story-sticky { display:flex; flex-direction:column; }
.story-ready .story-scenes { display:grid; cursor:ew-resize; touch-action:pan-y; }
.story-ready .story-scenes:focus-visible { outline:2px solid #1d57e2; outline-offset:8px; border-radius:16px; }
.story-ready .story-picture { aspect-ratio:auto; height:clamp(220px,27vw,340px); }
.story-ready .story-scene { grid-area:1 / 1; margin:0; visibility:hidden; pointer-events:none; }
.story-ready .story-scene.is-visible { visibility:visible; }
.story-ready .story-picture { opacity:var(--scene-opacity,0); will-change:opacity; }
.story-ready .story-caption { transform:translateY(var(--scene-y,0px)); }
.story-ready .story-scene[aria-hidden=true] .story-caption { visibility:hidden; }
.story-ready .story-picture img { transform:translateX(var(--image-x,0%)) scale(1.04); }
.story-playback { position:absolute; right:0; top:calc(var(--story-image-height) + 8px); z-index:2; min-height:44px; border:1px solid #dce1e9; border-radius:8px; padding:8px 12px; background:#fff; color:#39445a; font:500 13px/20px Inter,sans-serif; cursor:pointer; }
.story-playback[hidden] { display:none; }
.story-playback:hover { background:#edf2ff; border-color:#bcccf5; }
.story-playback:focus-visible { outline:2px solid #1d57e2; outline-offset:3px; }
@media(max-width:1100px) { .launch-immersive .header .main-nav a:nth-child(-n+2) { display:none; } }
@media(max-width:1000px) { .launch-immersive .investors > .wrap { padding:32px; }.story-caption { max-width:680px; } }
@media(max-width:760px) {
 .launch-immersive .header { min-height:0; padding-block:14px; display:grid; grid-template-columns:1fr auto; gap:12px; }
 .launch-immersive .brand { grid-column:1; grid-row:1; font-size:18px; gap:8px; }
 .launch-immersive .brand img { width:28px; height:auto; }
 .header-tools { display:contents; }
 .launch-status { justify-self:end; grid-column:2; grid-row:1; font-size:12px; gap:6px; padding:6px 8px; }
 .launch-immersive .header .main-nav { display:flex; grid-column:1; grid-row:2; }
 .launch-immersive .header .main-nav a { font-size:14px; }
 .launch-immersive .languages { grid-column:2; grid-row:2; justify-content:end; }
 .launch-immersive .languages>a { min-width:40px; min-height:44px; }
 .immersive-intro { padding-top:20px; padding-bottom:24px; gap:0; }
 .immersive-intro .hero-copy h1 { font-size:clamp(2.125rem,9vw,2.75rem); }
 .intro-crystal { height:176px; margin-block:-8px; }
 .immersive-intro .lead { font-size:18px; line-height:28px; margin-top:14px; }
 .portal-category { font-size:15px; line-height:22px; max-width:300px; margin-inline:auto; }
 .crystal-fallback { width:138px; }
 .launch-immersive .section { padding-block:28px; }
 .launch-immersive .section-intro h2 { margin-bottom:12px; }
 .launch-immersive .section-intro .small-label { margin-top:8px; }
 .launch-immersive .scenario > summary { padding:16px; }
 .launch-immersive .investors { padding-block:0 28px; }
 .launch-immersive .investors > .wrap { padding:28px 24px; }
 .launch-immersive .investor-grid { gap:24px; }
 .launch-immersive .faq { padding-block:0 28px; gap:16px; }
 .launch-immersive .faq h2 { font-size:28px; }
 .pointer-hint { display:none!important; }.touch-hint { display:block; }
 .story-meta { display:block; margin-bottom:12px; }.story-meta>span { display:block; margin-top:8px; }
 .story-sticky { padding-block:20px; }
 .scroll-story { --story-image-height:calc((100vw - 40px) / 1.65); }
 .story-picture { aspect-ratio:1.65; border-radius:12px; }
 .story-ready .story-picture { aspect-ratio:1.65; height:auto; }
 .story-scene[data-scene="0"] img { object-position:38% 50%; }
 .story-scene[data-scene="3"] img { object-position:64% 50%; }
 .story-caption { margin-top:8px; }
 .story-caption h2 { font-size:1.75rem; line-height:2.125rem; margin-bottom:8px; }
 .chapter-number { justify-content:flex-start; margin-bottom:8px; }
 .story-note { font-size:.8125rem; line-height:1.25rem; }

}
@media(max-width:380px) {
 .launch-immersive .header { column-gap:8px; }
 .launch-immersive .header > .brand { font-size:1rem; gap:6px; }
 .launch-immersive .header > .brand img { width:24px; }
 .launch-immersive .header > .brand > span { white-space:nowrap; }
}
@media(max-height:800px) and (min-width:761px) { .story-caption h2 { font-size:2.25rem; } }
@media(prefers-reduced-motion:reduce) { .status-clock path { animation:none; } .story-ready .story-scene,.story-ready .story-picture img,.story-ready .story-caption { transform:none!important; }.story-ready .story-scenes { scroll-behavior:auto; } }