@font-face{font-family:Alpine;src:url('assets/alpine-sans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Alpine Light;src:url('assets/alpine-light.ttf') format('truetype');font-weight:200;font-display:swap}
:root{--bg:var(--public-paper,#050508);--white:var(--public-ink,#eeedf2);--muted:var(--public-muted,#919099);--accent:var(--public-accent,#bea3ff);--edge:rgba(213,198,255,.21);font-family:Alpine,Arial,sans-serif;color:var(--white);background:var(--bg);color-scheme:var(--public-color-scheme,dark)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--public-line,#39313e) var(--public-paper,#050508)}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:7px}::selection{background:var(--public-accent,#9c77ca55)}.skip{position:fixed;top:-100px;left:24px;z-index:100;background:var(--public-surface,#1e1729);padding:15px}.skip:focus{top:20px}.universe{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--public-paper,#050508)}.universe canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.universe canvas[hidden]{display:none}.atmosphere{position:absolute;width:90vh;height:90vh;left:58%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%);opacity:.8;pointer-events:none;transition:background 1s}.veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--public-paper-translucent,#050508e0) 0%,var(--public-paper-scrim,#05050899) 28%,transparent 65%,transparent 88%,var(--public-paper-scrim,#05050870)),linear-gradient(0deg,var(--public-paper-scrim,#05050899),transparent 25%,transparent 85%,var(--public-paper-faint,#05050840))}.grain{position:absolute;inset:0;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.masthead{position:fixed;top:0;left:0;right:0;z-index:20;padding:32px 42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.masthead>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;font-size:23px;line-height:1;letter-spacing:-.045em}.brand-mark{font-size:20px;width:39px;height:39px;border:1px solid var(--public-line,#ffffff42);border-radius:50%;display:grid;place-items:center;font-family:Alpine Light,Arial,sans-serif}.brand small{display:block;font-size:9px;letter-spacing:.13em;font-weight:400;color:var(--public-muted,#92909b);margin-top:8px}.header-actions{display:flex;align-items:center;gap:38px}.contact-shortcut{font-size:13px;color:var(--public-muted,#bcb9c5)}.contact-shortcut span{margin-left:13px;color:var(--accent)}#menu-toggle{position:relative;width:43px;height:43px;border:1px solid var(--public-line-strong,#9c96aa);border-radius:50%;background:var(--public-hover,#ffffff02);display:grid;place-items:center;transition:background .3s,transform .4s}#menu-toggle:hover{background:var(--public-hover,#ffffff13);transform:rotate(90deg)}#menu-toggle i{width:13px;height:13px;border:1px solid var(--public-line-strong,#a7a0b4);border-radius:50%;position:relative}#menu-toggle i:after{content:'';position:absolute;width:3px;height:3px;left:4px;top:4px;background:var(--public-ink,#e7e1ef);border-radius:50%}.menu-caption{position:absolute;right:56px;top:15px;font-size:8px;letter-spacing:.15em;color:var(--public-muted,#938b9d);display:none}.chapter{height:100svh;min-height:650px;position:relative}.anchor{position:absolute;top:0}.chapter-card{padding:32vh 42px 100px;max-width:760px}.enhanced .chapter-card{position:fixed;left:42px;bottom:16vh;max-width:760px;padding:0;opacity:0;transform:translate3d(0,24px,0);pointer-events:none;visibility:hidden;will-change:opacity,transform}.enhanced .chapter-card.is-current{pointer-events:auto;visibility:visible}.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--public-muted,#a8a2b2);margin-bottom:23px;display:flex;gap:15px;line-height:1.5}.eyebrow>span{color:var(--accent);white-space:nowrap}h1,h2{font-family:Alpine Light,Alpine,Arial,sans-serif;font-size:clamp(49px,5.5vw,88px);font-weight:200;letter-spacing:-.055em;line-height:.99;margin:0 0 26px;text-wrap:balance}h1{text-transform:uppercase;letter-spacing:-.05em}p{font-size:15px;line-height:1.7;max-width:360px;margin:0;color:var(--public-muted,#aeabb5)}.chapter-action{display:inline-flex;align-items:center;gap:30px;border:1px solid var(--public-line,#d4c5eb45);border-radius:50px;font-size:11px;letter-spacing:.025em;padding:13px 19px;margin-top:26px;background:var(--public-paper-faint,#09070c26);backdrop-filter:blur(12px);transition:background .3s,border-color .3s,transform .3s}.chapter-action span{color:var(--accent);font-size:17px;line-height:1}.chapter-action:hover{background:var(--public-hover,#e1ccff15);border-color:var(--public-line-strong,#d1bfe67d);transform:translateY(-2px)}.final-action{background:var(--public-ink,#d8c6fc);color:var(--public-reverse-ink,#1b1428);border-color:var(--public-line-strong,#d8c6fc)}.final-action span{color:var(--public-muted,#352344)}.final-action:hover{background:var(--public-ink,#f1e6ff);color:var(--public-reverse-ink,#17111f)}.stage-nav{position:fixed;right:38px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:7px}.stage-nav a{height:24px;width:40px;display:flex;align-items:center;justify-content:end;position:relative}.stage-nav i{width:9px;height:1px;background:var(--public-line,#73647f);opacity:.55;transition:width .45s,background .45s,opacity .45s}.stage-nav a[aria-current=step] i{width:26px;background:var(--accent);opacity:1}.stage-nav a>span{position:absolute;right:48px;font-size:11px;white-space:nowrap;color:var(--public-muted,#bbb3c8);opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;pointer-events:none}.stage-nav a:hover span,.stage-nav a:focus-visible span{opacity:1;transform:none}.field-caption{position:fixed;right:110px;top:calc(50% + 155px);display:flex;gap:25px;font-size:9px;color:var(--public-muted,#84798f);letter-spacing:.12em;pointer-events:none}.interface-footer{position:fixed;bottom:27px;left:42px;right:42px;z-index:15}.footer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:20px}.system-label{font-size:9px;letter-spacing:.12em;color:var(--public-accent,#9b89ad)}.experience-controls{display:flex;align-items:center;gap:22px}.scroll-hint{font-size:9px;letter-spacing:.1em;color:var(--public-muted,#948c9e)}.scroll-hint b{font-size:14px;font-weight:400;display:inline-block;margin-left:10px;color:var(--accent);animation:hint 2s ease-in-out infinite}#motion-toggle{border:1px solid var(--public-line-strong,#63586f55);width:32px;height:32px;border-radius:50%;background:var(--public-paper-faint,#0c091133);color:var(--public-muted,#aba0bb);font-size:12px}#motion-toggle:hover{background:var(--public-hover,#e6d5ff16)}.progress-track{height:1px;background:var(--public-accent,#a792c42b)}.progress-track span{display:block;width:0;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent)}dialog{width:min(740px,calc(100% - 40px));max-height:calc(100svh - 50px);padding:32px 40px;border:1px solid var(--public-line,#7d6a963f);background:var(--public-paper-translucent,#0e0c13eF);color:var(--public-muted,#e2dce9);backdrop-filter:blur(30px);overflow:auto}dialog::backdrop{background:var(--public-paper-scrim,#030207b0);backdrop-filter:blur(16px)}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--public-muted,#9d91ac);margin-bottom:25px}.menu-top button{border:1px solid var(--public-line-strong,#8b7b9b5c);background:transparent;width:35px;height:35px;border-radius:50%}dialog nav{display:grid}dialog nav a{padding:18px 0;border-bottom:1px solid var(--public-line,#ab91c328);display:flex;align-items:center;gap:25px;font-size:clamp(27px,3vw,38px);font-family:Alpine Light,Arial,sans-serif}dialog nav a:hover{color:var(--public-accent,#d9b9ff)}dialog nav small{font-family:Alpine,Arial,sans-serif;font-size:11px;color:var(--public-accent,#9d87b3)}dialog nav span{margin-left:auto;font-size:22px;color:var(--public-accent,#b09ac5)}.menu-detail{display:flex;justify-content:space-between;font-size:14px;margin-top:32px;color:var(--public-muted,#a999ba)}.motion-paused *{animation-play-state:paused!important}.no-webgl .atmosphere{opacity:1}@keyframes hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(min-width:1700px){.masthead{padding:40px 48px}.enhanced .chapter-card{left:48px;bottom:17vh}.interface-footer{left:48px;right:48px;bottom:36px}h1,h2{font-size:100px}.chapter-card{max-width:890px}p{font-size:17px;max-width:390px}.eyebrow{font-size:11px}.chapter-action{font-size:12px}.brand{font-size:26px}.brand small{font-size:10px}}
@media(max-width:1000px){.masthead{padding:27px 28px}.enhanced .chapter-card{left:28px;bottom:17vh;max-width:650px}h1,h2{font-size:clamp(45px,6.4vw,64px)}.interface-footer{left:28px;right:28px}.field-caption{display:none}.stage-nav{right:24px}.eyebrow{font-size:9px}p{font-size:15px}.system-label{font-size:8px}.contact-shortcut{font-size:12px}.brand small{font-size:8px}.brand{font-size:21px}}
@media(max-width:620px){.masthead{padding:22px 20px}.brand{font-size:21px;gap:10px}.brand-mark{width:33px;height:33px;font-size:18px}.brand small{font-size:7px;letter-spacing:.1em}.header-actions{gap:15px}.contact-shortcut{display:none}#menu-toggle{width:37px;height:37px}.menu-caption{display:block;right:47px;top:13px;font-size:7px}.chapter{min-height:600px}.enhanced .chapter-card{left:22px;right:28px;bottom:16vh;max-width:none}h1,h2{font-size:clamp(35px,9.2vw,52px);letter-spacing:-.052em;line-height:1.02;margin-bottom:18px}.eyebrow{font-size:8px;margin-bottom:16px;gap:12px;letter-spacing:.07em}p{font-size:14px;line-height:1.6;max-width:280px}.chapter-action{font-size:10px;padding:12px 17px;margin-top:20px;gap:25px}.stage-nav{right:16px;top:36%;gap:3px}.stage-nav a{height:22px;width:22px}.stage-nav a[aria-current=step] i{width:20px}.stage-nav a>span{display:none}.interface-footer{left:22px;right:22px;bottom:21px}.system-label{font-size:7px;letter-spacing:.09em;max-width:195px;line-height:1.6}.scroll-hint{display:none}.experience-controls{gap:0}.footer-row{margin-bottom:12px}#motion-toggle{width:29px;height:29px}.veil{background:linear-gradient(0deg,var(--public-paper,#050508) 0%,var(--public-paper-scrim,#050508b5) 24%,transparent 65%,var(--public-paper-faint,#05050833) 100%)}.atmosphere{left:52%;top:35%;width:100vw;height:100vw}dialog{padding:25px;max-height:calc(100svh - 30px)}dialog nav a{padding:15px 0;font-size:29px}.menu-top{font-size:8px;gap:10px}.menu-detail{font-size:13px}.chapter-card{padding:45vh 22px 130px}}
@media(max-height:640px) and (min-width:621px){.masthead{padding:20px 30px}.enhanced .chapter-card{bottom:90px;left:30px}h1,h2{font-size:47px;margin-bottom:16px}.eyebrow{margin-bottom:12px}p{font-size:13px}.chapter-action{margin-top:18px;padding:10px 17px}.interface-footer{bottom:18px}.chapter{min-height:540px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Infrastructure narrative: preserve the particle experience and allow longer English copy. */
h1{text-transform:none}.chapter-card p{max-width:440px}.chapter-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.architecture-link{font-size:12px;color:var(--public-muted,#b9adc9);margin-top:26px}.architecture-link:hover{color:var(--public-ink,#eee6fb)}.architecture-link span{margin-left:12px}.capability-line{margin-top:22px;max-width:590px;font-size:11px;line-height:1.7;letter-spacing:.035em;color:var(--public-muted,#93879f)}.eyebrow{max-width:590px}.brand small{font-size:8px;letter-spacing:.09em}#system h2{font-size:clamp(43px,4.8vw,78px)}
@media(min-width:1700px){#system h2{font-size:90px}}
@media(max-width:620px){.brand small{font-size:6px}.eyebrow{max-width:310px}.chapter-card p{max-width:325px}.capability-line{font-size:10px;max-width:310px;margin-top:16px}.chapter-actions{gap:12px}.architecture-link{font-size:11px;margin-top:15px}#system h2{font-size:clamp(32px,8.4vw,48px)}.enhanced .chapter-card{bottom:14vh}}