/* Precision details and a lightweight product showcase. */
:root{--scroll-progress:0;--tech-blue:#709bb5;--tech-line:#789eb626}
.header{transition:box-shadow .3s,background .3s}
.header::after{position:absolute;content:"";left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#7fa6bc,#b8d7bf,var(--accent));transform:scaleX(var(--scroll-progress));transform-origin:left;pointer-events:none}
.header.is-scrolled{box-shadow:0 5px 24px #2946570a;background:rgba(248,248,245,.98)}
.header nav a[aria-current="location"]::after{width:100%;background:#6f96ad}
.nav-contact{height:46px;min-height:46px;align-items:center;justify-content:space-between;gap:18px;padding:0 8px 0 18px;line-height:1;background:#eef2f2;border:1px solid #bfcfd7;transition:background .25s,border-color .25s,box-shadow .25s}
.nav-contact .contact-label{font-size:12px;font-weight:500;white-space:nowrap;line-height:1}
.nav-contact .contact-arrow{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;background:var(--accent);border-radius:50%;color:var(--ink);transition:transform .25s,background .25s}
.contact-arrow svg{height:14px;width:14px;display:block}
.nav-contact:hover{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 5px 16px #29465715}
.nav-contact:hover .contact-arrow{transform:rotate(45deg)}
.button{position:relative;overflow:hidden;isolation:isolate;align-items:center;line-height:1.4}
.button::before{position:absolute;content:"";inset:-80% auto -80% -55%;width:34%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff30,transparent);transition:left .65s;pointer-events:none;z-index:-1}
.button:hover::before{left:125%}
.button>span{transition:transform .25s}
.button:hover>span{transform:translate(2px,-2px)}
.hero-visual{background:linear-gradient(135deg,#e8edf0 0%,#e8eff3 54%,#e3ebee 100%);--pointer-x:55%;--pointer-y:42%}
.tech-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--tech-line) 1px,transparent 1px),linear-gradient(90deg,var(--tech-line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 55% 45%,#000 8%,transparent 75%);opacity:.42}
.tech-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),#f4ffd466,transparent 76%),radial-gradient(ellipse at 65% 35%,#c3dfed80,transparent 62%);opacity:.8;transition:opacity .5s}
.tech-orbits{position:absolute;left:57%;top:44%;width:92%;max-width:700px;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-16deg);pointer-events:none;z-index:1;overflow:visible}
.orbit-track{stroke:#86a8ba;stroke-width:.8;opacity:.3}
.orbit-track-dashed{stroke-dasharray:2 9;opacity:.22}
.orbit-track-inner{opacity:.12}
.orbit-light{stroke:#8cb6c9;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:130 1604;animation:orbit-flow 23s linear infinite;opacity:.8}
.orbit-satellite{transform-origin:300px 300px;animation:satellite-rotate 23s linear infinite;filter:drop-shadow(0 0 5px #b1d29c80)}
.orbit-satellite-inner{animation-duration:31s;animation-direction:reverse}
.satellite-halo{fill:#d2ef9f22;stroke:#bedb9d;stroke-width:.7}
.satellite-core{fill:#bddb8f}
.satellite-blue{fill:#719bb2}
.scan-plane{position:absolute;left:10%;right:10%;top:16%;height:1px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,#8bb7cf77,#d6edb0bb,#8bb7cf77,transparent);box-shadow:0 0 16px 2px #bbd9e344;animation:surface-scan 8s ease-in-out infinite;opacity:0}
.hero-watermark{z-index:0;color:#cbd9e1;opacity:.72}
.visual-caption{z-index:5;color:#4e6a7b;letter-spacing:2px}
.hero-product{z-index:3;transform:none;filter:none;pointer-events:none}
.product-stage{height:100%;aspect-ratio:359/614;flex-shrink:0;position:relative;transform:perspective(1000px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)) rotateZ(-9deg);filter:drop-shadow(14px 24px 18px #29465724);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hero-product .product-stage img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;animation:product-float 6.5s ease-in-out infinite;transition:none}
.hero-visual:hover .hero-product img{transform:none}
.floating-tag{z-index:5;border:1px solid #ffffffb0;box-shadow:0 10px 32px #2946570c;background:rgba(250,252,249,.88)}
.tag-icon{animation:detail-turn 22s linear infinite}
.hero-index{z-index:5;align-items:center}
.hero-controls{display:flex;align-items:center;gap:15px}
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:0 8px;border-radius:20px;color:#547184;background:transparent;font-size:8px;letter-spacing:.4px;line-height:1;white-space:nowrap}
.motion-toggle:hover{background:#ffffff80}
.motion-icon{width:13px;height:13px;flex-shrink:0}
.play-icon{display:none}
.motion-paused .pause-icon{display:none}
.motion-paused .play-icon{display:block}
.hero-index>a,.hero-controls>a{display:grid;place-items:center;height:36px;width:36px;border-radius:50%;border:1px solid #b4c8d2;font-size:17px;background:#ffffff30;transition:background .25s,transform .25s}
.hero-controls>a:hover{background:var(--accent);transform:translateY(2px)}
.product-image{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;transform-style:preserve-3d;will-change:auto}
.product-image::after{position:absolute;content:"";inset:0;border-radius:inherit;border:1px solid #9abccc00;pointer-events:none;transition:border-color .3s,box-shadow .3s;z-index:2}
.product-cta{transition:transform .3s,background .3s,box-shadow .3s}
.product-card:hover .product-cta,.product-card:focus-visible .product-cta{background:#dff5b9;transform:rotate(45deg);box-shadow:0 2px 10px #587d2730}
.product-card:focus-visible .product-image::after{border-color:#8fb4c6}
.step{transition:background .3s,padding .3s}
.step:hover{background:#ffffff06;padding-left:10px;padding-right:10px}
.step-arrow{transition:transform .3s,color .3s}
.step:hover .step-arrow{transform:translate(2px,-2px);color:var(--accent)}
@media(hover:hover) and (pointer:fine){
 .product-card:hover .product-image{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-3px);box-shadow:0 14px 24px -17px #29465750}
 .product-card:hover .product-image::after{border-color:#9abccc77;box-shadow:inset 0 0 32px #ffffff30}
}
.reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready:not(.is-revealed){opacity:0;transform:translateY(16px)}
@keyframes orbit-flow{to{stroke-dashoffset:-1734}}
@keyframes satellite-rotate{to{transform:rotate(360deg)}}
@keyframes product-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes surface-scan{0%,16%{top:16%;opacity:0}23%{opacity:.55}68%{top:81%;opacity:.45}78%,100%{top:81%;opacity:0}}
@keyframes detail-turn{to{transform:rotate(360deg)}}
.motion-paused .hero-visual *,.hero-visual[data-in-view="false"] *,.page-inactive .hero-visual *{animation-play-state:paused!important}
.motion-paused .product-stage{transform:perspective(1000px) rotateZ(-9deg)}
.motion-paused .reveal-ready{transition:none;opacity:1;transform:none}
@media(max-width:800px){.nav-contact{height:44px;min-height:44px;gap:10px;padding:0 7px 0 13px}.nav-contact .contact-label{font-size:11px}.nav-contact .contact-arrow{width:26px;height:26px}.tech-orbits{width:115%;left:57%}.tech-grid{background-size:38px 38px}.hero-controls{gap:7px}.hero-index{font-size:6px;letter-spacing:1px}.motion-toggle{font-size:7px;padding:0 5px;gap:3px}}
@media(max-width:600px){
 .header{gap:10px}.nav-contact{height:44px;min-height:44px;gap:10px;padding:0 7px 0 13px}.nav-contact .contact-label{font-size:10px}.contact-arrow svg{width:13px;height:13px}
 .menu-toggle{width:44px;height:44px;padding:0;flex-shrink:0;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:20px}
 .hero-visual{min-height:410px;height:410px}.hero-product{top:5%!important;height:86%!important}
 .tech-orbits{width:96%;max-width:480px;left:57%;top:45%}.tech-grid{background-size:34px 34px;opacity:.3}.tech-glow{opacity:.5}
 .floating-tag{bottom:76px}.hero-index{bottom:16px}.hero-controls{gap:9px}.motion-toggle{min-height:40px;font-size:7px}.hero-controls>a{height:35px;width:35px}
 .scan-plane{left:15%;right:15%;animation-duration:10s}.product-stage{filter:drop-shadow(10px 15px 14px #2946571e)}
 .reveal-ready{transition-duration:.5s}.reveal-ready:not(.is-revealed){transform:translateY(10px)}
}
@media(max-width:370px){.header{padding-left:4%;padding-right:4%;gap:6px}.header .brand{gap:7px}.header .brand strong{font-size:21px}.header .brand small{font-size:5.5px;letter-spacing:1px}.header .brandmark{width:26px}.nav-contact{padding-left:10px;gap:7px}.nav-contact .contact-arrow{width:24px;height:24px}.menu-toggle{width:44px}}
@media(prefers-reduced-motion:reduce){
 .tech-orbits *,.hero-visual *{animation:none!important}.scan-plane{display:none}.product-stage{transform:rotateZ(-9deg)!important}.product-card:hover .product-image{transform:none}.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}.button::before{display:none}.tag-icon{transform:none}.nav-contact:hover .contact-arrow,.product-card:hover .product-cta{transform:none}
}