:root{--bg:#030713;--surface:#060c1c;--text:#f3f5ff;--muted:#9aa6c1;--blue:#414bff;--cyan:#7da5ff;--line:#1b2439;--font:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}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:2px solid #8baaff;outline-offset:6px}::selection{background:#414bff;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.055em}p{line-height:1.7}img{max-width:100%}.mono,.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em}.eyebrow{color:#9ab2ef;font-weight:400;letter-spacing:.19em;line-height:1.7}.section-width{max-width:1440px;margin:auto;padding-left:6.5%;padding-right:6.5%}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--blue)}.skip:focus{top:12px}.header{height:94px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #18213a66}.brand{display:flex;flex-shrink:0}.brand img{width:190px;height:auto}.header nav{display:flex;gap:34px;margin-left:auto;margin-right:45px}.header nav a{font-size:13px;color:#c5ccdc;transition:color .2s}.header nav a:hover{color:#fff}.nav-contact{padding:11px 19px;border:1px solid #4f60b8;border-radius:5px;font-size:13px;display:flex;gap:22px}.nav-contact:hover{background:#142044}.hero{height:min(850px,100svh);min-height:690px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{position:relative;z-index:1;padding:190px 6.5% 130px;max-width:1000px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;background:#7d9fff;width:5px;height:5px;border-radius:50%;box-shadow:0 0 13px #567dff;flex-shrink:0}h1{font-size:clamp(56px,6.2vw,92px);line-height:1.05;margin:30px 0 26px;letter-spacing:-.065em}h1 span{color:#99adff}.hero-description{font-size:17px;color:#adb7cc;max-width:490px;line-height:1.8}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 24px;font-size:13px;border-radius:5px;transition:background .2s,transform .2s}.primary{background:#3f46f5;color:#fff}.primary:hover{background:#535aff;transform:translateY(-2px)}.text-link{font-size:13px;display:flex;gap:15px}.text-link:hover{color:#98aeff}.hero-bottom{position:absolute;bottom:30px;left:6.5%;right:6.5%;display:flex;align-items:center;justify-content:space-between;color:#7b89a7}.hero-bottom .mono{font-size:9px}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px}.scroll-line{height:28px;width:1px;background:#6b81bd;display:block}.intro{padding-top:110px;padding-bottom:110px}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start;margin-top:27px}h2{font-size:clamp(33px,3.2vw,48px);line-height:1.16}h2>span{color:#7987a3}.intro-grid>p,.company-grid p{color:var(--muted);font-size:15px}.journey{height:360vh;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:0}.journey-sticky{position:sticky;top:0;height:100svh;min-height:650px;max-height:1200px;padding:38px 6.5% 24px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.journey-top{display:flex;justify-content:space-between;align-items:center}.motion-toggle{background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:4px;font-size:11px;color:var(--muted);display:flex;gap:14px;align-items:center}.motion-toggle:hover{border-color:#50628c;color:white}.journey-grid{flex:1;min-height:0;display:grid;grid-template-columns:38% 62%;align-items:center}.story-copy{padding:10px 9% 15px 0}.chapter-number{color:#718bcc;font-size:12px;margin-bottom:38px}.story-panels{position:relative;min-height:325px}.story-panel{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s;pointer-events:none}.story-panel.active{opacity:1;transform:translateY(0);pointer-events:auto}.story-panel h2{font-size:clamp(34px,3.8vw,55px);margin:15px 0 23px}.story-panel>p:not(.eyebrow){font-size:15px;max-width:340px;color:var(--muted)}.story-note{margin-top:32px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:#a9b6d0;line-height:1.7}.story-note span{font-family:var(--mono);display:block;font-size:9px;color:#6982bb;letter-spacing:.15em;margin-bottom:6px}.scene{height:100%;max-height:560px;min-height:360px;position:relative;isolation:isolate;overflow:hidden}.scene-top,.scene-bottom{position:absolute;left:4%;right:0;display:flex;justify-content:space-between;color:#7990c3;font-size:8px;z-index:4;gap:12px}.scene-top{top:8%}.scene-bottom{bottom:5%;color:#647594;font-size:8px;letter-spacing:.03em}.demo-label{color:#5a6987;font-size:8px}#story-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.engine{position:absolute;left:8%;top:8%;width:92%;height:82%;object-fit:contain;mix-blend-mode:screen;opacity:0;will-change:opacity,transform;z-index:1}.data-tags{position:absolute;left:8%;top:31%;bottom:27%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:#a6bfff;opacity:0;z-index:3}.decision{position:absolute;z-index:3;left:12%;right:4%;top:30%;padding:28px;background:#09132beF;border:1px solid #384f90;border-radius:6px;box-shadow:0 0 55px #2046c018;opacity:0;transform:translateY(16px);pointer-events:none}.decision h3{font-size:26px;letter-spacing:-.04em;margin:12px 0}.decision>p:not(.eyebrow){font-size:13px;color:#a5b2cd;max-width:320px}.decision-action{border-top:1px solid #2a3a61;margin-top:20px;padding-top:17px;font-size:12px;display:flex;align-items:center;gap:10px}.journey-controls{flex-shrink:0}.progress-track{height:1px;background:var(--line);overflow:hidden}.progress-track span{height:1px;display:block;width:0;background:#657aff;box-shadow:0 0 12px #6878ff}.step-buttons{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 16px;gap:20px}.step-buttons button{border:0;background:none;text-align:left;padding:6px 0;color:#687791;font-size:12px;transition:color .3s}.step-buttons button span{font-family:var(--mono);font-size:10px;margin-right:13px;color:#50607e}.step-buttons button[aria-current]{color:#f1f5ff}.step-buttons button[aria-current] span{color:#829dff}.step-buttons button:hover{color:#fff}.illustration-note{font-size:10px;color:#60708e}.research{padding-top:120px;padding-bottom:110px}.section-heading{max-width:670px}.section-heading h2{margin:23px 0}.section-heading>p:last-child{font-size:15px;color:var(--muted);max-width:450px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:68px}.research-grid article{border-top:1px solid #34415c;padding-top:24px}.index{color:#7d99df}.research-grid h3{font-size:24px;letter-spacing:-.035em;margin:29px 0 16px}.research-grid p{font-size:14px;color:var(--muted);line-height:1.8}.discipline{display:block;margin-top:30px;color:#5f779f;font-size:8px}.company{padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line)}.company-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-top:30px}.company-grid p+p{margin-top:20px}.founders{display:flex;gap:65px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.founders strong{font-size:14px;font-weight:500;display:block}.founders span{display:block;color:#7888a6;font-size:11px;margin-top:7px}.contact{padding-top:100px;padding-bottom:110px;text-align:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(48px,6vw,80px);margin:24px 0}.contact>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:30px}.email{display:block;margin-top:20px;font-size:11px;color:#7585a5}.email:hover{color:#b8c8f3}.footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;display:flex;align-items:center;gap:40px;justify-content:space-between}.footer .brand img{width:150px}.footer p{color:#6d7b95;font-size:11px}.footer>span{font-size:10px;color:#6d7b95}.contact-page{padding-top:190px;min-height:85vh}.contact-page .back{display:block;margin-top:30px;color:#98acda;font-size:13px}
@media(min-width:1600px){.hero-inner{padding-top:230px}.journey-sticky{padding-left:max(6.5%,calc((100vw - 1250px)/2));padding-right:max(6.5%,calc((100vw - 1250px)/2))}}
@media(max-width:1000px){.header nav{gap:20px;margin-right:25px}.hero-inner{padding-top:180px}.intro-grid{gap:35px}.journey-grid{grid-template-columns:42% 58%}.story-panel h2{font-size:37px}.chapter-number{margin-bottom:25px}.story-panel>p:not(.eyebrow){font-size:14px}.research-grid{gap:28px}.research-grid h3{font-size:21px}.company-grid{gap:40px}.hero-coordinate{display:none}.decision{padding:20px;left:6%}.decision h3{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:78px;padding:0 6%}.brand img{width:155px}.header nav{display:none}.nav-contact{font-size:11px;padding:9px 13px;gap:12px}.hero{min-height:690px;height:94svh;max-height:850px}.hero-inner{padding:155px 6% 90px}.eyebrow{font-size:8px;letter-spacing:.14em}.hero .eyebrow{gap:7px}h1{font-size:clamp(43px,9.6vw,65px);line-height:1.08;margin-top:25px}.hero-description{font-size:14px;max-width:360px}.hero-actions{gap:19px;flex-wrap:wrap;margin-top:27px}.button{padding:14px 18px;font-size:12px;gap:17px}.text-link{font-size:11px}.hero-bottom{left:6%;right:6%;bottom:25px}.hero-bottom>.mono{display:none}.scroll-cue{font-size:10px}.intro{padding-top:65px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:24px;margin-top:20px}.intro h2{font-size:32px}.intro-grid>p{font-size:14px}.journey{height:340svh}.journey-sticky{padding:22px 6% 18px;min-height:640px;height:100svh}.journey-grid{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.story-copy{padding:20px 0 0}.chapter-number{display:none}.story-panels{min-height:200px}.story-panel h2{font-size:33px;margin:10px 0 12px;line-height:1.07}.story-panel h2 br{display:none}.story-panel>p:not(.eyebrow){font-size:13px;line-height:1.6;max-width:100%}.story-note{display:none}.scene{flex:1;min-height:225px;width:100%;max-height:410px}.scene-top{top:2%;left:0}.scene-bottom{bottom:1%;left:0;font-size:7px}.scene-top .mono,.demo-label{font-size:7px}.motion-toggle{font-size:9px;padding:6px 9px}.decision{top:22%;left:9%;right:2%;padding:17px}.decision h3{font-size:21px;margin:9px 0}.decision>p:not(.eyebrow){font-size:11px}.decision-action{font-size:10px;padding-top:12px;margin-top:12px}.step-buttons{gap:5px;padding:16px 0 10px}.step-buttons button{font-size:9px;line-height:1.6}.step-buttons button span{display:block;font-size:9px;margin:0 0 4px}.illustration-note{font-size:8px;line-height:1.5;max-width:300px}.research{padding-top:70px;padding-bottom:65px}.research h2,.company h2{font-size:33px}.research-grid{grid-template-columns:1fr;margin-top:40px;gap:35px}.research-grid h3{font-size:24px;margin:17px 0 12px}.research-grid p{font-size:14px}.discipline{margin-top:18px}.company{padding-top:50px;padding-bottom:65px}.company-grid{grid-template-columns:1fr;gap:25px}.company-grid p{font-size:14px}.founders{gap:50px}.contact{padding-top:65px;padding-bottom:65px}.contact h2{font-size:49px}.contact>p:not(.eyebrow){font-size:14px}.footer{flex-wrap:wrap;gap:20px}.footer p{display:none}.footer>span{font-size:8px}.footer .brand img{width:130px}.contact-page{padding-top:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-height:720px) and (min-width:701px){.journey-sticky{min-height:0;padding-top:20px;padding-bottom:15px}.story-panels{min-height:285px}.chapter-number{margin-bottom:17px}.story-panel h2{font-size:36px;margin:10px 0 15px}.story-note{margin-top:20px;padding-top:12px}.scene{min-height:230px}.step-buttons{padding:12px 0 8px}}
@media(max-height:740px) and (max-width:700px){.journey-sticky{min-height:0;padding-top:15px;padding-bottom:12px}.story-copy{padding-top:14px}.story-panels{min-height:172px}.story-panel h2{font-size:29px}.story-panel>p:not(.eyebrow){font-size:12px}.scene{min-height:175px}.step-buttons{padding-top:10px;padding-bottom:5px}.decision{top:17%;padding:13px}.decision h3{font-size:19px}.scene-bottom{display:none}}
