/* Motion follows the natural scroll position; no scroll interception. */
.kinetic-band{position:relative;background:#07101c;color:#f4f8ff;overflow:hidden;padding:35px 0 42px;isolation:isolate}
.kinetic-band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 100%,#087eff35,transparent 65%);z-index:-1}
.kinetic-label{display:flex;justify-content:space-between;gap:25px;margin:0 6.25% 27px;font-size:8px;letter-spacing:2px;color:#6e9dcc}
.kinetic-track{display:flex;gap:40px;white-space:nowrap;width:max-content;font-family:Manrope,Arial,sans-serif;font-size:clamp(65px,9.5vw,160px);line-height:1.12;font-weight:800;letter-spacing:-5px;transform:translate3d(var(--kinetic-x,0px),0,0);padding-left:6.25vw;will-change:transform}
.outline-word{color:transparent;-webkit-text-stroke:1px #4c86bd}.kinetic-rule{height:1px;margin:28px 6.25% 0;background:#263a4f}.kinetic-rule span{display:block;width:100%;height:100%;background:#2698ff;transform-origin:left;transform:scaleX(var(--kinetic-progress,.1));box-shadow:0 0 14px #148cff}
.motion-ready .word-shell{display:inline-block;overflow:clip;vertical-align:bottom;line-height:1.25;margin-top:-.05em;margin-bottom:-.05em}
.motion-ready .motion-word{display:inline-block;transform:translate3d(0,var(--word-shift,0px),0);opacity:var(--word-opacity,1);filter:blur(var(--word-blur,0px));will-change:transform,opacity}
.contact h2 .word-shell,.contact h2 .motion-word{color:inherit}
.brand-strip{position:relative;background:#fff;border-radius:26px 26px 0 0;margin-top:-26px;z-index:3;box-shadow:0 -15px 50px #0000001a}
.technology,.quote,.faq{position:relative;border-radius:var(--panel-radius,30px) var(--panel-radius,30px) 0 0;isolation:isolate;z-index:2}
.technology{margin-top:-30px}.quote,.faq{margin-top:-24px}.technology{background-color:#eef4f9;background-image:linear-gradient(#8ba7c20a 1px,transparent 1px),linear-gradient(90deg,#8ba7c20a 1px,transparent 1px);background-size:48px 48px}
.technology-content{isolation:isolate;border:1px solid #d5e1eb;background:#ffffffb3;border-radius:15px;padding:36px 40px;box-shadow:0 20px 60px #0b376d0b;overflow:hidden}
.technology-content:before{content:'';position:absolute;width:260px;height:260px;border:1px dashed #2186e52e;border-radius:50%;top:-55px;right:-90px;transform:rotate(var(--orbit-angle,0deg));box-shadow:0 0 0 26px #0889ff03,0 0 0 52px #0889ff03;z-index:-1}
.technology-content:after{content:'';position:absolute;width:9px;height:9px;background:#087eff;border-radius:50%;top:-55px;right:-90px;offset-path:circle(130px at 130px 130px);offset-distance:var(--orbit-distance,0%);opacity:.5;z-index:-1}
.technology-code{font-size:110px;color:#bdd7ee;letter-spacing:-7px;transform:translate3d(var(--code-x,0px),0,0);transition:color .3s}
.technology-tabs button{position:relative;overflow:hidden}.technology-tabs button:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#26a4ff;transform:scaleX(0);transform-origin:left;transition:transform .5s}.technology-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.technology-content>div:not([hidden]){animation:tech-panel-in .5s cubic-bezier(.2,.7,.2,1)}
.service-visual{isolation:isolate}.service-visual img{transform:scale(var(--service-zoom,1.03));transition:transform .8s ease;object-fit:cover}
.service-visual:hover>img{transform:scale(var(--service-zoom,1.03))}
.service-display{position:absolute;left:25px;right:25px;top:25px;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px 15px;z-index:2;text-shadow:0 2px 12px #0009;pointer-events:none}
.service-display-label{font-size:8px;letter-spacing:2px;align-self:start;grid-column:1}.service-display-number{grid-column:2;grid-row:1/3;font-family:Manrope,Arial,sans-serif;font-size:58px;line-height:1;letter-spacing:-3px;font-weight:500;color:#d4eaffaa}.service-display-name{grid-column:1;font-size:15px;line-height:1.4;max-width:260px}
.service-visual:before{content:'';position:absolute;inset:0 0 55%;z-index:1;background:linear-gradient(#020b17b3,transparent);pointer-events:none}
.scan-line{position:absolute;left:0;right:0;top:0;height:1px;background:#4db1ff;box-shadow:0 0 18px #34aaff;z-index:2;opacity:0;pointer-events:none}
.service-visual.scan-active .scan-line{animation:diagnostic-scan 1.4s ease-out}.service-list .service{position:relative;transition:background .35s,box-shadow .35s}.service-list .service[open]{background:linear-gradient(90deg,#eaf4ff,transparent);box-shadow:-13px 0 0 #eaf4ff}.service-list .service:before{content:'';position:absolute;left:-14px;top:0;bottom:0;width:2px;background:#087eff;transform:scaleY(0);transform-origin:top;transition:transform .6s}.service-list .service[open]:before{transform:scaleY(1)}
.battery-section{--battery-spot:50%;isolation:isolate}.battery-section:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at var(--battery-spot) 60%,#087eff1a,transparent 55%);z-index:0}.battery-copy,.battery-index{z-index:1}.battery-index{transform:translate3d(0,var(--index-shift,0px),0)}
.signals{position:relative;isolation:isolate;overflow:clip}.signals:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#7bbaff06 1px,transparent 1px),linear-gradient(90deg,#7bbaff06 1px,transparent 1px);background-size:65px 65px;transform:translateY(var(--grid-shift,0px));z-index:-1}
.motion-ready .signal-card.visible{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transition:transform .3s ease,border-color .3s,background .3s,opacity .3s;transform-style:preserve-3d}
.signal-card:before{width:auto;height:auto;inset:0;border-radius:0;background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,10%),#1689ff29,transparent 75%);filter:none}.signal-card:hover{border-color:#49a5ff}.signal-link svg{transition:transform .25s}.signal-card:hover .signal-link svg{transform:translateX(5px)}
.about-image{position:relative;overflow:clip;border-radius:8px;isolation:isolate;box-shadow:0 20px 50px #10263f15}.about-image img{transform:scale(var(--about-scale,1.06));transition:transform .15s linear;transform-origin:center center}.about-image figcaption{background:#fff;padding:17px 0 3px;position:relative;z-index:1}.about-image:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff18 48%,transparent 66%);transform:translateX(var(--reflection-x,-100%));z-index:1;pointer-events:none}
.steps article{position:relative;transition:opacity .5s,transform .5s}.steps article>span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:#e3effc;border:1px solid #b7d6f6;border-radius:50%;transition:background .35s,color .35s,box-shadow .35s}.steps article.step-active>span{background:#087eff;border-color:#087eff;color:white;box-shadow:0 0 0 7px #087eff0d,0 0 25px #087eff25}
.quote-form-wrap{transition:box-shadow .4s,border-color .4s;position:relative}.quote-form-wrap:focus-within{box-shadow:0 20px 70px #087eff15;border-color:#8fc4fc}.quote-form-wrap label{transition:color .2s}.quote-form-wrap label:focus-within{color:#087eff}.quote-form-wrap input,.quote-form-wrap select,.quote-form-wrap textarea{transition:background .25s,border-color .25s,box-shadow .25s}.quote-form-wrap input:focus,.quote-form-wrap select:focus,.quote-form-wrap textarea:focus{background:#fff;box-shadow:0 5px 18px #087eff0b}.quote-preview:not([hidden]){animation:tech-panel-in .5s ease}
.contact{background:radial-gradient(ellipse at var(--contact-light,70%) 10%,#123f69 0%,#09111d 40%,#080c12 75%)}.contact:after{content:'';position:absolute;width:45vw;height:45vw;border:1px solid #1e548333;border-radius:50%;right:-15vw;top:10%;transform:translateY(var(--contact-orbit,0px));box-shadow:0 0 0 60px #1e54830a,0 0 0 120px #1e548307;pointer-events:none}.contact-top,.contact-details{z-index:1}
.chapter-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:18px;padding:17px 6px;border-radius:25px;background:#071220a6;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .4s}
.chapter-nav.is-visible{opacity:1;pointer-events:auto}.chapter-nav a{position:relative;display:block;width:12px;height:12px;border-radius:50%;border:1px solid #9dc4e64d;transition:background .3s,border .3s,box-shadow .3s}.chapter-nav a[aria-current=true]{background:#148aff;border-color:#148aff;box-shadow:0 0 12px #087eff99}.chapter-nav a span{position:absolute;right:24px;top:-4px;font-size:9px;white-space:nowrap;background:#071220;color:#e8f1fa;padding:4px 9px;border-radius:3px;opacity:0;transform:translateX(5px);transition:.25s;pointer-events:none}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1;transform:none}
@media(min-width:1101px){.services-layout{align-items:start}.service-visual{position:sticky;top:100px;min-height:0;height:calc(100svh - 150px);max-height:650px;aspect-ratio:auto}.service-list{min-height:710px;padding-top:10px}.service summary{padding:34px 0}.service-body{padding-bottom:42px}.service-body p{font-size:14px;line-height:1.9}}
@media(hover:hover) and (pointer:fine){.button.magnetic{transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .22s ease,background .25s,box-shadow .25s}.button.magnetic:hover{box-shadow:0 12px 35px #087eff35}.text-link:hover svg{transform:translateX(7px)}}
@media(max-width:1100px){.chapter-nav{display:none}.technology-content{padding:30px}.service-display-number{font-size:48px}}
@media(max-width:760px){.kinetic-band{padding:28px 0 32px}.kinetic-label{font-size:6.5px;letter-spacing:1px;margin:0 24px 20px;gap:20px}.kinetic-track{font-size:66px;letter-spacing:-3px;gap:25px;padding-left:24px}.kinetic-rule{margin:24px 24px 0}.brand-strip{border-radius:20px 20px 0 0;margin-top:-20px}.technology,.quote,.faq{border-radius:var(--panel-radius,24px) var(--panel-radius,24px) 0 0}.technology{margin-top:-24px}.quote,.faq{margin-top:-20px}.technology-content{padding:27px 24px;border-radius:10px;border:1px solid #d5e1eb}.technology-code{font-size:90px}.service-display{left:20px;right:20px;top:20px}.service-display-label{font-size:6.5px;letter-spacing:1.3px}.service-display-number{font-size:46px}.service-display-name{font-size:12px;max-width:210px}.signal-grid{display:block;position:relative;padding-bottom:30px}.motion-ready .signal-card{position:sticky;top:91px;min-height:292px;margin-bottom:24px;display:grid;align-content:start;background:#101f30;box-shadow:0 -10px 30px #02070e4d}.motion-ready .signal-card:nth-child(1){z-index:1}.motion-ready .signal-card:nth-child(2){z-index:2;top:109px}.motion-ready .signal-card:nth-child(3){z-index:3;top:127px}.motion-ready .signal-card.visible{transform:scale(var(--stack-scale,1));opacity:var(--stack-opacity,1);transform-origin:50% 0;transition:transform .18s linear,opacity .18s linear,background .3s,border-color .3s}.motion-ready .signal-card:focus{z-index:8;transform:none!important;opacity:1!important}.signal-card p{margin-top:17px}.signal-link{margin-top:8px}.about-image{box-shadow:none;border-radius:5px}.about-image figcaption{padding-bottom:4px}.steps article>span{width:28px;height:28px;font-size:9px;margin-top:-2px}.contact:after{width:80vw;height:80vw;right:-50vw}.motion-ready .motion-word{filter:none}}
@media(prefers-reduced-motion:reduce){.kinetic-track{transform:none;will-change:auto;font-size:clamp(32px,6vw,72px);gap:20px;flex-wrap:wrap;width:auto;white-space:normal;letter-spacing:-1px;padding-right:24px}.motion-ready .motion-word{transform:none!important;opacity:1!important;filter:none!important;will-change:auto}.service-visual img,.service-visual:hover>img,.about-image img,.motion-ready .signal-card.visible,.button.magnetic{transform:none!important}.scan-line{display:none}.technology-content>div:not([hidden]),.quote-preview:not([hidden]){animation:none}.about-image:before{display:none}.motion-ready .signal-card{position:relative;top:auto!important;opacity:1!important}.technology-content:after{display:none}.technology-code,.battery-index{transform:none}.chapter-nav{display:none}.service-visual{position:relative;top:auto}.contact:after{transform:none}}
@keyframes diagnostic-scan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:.8}100%{top:100%;opacity:0}}
@keyframes tech-panel-in{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}