:root{--bg:#05070d;--navy:#0b1426;--panel:#0e1729;--line:#1f2c44;--fg:#e8ecf2;--muted:#a3adbd;--steel:#c9d0da;--blue:#2f9bff;--blue2:#7cc4ff;--rust:#d9682a;--r:14px;--f:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 var(--f);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--blue2)}
h1,h2,h3{line-height:1.1;margin:0 0 .5em;letter-spacing:.01em}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800}h3{font-size:1.15rem}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue2);outline-offset:3px;border-radius:4px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:700;color:var(--blue);margin:0 0 .8em}.eyebrow span{color:var(--rust);margin:0 .4em}
.sub{color:var(--muted);max-width:62ch;font-size:1.05rem}
.btn{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:0 22px;border-radius:999px;border:0;font:700 1rem var(--f);color:#fff;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,#1f7fe0,#2f9bff 60%,#59b4ff);box-shadow:0 0 0 1px #59b4ff55,0 8px 30px -8px #2f9bffaa;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #8fd0ff,0 10px 36px -6px #2f9bffdd}
.btn-ghost{background:transparent;border:1px solid #3a4a66;box-shadow:none;color:var(--fg)}.btn-ghost svg{width:18px;fill:none;stroke:var(--blue2);stroke-width:2}
.btn-sm{min-height:40px;padding:0 16px;font-size:.92rem}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(5,7,13,.82);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px;color:var(--steel);text-decoration:none;font-weight:800;letter-spacing:.2em}.brand img{border-radius:8px}.brand small{font-size:.6em;margin-left:.4em;color:var(--muted)}
#menu{display:flex;align-items:center;gap:22px}#menu a:not(.btn){color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:600}#menu a:not(.btn):hover{color:#fff}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.menu-btn span{display:block;height:2px;background:var(--fg);margin:6px 8px;transition:.2s}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1000px 500px at 75% 30%,#123a6b55,transparent 60%),radial-gradient(600px 400px at 10% 90%,#d9682a22,transparent 60%),linear-gradient(#05070d,#0a1222);padding:56px 0 30px}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:1}
h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:900;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#b9c2ce);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue2),var(--blue));-webkit-background-clip:text;background-clip:text}
.lead{font-size:1.15rem;color:#c3cad6;max-width:56ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid #2a3a57;background:#0e172999;border-radius:999px;padding:5px 12px;font-size:.85rem;color:var(--steel)}
.hero-art img{border-radius:22px;box-shadow:0 0 0 1px #ffffff14,0 30px 80px -20px #2f9bff55;width:100%;max-width:520px;margin-left:auto}
.tagline{text-align:center;text-transform:uppercase;letter-spacing:.4em;color:var(--muted);font-size:.85rem;margin-top:40px}.tagline b{color:var(--blue)}
.beam{position:absolute;pointer-events:none;z-index:0}
.beam-v{left:72%;top:-10%;width:2px;height:70%;background:linear-gradient(transparent,#7cc4ff,#2f9bff);box-shadow:0 0 18px 4px #2f9bff88;opacity:.55;animation:pulse 3.2s ease-in-out infinite}
.beam-h,.beam-h2{left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2f9bff,#7cc4ff,#2f9bff,transparent);box-shadow:0 0 12px 1px #2f9bff}
.beam-h{bottom:70px;opacity:.6}.beam-h2{top:0}
@keyframes pulse{50%{opacity:.25}}
/* sections */
.sec{padding:88px 0;position:relative}.alt{background:linear-gradient(#0a1222,#070c18);border-block:1px solid #ffffff0d}
.cards{display:grid;gap:18px;margin-top:34px}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(160deg,#111c31,#0b1324);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:border-color .2s,transform .2s}
.card:hover{border-color:#2f9bff66}.card p{color:var(--muted);margin:0}
.ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,var(--rust),#8a3a14 45%,#9aa3ae 55%,#dfe4ea);font-size:.9rem}
.adv h3{color:var(--steel)}.adv h3::before{content:"";display:block;width:28px;height:3px;background:var(--blue);box-shadow:0 0 10px var(--blue);margin-bottom:12px;border-radius:2px}
.surf{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.surf article{border-radius:var(--r);padding:24px;background:#0e1729;border:1px solid var(--line);border-top:3px solid var(--blue)}
.surf article:nth-child(2){border-top-color:var(--rust)}.surf article:nth-child(3){border-top-color:var(--steel)}.surf article:nth-child(4){border-top-color:#59b4ff}
.surf p{color:var(--blue2);font-weight:600;font-size:.92rem;margin:0 0 10px}.surf ul{margin:0;padding-left:18px;color:var(--muted)}
.auto{background:radial-gradient(700px 300px at 80% 50%,#d9682a1f,transparent),var(--bg)}
.auto-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.laser-svg{width:100%}.laser-svg .clean{animation:sweep 6s ease-in-out infinite}.laser-svg .head{animation:head 6s ease-in-out infinite}
@keyframes sweep{0%,100%{width:20px}50%{width:340px}}@keyframes head{0%,100%{transform:translateX(-180px)}50%{transform:translateX(160px)}}
.arr{color:var(--blue)}
.steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.steps li{padding:22px;border-left:2px solid var(--blue);background:#0b1324;border-radius:0 var(--r) var(--r) 0}.steps span{font-weight:800;color:var(--rust);letter-spacing:.15em}.steps p{color:var(--muted);margin:0}
/* gallery */
.sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:30px}
.ba{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);margin:0}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba .after{clip-path:inset(0 0 0 var(--p,50%))}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--p,50%);width:3px;background:var(--blue2);box-shadow:0 0 14px var(--blue);pointer-events:none}
.ba .lbl{position:absolute;top:10px;padding:3px 10px;border-radius:99px;background:#000a;font-size:.8rem}.ba .l1{left:10px}.ba .l2{right:10px}
.ba figcaption{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);font-size:.9rem}
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#000;cursor:pointer;padding:0}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}.yt::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem;color:#fff;text-shadow:0 0 20px var(--blue)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.empty{position:relative;overflow:hidden;margin-top:30px;text-align:center;padding:56px 24px;border:1px dashed #2f9bff55;border-radius:var(--r);background:linear-gradient(160deg,#0e1729,#070c18)}
.empty p{color:var(--muted);max-width:52ch;margin:0 auto}
.empty-beam{position:absolute;top:0;bottom:0;width:2px;left:0;background:var(--blue2);box-shadow:0 0 20px 4px var(--blue);animation:scan 4s linear infinite;opacity:.6}
@keyframes scan{from{left:0}to{left:100%}}
/* safety */
.safety{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.checks{list-style:none;padding:0;margin:20px 0 0}.checks li{padding:8px 0 8px 32px;position:relative;color:#c3cad6}
.checks li::before{content:"";position:absolute;left:0;top:13px;width:18px;height:18px;border-radius:50%;background:radial-gradient(var(--blue2),var(--blue));box-shadow:0 0 10px var(--blue)}
.notdone{border-color:#d9682a55}.notdone h3{color:var(--rust)}.notdone ul{color:#c3cad6;padding-left:18px}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--blue);font-size:1.4rem;line-height:1}details[open] summary::after{content:"–"}details p{color:var(--muted);margin:.6em 0 0}
/* quote */
.quote{background:radial-gradient(800px 400px at 20% 0,#123a6b44,transparent),#060a14}
.quote-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
.contact{list-style:none;padding:0;margin:24px 0}.contact li{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr}.contact span{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}
.contact a{color:#fff;font-weight:700;text-decoration:none}
.form{display:grid;gap:14px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-weight:600;font-size:.92rem}label i{color:var(--rust);font-style:normal}label small{color:var(--muted);font-weight:400}
input,select,textarea{font:inherit;color:var(--fg);background:#060b16;border:1px solid #2a3a57;border-radius:10px;padding:11px 12px;min-height:46px;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2f9bff44}
input[type=file]{padding:9px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.status{margin:0;min-height:1.4em}.status.ok{color:#7ee0a1}.status.err{color:#ff9d7a}
.success{text-align:center;padding:40px 20px}.success h3{font-size:1.6rem;color:#fff}.success p{color:var(--muted)}
/* footer */
.foot{border-top:1px solid #ffffff12;padding:40px 0 90px;background:#03050a;color:var(--muted);font-size:.92rem}
.foot-in{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:24px;align-items:start}.foot-in>div:first-child{display:flex;gap:14px}.foot img{border-radius:10px}.foot b{color:var(--steel)}
.fab{display:none}
@media (max-width:960px){.c4,.surf,.steps{grid-template-columns:1fr 1fr}.c3{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
 .menu-btn{display:block}#menu{position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 20px;background:#05070df5;border-bottom:1px solid var(--line);display:none}
 #menu.open{display:flex}#menu a:not(.btn){padding:12px 0;border-bottom:1px solid #ffffff0d;font-size:1.05rem}#menu .btn{margin-top:12px;justify-content:center}
 .hero-in,.auto-in,.safety,.quote-in{grid-template-columns:1fr}.hero{padding-top:30px}.hero-art{order:-1}.hero-art img{max-width:300px;margin:0 auto}.beam-v{left:50%}
 .sec{padding:64px 0}.foot-in{grid-template-columns:1fr}
 .fab{display:grid;place-items:center;position:fixed;right:16px;bottom:16px;z-index:40;width:60px;height:60px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 0 24px var(--blue)}
}
@media (max-width:560px){.c3,.c4,.surf,.steps,.row2{grid-template-columns:1fr}body{font-size:16px}.contact li{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

h1,h2{text-transform:uppercase}h1{letter-spacing:.005em}
.trust{background:linear-gradient(90deg,#0b1426,#101b31,#0b1426);border-block:1px solid #2f9bff33}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-in div{padding:20px 18px;border-left:1px solid #ffffff10;display:grid}
.trust-in div:first-child{border-left:0}.trust-in b{color:#fff;text-transform:uppercase;letter-spacing:.08em}.trust-in span{color:var(--muted);font-size:.88rem}
.card{display:flex;flex-direction:column}.more{margin-top:auto;padding-top:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.ctaband{padding:56px 0;background:linear-gradient(120deg,#0e2a52,#0b1426 55%,#3a1a0a);border-top:1px solid #2f9bff44}
.ctaband-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.ctaband h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.ctaband .cta-row{margin:0}
.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:#fff}
@media (max-width:820px){.trust-in{grid-template-columns:1fr 1fr}.trust-in div:nth-child(3){border-left:0}.foot-in{grid-template-columns:1fr}}
.direct{margin:18px 0 0;padding:14px 18px;border:1px solid #2f9bff55;border-radius:12px;background:#0b1730;font-size:1.05rem;line-height:1.9}.direct span{color:var(--muted)}.direct a{color:#fff;font-weight:800;font-size:1.15rem;text-decoration:none;border-bottom:2px solid var(--blue)}
label{display:block}label>input,label>select,label>textarea{display:block;margin-top:6px}label small{display:inline}
.price{text-align:center;border-top:3px solid var(--blue)}.price:nth-child(2){border-top-color:var(--steel)}.price:nth-child(3){border-top-color:var(--rust)}
.amt{font-size:2.6rem;font-weight:900;color:#fff!important;margin:6px 0 10px!important;line-height:1.1}.amt small{font-size:.9rem;font-weight:600;color:var(--muted);margin:0 .25em}
.price-note{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:1px solid var(--line);border-radius:var(--r);background:#0b1324}.price-note p{margin:0;color:#c3cad6}
.shop-in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.shop-steps{counter-reset:k;list-style:none;padding:0;margin:20px 0 26px}.shop-steps li{counter-increment:k;position:relative;padding:10px 0 10px 46px;color:#c3cad6}
.shop-steps li::before{content:counter(k);position:absolute;left:0;top:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.shop-steps b{color:#fff}.mobile-card{border-top:3px solid var(--rust)}.mobile-card ul{color:#c3cad6;padding-left:18px;margin:10px 0 0}
@media (max-width:820px){.shop-in{grid-template-columns:1fr}}
.nolimit{margin:18px 0 6px;padding:14px 18px;border-left:4px solid var(--rust);background:#1a0f0a;border-radius:0 12px 12px 0;font-size:1.12rem;color:#e8ecf2}.nolimit b{color:#ff9a5c;text-transform:uppercase;letter-spacing:.06em}
.locline{color:var(--steel);font-weight:600;margin:-6px 0 0}.locline::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blue2);box-shadow:0 0 10px var(--blue);margin-right:9px}
.shoploc{display:flex;gap:14px;align-items:center;margin:16px 0 0;color:#c3cad6}.shoploc svg{flex:none}.shoploc b{color:#fff}
.mats{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}.mats a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid #2f9bff66;background:#0e1d36;color:#fff;font-weight:700;font-size:.92rem;text-decoration:none}.mats a:hover{background:#163160;border-color:var(--blue2)}
.surf article{scroll-margin-top:90px}

/* rusted vs laser-cleaned steel demo slider */
.ba-demo{box-shadow:0 10px 40px #0008;touch-action:pan-y}.ba-demo input{touch-action:pan-y}
.ba-demo .bar{width:2px;margin-left:-1px;background:#e6f4ff;box-shadow:0 0 6px 2px #7cc4ff,0 0 18px 6px var(--blue),0 0 40px 10px #2f9bff55}
.ba-demo .bar::after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid #e6f4ff;background:#0b1426cc;box-shadow:0 0 14px var(--blue)}
.ba-demo:focus-within .bar::after{outline:2px solid #fff;outline-offset:2px}

.cities{padding:40px 0;border-top:1px solid var(--line);background:var(--navy)}.cities h2{font-size:1.15rem;color:var(--steel);margin:0 0 .4em}.cities p{color:var(--muted);font-size:.92rem;max-width:none;margin:0 0 .6em}.cities .city-list{font-size:.82rem;line-height:1.8;color:#8d97a8}