:root{--black:#050505;--panel:#0b0b0b;--white:#f5f5f2;--muted:#969696;--line:#242424}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin:auto}
.cursor-light{display:none}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;background:rgba(5,5,5,.9);border-bottom:1px solid transparent;opacity:0;transform:translate3d(0,-12px,0);pointer-events:none;transition:opacity .28s ease,transform .28s ease,border-color .28s ease}.topbar.show{opacity:1;transform:none;pointer-events:auto;border-color:#171717}.brand{font-weight:950;letter-spacing:.12em;font-size:18px}.nav{display:flex;gap:30px;font-size:12px;letter-spacing:.08em;color:#aaa}.nav a:hover{color:#fff}.nav-cta{justify-self:end;border:1px solid #444;border-radius:999px;padding:11px 16px;font-size:12px;transition:transform .2s ease,background .2s ease,color .2s ease}.nav-cta:hover{background:#fff;color:#000;transform:translateY(-2px)}
.intro{height:190vh;position:relative}.hero-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #151515}.hero-grid{position:absolute;inset:-18%;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:82px 82px;transform:perspective(900px) rotateX(72deg) translateY(38%);z-index:0;opacity:.65}
.hero-wrap{position:relative;z-index:5;text-align:center;transform-style:preserve-3d;will-change:transform,opacity}.overline,.eyebrow{font-size:11px;letter-spacing:.27em;text-transform:uppercase;color:#777}.logo-scene{position:relative;display:grid;place-items:center;perspective:1000px;transform-style:preserve-3d;margin:28px auto 26px;animation:heroFloat 4.2s ease-in-out infinite}.hero-logo,.logo-depth{grid-area:1/1;font-size:clamp(88px,18vw,235px);line-height:.76;letter-spacing:-.098em;font-weight:1000;white-space:nowrap}.hero-logo{position:relative;z-index:3;color:#f6f6f4;text-shadow:8px 10px 0 #1b1b1b,16px 20px 0 #0f0f0f}.logo-depth{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);z-index:1}.depth-1{transform:translate3d(10px,12px,-30px);opacity:.5}.depth-2{transform:translate3d(20px,24px,-55px);opacity:.2}.hero-copy{margin:0;color:#9a9a9a;font-size:clamp(14px,1.6vw,19px);letter-spacing:.03em}.scroll-cue{position:absolute;z-index:5;bottom:32px;color:#666;font-size:10px;letter-spacing:.28em;text-align:center}.scroll-cue span{display:block;margin-top:9px;color:#fff;font-size:16px;animation:nudge 1.6s ease-in-out infinite}
.orbit{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.18);border-radius:50%;will-change:transform}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:-4px;left:50%;transform:translateX(-50%)}.orbit-a{width:min(58vw,760px);height:min(58vw,760px);animation:spinA 10s linear infinite}.orbit-b{width:min(76vw,980px);height:min(28vw,350px);animation:spinB 14s linear infinite}.orbit-c{width:min(34vw,430px);height:min(76vw,980px);animation:spinC 18s linear infinite;opacity:.65}.hero-glow{display:none}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) rotateX(0deg)}50%{transform:translate3d(0,-12px,0) rotateX(2deg)}}
@keyframes spinA{from{transform:rotateX(68deg) rotateZ(0deg)}to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes spinB{from{transform:rotateX(68deg) rotateZ(24deg)}to{transform:rotateX(68deg) rotateZ(-336deg)}}
@keyframes spinC{from{transform:rotateY(70deg) rotateX(58deg) rotateZ(0deg)}to{transform:rotateY(70deg) rotateX(58deg) rotateZ(360deg)}}
@keyframes nudge{50%{transform:translate3d(0,7px,0)}}
.section{position:relative;padding:135px 0;border-top:1px solid #151515;z-index:3;content-visibility:auto;contain-intrinsic-size:900px}.section-head{max-width:890px}.section h2,.contact h2{font-size:clamp(48px,8vw,98px);line-height:.88;letter-spacing:-.075em;margin:18px 0 30px}.section h2 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:720px;color:var(--muted);font-size:18px;line-height:1.75}.web-section{background:#050505}
.browser-stage{position:relative;margin:82px auto 100px;width:min(980px,92vw);perspective:1200px}.browser-window{position:relative;border:1px solid #353535;border-radius:22px;overflow:hidden;background:#090909;box-shadow:0 26px 60px rgba(0,0,0,.38);transform:rotateX(3deg) rotateY(-2deg);animation:browserFloat 5s ease-in-out infinite;will-change:transform}.browser-bar{height:48px;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:8px;padding:0 16px;color:#666;font-size:11px}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#3d3d3d}.browser-bar>div{margin-left:10px;border:1px solid #282828;border-radius:999px;padding:6px 14px;flex:1;max-width:390px}.browser-body{min-height:500px;padding:55px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px}.browser-copy .mini-label{font-size:10px;letter-spacing:.25em;color:#747474}.browser-copy strong{display:block;font-size:clamp(40px,5.8vw,76px);line-height:.85;letter-spacing:-.065em;margin:25px 0}.browser-copy p{color:#777}.browser-panels{position:relative;height:340px}.panel{position:absolute;width:68%;height:190px;border:1px solid #343434;border-radius:18px;background:linear-gradient(145deg,#181818,#080808);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 36px rgba(0,0,0,.42);will-change:transform}.panel b{font-size:24px;letter-spacing:-.04em}.panel small{color:#666;margin-top:5px}.p1{right:3%;top:8%;animation:panelOne 5.5s ease-in-out infinite}.p2{left:2%;top:31%;animation:panelTwo 6.2s ease-in-out infinite}.p3{right:13%;bottom:1%;animation:panelThree 6.8s ease-in-out infinite}.stage-shadow{display:none}
@keyframes browserFloat{50%{transform:rotateX(1deg) rotateY(2deg) translate3d(0,-9px,0)}}
@keyframes panelOne{50%{transform:translate3d(-12px,8px,0) rotate(1deg)}}
@keyframes panelTwo{50%{transform:translate3d(12px,-9px,0) rotate(-1deg)}}
@keyframes panelThree{50%{transform:translate3d(-8px,-10px,0) rotate(.5deg)}}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#232323;border:1px solid #232323}.feature{position:relative;min-height:285px;padding:30px;background:#090909;transition:transform .25s ease,background .25s ease;overflow:hidden}.feature:hover{transform:translate3d(0,-5px,0);background:#101010}.feature-large{grid-column:span 2;min-height:330px}.feature>span,.tech-grid article>span{font-size:11px;color:#666}.feature h3,.tech-grid h3{font-size:26px;margin:88px 0 12px;letter-spacing:-.03em}.feature p,.tech-grid p{color:#838383;line-height:1.65;margin:0}.feature-tag{position:absolute;right:24px;top:24px;border:1px solid #333;border-radius:999px;padding:7px 10px;font-size:10px;color:#888}
.tech-section{background:#f1f1ed;color:#090909;overflow:hidden}.tech-section .eyebrow{color:#777}.tech-section .lead{color:#555}.tech-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:72px 72px}.tech-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px}.machine-wrap{height:500px;position:relative;display:grid;place-items:center;perspective:1200px}.machine{width:min(640px,90%);height:360px;border:2px solid #222;border-radius:24px 24px 12px 12px;background:linear-gradient(145deg,#1a1a1a,#050505);padding:18px;transform:rotateX(9deg) rotateY(-8deg);animation:machineFloat 5s ease-in-out infinite;box-shadow:24px 30px 42px rgba(0,0,0,.18);z-index:2;will-change:transform}.machine-screen{height:100%;border-radius:13px;border:1px solid #3c3c3c;display:grid;place-items:center;align-content:center;color:white;background:#111;overflow:hidden}.machine-screen span{font-weight:1000;font-size:clamp(48px,7vw,86px);letter-spacing:-.08em}.machine-screen small{color:#666;letter-spacing:.2em;margin-top:15px}.machine-base{position:absolute;left:4%;right:4%;height:14px;bottom:-20px;background:#222;border-radius:0 0 50% 50%;transform:perspective(400px) rotateX(65deg)}.machine-ring{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(0,0,0,.22);border-radius:50%;animation:machineRing 11s linear infinite;will-change:transform}.machine-ring:after{content:"";position:absolute;width:8px;height:8px;background:#111;border-radius:50%;top:-4px;left:50%}@keyframes machineFloat{50%{transform:rotateX(5deg) rotateY(5deg) translate3d(0,-13px,0)}}@keyframes machineRing{from{transform:rotateX(73deg) rotateZ(0deg)}to{transform:rotateX(73deg) rotateZ(360deg)}}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #c8c8c3;border-left:1px solid #c8c8c3}.tech-grid article{min-height:230px;padding:28px;border-right:1px solid #c8c8c3;border-bottom:1px solid #c8c8c3;background:rgba(255,255,255,.32)}.tech-grid article h3{margin-top:68px}
.process-section{background:#050505}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.process-copy{position:sticky;top:120px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:32px 0;border-top:1px solid #232323}.steps li:last-child{border-bottom:1px solid #232323}.steps>li>span{color:#5f5f5f;font-size:12px}.steps h3{font-size:29px;margin:0 0 8px}.steps p{margin:0;color:#808080;line-height:1.65}
.contact{min-height:72vh;padding:130px 0;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center;border-top:1px solid #181818;content-visibility:auto;contain-intrinsic-size:700px}.contact-inner{position:relative;z-index:2}.contact-inner>p:not(.eyebrow){color:#888}.contact-orbit{position:absolute;width:min(820px,84vw);aspect-ratio:1;border:1px solid #242424;border-radius:50%;animation:contactSpin 18s linear infinite;will-change:transform}.contact-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:-4px;left:50%}@keyframes contactSpin{from{transform:rotateX(72deg) rotateZ(0deg)}to{transform:rotateX(72deg) rotateZ(360deg)}}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:999px;font-size:12px;letter-spacing:.04em;border:1px solid #333;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.button.light{background:#f5f5f2;color:#080808;border-color:#f5f5f2}.button.ghost:hover{border-color:#777}.button.light:hover{transform:translateY(-2px)}
footer{border-top:1px solid #202020;padding:32px 0;color:#666;font-size:12px}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-inner strong{display:block;color:#ddd;font-size:14px;letter-spacing:.08em}.footer-inner span{display:block;margin-top:5px}.footer-inner>div:nth-child(2){text-align:center}.footer-inner>div:last-child{text-align:right}
.reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1)}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.nav-cta{font-size:11px}.intro{height:165vh}.orbit-a{width:88vw;height:88vw}.orbit-b{width:118vw;height:42vw}.orbit-c{display:none}.feature-grid,.tech-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.tech-layout,.process-layout{grid-template-columns:1fr}.process-copy{position:relative;top:auto}.machine-wrap{height:420px}.browser-body{grid-template-columns:1fr;min-height:570px}.browser-copy{text-align:center}.browser-panels{height:290px}.section{padding:102px 0}}
@media(max-width:560px){.topbar{height:66px;padding:0 18px}.nav-cta{padding:9px 12px}.intro{height:145vh}.hero-logo,.logo-depth{font-size:27vw}.overline{font-size:9px}.hero-copy{font-size:13px}.hero-grid{background-size:56px 56px}.orbit-b{display:none}.section{padding:82px 0}.section h2,.contact h2{font-size:clamp(43px,15vw,68px)}.lead{font-size:16px}.browser-stage{margin:62px auto 72px}.browser-window{border-radius:16px;animation:browserFloatMobile 4.5s ease-in-out infinite}.browser-body{padding:30px 22px;min-height:500px}.browser-copy strong{font-size:46px}.panel{height:145px;width:72%;padding:18px}.panel b{font-size:18px}.feature-grid,.tech-grid{grid-template-columns:1fr}.feature-large{grid-column:span 1}.feature,.feature-large{min-height:230px;padding:25px}.feature h3{margin-top:58px}.tech-layout{gap:20px}.machine-wrap{height:300px}.machine{height:215px;width:92%;border-radius:18px;padding:12px;animation:machineFloatMobile 5s ease-in-out infinite}.machine-screen span{font-size:54px}.machine-screen small{font-size:8px}.machine-ring{display:none}.tech-grid article{min-height:195px}.tech-grid article h3{margin-top:48px}.contact{padding:96px 0;min-height:620px}.contact-orbit{width:95vw}.contact-actions .button{width:100%}.footer-inner{grid-template-columns:1fr;gap:8px}.footer-inner>div:nth-child(2),.footer-inner>div:last-child{text-align:left}@keyframes machineFloatMobile{50%{transform:rotateX(4deg) rotateY(3deg) translate3d(0,-8px,0)}}@keyframes browserFloatMobile{50%{transform:translate3d(0,-7px,0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-scene,.orbit,.scroll-cue span,.browser-window,.panel,.machine,.machine-ring,.contact-orbit{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.hero-wrap{transform:none!important;opacity:1!important}.topbar{opacity:1;transform:none;pointer-events:auto}}

/* Stock sneak peek */
.stock-section{background:#080808;overflow:hidden}.stock-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:54px}.stock-head h2{margin-bottom:0}.stock-intro{padding-bottom:10px}.stock-intro p{color:#8d8d8d;line-height:1.7;margin:0 0 18px;max-width:560px}.preview-note{display:inline-flex;border:1px solid #2f2f2f;border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.18em;color:#757575}.stock-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.stock-filter{appearance:none;border:1px solid #292929;background:#0d0d0d;color:#8a8a8a;border-radius:999px;padding:11px 15px;font:inherit;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.stock-filter span{margin-left:8px;color:#565656}.stock-filter:hover{border-color:#555;color:#fff;transform:translateY(-1px)}.stock-filter.active{background:#f3f3ef;color:#080808;border-color:#f3f3ef}.stock-filter.active span{color:#777}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{min-width:0;border:1px solid #222;background:#0c0c0c;padding:13px 13px 20px;border-radius:20px;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease,background .28s ease;transform-style:preserve-3d}.product-card:hover{transform:translate3d(0,-7px,0);border-color:#414141;background:#101010}.product-card.is-hidden{display:none}.product-image{height:260px;border-radius:14px;background:#f0f0ec;display:grid;place-items:center;overflow:hidden;position:relative}.product-image:after{content:"";position:absolute;inset:auto 10% 14px;height:18px;border-radius:50%;background:rgba(0,0,0,.12);filter:blur(12px);opacity:.65}.product-image img{position:relative;z-index:2;width:88%;height:88%;object-fit:contain;filter:saturate(.72) contrast(1.03);transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}.product-card:hover .product-image img{transform:scale(1.035) translate3d(0,-3px,0);filter:saturate(.9) contrast(1.04)}.desktop-image img{width:80%;height:80%}.product-meta{display:flex;justify-content:space-between;gap:20px;margin:18px 4px 0;color:#5f5f5f;font-size:9px;letter-spacing:.14em}.product-card h3{font-size:24px;line-height:1.08;letter-spacing:-.04em;margin:18px 4px 10px}.product-card>p{margin:0 4px;color:#858585;line-height:1.6;font-size:14px;min-height:68px}.product-spec{margin:18px 4px 0;padding-top:15px;border-top:1px solid #222;color:#adadad;font-size:11px;line-height:1.5}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 4px 0}.product-bottom strong{font-size:21px;letter-spacing:-.03em}.product-bottom a{font-size:11px;border:1px solid #303030;border-radius:999px;padding:10px 12px;color:#b5b5b5;transition:background .2s ease,color .2s ease,border-color .2s ease}.product-bottom a:hover{background:#f3f3ef;color:#080808;border-color:#f3f3ef}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.stock-head{grid-template-columns:1fr;gap:24px}.stock-intro{padding-bottom:0}}
@media(max-width:620px){.product-grid{grid-template-columns:1fr}.product-image{height:245px}.stock-filter{flex:1;min-width:96px}.product-card>p{min-height:auto}.product-bottom{align-items:flex-end}.product-bottom a{padding:10px 11px}}