@font-face{font-family:WorldInstrument;src:url('fonts/InstrumentSans-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:WorldPlex;src:url('fonts/IBMPlexSansCondensed-Regular.woff2') format('woff2');font-weight:400;font-display:swap}

:root{--world-core:1440px;--world-width:3840px;--world-height:10070px;--world-white:#f8f7f1;--world-ink:#102033}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:none;background:#101827}
html.world-gliding{scroll-behavior:auto}
html::-webkit-scrollbar{width:0;height:0}
body.world-preview{min-width:320px;margin:0;overflow-x:hidden;background:#101827;color:var(--world-white);font-family:WorldInstrument,Arial,sans-serif}
.world-preview .skip-link{z-index:200}
.world-document{position:relative;height:var(--world-height);isolation:isolate;background:#101827}
.world-raster{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:#101827}
.world-segment{position:absolute;top:var(--segment-y);left:50%;display:block;width:var(--world-width);height:var(--segment-h);max-width:none;transform:translateX(-50%);user-select:none}
.world-section{position:relative;z-index:1;width:100%;margin:0;background:transparent}
.world-hero{height:900px;overflow:hidden}
.world-atmosphere{height:900px}
.world-product{height:4950px;}
.world-peaks{height:980px}
.world-lake{height:1080px}
.world-shore{height:1260px;overflow:hidden}

.world-copy,.atmosphere-line,.peaks-line,.lake-copy-world,.shore-copy-world{position:absolute;left:max(42px,calc(50% - 630px));text-shadow:0 2px 28px rgba(3,12,20,.68)}
.world-kicker{margin:0;font:500 11px/1 WorldPlex,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.hero-copy-world{bottom:64px;width:min(620px,calc(100vw - 84px))}
.hero-copy-world h1,.lake-copy-world h2,.shore-copy-world h2{margin:20px 0 0;font-weight:470;line-height:.93;letter-spacing:-.055em;text-wrap:balance}
.hero-copy-world h1{font-size:clamp(58px,6vw,88px)}
.hero-copy-world>p:not(.world-kicker){max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.5}
.world-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.world-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.8);background:rgba(7,17,25,.54);color:#fff;text-decoration:none;font:600 10px/1 WorldPlex,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(5px)}
.world-button.primary{border-color:#fff;background:#fff;color:#102033;text-shadow:none}
.world-button.platform-name{text-transform:none;font-size:12px;letter-spacing:.04em}
.world-scroll-cue{position:absolute;right:max(34px,calc(50% - 674px));bottom:42px;color:#fff;text-decoration:none;text-shadow:0 2px 18px rgba(0,0,0,.66);font:500 9px/1 WorldPlex,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}
.atmosphere-line{top:250px;width:520px;margin:0;color:rgba(255,255,255,.84);font-size:21px;line-height:1.45;text-shadow:0 2px 24px rgba(4,12,24,.74)}

.world-product-stops{position:absolute;z-index:-1;inset:0;pointer-events:none}
.world-product-stop{position:absolute;top:var(--stop-y,0);left:0;width:1px;height:1px}
.world-product-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;color:var(--world-ink)}
.world-product-caption{position:absolute;z-index:5;top:4.5svh;left:50%;width:min(1200px,calc(100vw - 80px));display:flex;align-items:start;justify-content:space-between;transform:translateX(-50%);text-shadow:0 1px 18px rgba(255,255,255,.76)}
.world-product-caption>div{display:grid;gap:5px;text-align:right;opacity:var(--caption-state-alpha,1);transform:translate3d(0,var(--caption-state-offset,0),0);will-change:opacity,transform}
.world-product-caption span{font:600 9px/1 WorldPlex,Arial,sans-serif;letter-spacing:.15em}
.world-product-caption strong{font-size:17px;letter-spacing:-.02em}
.world-product-host{position:absolute;z-index:4;left:50%;top:14svh;width:min(1288px,calc(100vw - 80px));aspect-ratio:1456/834;transform:translateX(-50%)}
.world-product-host .mimicry-app{width:100%;height:100%;aspect-ratio:auto}
.world-product-host .app-body{grid-template-columns:24.1667% 45.8333% 30%}
.world-product-host .agent-state-panel{display:block;position:absolute;inset:12px;opacity:var(--state-alpha,0);transform:translate3d(0,var(--state-offset,12px),0);pointer-events:none;will-change:opacity,transform}
.world-product-host .agent-state-panel[data-state-active="true"]{pointer-events:auto}
.world-product-host .resolved-message{display:block;opacity:var(--resolved-alpha,0);transform:translate3d(0,var(--resolved-offset,8px),0);pointer-events:none;will-change:opacity,transform}
.world-product-host .mimicry-app .chat-row:first-child{background:rgb(43 82 120/calc(1 - var(--resolved-alpha,0)))}
.world-product-host .mimicry-app .chat-row:nth-child(2){background:rgb(43 82 120/var(--resolved-alpha,0))}
.world-state-rail{position:absolute;z-index:6;right:max(24px,calc(50% - 680px));top:50%;display:grid;gap:9px;transform:translateY(-50%)}
.world-state-rail span{font:600 9px/1 WorldPlex,Arial,sans-serif;opacity:var(--marker-alpha,.34);transform:translate3d(var(--marker-offset,0),0,0);will-change:opacity,transform}

.peaks-line{top:120px;margin:0;color:#162535;font-size:34px;line-height:1.04;letter-spacing:-.04em;text-shadow:0 1px 22px rgba(255,255,255,.72)}
.peaks-line span{display:block;margin-bottom:10px;font:500 10px/1 WorldPlex,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.lake-copy-world{top:135px;width:520px;color:#fff}
.lake-copy-world h2{font-size:52px}
.lake-copy-world>p:not(.world-kicker){max-width:500px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.5}
.shore-copy-world{top:300px;width:620px}
.shore-copy-world h2{font-size:54px}
.shore-copy-world>p:not(.world-kicker){max-width:410px;margin:20px 0 0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.5}
.world-platform-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.world-agent-link{display:inline-flex;min-height:44px;align-items:center;gap:12px;margin-top:28px;padding:0 4px 3px 0;border-bottom:1px solid rgba(255,255,255,.72);color:#fff;text-decoration:none;font:650 11px/1 WorldPlex,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.world-agent-link span{font-size:16px}

.world-telemetry{display:none;position:fixed;z-index:150;right:16px;bottom:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.24);background:rgba(5,12,18,.72);backdrop-filter:blur(10px);font:500 9px/1.55 WorldPlex,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.world-telemetry span{display:block}
body.world-debug .world-telemetry{display:block}
body.world-debug:after{content:"";position:fixed;z-index:140;top:0;bottom:0;left:50%;width:min(var(--world-core),100vw);transform:translateX(-50%);border-left:1px solid rgba(124,255,190,.76);border-right:1px solid rgba(124,255,190,.76);pointer-events:none}

@media(max-height:760px){.world-product-caption{top:3svh}.world-product-host{top:13svh}.shore-copy-world{top:300px}}
@media(max-width:760px){.hero-copy-world h1{font-size:52px}.world-product-caption{width:calc(100vw - 32px)}.world-product-caption>div{display:none}.world-product-host{left:50%;top:13svh;width:calc(100vw - 24px);transform:translateX(-50%)}.world-state-rail{display:none}.atmosphere-line{width:calc(100vw - 84px)}.lake-copy-world,.shore-copy-world{width:calc(100vw - 84px)}.shore-copy-world{top:250px}.world-actions,.world-platform-actions{display:grid}.world-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-state-rail span{transition:none}}