@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0f1ee;--muted:#93999e;--bg:#080a0c;--paper:#eeefeb;--blue:#9bb9fa;--gutter:clamp(24px,5vw,100px);font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}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 var(--blue);outline-offset:7px}button{border:0}::selection{background:#b7c9f7;color:#0b0f14}figure,p,h1,h2,h3{margin:0}img{display:block;max-width:100%;height:auto}svg{fill:none;stroke:currentColor;stroke-width:1.2}button:disabled{cursor:default}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--paper);color:#111;padding:12px 20px}.skip:focus{top:15px}
.nav{height:78px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #ffffff12}.wordmark{display:flex;align-items:center;gap:10px}.wordmark>svg{width:29px;height:32px;stroke-width:1.5}.wordmark>span{font-size:25px;font-weight:700;letter-spacing:-1.4px}.wordmark-dot{color:var(--blue)}.nav nav{display:flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.01em}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--blue)}.nav-contact{margin-left:20px}.nav-contact span{margin-left:18px}
.hero{position:relative;min-height:780px;height:100svh;max-height:1200px;overflow:hidden;isolation:isolate;padding:78px var(--gutter) 0;display:flex;align-items:center}.hero-aura{position:absolute;z-index:-1;width:85vw;height:90%;right:-15%;top:4%;background:radial-gradient(ellipse,#23303d55,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-bottom:35px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}.hero .eyebrow{display:flex;gap:10px;align-items:center;color:#b5bec8;margin-bottom:32px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(64px,7.2vw,124px);line-height:1.01;letter-spacing:-.068em;font-weight:500}h1>span{color:#929ba4}.hero-intro{font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:#aab2b9;margin:30px 0}.text-link{display:inline-flex;align-items:center;gap:52px;padding:10px 0;border-bottom:1px solid #a7b3c36b;font-size:13px;transition:gap .2s,color .2s}.text-link:hover{gap:65px;color:var(--blue)}.text-link span{font-size:21px}.hero-object{position:absolute;width:64%;max-width:1100px;right:-7%;top:50%;transform:translateY(-47%);z-index:1;pointer-events:none}.hero-object img{width:100%;filter:drop-shadow(0 42px 28px #0008)}.hero-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7d878f;letter-spacing:.03em}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-line{display:block;height:30px;width:1px;background:linear-gradient(#b6c6df,transparent)}
.story{position:relative;height:300svh;background:#101419}.story-screen{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;border-top:1px solid #ffffff0a;background:radial-gradient(ellipse at 75% 45%,#1e2b3c59,transparent 58%),#101419}.story-top{display:flex;justify-content:space-between;position:absolute;left:var(--gutter);right:var(--gutter);top:43px;font-size:9px;letter-spacing:.13em;color:#778693;z-index:3}.story-counter{font-variant-numeric:tabular-nums}.story-copy{position:absolute;left:var(--gutter);top:28%;width:34%;max-width:500px;z-index:2}.story-phase{position:absolute;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .6s,transform .7s,visibility .6s}.story-phase.is-active{opacity:1;visibility:visible;transform:translateY(0)}.story-phase .eyebrow{color:var(--blue);margin-bottom:24px}.story-phase h2{font-size:clamp(35px,3.7vw,65px);line-height:1.05;letter-spacing:-.055em;font-weight:500}.story-phase>p:last-child{max-width:320px;margin-top:25px;color:#98a5b1;font-size:14px;line-height:1.75}.story-visuals{position:absolute;right:0;top:9%;width:66%;height:78%;pointer-events:none}.story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .7s,transform 1s;filter:drop-shadow(0 32px 25px #0005)}.story-image.is-active{opacity:1;transform:none}.story-image.context-image{width:113%;max-width:none;left:-5%;}.scene-note{position:absolute;right:var(--gutter);bottom:135px;font-size:9px;letter-spacing:.04em;color:#6f7e8b}.story-controls{position:absolute;bottom:42px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;z-index:4}.chapter{position:relative;display:flex;align-items:center;gap:14px;padding:17px 0;background:transparent;border-top:1px solid #ffffff24;text-align:left;font-size:12px;color:#7e8c99;transition:color .2s}.chapter:hover,.chapter.is-active{color:#eff5ff}.chapter-number{font-size:10px;color:#6482a4;font-variant-numeric:tabular-nums}.chapter-track{position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--blue);transition:width .6s}.chapter.is-active .chapter-track{width:100%}
.light-section{background:var(--paper);color:#171b20;color-scheme:light}.possibilities{padding:140px var(--gutter) 50px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:10%}.section-heading .eyebrow{grid-column:1/-1;color:#707983;margin-bottom:35px}.section-heading h2{font-size:clamp(44px,5.4vw,86px);line-height:1.04;letter-spacing:-.06em;font-weight:500}.section-heading h2 span{color:#899096}.section-intro{max-width:365px;font-size:15px;line-height:1.85;color:#5d666e;align-self:end;padding-bottom:5px}.possibility-list{margin-top:95px}.possibility{padding:36px 0;border-top:1px solid #141e282d;display:grid;grid-template-columns:.15fr 1.08fr 1fr 50px;gap:25px;align-items:start}.row-number{font-size:10px;color:#7d858c;padding-top:9px}.possibility h3{font-size:30px;line-height:1.25;letter-spacing:-.04em;font-weight:500}.possibility p{max-width:360px;color:#667079;font-size:14px;line-height:1.8}.possibility svg{width:35px;height:35px;margin-top:4px;justify-self:end;stroke:#59636f;stroke-width:1}.industries{border-top:1px solid #141e282d;padding-top:43px;margin-top:10px;font-size:9px;color:#818990;letter-spacing:.15em;display:flex;gap:25px;justify-content:center}.industries span{color:#a2a9ac}
.delivery{padding:150px var(--gutter) 165px;display:grid;grid-template-columns:.85fr 1.2fr;gap:7%;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 68%,#2532464d,transparent 55%),#080a0c}.delivery-copy .eyebrow{color:#7e8c99;margin-bottom:30px}.delivery h2{font-weight:500;font-size:clamp(38px,4.8vw,76px);line-height:1.06;letter-spacing:-.055em}.delivery h2 span{color:#8b98a5}.delivery-copy>p:not(.eyebrow){max-width:320px;color:#8b98a5;font-size:14px;line-height:1.8;margin-top:25px}.delivery-copy>.delivery-small{font-size:10px!important;line-height:2!important;color:#697b8d!important;letter-spacing:.025em}.device-composition{position:relative;padding:30px 0 105px}.desktop-device{position:relative;background:linear-gradient(135deg,#27323d,#101923);border:7px solid #1d252d;border-radius:12px;box-shadow:0 35px 60px #0009,0 0 0 1px #73808d4a;aspect-ratio:1.6;overflow:hidden;transform:perspective(1600px) rotateY(-8deg) rotateX(4deg)}.desktop-device>img{position:absolute;inset:7% 1% 4%;width:98%;height:89%;object-fit:contain}.device-toolbar{position:absolute;z-index:1;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;color:#91a3b2;font-size:5px;letter-spacing:.13em}.mini-brand{font-weight:700;font-size:10px;letter-spacing:-.7px;color:#d9e0e5}.device-toolbar i{width:4px;height:4px;border-radius:50%;background:#91afe2}.device-caption{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:7px;color:#b2c1ce;letter-spacing:.06em}.desktop-foot{height:72px;width:32%;margin:auto;background:linear-gradient(110deg,#242c35,#0d1116);clip-path:polygon(25% 0,75% 0,83% 85%,100% 95%,100% 100%,0 100%,0 95%,17% 85%);transform:translateX(8px)}.tablet-device{position:absolute;left:-30px;bottom:30px;background:radial-gradient(ellipse,#273445,#131b24);border:8px solid #202730;box-shadow:0 24px 40px #0009,0 0 0 1px #73808d66;border-radius:14px;width:57%;aspect-ratio:1.3;overflow:hidden;transform:perspective(1800px) rotateY(9deg) rotateZ(-5deg)}.tablet-device img{width:85%;height:88%;object-fit:contain;margin:7% auto 0}.tablet-device .device-toolbar{top:12px;left:12px;right:12px}.tablet-label{position:absolute;bottom:13px;left:13px;font-size:10px;letter-spacing:-.02em}.tablet-label>span{display:block;color:#8292a4;font-size:8px;margin-top:3px}
.contact{padding:100px var(--gutter) 90px}.contact .eyebrow{color:#7a8287;margin-bottom:40px}.contact h2{font-size:clamp(75px,12.2vw,200px);font-weight:500;line-height:.98;letter-spacing:-.07em}.contact h2 span{color:#899094}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:60px;gap:30px}.contact-bottom p{font-size:13px;line-height:1.8;color:#6c757d}.contact-bottom p>span{display:block;font-size:10px;color:#868e93;margin-top:18px}.contact-link{position:relative;font-size:clamp(17px,2vw,30px);letter-spacing:-.04em;padding:0 0 9px;border-bottom:1px solid #5c69777a;line-height:1.3}.contact-link>span{margin-left:40px}.contact-link small{display:block;font-size:10px;font-weight:400;letter-spacing:.02em;margin-top:15px;color:#687582}.contact-link:hover{color:#506997}footer{background:var(--paper);color:#74808a;padding:25px var(--gutter);display:flex;gap:25px;align-items:center;border-top:1px solid #17243022;font-size:9px}footer p{margin-left:auto}.footer-brand{font-size:22px;font-weight:700;letter-spacing:-1.2px;color:#23303e}footer button{padding:8px 0;background:none;font-size:9px;color:#677480}footer button>span{margin-left:10px}dialog{border:1px solid #445161;color:#ccd5dd;background:#111820;max-width:540px;width:calc(100% - 32px);padding:0;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-inner{position:relative;padding:45px 36px}.dialog-inner>button{position:absolute;top:12px;right:16px;background:none;font-size:27px;color:#aebdcb}.dialog-inner .eyebrow{color:#8197ab}.dialog-inner h2{font-size:30px;letter-spacing:-.04em;font-weight:500;margin:15px 0 25px}.dialog-inner>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#8fa1b2;margin-top:16px}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .8s}.js .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1800px){.hero-object{right:-1%;width:62%}.hero-copy{padding-bottom:10px}.story-visuals{right:3%;width:63%}}
@media(max-width:1100px){.hero-object{right:-14%;width:74%}.hero .eyebrow{max-width:300px}.hero-copy{padding-bottom:90px}h1{font-size:clamp(64px,8.4vw,90px)}.story-copy{top:24%}.story-visuals{top:15%;height:65%;width:67%;right:-3%}.section-heading{column-gap:7%}.possibility{grid-template-columns:.12fr 1fr 1fr 35px}.delivery{gap:5%}.tablet-device{left:-15px}}
@media(max-width:760px){:root{--gutter:24px;scroll-padding-top:0}.nav{height:68px}.wordmark>span{font-size:23px}.wordmark>svg{width:25px}.nav nav{gap:18px}.nav nav>a:not(.nav-contact){display:none}.nav-contact{margin-left:0!important;font-size:11px}.nav-contact span{margin-left:12px}.hero{min-height:830px;height:100svh;max-height:1100px;align-items:flex-start;padding-top:130px}.hero-copy{padding-bottom:0;width:100%}.hero .eyebrow{font-size:8px;margin-bottom:24px;max-width:none;gap:7px}h1{font-size:clamp(50px,10.6vw,80px);letter-spacing:-.065em;line-height:1.04}.hero-intro{font-size:14px;margin:20px 0}.text-link{font-size:12px;gap:40px;padding:7px 0}.hero-object{top:auto;bottom:57px;right:-5%;width:104%;transform:none;max-width:680px}.hero-object img{max-height:43svh;min-height:300px;object-fit:contain;object-position:center}.hero-bottom{bottom:23px;font-size:8px}.hero-bottom>p{max-width:170px;line-height:1.7}.scroll-cue{gap:8px}.scroll-line{height:23px}.hero-aura{width:140%;top:20%;right:-35%;height:80%}.story{height:280svh}.story-screen{min-height:700px}.story-top{top:27px;font-size:8px}.story-copy{top:95px;width:calc(100% - 48px);max-width:480px}.story-phase{position:absolute;width:100%}.story-phase .eyebrow{font-size:9px;margin-bottom:17px}.story-phase h2{font-size:clamp(33px,7.9vw,54px);line-height:1.03}.story-phase>p:last-child{font-size:12px;line-height:1.65;max-width:340px;margin-top:17px}.story-visuals{width:100%;right:0;top:auto;bottom:90px;height:48%}.story-image{object-position:center}.story-image.context-image{width:105%;left:-2.5%}.scene-note{bottom:96px;font-size:8px;color:#647588;z-index:3}.story-controls{bottom:25px;gap:16px}.chapter{font-size:10px;gap:7px;padding:14px 0}.chapter-number{font-size:8px}.possibilities{padding-top:80px;padding-bottom:32px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:25px}.section-heading h2{font-size:clamp(40px,8.9vw,68px)}.section-intro{font-size:13px;line-height:1.8;margin-top:28px;max-width:380px}.possibility-list{margin-top:55px}.possibility{grid-template-columns:22px 1fr 27px;gap:14px;padding:26px 0}.possibility h3{font-size:25px}.possibility p{grid-column:2/3;grid-row:2;margin-top:0;font-size:12px;line-height:1.75;max-width:340px}.possibility svg{grid-column:3;grid-row:1;width:27px;height:27px;margin-top:0}.row-number{font-size:9px;padding-top:6px}.industries{gap:10px;font-size:7px;letter-spacing:.1em;padding-top:27px;flex-wrap:wrap}.delivery{padding-top:80px;padding-bottom:50px;display:block}.delivery h2{font-size:clamp(42px,9.5vw,68px)}.delivery-copy>p:not(.eyebrow){font-size:13px;max-width:380px}.device-composition{margin:35px 0 0 15px;padding-bottom:65px}.desktop-device{border-width:5px}.tablet-device{left:-18px;bottom:20px;border-width:6px;width:55%}.desktop-foot{height:50px}.device-toolbar{top:9px;left:12px;right:12px}.contact{padding-top:65px;padding-bottom:50px}.contact .eyebrow{font-size:8px;margin-bottom:30px}.contact h2{font-size:clamp(62px,13.6vw,100px)}.contact-bottom{display:block;margin-top:35px}.contact-bottom p{font-size:12px}.contact-link{display:inline-block;font-size:22px;margin-top:35px;max-width:100%}.contact-link>span{margin-left:35px}footer{flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px;font-size:8px}.footer-brand{font-size:20px}footer button{font-size:8px}.dialog-inner{padding:40px 25px}}
@media(max-width:380px){.hero{min-height:810px}.hero .eyebrow{letter-spacing:.1em}.hero-object{bottom:68px}.story-screen{min-height:710px}.story-copy{top:82px}.story-phase h2{font-size:31px}.story-controls{gap:10px}.chapter{font-size:9px}}
@media(prefers-reduced-motion:reduce), (max-height:620px) and (max-width:760px){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-object{will-change:auto}.story{height:auto}.story-screen{height:auto;min-height:0;position:relative;padding:65px var(--gutter) 35px;overflow:visible}.story-top,.story-visuals,.story-copy,.story-phase,.scene-note,.story-controls{position:static}.story-top{margin-bottom:40px}.story-copy{width:100%;max-width:none}.story-phase,.story-phase.is-active{opacity:1;visibility:visible;transform:none;position:relative;padding:25px 0}.story-phase h2{font-size:36px}.story-phase>p:last-child{max-width:500px}.story-visuals{display:none}.story-phase::after{content:"";display:block;width:100%;height:260px;background:center/contain no-repeat url("assets/product.webp");margin-top:20px}.story-phase:nth-child(2)::after{background-image:url("assets/detail.webp")}.story-phase:nth-child(3)::after{background-image:url("assets/context.webp")}.story-controls{display:none}.scene-note{text-align:right;margin-top:20px}.js .reveal{opacity:1;transform:none}}
html:not(.js) .story{height:auto}html:not(.js) .story-screen{height:auto;min-height:0;position:relative;padding:80px var(--gutter)}html:not(.js) .story-copy{position:relative;left:auto;top:auto;width:42%}html:not(.js) .story-phase{position:relative;opacity:1;visibility:visible;transform:none;padding:28px 0}html:not(.js) .story-controls{display:none}html:not(.js) .story-visuals{top:15%;height:70%;width:50%}html:not(.js) .story-image:not(:first-child){display:none}html:not(.js) .scene-note{bottom:30px}
@media(max-width:760px){html:not(.js) .story-copy{width:100%}html:not(.js) .story-visuals{display:none}html:not(.js) .story-phase{padding-bottom:25px}}

@media(max-width:760px){.hero-object{width:132%;right:-16%;max-width:none}}