@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--viewport-height: 100vh;font-family:Outfit,Helvetica Neue,Arial,sans-serif;color:#f5f5f5;background:#050505;color-scheme:dark;font-synthesis:none;text-rendering:geometricPrecision;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{background:#050505;overscroll-behavior:none}html,body,#root{width:100%;min-height:100%}body{min-width:280px;margin:0;overflow-x:hidden;background:#050505;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a{color:inherit}.page-shell{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;touch-action:pan-y;background:#050505}.journey{position:relative;min-height:300vh;min-height:calc(var(--viewport-height) * 3);overflow:hidden;isolation:isolate;background:#050505}.journey:before{position:absolute;inset:0;z-index:8;pointer-events:none;content:"";opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.chapter{position:relative;z-index:3;width:100%;height:100vh;height:var(--viewport-height);min-height:0;overflow:hidden;background:transparent}.hand-chapter{background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.11),transparent 35%)}.camera-chapter{background:radial-gradient(circle at 24% 50%,rgba(255,255,255,.08),transparent 31%)}.gear-chapter{z-index:1;margin-top:var(--gear-chapter-shift, 0px);background:radial-gradient(circle at 82% 50%,rgba(255,255,255,.08),transparent 29%)}.ambient{position:absolute;z-index:-1;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(100px);opacity:.1;background:#fff}.ambient-one{top:-26vw;left:-16vw}.ambient-two{right:-22vw;bottom:-30vw}.wordmark{position:absolute;top:calc(clamp(18px,3.4vh,42px) + env(safe-area-inset-top,0px));left:50%;z-index:0;width:min(94vw,1440px);max-width:1440px;margin:0;color:#f5f5f5;font-size:clamp(4.4rem,14.2vw,13.5rem);font-weight:600;line-height:.78;letter-spacing:-.065em;text-align:center;white-space:nowrap;transform:translate(-50%);user-select:none;-webkit-user-select:none}.hand-system{position:absolute;top:10.5%;left:50%;z-index:3;width:min(66vw,650px);height:67%;transform:translate(-50%)}.robot-hand{display:block;width:100%;height:100%;overflow:visible}.hero-tagline-position{position:absolute;top:80%;left:50%;z-index:5;width:min(76%,600px);transform:translate(-50%)}.hero-tagline,.hardware-panel,.annotation-panel{position:relative;isolation:isolate;border-radius:12px;visibility:hidden;opacity:0}.hero-tagline:before,.hardware-panel:before,.annotation-panel:before{position:absolute;inset:-6px;z-index:-1;border-radius:16px;background:#050505;content:""}.hero-tagline-copy,.hardware-panel-copy,.annotation-panel-copy{margin:0;padding:16px 24px;border:1px solid rgba(255,255,255,.16);border-radius:inherit;background:linear-gradient(125deg,#ffffff16,#ffffff06 55%,#ffffff0e);box-shadow:inset 0 1px #ffffff0f,0 12px 36px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f5f5f5;font-size:clamp(16px,1.55vw,22px);font-weight:500;line-height:1.3;letter-spacing:-.025em;text-align:center}.hero-tagline-copy>span{display:block}.tagline-connector{color:#aaa;font-weight:400}.hardware-panel-position{position:absolute;top:10%;left:50%;z-index:5;width:min(76%,600px);transform:translate(-50%)}.hardware-panel-copy{color:#bcbcbc;font-size:clamp(14px,1.05vw,16px);font-weight:400;line-height:1.6;letter-spacing:-.01em;text-wrap:pretty}.hardware-panel-copy strong{color:#f5f5f5;font-weight:500}.annotation-panel-position{position:absolute;top:var(--annotation-panel-top, calc(var(--viewport-height) * 2.8));left:50%;z-index:5;width:min(80%,860px);transform:translate(-50%)}.annotation-panel-copy{padding:clamp(24px,2.4vw,36px);color:#bcbcbc;font-size:clamp(14px,1.05vw,16px);font-weight:400;line-height:1.7;letter-spacing:-.01em;text-align:left;text-wrap:pretty}.annotation-panel-copy p{margin:0}.annotation-panel-copy p+p{margin-top:18px}.annotation-panel-copy strong{color:#f5f5f5;font-weight:500}.hand-part{will-change:transform;transform-box:fill-box;transform-origin:center}.joint circle,.hand-part path{vector-effect:non-scaling-stroke}.core{filter:drop-shadow(0 0 12px rgba(255,255,255,.9))}.core-ring{stroke-dasharray:4 7;filter:drop-shadow(0 0 8px rgba(255,255,255,.75))}.finger-circuit{pointer-events:none}.finger-wire-path{fill:none;stroke:#f5f5f5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,255,255,.9))}.journey-wire-field{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.journey-wire{fill:none;stroke:#f5f5f5;stroke-width:.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,255,255,.9))}.journey-wire-mobile{display:none}.camera-stage,.gear-stage{position:absolute;top:50%;z-index:4;transform:translateY(-50%)}.camera-stage{left:1.5%;width:min(48%,720px);aspect-ratio:700 / 440}.gear-stage{right:1.7%;width:min(50%,720px);aspect-ratio:650 / 500}.camera-system,.gear-system{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;perspective:1200px;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@supports not (aspect-ratio: 1 / 1){.camera-stage{height:min(30.2vw,452px)}.gear-stage{height:min(38.47vw,554px)}}.camera-system{transform-origin:42% 50%}.oak-camera,.gear-train{display:block;width:100%;height:100%;overflow:visible}.camera-lens-assembly,.lens-ring-outer,.lens-ring-mid,.lens-barrel,.lens-core,.lens-glint,.gear-small,.gear-large{will-change:transform}.gear-system{transform-origin:58% 50%}.reserved-space{position:absolute;top:12%;width:45%;height:76%;pointer-events:none}.reserved-right{right:2%}.reserved-left{left:2%}.scroll-rail{position:absolute;top:50%;right:clamp(8px,1.4vw,24px);z-index:7;width:1px;height:19vh;overflow:hidden;background:#ffffff29;transform:translateY(-50%)}.scroll-rail span{display:block;width:100%;height:36%;background:#f5f5f5;animation:rail 2s ease-in-out infinite}@keyframes rail{0%{transform:translateY(-110%)}to{transform:translateY(300%)}}@media(max-width:720px){.journey-wire-desktop{display:none}.journey-wire-mobile{display:inline}.wordmark{top:calc(22px + env(safe-area-inset-top,0px));width:94%;font-size:clamp(4rem,22vw,8rem)}.hand-system{top:13%;width:min(96%,520px);height:54%}.hero-tagline-position{top:74%;width:calc(100% - 48px)}.hero-tagline-copy{padding:14px 12px;font-size:clamp(13px,3.4vw,18px)}.hardware-panel-position{top:8%;width:calc(100% - 48px)}.hardware-panel-copy{padding:16px 18px;font-size:13px}.annotation-panel-position{width:calc(100% - 48px)}.annotation-panel-copy{padding:22px 20px;font-size:13px;line-height:1.65}.camera-stage{left:3%;width:50%}.gear-stage{right:-11.86%;width:84%}@supports not (aspect-ratio: 1 / 1){.camera-stage{height:31.43vw}.gear-stage{height:64.62vw}}.journey-wire{stroke-width:.33}}@media(orientation:landscape)and (max-height:560px){.journey-wire-desktop{display:inline}.journey-wire-mobile{display:none}.wordmark{top:calc(10px + env(safe-area-inset-top,0px));width:94%;font-size:clamp(3.4rem,14.2vw,7rem)}.hand-system{top:7%;width:min(70%,560px);height:72%}.hero-tagline-position{top:80%;width:min(76%,600px)}.hero-tagline-copy{padding:8px 16px;font-size:clamp(14px,3.1vh,18px)}.hardware-panel-position{top:6%;right:3%;left:auto;width:42%;transform:none}.hardware-panel-copy{padding:12px 16px;font-size:12px;line-height:1.5}.camera-stage{left:1.5%;width:min(48%,600px)}.gear-stage{right:1.7%;width:min(50%,600px)}@supports not (aspect-ratio: 1 / 1){.camera-stage{height:min(30.2vw,377px)}.gear-stage{height:min(38.47vw,462px)}}.journey-wire{stroke-width:.26}}@media(max-height:700px)and (min-width:721px){.hand-system{top:8%;height:67%}}@media(prefers-reduced-motion:reduce){.hero-tagline,.hardware-panel,.annotation-panel{visibility:visible;opacity:1}html{scroll-behavior:auto}.scroll-rail span{animation:none}}
