@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#030303;--ink:#f2f2f0;--muted:#858585;--line:#252525;--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}::selection{background:#e8e8e8;color:#000}p,h1,h2,h3{margin:0}h1,h2,.process-word,.visual-label,.belief-lines{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-.025em}h2{font-size:clamp(70px,8.2vw,142px);line-height:.91}h1 span,h2 span{color:#747474}.eyebrow,.meta{font-size:9px;letter-spacing:.13em;font-weight:500;line-height:1.5}.muted{color:var(--muted)}.header{height:90px;position:fixed;inset:0 0 auto;z-index:50;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .4s,border .4s}.header.scrolled{background:#030303e8;backdrop-filter:blur(15px);border-color:var(--line);height:76px}.nav-logo{display:block;width:213px;margin-left:-32px;line-height:0}.nav-logo img,.footer-logo img{width:100%;height:auto}.header nav{display:flex;gap:35px;align-items:center;font-size:12px}.header nav>a{position:relative}.header nav>a:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#fff;transition:width .3s}.header nav>a:hover:after{width:100%}.nav-support{padding:11px 16px;border:1px solid #444;display:flex;gap:32px}.menu-toggle{display:none}.opening{position:relative;height:250svh;background:#000}.opening-sticky{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;background:#000;isolation:isolate}#universe{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;animation:canvas-enter 2.2s .2s forwards}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#000 0%,transparent 25%,transparent 80%,#000 100%),radial-gradient(ellipse at center,transparent 25%,#0009 100%)}.opening-top{position:absolute;left:var(--gutter);right:var(--gutter);top:126px;display:flex;justify-content:space-between;color:#969696}.online{display:flex;gap:9px;align-items:center}.online i,.dev-tag i{width:4px;height:4px;display:block;background:#c0c0c0;border-radius:50%;box-shadow:0 0 10px #fff3}.logo-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10px;will-change:transform,opacity}.logo-reveal{width:min(1150px,94vw);line-height:0;clip-path:inset(0 100% 0 0);animation:logo-enter 1.4s .1s cubic-bezier(.22,1,.36,1) forwards}.hero-logo{width:100%;height:auto;display:block}.opening-tag{font-size:clamp(9px,1.05vw,15px);font-weight:500;letter-spacing:.29em;margin-top:-12px;animation:fade-up 1s .8s both}.opening-note{color:#999;font-size:13px;margin-top:19px;animation:fade-up 1s 1s both}.future-scene{position:absolute;inset:0;padding:135px var(--gutter) 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translateY(90px);pointer-events:none;will-change:transform,opacity}.future-scene .eyebrow{color:#bcbcbc}.future-scene h1{font-size:clamp(80px,10vw,170px);line-height:.9;margin:25px 0 25px}.future-scene>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#aaa}.outline-link{display:inline-flex;gap:44px;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;padding:17px 20px;border:1px solid #555;transition:background .3s,color .3s;margin-top:28px}.outline-link span{font-size:18px;line-height:1}.outline-link:hover{background:#eee;color:#000}.opening-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#999;font-size:8px}.scroll-cue{display:flex;gap:20px;align-items:center;color:#ddd}.scroll-cue span{font-size:20px;animation:scroll-arrow 2.4s infinite}.motion-toggle{border:0;background:none;padding:8px 0;font-size:8px;letter-spacing:.12em;display:flex;gap:12px;align-items:center;color:#aaa}.opening-progress{position:absolute;left:0;bottom:0;height:1px;width:100%;background:#222}.opening-progress span{display:block;width:100%;height:100%;background:#ddd;transform-origin:left;transform:scaleX(0)}.section-space{padding:100px var(--gutter)}.section-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.company{border-bottom:1px solid var(--line);padding-block:110px 130px}.company-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14%}.company h2{font-size:clamp(90px,10vw,170px)}.outline-type{color:transparent;-webkit-text-stroke:1px #999}.company-copy{padding-top:10px;max-width:420px}.small-mark{font-size:56px;line-height:1;margin-bottom:40px;color:#b5b5b5}.company-copy p{font-size:14px;line-height:1.85;color:#9d9d9d;margin-bottom:22px}.company-copy .lead{font-size:29px;color:#f1f1ef;letter-spacing:-.02em;line-height:1.35;margin-bottom:30px}.company-copy .company-signature{font-size:9px;line-height:1.7;letter-spacing:.13em;margin-top:40px;color:#ccc}.universe{height:280svh;position:relative;background:#080808}.universe-sticky{position:sticky;top:0;height:100svh;min-height:690px;padding:110px var(--gutter) 40px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.universe .section-meta{margin:0}.universe-content{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center;flex:1;max-height:600px}.world-indicator{font-size:10px;letter-spacing:.1em;display:flex;gap:12px;align-items:center;color:#888;margin-bottom:30px}.world-indicator>span:first-child{color:#eee}.indicator-line{display:block;width:55px;height:1px;background:#444}.world-panels{position:relative;height:330px}.world-panel{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.world-panel.active{opacity:1;transform:translateY(0);pointer-events:auto}.world-panel h2{font-size:clamp(60px,7vw,115px);margin:16px 0 25px;line-height:.94}.world-panel>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#999;max-width:330px}.dev-tag{display:inline-flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;color:#b6b6b6;border:1px solid #383838;padding:10px 12px;margin-top:24px}.world-visual{height:450px;position:relative;perspective:900px;display:flex;align-items:center;justify-content:center}.visual-stage{position:absolute;inset:0;opacity:0;transform:scale(.85) rotate(-5deg);transition:opacity .75s,transform 1s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center}.visual-stage.active{opacity:1;transform:scale(1) rotate(0)}.visual-label{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:clamp(70px,10vw,170px);color:transparent;-webkit-text-stroke:1px #3f3f3f;white-space:nowrap;z-index:-1}.play-grid{display:grid;grid-template-columns:repeat(3,78px);gap:9px;transform:rotateX(48deg) rotateZ(-30deg);transform-style:preserve-3d;animation:play-float 9s ease-in-out infinite}.play-grid i{height:78px;background:linear-gradient(135deg,#393939,#111);border:1px solid #939393;box-shadow:-5px 6px 0 #131313,-6px 7px 0 #666;animation:tile-float 5s ease-in-out infinite}.play-grid i:nth-child(2){animation-delay:-1s}.play-grid i:nth-child(5){background:linear-gradient(135deg,#c4c4c4,#535353);animation-delay:-3s}.play-grid i:nth-child(8){animation-delay:-2s}.play-grid i:nth-child(9){visibility:hidden}.device{width:174px;height:302px;background:linear-gradient(125deg,#272727,#080808);border:1px solid #8b8b8b;border-radius:25px;box-shadow:10px 10px 0 #111,11px 11px 0 #454545;padding:15px 17px;transform:rotateY(-22deg) rotateZ(12deg);animation:device-float 10s ease-in-out infinite}.device-top{width:45px;height:6px;border-radius:8px;background:#050505;margin:0 auto}.device-clock{font-size:36px;font-weight:500;letter-spacing:-.03em;margin-top:34px}.device-line{width:65%;height:3px;background:#777;margin-top:10px}.device-line.short{width:40%;background:#444;margin-top:6px}.device-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:27px}.device-tiles i{height:40px;border:1px solid #777;border-radius:8px;background:#ffffff09}.device-tiles i:first-child{background:#ccc}.device-footer{width:40px;height:3px;background:#aaa;margin:19px auto 0;border-radius:4px}.ai-orbits{width:270px;height:270px;position:relative;display:flex;align-items:center;justify-content:center;animation:orbit-rotate 30s linear infinite}.ai-orbits i{position:absolute;width:265px;height:95px;border:1px solid #999;border-radius:50%;box-shadow:0 0 10px #ffffff06}.ai-orbits i:nth-child(2){transform:rotate(36deg)}.ai-orbits i:nth-child(3){transform:rotate(72deg)}.ai-orbits i:nth-child(4){transform:rotate(108deg)}.ai-orbits i:nth-child(5){transform:rotate(144deg)}.ai-orbits b{width:15px;height:15px;background:#ddd;border-radius:50%;box-shadow:0 0 45px #ffffff80}.visual-caption{position:absolute;bottom:0;font-size:7px;color:#666;letter-spacing:.14em;text-align:center}.world-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#888}.world-bottom>a{font-size:8px;letter-spacing:.1em;color:#bbb;display:flex;gap:30px}.world-progress{display:flex;gap:8px;position:absolute;bottom:0;left:var(--gutter);right:var(--gutter)}.world-progress i{height:2px;background:#303030;flex:1}.world-progress i.active{background:#ccc}.process{height:230svh}.process-sticky{position:sticky;top:0;height:100svh;min-height:550px;padding:115px var(--gutter) 55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at center,#141414,transparent 65%)}.process .section-meta{margin:0}.process-counter{text-align:center;color:#747474;margin-top:20px}.process-counter span{color:#eee}.word-stage{height:270px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-inline:calc(-1 * var(--gutter))}.process-word{font-size:clamp(85px,16.5vw,280px);line-height:1;position:absolute;white-space:nowrap;opacity:0;transform:translateY(105%) rotate(3deg);filter:blur(7px);transition:opacity .6s,transform .8s cubic-bezier(.22,1,.36,1),filter .7s}.process-word.active{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}.process-word.past{transform:translateY(-105%) rotate(-3deg)}.process-bottom{display:flex;justify-content:space-between;align-items:center}.process-bottom p{font-size:13px;color:#999}.process-cross{font-size:36px;font-weight:400;color:#aaa}.belief{color:#080808;background:#e7e7e4;padding-block:85px 40px}.belief .section-meta{margin-bottom:60px}.belief .eyebrow{color:#595959}.belief-star{font-size:42px;line-height:1}.belief-lines{font-size:clamp(40px,7.4vw,128px);line-height:1.08}.belief-lines p:nth-child(2){color:#6b6b6b}.belief-bottom{margin-top:60px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#555}.horizon{padding-block:110px 120px;border-bottom:1px solid var(--line)}.horizon-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.horizon .dev-tag{margin:0 0 28px}.horizon h2{font-size:clamp(75px,8.5vw,145px)}.horizon p:not(.coming){font-size:14px;line-height:1.8;color:#999;max-width:400px;margin-top:30px}.coming{font-size:11px;letter-spacing:.2em;display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #444;max-width:400px;margin-top:40px}.coming span{font-size:22px}.horizon-art{height:360px;display:flex;align-items:center;justify-content:center;position:relative;perspective:800px}.horizon-frame{height:230px;width:230px;display:flex;align-items:center;justify-content:center;position:relative;transform:rotateX(18deg) rotateY(-20deg);animation:frame-float 15s ease-in-out infinite}.horizon-frame i{position:absolute;inset:0;border:1px solid #777;transform:rotate(0)}.horizon-frame i:nth-child(2){transform:rotate(15deg);border-color:#444}.horizon-frame i:nth-child(3){transform:rotate(30deg);border-color:#555}.horizon-frame i:nth-child(4){transform:rotate(45deg);border-color:#999}.horizon-frame span{font-size:90px;line-height:1;font-weight:400;font-family:Arial;color:transparent;-webkit-text-stroke:1px #ccc}.horizon-art>p{position:absolute;bottom:0;font-size:7px!important;letter-spacing:.12em}.connect{padding-block:100px 90px}.connect-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.connect h2{font-size:clamp(85px,10.5vw,180px)}.connect-layout>div{padding-bottom:6px}.connect p{font-size:14px;color:#999;line-height:1.7;margin-bottom:30px}.email{font-size:clamp(16px,1.9vw,30px);display:flex;justify-content:space-between;gap:15px;letter-spacing:-.02em;padding-bottom:16px;border-bottom:1px solid #555}.email:hover{border-color:#fff}.connect .outline-link{font-size:8px}.footer-main{padding:40px var(--gutter);border-block:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:40px;align-items:center}.footer-logo{width:260px;line-height:0;margin-left:-40px}.footer-main p{font-size:12px;line-height:1.6;color:#999}.footer-main>div{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#aaa}.back-top{border:1px solid #444;border-radius:50%;height:44px;width:44px;display:flex;align-items:center;justify-content:center}.back-top:hover{background:#eee;color:#000}.footer-bottom{padding:24px var(--gutter);display:flex;justify-content:space-between;color:#737373;font-size:8px;letter-spacing:.03em}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#000;padding:14px}.skip:focus{top:12px}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform 1s cubic-bezier(.22,1,.36,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes logo-enter{to{clip-path:inset(0 0 0 0)}}@keyframes fade-up{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes canvas-enter{to{opacity:.8}}@keyframes scroll-arrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes play-float{0%,100%{transform:rotateX(48deg) rotateZ(-30deg) translateY(0)}50%{transform:rotateX(40deg) rotateZ(-25deg) translateY(-15px)}}@keyframes tile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes device-float{0%,100%{transform:rotateY(-22deg) rotateZ(12deg) translateY(0)}50%{transform:rotateY(-12deg) rotateZ(8deg) translateY(-12px)}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes frame-float{0%,100%{transform:rotateX(18deg) rotateY(-20deg) rotateZ(0)}50%{transform:rotateX(-10deg) rotateY(20deg) rotateZ(30deg)}}
/* Direct, stable pages for support and website policies. */
.document-page .header{background:#000;position:absolute}.document-main{max-width:1000px;margin:auto;padding:160px var(--gutter) 90px;min-height:75vh}.document-main>.eyebrow{color:#999;margin-bottom:25px}.document-main h1{font-size:clamp(60px,8vw,110px);line-height:.95;margin-bottom:25px}.document-main .document-intro{font-size:20px;line-height:1.5;color:#bbb;margin-bottom:40px;max-width:650px}.document-main h2{font-family:Barlow,Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1.4;margin:34px 0 12px}.document-main p,.document-main li{font-size:14px;line-height:1.9;color:#aaa}.document-main p{margin-bottom:17px}.document-main a{text-decoration:underline;text-underline-offset:4px;color:#eee}.document-meta{font-size:10px!important;color:#777!important;border-bottom:1px solid #333;padding-bottom:28px;margin-bottom:30px!important}.document-card{border:1px solid #333;padding:25px;margin-top:22px}.document-card h2{margin-top:0}.document-card a{display:inline-block;margin-top:8px}.document-back{display:inline-flex;gap:30px;font-size:10px;margin-top:40px;letter-spacing:.1em}.document-main ul{padding-left:20px}.document-main .notice{border-left:1px solid #777;padding-left:20px;margin-block:28px}.document-footer{padding:25px var(--gutter);border-top:1px solid #282828;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#888}.document-footer nav{display:flex;gap:22px}
@media(min-width:1600px){.world-panels{height:390px}.world-visual{height:510px}}
@media(max-width:1000px){.company-layout,.horizon-layout,.connect-layout{gap:8%}.company h2{font-size:11vw}.world-panel h2{font-size:7.5vw}.world-panels{height:370px}.world-visual{height:390px}.play-grid{grid-template-columns:repeat(3,62px)}.play-grid i{height:62px}.visual-label{font-size:10vw}.footer-logo{width:210px;margin-left:-32px}.footer-main{gap:20px}.company-copy .lead{font-size:25px}}
@media(max-width:650px){:root{--gutter:24px}.header{height:76px}.nav-logo{width:180px;margin-left:-27px}.header nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #333;background:none;padding:10px}.menu-toggle span{display:block;width:20px;height:1px;background:#eee;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){position:fixed;inset:76px 0 auto;background:#080808;border-bottom:1px solid #444;padding:12px 24px 25px;z-index:45;display:flex;flex-direction:column}.mobile-nav>a{padding:17px 0;border-bottom:1px solid #292929;font-size:18px}.opening{height:220svh}.opening-sticky{min-height:560px}.opening-top{top:106px;font-size:7px}.opening-top .online{display:none}.logo-scene{padding:0 0 25px}.logo-reveal{width:130vw;max-width:690px;flex-shrink:0}.opening-tag{font-size:7px;letter-spacing:.15em;margin-top:4px}.opening-note{font-size:11px;margin-top:16px}.future-scene{padding:110px 24px 90px}.future-scene h1{font-size:clamp(65px,16vw,105px);line-height:.96;margin:24px 0}.future-scene .eyebrow{font-size:7px}.future-scene>p:not(.eyebrow){font-size:12px;max-width:270px}.future-scene>p br{display:none}.outline-link{font-size:8px;gap:34px;padding:15px 17px}.opening-bottom{bottom:23px;font-size:7px}.opening-chapter{display:none}.scroll-cue{gap:13px}.motion-toggle{font-size:7px}.opening-bottom .motion-toggle{gap:8px}.section-space{padding:65px 24px}.section-meta{margin-bottom:40px}.section-meta>.eyebrow{font-size:8px}.section-meta>.muted{display:none}.company{padding-top:65px;padding-bottom:70px}.company-layout{grid-template-columns:1fr;gap:40px}.company h2{font-size:clamp(85px,22vw,135px)}.company-copy{max-width:100%;padding:0}.small-mark{font-size:38px;margin-bottom:23px}.company-copy .lead{font-size:25px}.company-copy p{font-size:13px;line-height:1.8}.company-copy .company-signature{font-size:8px;margin-top:28px}.universe{height:290svh}.universe-sticky{min-height:700px;padding:100px 24px 35px}.universe-content{grid-template-columns:1fr;gap:0;max-height:none;position:relative;display:block;flex:1}.world-copy{position:absolute;inset:30px 0 auto}.world-indicator{margin-bottom:20px;font-size:8px}.world-panels{height:250px}.world-panel h2{font-size:clamp(52px,14vw,80px);margin:11px 0 15px;line-height:.92}.world-panel>.eyebrow{font-size:8px}.world-panel>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:310px}.dev-tag{font-size:7px;padding:8px 10px;margin-top:15px}.world-visual{position:absolute;inset:auto 0 30px;height:200px;pointer-events:none}.play-grid{grid-template-columns:repeat(3,43px);gap:6px}.play-grid i{height:43px;box-shadow:-3px 4px 0 #131313,-4px 5px 0 #666}.visual-label{font-size:70px;bottom:5px;opacity:.6}.visual-caption{bottom:-12px;font-size:5px}.device{width:108px;height:188px;border-radius:17px;padding:11px 11px;box-shadow:6px 6px 0 #111,7px 7px 0 #454545}.device-top{width:25px;height:4px}.device-clock{font-size:25px;margin-top:17px}.device-line{height:2px;margin-top:6px}.device-line.short{margin-top:4px}.device-tiles{gap:5px;margin-top:15px}.device-tiles i{height:24px;border-radius:5px}.device-footer{width:25px;height:2px;margin-top:11px}.ai-orbits{width:165px;height:165px}.ai-orbits i{width:165px;height:60px}.ai-orbits b{width:9px;height:9px}.world-bottom{font-size:9px;gap:20px;line-height:1.5}.world-bottom p{max-width:185px}.world-bottom>a{font-size:6px;gap:13px;white-space:nowrap}.process{height:210svh}.process-sticky{padding:100px 24px 35px;min-height:520px}.word-stage{height:150px}.process-word{font-size:15.2vw}.process-counter{font-size:8px}.process-bottom p{font-size:11px;max-width:235px;line-height:1.7}.process-cross{font-size:30px}.belief .section-meta{margin-bottom:40px}.belief-star{font-size:28px}.belief .section-meta>.eyebrow{font-size:7px;max-width:190px}.belief-lines{font-size:7.15vw;line-height:1.25;letter-spacing:-.025em}.belief-bottom{font-size:6px;gap:20px;margin-top:35px}.horizon-layout{grid-template-columns:1fr;gap:30px}.horizon h2{font-size:clamp(73px,18vw,115px)}.horizon p:not(.coming){font-size:13px;margin-top:25px}.horizon .dev-tag{margin-bottom:24px}.coming{font-size:9px;margin-top:30px}.horizon-art{height:270px}.horizon-frame{height:155px;width:155px}.horizon-frame span{font-size:65px}.horizon-art>p{font-size:6px!important}.connect-layout{grid-template-columns:1fr;gap:35px}.connect h2{font-size:24vw}.connect p{font-size:13px;margin-bottom:22px}.email{font-size:20px}.footer-main{grid-template-columns:1fr auto;padding:28px 24px;gap:20px}.footer-logo{width:210px;margin-left:-32px}.footer-main p{display:none}.footer-main>div{grid-column:1;grid-row:2;flex-direction:row;gap:25px;font-size:10px}.back-top{grid-column:2;grid-row:1 / 3;height:40px;width:40px}.footer-bottom{font-size:8px;padding:22px 24px;gap:15px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.document-main{padding:130px 24px 65px}.document-main h1{font-size:62px}.document-main .document-intro{font-size:17px}.document-main h2{font-size:20px}.document-main p,.document-main li{font-size:13px}.document-footer{flex-direction:column;gap:20px}.document-card{padding:20px}}
@media(max-width:650px) and (min-height:830px){.world-copy{top:40px}.world-visual{height:240px;bottom:55px}.play-grid{grid-template-columns:repeat(3,52px)}.play-grid i{height:52px}.visual-label{font-size:90px}}
/* A full experience remains available when motion is disabled or paused. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-reveal{clip-path:none}.opening-tag,.opening-note{opacity:1}.js .reveal{opacity:1;transform:none}#universe{opacity:.35}.opening{height:auto}.opening-sticky{position:relative;height:auto;min-height:100svh}.logo-scene{position:relative;min-height:80svh;padding:120px 0 30px}.future-scene{position:relative;opacity:1;transform:none;pointer-events:auto;min-height:75svh}.opening-top{z-index:3}.opening-bottom{position:relative;bottom:auto;padding-bottom:25px}.universe{height:auto}.universe-sticky{position:relative;height:auto;min-height:0;display:block}.universe-content{display:block;max-height:none}.world-copy{position:relative;inset:auto;margin-top:40px}.world-panels{height:auto}.world-panel{position:relative;opacity:1;transform:none;pointer-events:auto;margin-bottom:55px}.world-visual,.world-indicator,.world-progress{display:none}.world-bottom{margin-top:30px}.process{height:auto}.process-sticky{position:relative;height:auto;min-height:650px}.word-stage{height:auto;flex-direction:column;gap:15px;overflow:visible;margin:50px 0}.process-word,.process-word.past{position:static;opacity:1;transform:none;filter:none;font-size:clamp(45px,11vw,180px)}}
body.motion-off *{animation-play-state:paused!important}body.motion-off .js .reveal{transition:none}

body.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}
body.motion-off .logo-reveal{clip-path:none}
body.motion-off .opening{height:auto}
body.motion-off .opening-sticky{position:relative;height:auto;min-height:100svh}
body.motion-off .logo-scene{position:relative;min-height:80svh;padding:120px 0 30px}
body.motion-off .future-scene{position:relative;opacity:1;transform:none;pointer-events:auto;visibility:visible;min-height:75svh}
body.motion-off .opening-bottom{position:relative;bottom:auto;padding-bottom:25px}
body.motion-off .universe{height:auto}
body.motion-off .universe-sticky{position:relative;height:auto;min-height:0;display:block}
body.motion-off .universe-content{display:block;max-height:none}
body.motion-off .world-copy{position:relative;inset:auto;margin-top:40px}
body.motion-off .world-panels{height:auto}
body.motion-off .world-panel{position:relative;opacity:1;transform:none;pointer-events:auto;margin-bottom:55px;transition:none}
body.motion-off .world-visual,body.motion-off .world-indicator,body.motion-off .world-progress,body.motion-off .opening-progress{display:none}
body.motion-off .world-bottom{margin-top:30px}
body.motion-off .process{height:auto}
body.motion-off .process-sticky{position:relative;height:auto;min-height:650px}
body.motion-off .word-stage{height:auto;flex-direction:column;gap:15px;overflow:visible;margin:50px 0}
body.motion-off .process-word,body.motion-off .process-word.past{position:static;opacity:1;transform:none;filter:none;font-size:clamp(45px,11vw,180px)}

/* Screen compositing reveals the geometry through the original JPEG's black field.
   The approved logo file and its proportions remain unchanged. */
.logo-scene{mix-blend-mode:screen}
.footer-logo{mix-blend-mode:screen}
.orbital-atmosphere{position:absolute;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#202020 0,#0a0a0a 35%,#000 68%);pointer-events:none}
.orbital-atmosphere>i{position:absolute;left:50%;top:48%;width:min(76vw,1100px);height:min(76vw,1100px);border-radius:50%;border:1px solid #ffffff0d;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-25deg);animation:atmosphere-turn 35s linear infinite}
.orbital-atmosphere>i:nth-child(2){width:min(90vw,1400px);height:min(90vw,1400px);border-color:#ffffff08;animation-duration:48s;animation-direction:reverse}
.orbital-atmosphere>i:nth-child(3){width:min(60vw,900px);height:min(60vw,900px);border-color:#ffffff0b;animation-duration:26s}
.company-orb{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:34px}
.company-orb>i{position:absolute;inset:8px;border:1px solid #777;border-radius:50%;transform:rotateX(62deg) rotateZ(0);animation:company-orbit 18s linear infinite}
.company-orb>i:nth-child(2){transform:rotateY(62deg) rotateZ(60deg);animation-delay:-6s}
.company-orb>i:nth-child(3){transform:rotateX(62deg) rotateZ(120deg);animation-delay:-12s}
.company-orb>b{width:9px;height:9px;border-radius:50%;background:#d2d2d2;box-shadow:0 0 28px #ffffff40}
@keyframes atmosphere-turn{from{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-25deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(335deg)}}
@keyframes company-orbit{from{transform:rotateX(62deg) rotateY(20deg) rotateZ(0)}to{transform:rotateX(62deg) rotateY(20deg) rotateZ(360deg)}}
@media(max-width:650px){.orbital-atmosphere{background:radial-gradient(ellipse at 50% 45%,#191919,#000 72%)}.orbital-atmosphere>i{width:140vw;height:140vw}.orbital-atmosphere>i:nth-child(2){width:175vw;height:175vw}.orbital-atmosphere>i:nth-child(3){width:110vw;height:110vw}.company-orb{width:75px;height:75px;margin-bottom:25px}}
/* Original real-time 3D centrepiece and two custom motion illustrations. */
#sculpture{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.4s}
.has-sculpture #sculpture{opacity:1}
.has-sculpture #universe{z-index:-3}
.has-sculpture .orbital-atmosphere{z-index:-4}
.has-sculpture .orbital-atmosphere>i{opacity:.4}
.has-sculpture .opening-tag,.has-sculpture .opening-note{text-shadow:0 2px 12px #000,0 0 25px #000}
.visual-stage:not(.active) *{animation-play-state:paused}
.puzzle-platform{position:relative;width:350px;height:330px;display:flex;align-items:center;justify-content:center;perspective:850px;transform-style:preserve-3d}
.puzzle-assembly{--scatter:.7;display:grid;grid-template-columns:repeat(3,78px);gap:8px;transform:rotateX(48deg) rotateZ(-32deg);transform-style:preserve-3d;position:relative;z-index:2}
.puzzle-assembly>i{height:78px;position:relative;border:1px solid #919191;border-radius:8px;background:linear-gradient(135deg,#a5a5a5 0,#535353 8%,#303030 35%,#141414 77%,#454545 100%);box-shadow:0 5px 0 #0d0d0d,0 6px 0 #555,inset 0 1px 0 #ffffff60,inset 0 -2px 10px #0009;animation:puzzle-join 11s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--delay);will-change:transform}
.puzzle-assembly>i:after{content:'';position:absolute;inset:7px;border:1px solid #ffffff0a;border-radius:3px}
.puzzle-assembly>i:nth-child(5){background:linear-gradient(135deg,#f2f2f2,#a6a6a6 30%,#e8e8e8 65%,#707070);border-color:#eee;box-shadow:0 5px 0 #383838,0 6px 0 #bbb,inset 0 1px 0 #fff}
.puzzle-aura{position:absolute;width:320px;height:180px;border-radius:50%;background:radial-gradient(ellipse,#ffffff0d,transparent 68%);transform:translateY(70px);animation:puzzle-halo 11s ease infinite}
.assembly-ring{position:absolute;inset:8px;border:1px solid #ffffff0c;border-radius:50%;transform:rotateX(62deg);animation:assembly-ring 11s ease infinite}
.interface-system{position:relative;width:330px;height:330px;perspective:900px;transform-style:preserve-3d}
.interface-panel{position:absolute;border:1px solid #7a7a7a;border-radius:15px;background:linear-gradient(145deg,#373737f5,#0c0c0cf5 70%);box-shadow:0 20px 40px #0007,inset 0 1px 0 #ffffff25;backface-visibility:hidden;will-change:transform,opacity}
.panel-main{left:55px;top:20px;width:190px;height:270px;padding:18px;transform:rotateY(-17deg) rotateZ(8deg);animation:panel-main-in 12s cubic-bezier(.4,0,.2,1) infinite}
.panel-handle{height:5px;width:32px;background:#777;border-radius:5px;margin-bottom:30px}
.abstract-heading{height:8px;background:#ddd;width:75px;border-radius:2px}.abstract-subheading{height:4px;background:#5c5c5c;width:104px;margin-top:10px;border-radius:2px}
.abstract-wave{height:64px;overflow:hidden;margin-top:19px;border-bottom:1px solid #3c3c3c}.abstract-wave svg{width:100%;height:100%;overflow:visible}.abstract-wave path{fill:none;stroke:#cfcfcf;stroke-width:1.5;stroke-dasharray:260;animation:wave-draw 12s ease infinite}
.abstract-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.abstract-list>i{height:5px;background:linear-gradient(90deg,#999 10px,transparent 10px,transparent 18px,#444 18px);width:100%;border-radius:2px}.abstract-list>i:nth-child(2){width:83%}.abstract-list>i:nth-child(3){width:92%}
.panel-small{left:0;top:145px;width:115px;height:140px;padding:15px;transform:rotateY(-12deg) rotateZ(-11deg) translateZ(45px);animation:panel-small-in 12s cubic-bezier(.4,0,.2,1) infinite}
.completion-orbit{width:49px;height:49px;border:1px solid #dedede;border-right-color:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.completion-orbit:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;top:2px;right:6px;box-shadow:0 0 7px #fff5}.completion-orbit span{font-size:20px;font-weight:400;color:#dedede}
.panel-small>i,.panel-widget>i{display:block;width:75%;height:4px;background:#777;margin-top:9px;border-radius:2px}.panel-small>i:last-child,.panel-widget>i:last-child{width:50%;background:#444}
.panel-widget{left:220px;top:60px;width:110px;height:100px;padding:14px;background:linear-gradient(145deg,#aaa,#6c6c6c 45%,#373737);transform:rotateY(-12deg) rotateZ(12deg) translateZ(70px);animation:panel-widget-in 12s cubic-bezier(.4,0,.2,1) infinite;border-color:#c6c6c6}
.widget-icon{color:#fff;font-size:26px;line-height:1;margin-bottom:6px}.panel-widget>i{background:#ddd7}.interface-backplate{position:absolute;left:70px;top:36px;width:190px;height:270px;border:1px solid #383838;border-radius:15px;transform:rotateY(-17deg) rotateZ(8deg) translateZ(-40px);animation:backplate-in 12s ease infinite}
.interface-orbit{position:absolute;inset:10px;border:1px solid #ffffff0c;border-radius:50%;transform:rotateX(55deg) rotateZ(20deg)}
@keyframes puzzle-join{0%,8%{transform:translate3d(calc(var(--tx) * var(--scatter)),calc(var(--ty) * var(--scatter)),calc(var(--tz) * var(--scatter))) rotateZ(var(--rz));opacity:.55}28%,66%{transform:translate3d(0,0,0) rotateZ(0);opacity:1}88%,100%{transform:translate3d(calc(var(--tx) * var(--scatter)),calc(var(--ty) * var(--scatter)),calc(var(--tz) * var(--scatter))) rotateZ(var(--rz));opacity:.55}}
@keyframes puzzle-halo{0%,12%,88%,100%{opacity:.2;transform:translateY(70px) scale(.7)}32%,67%{opacity:1;transform:translateY(70px) scale(1.1)}}
@keyframes assembly-ring{0%,15%,85%,100%{opacity:.3;transform:rotateX(62deg) scale(.8)}30%,65%{opacity:1;transform:rotateX(62deg) scale(1.05)}}
@keyframes panel-main-in{0%,5%,94%,100%{transform:rotateY(-30deg) rotateZ(14deg) translate3d(0,65px,-80px);opacity:.2}22%,75%{transform:rotateY(-17deg) rotateZ(8deg) translate3d(0,0,0);opacity:1}52%{transform:rotateY(-12deg) rotateZ(6deg) translate3d(0,-8px,0);opacity:1}}
@keyframes panel-small-in{0%,12%,92%,100%{transform:rotateY(-25deg) rotateZ(-22deg) translate3d(-100px,55px,90px);opacity:0}32%,72%{transform:rotateY(-12deg) rotateZ(-11deg) translate3d(0,0,45px);opacity:1}52%{transform:rotateY(-8deg) rotateZ(-8deg) translate3d(0,-10px,55px);opacity:1}}
@keyframes panel-widget-in{0%,18%,90%,100%{transform:rotateY(15deg) rotateZ(30deg) translate3d(100px,-75px,120px);opacity:0}38%,72%{transform:rotateY(-12deg) rotateZ(12deg) translate3d(0,0,70px);opacity:1}54%{transform:rotateY(-9deg) rotateZ(9deg) translate3d(0,-8px,80px);opacity:1}}
@keyframes backplate-in{0%,8%,94%,100%{opacity:0;transform:rotateY(-25deg) rotateZ(14deg) translate3d(30px,80px,-100px)}25%,75%{opacity:.8;transform:rotateY(-17deg) rotateZ(8deg) translate3d(0,0,-40px)}}
@keyframes wave-draw{0%,20%,100%{stroke-dashoffset:260;opacity:.3}40%,77%{stroke-dashoffset:0;opacity:1}90%{stroke-dashoffset:-260;opacity:0}}
@media(max-width:1000px) and (min-width:651px){.puzzle-platform{transform:scale(.83)}.interface-system{transform:scale(.86)}}
@media(max-width:650px){.puzzle-platform{width:230px;height:210px;transform:scale(.85)}.puzzle-assembly{--scatter:.42;grid-template-columns:repeat(3,53px);gap:6px}.puzzle-assembly>i{height:53px;border-radius:6px}.puzzle-aura{width:220px;height:120px}.assembly-ring{inset:0}.interface-system{transform:scale(.58);transform-origin:center;width:330px;height:330px;flex-shrink:0}.visual-life{overflow:visible}.has-sculpture #sculpture{opacity:.92}}
@media(prefers-reduced-motion:reduce){#sculpture{transition:none}.puzzle-assembly>i{transform:none;opacity:1}.interface-panel{opacity:1}}
body.motion-off #sculpture{transition:none}
/* Performance pass: pre-rendered motion, shorter scroll scenes and no continuous canvas loop. */
.opening{height:180svh}.universe{height:210svh}.process{height:170svh}
.hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2;pointer-events:none;mix-blend-mode:screen}
.orbital-atmosphere{z-index:-3}
.logo-reveal{will-change:auto}.logo-scene,.future-scene{will-change:auto}
.process-word{filter:none!important}
.company-orb>i{animation:none}
.universe:not(.zone-in-view) *, .horizon:not(.zone-in-view) *{animation-play-state:paused!important}
.development-film{position:relative;width:min(100%,620px);margin:0;transform:rotate(-1.5deg)}
.development-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#080808}
.development-film figcaption{font-size:7px;letter-spacing:.13em;color:#929292;text-align:center;margin-top:15px}
.visual-play{overflow:visible}
@media(max-width:650px){.opening{height:165svh}.universe{height:225svh}.process{height:165svh}.header.scrolled{backdrop-filter:none;background:#030303f5}.hero-motion{object-fit:cover}.development-film{width:min(100%,360px);transform:none}.development-film figcaption{font-size:6px;margin-top:8px}.world-visual>.visual-caption{display:none}}
@media(prefers-reduced-motion:reduce){.opening,.universe,.process{height:auto}}
body.motion-off .opening,body.motion-off .universe,body.motion-off .process{height:auto}

/* Reversible scroll-through transition: compositor transforms only. */
.hero-motion{transform-origin:50% 48%;backface-visibility:hidden;transition:none;object-fit:contain}
@media(prefers-reduced-motion:reduce){.hero-motion{transform:none!important}}
body.motion-off .hero-motion{transform:none!important;opacity:1;visibility:visible}

/* Each product world becomes a scroll-through scene. No additional rendering loop. */
.universe{height:250svh}
.world-visual{isolation:isolate}
.visual-stage{transition:none;transform-origin:50% 50%;backface-visibility:hidden}
.world-panel{transition:none;transform-origin:0 50%}
@media(max-width:650px){.universe{height:265svh}}
@media(prefers-reduced-motion:reduce){.universe{height:auto}.world-panel{transform:none!important;opacity:1!important;visibility:visible!important}}
body.motion-off .universe{height:auto}
body.motion-off .world-panel{transform:none!important;opacity:1!important;visibility:visible!important}

/* Header identity: the exact supplied artwork, with true mask transparency. */
.nav-logo{background:transparent;mix-blend-mode:normal}
.nav-logo img{background:transparent}
/* Readability and sharp, vector-based product worlds. */
.header nav{font-size:14px}
.company-copy p:not(.lead):not(.company-signature),.world-panel>p:not(.eyebrow),.horizon p:not(.coming),.connect p{font-size:16px;line-height:1.75;color:#b5b5b5}
.company-copy .company-signature{font-size:10px;color:#aaa}
.opening-note{font-size:15px;color:#b5b5b5}
.future-scene>p:not(.eyebrow){font-size:16px;color:#bbb}
.opening-top.meta{font-size:10px;color:#b4b4b4}
.section-meta .eyebrow{font-size:10px}
.outline-link{font-size:11px}
.dev-tag{font-size:10px;border-color:#515151;color:#ccc}
.world-indicator{font-size:12px}
.world-bottom{font-size:13px;color:#aaa}.world-bottom>a{font-size:10px}
.process-bottom p{font-size:15px;color:#b5b5b5}
.footer-main p,.footer-main>div{font-size:13px;color:#b0b0b0}
.footer-bottom{font-size:11px;color:#a0a0a0}
.visual-caption{font-size:9px;color:#929292;letter-spacing:.1em}
.document-main p,.document-main li{font-size:16px;color:#b5b5b5}
.document-meta{font-size:12px!important;color:#aaa!important}
.document-footer{font-size:12px}
.game-vector{display:block;width:min(100%,430px);height:auto;overflow:visible}
.vector-tile{animation:vector-assemble 11s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:center}
.compact-film{width:min(100%,480px);transform:none}
.compact-film figcaption{font-size:9px;color:#999;letter-spacing:.1em;line-height:1.6}
.horizon-art:has(.compact-film){height:auto;min-height:300px;perspective:none}
@keyframes vector-assemble{0%,8%,90%,100%{transform:translate(var(--sx),var(--sy));opacity:.6}28%,68%{transform:translate(0,0);opacity:1}}
@media(max-width:1000px) and (min-width:651px){.world-panels{height:405px}.world-panel>p:not(.eyebrow){font-size:15px}}
@media(max-width:650px){.opening-top.meta{font-size:8px;letter-spacing:.08em}.opening-note{font-size:13px}.future-scene>p:not(.eyebrow){font-size:15px}.company-copy p:not(.lead):not(.company-signature),.horizon p:not(.coming),.connect p{font-size:16px}.world-panel>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:330px}.world-panel h2{font-size:50px}.world-indicator{font-size:10px;margin-bottom:15px}.world-panel .dev-tag{font-size:8px;padding:7px 9px}.world-copy{top:22px}.game-vector{width:230px;max-width:80vw}.world-visual{height:195px;bottom:28px}.world-bottom{font-size:10px}.world-bottom>a{font-size:8px}.section-meta .eyebrow{font-size:9px}.outline-link{font-size:10px}.horizon-art:has(.compact-film){min-height:220px}.compact-film{width:100%;max-width:380px}.compact-film figcaption{font-size:8px}.footer-main>div,.footer-main p{font-size:12px}.footer-bottom{font-size:10px}.document-main p,.document-main li{font-size:16px}}
@media(max-width:650px) and (max-height:740px){.world-copy{top:16px}.world-panel h2{font-size:46px}.world-panel>p:not(.eyebrow){font-size:14px;line-height:1.6}.world-visual{height:150px;bottom:20px}.game-vector{width:190px}.world-indicator{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.vector-tile{animation:none;transform:none;opacity:1}}