:root {
  --blue: #005cb9;
  --blue-2: #0b78e3;
  --ink: #071b2d;
  --ink-2: #102d47;
  --gray: #73787a;
  --mist: #eaf3fb;
  --paper: #f7f9fb;
  --white: #fff;
  --line: rgba(7,27,45,.14);
  --radius: 32px;
  --pad: clamp(24px, 5vw, 80px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, "Helvetica Neue", sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { background: var(--blue); color: var(--white); }

.progress { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 3px; background: transparent; }
.progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--blue-2),#82c4ff); }

.site-header { position: fixed; z-index: 90; top: 18px; left: 28px; right: 28px; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 32px; min-height: 74px; padding: 10px 12px 10px 24px; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; color: #fff; background: rgba(4,23,40,.54); backdrop-filter: blur(18px); transition: .35s ease; }
.site-header.is-scrolled { top: 10px; color: var(--ink); background: rgba(255,255,255,.88); border-color: rgba(0,92,185,.12); box-shadow: 0 14px 40px rgba(2,29,54,.12); }
.brand img { width: 176px; filter: brightness(0) invert(1); transition: .35s ease; }
.site-header.is-scrolled .brand img { filter: none; }
.main-nav { justify-self: center; display: flex; gap: clamp(18px,2.2vw,38px); font-size: 13px; font-weight: 700; }
.main-nav a { position: relative; padding: 12px 0; opacity: .78; transition: .2s ease; }
.main-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:2px; background:var(--blue-2); transition:.25s ease; }
.main-nav a:hover { opacity: 1; }
.main-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.locale { padding:4px 2px;border:0;color:inherit;background:transparent;font:inherit;font-weight:800;cursor:pointer;opacity:.48;transition:opacity .2s ease,color .2s ease; }.locale:hover,.locale.is-active{opacity:1}.locale.is-active{color:#71baff}.site-header.is-scrolled .locale.is-active{color:var(--blue)}
.header-cta { margin-left: 10px; padding: 17px 21px; border-radius: 14px; background: var(--blue); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .01em; }
.header-cta i { padding-left: 12px; font-style: normal; font-size: 16px; }

.hero { position: relative; min-height: 100svh; overflow: hidden; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 5vw; padding: 160px var(--pad) 90px; color: #fff; background: radial-gradient(circle at 75% 20%, #124a76 0, transparent 30%), linear-gradient(135deg,#041524 0%,#08243d 57%,#005cb9 160%); }
.hero::before { content:""; position:absolute; width:520px; height:520px; right:-180px; bottom:-250px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02); }
.hero-grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,black,transparent 65%); }
.hero-copy { position:relative; z-index:2; max-width:750px; }
.eyebrow,.section-kicker { margin:0 0 28px; display:flex; align-items:center; gap:12px; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow span { width:8px;height:8px;border-radius:50%;background:#40a0ff;box-shadow:0 0 0 7px rgba(64,160,255,.15); }
.hero h1 { margin:0; font-size:clamp(58px,6.3vw,112px); line-height:.87; letter-spacing:-.072em; font-weight:800; }
.hero h1 em { color:#74baff; font-style:normal; font-weight:400; }
.hero-lead { max-width:610px; margin:36px 0 0; color:rgba(255,255,255,.72); font-size:clamp(16px,1.25vw,21px); line-height:1.58; }
.hero-actions { margin-top:42px; display:flex; align-items:center; gap:28px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:36px; min-width:240px; padding:19px 22px; border-radius:15px; font-size:13px; font-weight:800; transition:transform .25s ease,box-shadow .25s ease; }
.button:hover { transform:translateY(-3px); box-shadow:0 18px 34px rgba(0,0,0,.18); }
.button-light { color:var(--ink); background:#fff; }.button-light>span:last-child,.button-blue>span:last-child{font-size:20px}
.text-link { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:700; color:rgba(255,255,255,.82); }
.text-link i { width:36px; height:36px; border:1px solid rgba(255,255,255,.35); border-radius:50%; position:relative; }
.text-link i::after { content:""; position:absolute; inset:12px; border:2px solid white; border-left:0; border-top:0; transform:rotate(45deg) translate(-2px,-2px); }
.hero-visual { position:relative; z-index:2; width:min(47vw,780px); justify-self:end; }
.visual-frame { position:relative; z-index:3; height:min(68vh,700px); overflow:hidden; border-radius:46% 10% 46% 10% / 22% 10% 26% 10%; box-shadow:0 40px 90px rgba(0,0,0,.38); transform:translateZ(0); }
.visual-frame img { width:100%;height:100%;object-fit:cover;object-position:center; transform:scale(1.05); }
.visual-shade { position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(1,18,33,.8)); }
.visual-label { position:absolute; left:34px; right:34px; bottom:31px; display:flex; align-items:center; gap:15px; color:rgba(255,255,255,.88); font-size:12px; line-height:1.5; text-transform:uppercase;letter-spacing:.09em;font-weight:700; }
.pulse { flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#55b4ff;box-shadow:0 0 0 0 rgba(85,180,255,.7);animation:pulse 2s infinite; }
.orbit { position:absolute;z-index:1;border:1px solid rgba(93,178,255,.35);border-radius:50%;animation:orbit 16s linear infinite; }
.orbit::before { content:"";position:absolute;width:9px;height:9px;background:#69baff;border-radius:50%;left:10%;top:12%;box-shadow:0 0 18px #69baff; }
.orbit-one{width:560px;height:560px;left:-90px;top:-40px}.orbit-two{width:360px;height:360px;right:-100px;bottom:-80px;animation-duration:11s;animation-direction:reverse}
.star-mark { position:absolute;z-index:4;right:-22px;top:14%;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff;color:var(--blue);font-size:39px;box-shadow:0 15px 45px rgba(0,0,0,.24);animation:float 4s ease-in-out infinite; }
.scroll-cue { position:absolute; z-index:3; left:var(--pad); bottom:28px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.13em;text-transform:uppercase; }
.scroll-cue span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:bob 1.6s ease-in-out infinite}

.trust-strip { padding:120px var(--pad) 130px; background:#fff; }
.trust-intro { display:grid;grid-template-columns:.55fr 1.45fr;align-items:start;border-bottom:1px solid var(--line);padding-bottom:58px; }
.section-kicker { color:var(--blue); }
.trust-intro h2,.section-head h2,.products h2,.quality h2,.contact h2 { margin:0;font-size:clamp(42px,4.4vw,76px);line-height:.98;letter-spacing:-.055em; }
.metrics-visual { position:relative;display:grid;grid-template-columns:.72fr 1.28fr;min-height:520px;margin:54px 0 0;overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 76% 45%,rgba(18,119,212,.38),transparent 27%),linear-gradient(125deg,#061929,#0a2e4e 68%,#07427c);box-shadow:0 32px 80px rgba(6,34,60,.18); }
.metrics-visual::before { content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(115,189,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(115,189,255,.35) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,rgba(0,0,0,.18)); }
.metrics-visual-copy { position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:60px clamp(32px,4.3vw,70px);border-right:1px solid rgba(255,255,255,.13); }
.drawing-index { color:#6bb8ff;font-size:10px;font-weight:800;letter-spacing:.18em; }
.metrics-visual h3 { max-width:520px;margin:27px 0 22px;font-size:clamp(32px,3.1vw,54px);line-height:.98;letter-spacing:-.045em; }
.metrics-visual-copy>p { max-width:460px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.62; }
.part-key { display:flex;flex-wrap:wrap;gap:22px;margin-top:42px; }
.part-key span { display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.8);font-size:10px;letter-spacing:.1em;text-transform:uppercase; }
.part-key i { width:7px;height:7px;border:1px solid #65b8ff;border-radius:50%;box-shadow:0 0 10px rgba(101,184,255,.8); }
.part-key b { font-weight:700; }
.assembly-stage { position:relative;z-index:2;display:grid;place-items:center;min-width:0;overflow:hidden; }
.assembly-stage::before,.assembly-stage::after { content:"";position:absolute;border:1px solid rgba(95,181,255,.22);border-radius:50%; }
.assembly-stage::before{width:430px;height:430px}.assembly-stage::after{width:560px;height:560px;animation:orbit 28s linear infinite}
.assembly-guides { position:absolute;z-index:1;inset:13% 5%;opacity:.68; }
.assembly-guides::before,.assembly-guides::after { content:"";position:absolute;top:50%;width:29%;height:1px;background:repeating-linear-gradient(90deg,rgba(105,188,255,.65) 0 7px,transparent 7px 14px); }
.assembly-guides::before{left:0}.assembly-guides::after{right:0}
.assembly-guides i { position:absolute;width:7px;height:7px;border:1px solid #6fc0ff;border-radius:50%;box-shadow:0 0 12px rgba(111,192,255,.7); }
.assembly-guides i:nth-child(1){left:0;top:calc(50% - 3px)}.assembly-guides i:nth-child(2){right:0;top:calc(50% - 3px)}.assembly-guides i:nth-child(3){left:25%;top:14%}.assembly-guides i:nth-child(4){right:24%;bottom:13%}
.real-assembly { position:relative;z-index:3;height:min(500px,94%);aspect-ratio:987/1593;filter:drop-shadow(0 24px 28px rgba(0,0,0,.3)); }
.assembly-layer { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform,opacity,filter;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .25s ease,filter .25s ease; }
.layer-cap { z-index:6;clip-path:inset(0 0 87.5% 0);transform-origin:50% 6%; }
.layer-actuator { z-index:5;clip-path:inset(11.5% 0 79.4% 0);transform-origin:50% 16%; }
.layer-cup { z-index:4;clip-path:inset(19.3% 0 73.2% 0);transform-origin:50% 23%; }
.layer-valve { z-index:3;clip-path:inset(25.2% 0 51.4% 0);transform-origin:50% 36%; }
.layer-can { z-index:2;clip-path:inset(45.8% 0 5.3% 0);transform-origin:50% 70%; }
.layer-bottom { z-index:1;clip-path:inset(92.6% 0 0 0);transform-origin:50% 96%; }
.assembly-flare { position:absolute;z-index:0;left:50%;top:51%;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(44,152,255,.22),transparent 68%);opacity:.55;transform:translate(-50%,-50%); }
.part-hotspot { position:absolute;z-index:12;margin:0;padding:0;border:0;border-radius:18px;color:#fff;background:transparent;cursor:pointer;outline:none; }
.hotspot-cap{left:21%;top:0;width:58%;height:12.5%}.hotspot-actuator{left:27%;top:12%;width:46%;height:8.5%}.hotspot-cup{left:20%;top:20%;width:60%;height:7%}.hotspot-valve{left:29%;top:27%;width:42%;height:20%}.hotspot-can{left:20%;top:47%;width:60%;height:45%}.hotspot-bottom{left:20%;top:92.5%;width:60%;height:7.5%}
.part-hotspot::after { content:"";position:absolute;top:50%;width:20px;height:1px;background:#72c4ff;box-shadow:0 0 10px rgba(114,196,255,.65);opacity:0;transform:scaleX(0);transition:.22s ease; }
.part-hotspot[data-side="right"]::after{left:100%;transform-origin:left}.part-hotspot[data-side="left"]::after{right:100%;transform-origin:right}
.part-hotspot span { position:absolute;top:50%;min-width:max-content;max-width:150px;padding:8px 11px;border:1px solid rgba(114,196,255,.3);border-radius:10px;color:#fff;background:rgba(3,28,50,.92);box-shadow:0 10px 28px rgba(0,0,0,.24);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-align:left;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.94);transition:.22s ease; }
.part-hotspot[data-side="right"] span{left:calc(100% + 20px)}.part-hotspot[data-side="left"] span{right:calc(100% + 20px)}
.part-hotspot:hover::after,.part-hotspot:focus-visible::after,.part-hotspot.is-active::after{opacity:1;transform:scaleX(1)}
.part-hotspot:hover span,.part-hotspot:focus-visible span,.part-hotspot.is-active span{opacity:1;transform:translateY(-50%) scale(1)}
.part-hotspot:focus-visible{box-shadow:0 0 0 2px rgba(114,196,255,.8)}
.real-assembly[data-active-part] .assembly-layer{opacity:.2;filter:saturate(.35) brightness(.72)}
.real-assembly[data-active-part="cap"] .layer-cap,.real-assembly[data-active-part="actuator"] .layer-actuator,.real-assembly[data-active-part="cup"] .layer-cup,.real-assembly[data-active-part="valve"] .layer-valve,.real-assembly[data-active-part="can"] .layer-can,.real-assembly[data-active-part="bottom"] .layer-bottom{opacity:1;filter:drop-shadow(0 0 13px rgba(95,181,255,.78));transform:scale(1.07)}
.scan-line { position:absolute;z-index:4;top:-25%;bottom:-25%;left:52%;width:1px;background:linear-gradient(transparent,#69bbff,transparent);box-shadow:0 0 18px #69bbff;animation:scan 9s ease-in-out infinite;opacity:.65; }
.assembly-caption { position:absolute;z-index:5;right:30px;bottom:25px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.14em;text-transform:uppercase; }
.assembly-caption span { width:6px;height:6px;border-radius:50%;background:#65bbff;box-shadow:0 0 0 7px rgba(101,187,255,.1); }
.assembly-caption b { font-weight:700; }
.metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line); }
.metric { padding:48px 34px 22px;background:#fff;min-height:190px; }
.metric strong { display:flex;align-items:baseline;gap:4px;font-size:clamp(46px,5vw,82px);letter-spacing:-.07em;color:var(--ink); }
.metric sup,.metric small { color:var(--blue);font-size:.3em;letter-spacing:0;text-transform:uppercase; }
.metric p { margin:18px 0 0;color:var(--gray);font-size:13px;text-transform:uppercase;letter-spacing:.08em; }

.cycle { padding:130px var(--pad); background:var(--mist); }
.section-head { display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:10vw;margin-bottom:80px; }
.section-head h2 span,.products h2 span,.quality h2 span,.contact h2 span { color:var(--blue);font-weight:400; }
.section-head>p,.products-top>p,.quality-copy>p,.contact-copy>p { margin:0;color:#536574;font-size:17px;line-height:1.65; }
.cycle-layout { display:grid;grid-template-columns:.92fr 1.08fr;gap:7vw;align-items:start; }
.cycle-visual { position:sticky;top:120px;height:680px;overflow:hidden;border-radius:var(--radius); }
.cycle-visual img { width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05); }
.cycle-visual::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(1,26,50,.7)); }
.image-tag { position:absolute;z-index:2;left:30px;bottom:30px;display:flex;gap:14px;align-items:center;color:white;text-transform:uppercase;letter-spacing:.12em;font-size:10px; }
.image-tag b { display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--blue);font-size:14px;letter-spacing:0; }
.steps { list-style:none;margin:0;padding:0; }
.step { display:grid;grid-template-columns:48px 1fr 30px;gap:24px;padding:30px 5px;border-top:1px solid rgba(7,27,45,.17);transition:.28s ease; }
.step:last-child{border-bottom:1px solid rgba(7,27,45,.17)}
.step>b { color:var(--blue);font-size:12px; }.step>span{font-size:20px;color:var(--blue);opacity:0;transform:translate(-10px,10px);transition:.25s ease}
.step h3 { margin:0;font-size:clamp(22px,2vw,32px);letter-spacing:-.035em; }.step p{margin:10px 0 0;color:#62717d;line-height:1.55;max-width:520px}
.step:hover,.step.is-current{padding-left:18px;background:rgba(255,255,255,.46)}.step:hover>span,.step.is-current>span{opacity:1;transform:none}

.products { padding:130px 0 100px;overflow:hidden;color:white;background:var(--ink); }
.products-top { padding:0 var(--pad);display:grid;grid-template-columns:.55fr 1.05fr .6fr;align-items:end;gap:3vw;margin-bottom:65px; }
.products .section-kicker{color:#74baff}.products-top>p{color:rgba(255,255,255,.55)}
.product-rail { display:flex;gap:20px;padding:0 var(--pad) 25px;overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;scrollbar-width:none; }.product-rail::-webkit-scrollbar{display:none}.product-rail:active{cursor:grabbing}
.product-card { flex:0 0 min(360px,78vw);scroll-snap-align:start;position:relative;min-height:480px;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(255,255,255,.045);overflow:hidden;transition:.35s ease; }
.product-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(0,92,185,.22);right:-120px;top:-110px;transition:.35s ease}
.product-card:hover,.product-card.featured{transform:translateY(-12px);background:var(--blue);border-color:var(--blue)}
.product-card>span{color:#7fbfff;font-size:11px;font-weight:800}.product-card:hover>span,.product-card.featured>span{color:#fff}
.product-card img { width:210px;height:210px;object-fit:contain;margin:36px auto 20px;filter:drop-shadow(0 24px 26px rgba(0,0,0,.28));image-rendering:auto; }
.product-card h3{min-height:64px;margin:0;font-size:25px;line-height:1.1;letter-spacing:-.03em}.product-card a{display:inline-block;margin-top:35px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.4);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.rail-hint{margin:28px var(--pad) 0;color:rgba(255,255,255,.38);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.rail-hint span{color:#75baff;font-size:17px;margin:0 8px}

.quality { display:grid;grid-template-columns:1fr 1fr;min-height:820px;background:#fff; }
.quality-image{overflow:hidden;min-height:680px}.quality-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s ease}.quality:hover .quality-image img{transform:scale(1.04)}
.quality-copy{display:flex;flex-direction:column;justify-content:center;padding:90px var(--pad)}.quality-copy>p{max-width:650px;margin-top:35px}
.standards{display:flex;gap:14px;margin-top:58px}.standards span{display:grid;place-items:center;width:130px;height:130px;border:1px solid rgba(0,92,185,.22);border-radius:50%;color:#536574;text-align:center;font-size:10px;line-height:1.2}.standards b{color:var(--blue);font-size:26px;letter-spacing:-.03em}

.statement { position:relative;overflow:hidden;padding:65px 0 110px;color:white;background:var(--blue); }
.marquee{display:flex;width:max-content;animation:marquee 22s linear infinite;color:rgba(255,255,255,.12);font-size:100px;font-weight:800;white-space:nowrap;letter-spacing:-.05em}
.statement-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:45px;margin-top:25px;padding:0 var(--pad);text-align:center}.statement-inner p{margin:0;font-size:clamp(36px,4.4vw,70px);line-height:1.03;letter-spacing:-.05em}.statement-inner strong{font-weight:400;color:#bce0ff}.statement-star{display:grid;place-items:center;flex:0 0 90px;height:90px;border-radius:50%;background:#fff;color:var(--blue);font-size:39px;animation:float 4s ease-in-out infinite}

.contact { display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;padding:135px var(--pad);background:#eef3f6; }
.contact-copy>p{max-width:700px;margin:34px 0 42px}.button-blue{background:var(--blue);color:#fff}
.contact-panel{padding:35px;border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(7,27,45,.09)}.contact-panel>div{padding:23px 5px;border-bottom:1px solid var(--line)}.contact-panel>div:last-child{border:0}.contact-panel small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.contact-panel p,.contact-panel a{display:block;margin:10px 0 0;font-size:17px;line-height:1.5}.contact-panel a:hover{color:var(--blue)}

footer{display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:60px;padding:65px var(--pad);color:white;background:#061522}footer img{width:180px}footer p{margin:0;max-width:600px;color:rgba(255,255,255,.55);font-size:13px;line-height:1.55}footer a{font-size:11px;text-transform:uppercase;letter-spacing:.13em}

.reveal { opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible{opacity:1;transform:none}.metrics .reveal:nth-child(2),.product-rail .reveal:nth-child(2){transition-delay:.08s}.metrics .reveal:nth-child(3),.product-rail .reveal:nth-child(3){transition-delay:.16s}.metrics .reveal:nth-child(4),.product-rail .reveal:nth-child(4){transition-delay:.24s}

@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(85,180,255,0)}100%{box-shadow:0 0 0 0 rgba(85,180,255,0)}}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes scan{0%,100%{transform:translateX(-235px);opacity:0}18%{opacity:.6}55%{transform:translateX(235px);opacity:.75}75%{opacity:0}}

@media (max-width:1100px){.site-header{grid-template-columns:180px 1fr}.main-nav{display:none}.header-actions{justify-self:end}.hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{max-width:850px}.hero-visual{display:none}.trust-intro,.section-head,.products-top{grid-template-columns:1fr;gap:28px}.metrics-visual{grid-template-columns:1fr;}.metrics-visual-copy{padding-bottom:10px;border-right:0}.assembly-stage{min-height:440px}.metrics{grid-template-columns:1fr 1fr}.cycle-layout{grid-template-columns:1fr}.cycle-visual{position:relative;top:0;height:520px}.quality{grid-template-columns:1fr}.quality-image{height:520px}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
@media (max-width:680px){.site-header{left:12px;right:12px;top:10px;grid-template-columns:1fr auto;gap:8px;min-height:62px;padding:8px 8px 8px 14px}.brand img{width:118px}.header-actions{gap:6px}.header-actions>span{display:none}.locale{font-size:10px}.header-cta{display:grid;place-items:center;width:38px;height:38px;margin-left:2px;padding:0;border-radius:11px}.header-cta>span{display:none}.header-cta i{padding:0}.hero{padding:128px 22px 85px}.hero h1{font-size:55px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.scroll-cue{left:22px}.trust-strip,.cycle,.contact{padding-left:22px;padding-right:22px}.metrics-visual{min-height:680px;margin-left:-8px;margin-right:-8px}.metrics-visual-copy{padding:38px 30px 0}.part-key{gap:14px;margin-top:28px}.assembly-stage{min-height:420px}.real-assembly{height:385px}.part-hotspot span,.part-hotspot[data-side="right"] span,.part-hotspot[data-side="left"] span{left:50%;right:auto;top:calc(100% + 10px);min-width:0;width:104px;white-space:normal;transform:translate(-50%,0) scale(.94)}.part-hotspot:hover span,.part-hotspot:focus-visible span,.part-hotspot.is-active span{transform:translate(-50%,0) scale(1)}.part-hotspot::after,.part-hotspot[data-side="right"]::after,.part-hotspot[data-side="left"]::after{left:50%;right:auto;top:100%;width:1px;height:10px;transform:scaleY(0);transform-origin:top}.part-hotspot:hover::after,.part-hotspot:focus-visible::after,.part-hotspot.is-active::after{transform:scaleY(1)}.hotspot-bottom span{top:auto!important;bottom:calc(100% + 10px)}.hotspot-bottom::after{top:auto!important;bottom:100%;transform-origin:bottom}.assembly-stage::before{width:300px;height:300px}.assembly-stage::after{width:390px;height:390px}.assembly-caption{right:20px;bottom:18px}.metrics{grid-template-columns:1fr}.metric{min-height:150px}.cycle-visual{height:380px}.product-card{flex-basis:82vw}.quality-copy{padding:80px 22px}.standards{flex-wrap:wrap}.standards span{width:105px;height:105px}.statement-star{display:none}footer{padding:55px 22px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}