:root{--navy:#071a2e;--blue:#0b5fff;--cyan:#28c7d9;--ink:#10243a;--muted:#62758a;--line:#dce6ef;--wash:#f3f7fa;--white:#fff;--radius:24px;--shadow:0 20px 60px rgba(16,36,58,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.site-header{height:82px;display:flex;align-items:center;gap:42px;padding:0 max(5vw,24px);border-bottom:1px solid rgba(255,255,255,.12);position:absolute;z-index:10;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:-.5px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:50%;position:relative}.brand-mark:before{content:"";width:18px;height:18px;border:2px solid #fff;border-radius:50%}.brand-mark i{position:absolute;width:4px;height:4px;background:var(--cyan);border-radius:50%;top:5px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}.site-header nav a{color:#c6d2df;transition:.2s}.site-header nav a:hover{color:#fff}.header-cta{font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.34);border-radius:12px;padding:11px 17px}.hero{min-height:720px;padding:150px max(5vw,24px) 70px;color:#fff;background:radial-gradient(circle at 78% 42%,rgba(11,95,255,.45),transparent 28%),radial-gradient(circle at 50% 105%,rgba(40,199,217,.18),transparent 30%),linear-gradient(135deg,#061626 0%,#071a2e 54%,#0a2444 100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:5vw;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800;color:var(--blue)}.eyebrow{color:#a9bacb;display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(40,199,217,.12)}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.02;letter-spacing:-4px;margin:20px 0 24px;max-width:850px}h1 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:18px;line-height:1.7;color:#b8c7d5;max-width:650px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:35px}.button{height:54px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 13px 30px rgba(11,95,255,.28)}.button-primary:hover{background:#064fd9}.button-secondary{border:1px solid rgba(255,255,255,.25);color:#fff}.hero-points{list-style:none;display:flex;gap:0;padding:0;margin:54px 0 0}.hero-points li{display:grid;padding:0 34px;border-right:1px solid rgba(255,255,255,.16)}.hero-points li:first-child{padding-left:0}.hero-points li:last-child{border:0}.hero-points b{font-size:25px}.hero-points span{color:#8197ac;font-size:11px;margin-top:4px}.machine-scene{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(40,199,217,.18);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:390px;height:390px}.machine{position:relative;width:342px;height:435px;border-radius:30px 30px 22px 22px;background:linear-gradient(145deg,#fff,#dce8f2 70%,#afc4d5);box-shadow:25px 35px 55px rgba(0,0,0,.35),inset -5px -5px 12px rgba(34,61,87,.16);transform:perspective(800px) rotateY(-5deg)}.machine-panel{height:95px;border-bottom:1px solid #bbcbd8;position:relative}.drawer{position:absolute;left:24px;top:25px;width:100px;height:30px;background:#cbd9e4;border-radius:5px;box-shadow:inset 0 -4px 6px rgba(39,68,91,.1)}.dial{position:absolute;left:150px;top:20px;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#fff,#aebfcb);border:5px solid #e7eff5;box-shadow:0 3px 7px rgba(0,0,0,.25)}.dial:before{content:"";position:absolute;width:2px;height:14px;background:#557084;left:20px;top:3px}.display{position:absolute;right:22px;top:28px;width:84px;height:37px;border-radius:4px;background:#0d2335;box-shadow:inset 0 0 12px rgba(40,199,217,.25)}.display:after{content:"1:24";color:#51d7e5;position:absolute;font:600 12px Manrope;right:8px;top:10px}.machine-door{width:238px;height:238px;border-radius:50%;position:absolute;left:52px;top:135px;background:linear-gradient(145deg,#d9e6ef,#fff 40%,#849aaa);box-shadow:0 7px 15px rgba(0,0,0,.25),inset 0 0 0 12px #eef4f8;display:grid;place-items:center}.water{width:174px;height:174px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 38% 32%,#24567a,#081b2d 65%);border:6px solid #284b62;position:relative;box-shadow:inset 0 0 24px #000}.water:before,.water:after{content:"";position:absolute;border:2px solid rgba(40,199,217,.4);border-radius:48%;width:130px;height:115px;left:22px;top:27px;transform:rotate(25deg)}.water:after{width:90px;height:135px;left:40px;top:17px;transform:rotate(-33deg)}.water i{position:absolute;inset:65% -10px -20px;background:linear-gradient(#20b9d0,#096d99);border-radius:50% 50% 0 0/20px 20px 0 0;transform:rotate(-5deg)}.machine-foot{position:absolute;bottom:-8px;width:42px;height:12px;background:#8ba0af;border-radius:0 0 7px 7px}.foot-left{left:25px}.foot-right{right:25px}.service-tag{position:absolute;z-index:2;right:2%;bottom:25px;background:rgba(255,255,255,.97);color:var(--ink);display:flex;gap:12px;align-items:center;padding:13px 17px;border-radius:15px;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.service-tag>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#dff8f6;color:#078b82;font-weight:800}.service-tag p{display:grid;margin:0}.service-tag b{font-size:12px}.service-tag small{font-size:9px;color:var(--muted);margin-top:3px}@keyframes float{50%{transform:translateY(-8px)}}.quick-brands{min-height:98px;padding:18px max(5vw,24px);display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}.quick-brands p{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);white-space:nowrap}.quick-brands div{display:flex;gap:9px;flex-wrap:wrap}.quick-brands button{background:#f4f7f9;border:1px solid #e2e9ef;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:700;cursor:pointer}.quick-brands button:hover{border-color:var(--blue);color:var(--blue)}.section{padding:100px max(5vw,24px)}.catalog{background:#f8fafc}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-heading h2,.final-cta h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2.4px;line-height:1.08;margin:9px 0 0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:450px;margin:0}.search-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:30px;margin-bottom:28px;box-shadow:0 10px 35px rgba(16,36,58,.04)}.search-panel label{display:flex;align-items:center;gap:14px;flex:1}.search-icon{width:18px;height:18px;border:2px solid #6f8193;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:2px;background:#6f8193;right:-6px;bottom:-3px;transform:rotate(45deg)}.search-panel input{width:100%;border:0;outline:0;color:var(--ink);padding:8px 0;background:transparent}.search-panel input::placeholder{color:#93a2af}.search-panel>span{font-size:11px;color:var(--muted);font-weight:700}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.brand-card:hover{transform:translateY(-4px);border-color:#b9c9d8;box-shadow:var(--shadow)}.brand-card[hidden]{display:none}.brand-card header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #edf1f5}.brand-letter{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand);font-size:20px;font-weight:800}.brand-card h3{margin:0;font-size:19px;letter-spacing:-.4px}.brand-card header p{font-size:10px;color:var(--muted);margin:4px 0 0}.brand-card ul{list-style:none;padding:17px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;max-height:114px;overflow:hidden}.brand-card.is-expanded ul{max-height:420px}.brand-card li{font-size:11px;color:#435a70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card li:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--brand);margin:0 7px 2px 0}.models-toggle{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding:19px 0 0;cursor:pointer}.faults{color:#fff;background:var(--navy);position:relative;overflow:hidden}.faults:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(40,199,217,.12);right:-170px;top:-250px}.section-heading.light .section-kicker{color:var(--cyan)}.section-heading.light>p{color:#8499ad}.fault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden}.fault-grid article{background:var(--navy);padding:34px;min-height:190px}.fault-grid article:hover{background:#0a2139}.fault-grid span{font-size:10px;color:var(--cyan);font-weight:800}.fault-grid h3{font-size:18px;margin:33px 0 10px}.fault-grid p{font-size:12px;line-height:1.7;color:#8298ab;margin:0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;counter-reset:step}.steps li{position:relative}.steps li:not(:last-child):after{content:"";position:absolute;left:56px;right:-26px;top:22px;height:1px;background:var(--line)}.steps li>span{width:44px;height:44px;position:relative;z-index:1;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;place-items:center;color:var(--blue);font-size:12px;font-weight:800}.steps h3{font-size:17px;margin:22px 0 10px}.steps p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.final-cta{margin:0 max(5vw,24px) 80px;padding:55px 60px;border-radius:30px;background:linear-gradient(110deg,#e6f4ff,#e8fbfa);display:flex;justify-content:space-between;align-items:center;gap:40px}.final-cta h2{font-size:38px}.final-cta p{color:var(--muted);font-size:13px}.final-cta .button{flex-shrink:0}footer{padding:35px max(5vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:var(--muted);font-size:11px}.footer-brand{color:var(--ink);margin-right:auto}.footer-brand .brand-mark:before{border-color:var(--navy)}
@media(max-width:1050px){.hero{grid-template-columns:1fr .75fr}.machine{transform:scale(.82)}.orbit-one{width:430px;height:430px}.brand-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2):after{display:none}}
@media(max-width:760px){.site-header{height:68px}.site-header nav,.header-cta{display:none}.hero{min-height:auto;padding-top:120px;grid-template-columns:1fr}.machine-scene{height:400px}.machine{transform:scale(.72)}.orbit-one{width:360px;height:360px}.orbit-two{width:280px;height:280px}h1{font-size:52px;letter-spacing:-2.8px}.hero-points li{padding:0 17px}.hero-points b{font-size:20px}.quick-brands{align-items:flex-start;flex-direction:column;gap:8px;padding-top:25px;padding-bottom:25px}.section{padding-top:72px;padding-bottom:72px}.section-heading{display:block}.section-heading>p{margin-top:18px}.brand-grid,.fault-grid{grid-template-columns:1fr}.search-panel{align-items:flex-start;flex-direction:column;gap:4px}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:44px 1fr;gap:18px}.steps li:not(:last-child):after{left:22px;right:auto;top:50px;bottom:-18px;width:1px;height:auto}.steps h3{margin:2px 0 8px}.final-cta{padding:38px;display:block}.final-cta .button{margin-top:18px}footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:480px){.hero{padding-left:20px;padding-right:20px}h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-points{justify-content:space-between}.hero-points li{padding:0 10px}.hero-points span{font-size:9px}.machine-scene{height:330px}.machine{transform:scale(.6)}.orbit-one{width:310px;height:310px}.service-tag{right:0;bottom:0}.section{padding-left:18px;padding-right:18px}.brand-grid{gap:12px}.brand-card{padding:20px}.brand-card ul{grid-template-columns:1fr}.fault-grid article{min-height:170px}.final-cta{margin:0 18px 55px;padding:30px 24px}.final-cta h2{font-size:31px}footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-tag{animation:none}.button,.brand-card{transition:none}}