.hardware-story{position:relative;background:#080f20;color:#fff;height:290vh;min-height:1700px}.hardware-stage{position:sticky;top:76px;min-height:660px;height:calc(100svh - 76px);max-height:1000px;overflow:hidden;display:flex;flex-direction:column;padding:34px 6% 20px;background:radial-gradient(ellipse at 73% 52%,#1b3970 0,transparent 49%),#080f20}.hardware-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:#8ea6ce}.hardware-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:2%;align-items:center;flex:1;min-height:0}.hardware-kicker{font-size:12px;letter-spacing:2px;color:#8ebef3;margin-bottom:22px}.hardware-copy h2{font-size:clamp(43px,5.8vw,84px);line-height:1.01;letter-spacing:-3.5px;margin-bottom:25px;font-weight:550}.hardware-description{font-size:18px;line-height:1.6;max-width:380px;color:#a9bbd6;min-height:88px}.hardware-link{font-size:16px;color:#9acafa;display:inline-block;margin-top:9px}.device-stage{position:relative;height:100%;max-height:650px;min-height:390px;perspective:1000px}.device-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity;filter:drop-shadow(0 35px 35px #0009);pointer-events:none}.device-tracker{transform:translateY(0) rotate(-12deg) scale(1.13);opacity:1}.device-sensor{opacity:0;transform:translateY(60px) rotate(13deg) scale(.7)}.device-word{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:clamp(55px,7vw,105px);letter-spacing:-5px;color:#9fc8ff0d;font-weight:800;white-space:nowrap}.device-label{position:absolute;bottom:7%;right:0;z-index:2;border-left:1px solid #659adb85;padding:0 0 0 15px}.device-label strong{display:block;font-size:17px;font-weight:500;color:#dfecff}.device-label small{display:block;font-size:12px;color:#8fa9cf;margin-top:4px}.hardware-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.hardware-tabs{display:flex;gap:8px}.hardware-tabs button{font-size:14px;padding:12px 18px;border:1px solid #769bcb35;border-radius:50px;background:transparent;color:#8dabc9;transition:background .3s,color .3s}.hardware-tabs button span{color:#6992c5;margin-right:9px;font-size:12px}.hardware-tabs button[aria-pressed=true]{background:#daeaff;color:#143361;border-color:#daeaff}.hardware-bottom>p{font-size:12px;color:#879ec0;margin:0}.hardware-bottom>p>span{padding-left:20px}.hardware-progress{height:2px;background:#7c9dc122;margin-top:22px}.hardware-progress>span{display:block;transform-origin:left;height:100%;background:linear-gradient(90deg,#4779ce,#96deff);transform:scaleX(.01)}.hardware-credit{font-size:12px;color:#778dae;margin-top:13px}.hardware-credit a{text-decoration:underline}.service-lab{display:grid;grid-template-columns:.8fr 1.4fr;gap:40px;margin-bottom:55px}.service-select{display:flex;flex-direction:column;gap:7px}.service-select button{padding:17px 18px;text-align:left;border:0;border-radius:12px;background:none;color:#7b8697;font-size:16px;display:flex;justify-content:space-between;gap:15px;transition:background .25s,color .25s}.service-select button span{font-size:12px;padding-top:3px;opacity:.6}.service-select button[aria-pressed=true]{background:#234694;color:#fff}.service-select button:hover{background:#dfe7f5;color:#234694}.service-select button[aria-pressed=true]:hover{background:#234694;color:#fff}.service-window{background:#fff;border-radius:25px;padding:38px;border:1px solid #e5eaf1;box-shadow:0 25px 50px #14265009}.service-window-top{display:flex;justify-content:space-between;color:#8394b1;font-size:12px;letter-spacing:1px;margin-bottom:40px}.service-title{font-size:34px;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.service-description{font-size:17px;color:#6e7c92}.service-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.workflow-node{border:1px solid #dce6f5;border-radius:14px;padding:18px 12px;background:#f3f7fd;position:relative;animation:node-enter .6s both;animation-delay:calc(var(--i)*100ms)}.workflow-node:not(:last-child):after{content:'→';position:absolute;right:-12px;top:40%;z-index:1;color:#648fc6}.workflow-node small{display:block;font-size:12px;color:#8ba1c1;margin-bottom:10px}.workflow-node strong{font-size:14px;font-weight:500;color:#2a518b;line-height:1.4;display:block}.service-result{border-top:1px solid #e1e7ef;padding:19px 0;font-size:15px;color:#597395;margin-bottom:6px}.text-reveal span{display:inline-block;transition:opacity .65s,transform .65s;transition-delay:calc(var(--word-index)*45ms)}.text-reveal.pending span{opacity:.14;transform:translateY(12px)}.text-reveal.animated span{opacity:1;transform:none}.press-wave{position:absolute;border-radius:50%;width:20px;height:20px;background:#ffffff45;pointer-events:none;animation:press-wave .65s ease-out forwards}.button{isolation:isolate}.service-window.is-changing{animation:panel-enter .45s ease}.magnetic-ready{transition:translate .2s ease}.motion-off .hardware-story{height:auto;min-height:0}.motion-off .hardware-stage{position:relative;top:0;height:760px}.motion-off .device-stage img{will-change:auto}.hardware-static .hardware-story{height:auto;min-height:0}.hardware-static .hardware-stage{position:relative;top:0;height:760px}.hardware-static .hardware-bottom>p{display:none}@keyframes node-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes panel-enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes press-wave{to{transform:scale(16);opacity:0}}@media(max-width:1000px){.hardware-copy h2{font-size:55px}.service-lab{gap:22px}.service-window{padding:28px}.service-title{font-size:28px}header nav{gap:20px}.hardware-stage{min-height:620px}}@media(max-width:760px){.hardware-story{height:245vh;min-height:1450px}.hardware-stage{top:68px;height:calc(100svh - 68px);min-height:670px;padding:25px 6% 18px}.hardware-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:24px;gap:0}.hardware-copy h2{font-size:43px;letter-spacing:-2px;margin-bottom:13px}.hardware-kicker{margin-bottom:10px}.hardware-description{font-size:15px;min-height:0;max-width:none;margin-bottom:10px;line-height:1.5}.hardware-link{font-size:14px;margin-top:0}.device-stage{height:240px;min-height:210px;flex:1;width:100%;max-height:300px}.device-label{bottom:0;right:0;padding-left:10px}.device-label strong{font-size:14px}.device-label small{font-size:12px}.device-word{font-size:65px}.hardware-tabs{gap:5px;width:100%}.hardware-tabs button{font-size:12px;padding:10px 12px;flex:1}.hardware-tabs button span{margin-right:5px}.hardware-bottom>p{display:none}.hardware-credit{font-size:12px;line-height:1.4}.hardware-top{font-size:12px;letter-spacing:.5px}.hardware-progress{margin-top:16px}.service-lab{grid-template-columns:1fr}.service-select{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.service-select button{min-width:180px;font-size:14px;scroll-snap-align:start;background:#e7ecf5;padding:14px}.service-window{padding:25px}.service-workflow{gap:10px}.workflow-node{padding:15px 9px}.workflow-node strong{font-size:13px}.service-window-top{font-size:12px;letter-spacing:0;margin-bottom:25px}.service-title{font-size:29px}.hardware-static .hardware-stage,.motion-off .hardware-stage{height:auto;min-height:710px}.hardware-static .device-stage,.motion-off .device-stage{flex:none}}@media(prefers-reduced-motion:reduce){.hardware-story{height:auto;min-height:0}.hardware-stage{position:relative;top:0;height:760px}.hardware-bottom>p{display:none}.text-reveal.pending span{opacity:1;transform:none}.workflow-node,.press-wave,.service-window.is-changing{animation:none}.magnetic-ready{translate:none!important}}
.motion-off .text-reveal.pending span{opacity:1;transform:none}.product-page .hardware-stage{top:130px;height:calc(100svh - 130px)}@media(max-width:760px){.product-page .hardware-stage{top:116px;height:calc(100svh - 116px)}}@media(prefers-reduced-motion:reduce){.product-page .hardware-stage{top:0;height:auto;min-height:710px}}