:root{--bg:#0d0d0f;--panel:#1a1b1e;--panel2:#232529;--line:#33363b;--txt:#e9e9ea;--mut:#9a9da3;--acc:#ff4a1c;--acc2:#ff7a1a;--metal:linear-gradient(135deg,#5a5e64,#2c2f33 45%,#6b7077 55%,#2a2c30)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
h1,h2,h3,.disp{font-family:Impact,"Oswald","Arial Narrow Bold","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;font-weight:400}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;background:rgba(13,13,15,.92);backdrop-filter:blur(8px);border-bottom:3px solid var(--acc)}
header .wrap{display:flex;align-items:center;gap:24px;height:70px}header .logo img{height:52px;width:auto;max-width:56px;border-radius:50%}
nav{display:flex;gap:22px;margin-left:auto;align-items:center}nav a{font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.08em}nav a:hover{color:var(--acc)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--txt);font-size:1.4rem;padding:4px 12px;border-radius:4px}
.btn{display:inline-block;background:linear-gradient(180deg,var(--acc2),var(--acc));color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:14px 26px;border-radius:4px;box-shadow:0 4px 0 #9c2a0c;transition:transform .1s;border:0;cursor:pointer;font-size:.95rem}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:var(--metal);box-shadow:0 4px 0 #111}.btn.sm{padding:9px 16px;font-size:.8rem}
.hero{position:relative;min-height:78vh;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 40%,rgba(255,74,28,.25),transparent 55%),repeating-linear-gradient(45deg,#141518 0 14px,#101113 14px 28px);border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(3.2rem,11vw,8rem);margin:0 0 .2em}.hero h1 span{color:var(--acc);display:block}
.hero p{font-size:1.2rem;color:var(--mut);max-width:560px}.hero .actions{margin-top:28px}
.eyebrow{color:var(--acc);font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:.8rem}
.actions{display:flex;flex-wrap:wrap;gap:14px}
section{padding:70px 0}section h2{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 30px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.2s}.card:hover{border-color:var(--acc);transform:translateY(-4px)}
.ph{position:relative;aspect-ratio:4/3;background:var(--metal)}.ph img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:12px;left:12px;background:var(--acc);padding:3px 10px;font-weight:800;font-size:.75rem;text-transform:uppercase}
.cb{padding:16px 18px 20px}.cb h3{font-size:1.35rem;margin:.2em 0}.cat{color:var(--acc);font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.price{font-weight:800;color:#fff;margin:0}.price s{color:var(--mut);font-weight:400;margin-left:6px}.price.big{font-size:1.8rem}
.trust{background:var(--metal);padding:0;border-top:1px solid #777;border-bottom:1px solid #000}.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.trust div{padding:34px 20px;text-align:center;border-right:1px solid rgba(0,0,0,.4)}.trust div:last-child{border:0}.trust b{display:block;font-family:Impact,sans-serif;font-size:1.6rem;text-transform:uppercase;font-weight:400}.trust span{color:#cfd2d6;font-size:.9rem}
.band{background:linear-gradient(90deg,var(--acc),#c22d08);text-align:center}.band h2{margin-bottom:10px}.band .btn{background:#0d0d0f;box-shadow:0 4px 0 #000}
.pagehead{padding:50px 0 20px;background:repeating-linear-gradient(45deg,#141518 0 14px,#101113 14px 28px);border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(2.6rem,7vw,4.6rem);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.chips button{background:var(--panel2);color:var(--txt);border:1px solid var(--line);padding:9px 18px;border-radius:30px;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}.chips button.on,.chips button:hover{background:var(--acc);border-color:var(--acc)}
#product{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:40px}.pimg{background:var(--metal);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.pinfo h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.15em 0}.pinfo h2{font-size:1.5rem;margin:28px 0 10px}.pinfo .actions{margin-top:20px}
ul.ticks,ul.warn{list-style:none;padding:0;margin:0}ul li{padding:8px 0 8px 30px;border-bottom:1px solid var(--line);position:relative}
.ticks li:before{content:"✔";color:var(--acc);position:absolute;left:4px}.warn li:before{content:"⚠";color:#ffb21a;position:absolute;left:2px}
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:36px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:28px}
.panel h3{font-size:1.4rem;margin:0 0 4px}.panel p{margin:0 0 20px;color:var(--mut)}.panel a.big{font-size:1.3rem;font-weight:800;color:#fff}
form label{display:block;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
input,select,textarea{width:100%;background:#0f1012;border:1px solid var(--line);color:var(--txt);padding:12px;border-radius:4px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--acc)}
form .btn{margin-top:20px;width:100%}#thanks{text-align:center;padding:40px 10px}#thanks h3{font-size:2rem;color:var(--acc)}
footer{background:#08080a;border-top:3px solid var(--acc);padding:40px 0 20px;color:var(--mut);font-size:.9rem}footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}footer img{height:48px;width:auto;max-width:52px;border-radius:50%;margin-bottom:10px}
.watermark{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#6d7076}
@media(max-width:800px){.menu-btn{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#0d0d0f;padding:20px;border-bottom:3px solid var(--acc)}.nav-open nav{display:flex}
#product,.contact{grid-template-columns:1fr}.trust .wrap{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid rgba(0,0,0,.4)}section{padding:50px 0}}
header .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-text{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:22px;color:#fff;white-space:nowrap}.brand-text b{color:#c41e1e}
@media(max-width:420px){.brand-text{font-size:17px}}
/* intro */

#intro{position:fixed;inset:0;z-index:9999;background:#05070a;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;perspective:900px}
#intro .pane{position:absolute;inset:0;background:url(../images/intro/glass.jpg) center/cover;z-index:0}
#intro .pane:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(150,200,230,.12),rgba(0,0,0,.55) 80%)}
#intro .words{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:.9}
#intro .w{display:block;max-height:26vh;object-fit:contain;width:min(88vw,760px);height:auto;margin:6px 0;opacity:0;filter:drop-shadow(3px 3px 0 #000) drop-shadow(0 0 22px rgba(196,30,30,.45))}#intro .w.the{width:min(40vw,330px)}
#intro .w.slam{animation:slam .38s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes slam{0%{opacity:0;transform:scale(3)}60%{opacity:1;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
#intro.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-8px,5px)}50%{transform:translate(7px,-6px)}75%{transform:translate(-4px,3px)}}
#intro.bigshake{animation:bigshake .55s}@keyframes bigshake{0%,100%{transform:none}10%{transform:translate(-22px,14px)}25%{transform:translate(20px,-18px)}40%{transform:translate(-16px,-10px)}55%{transform:translate(12px,12px)}70%{transform:translate(-8px,6px)}85%{transform:translate(4px,-4px)}}
#intro .orb{position:absolute;left:50%;top:50%;width:min(56vw,400px);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:3}
#intro .orb.rush{animation:rush .45s cubic-bezier(.6,0,.9,.6) forwards}@keyframes rush{0%{opacity:0;transform:translate(-50%,-50%) scale(.05);filter:blur(8px) brightness(.4)}100%{opacity:.95;transform:translate(-50%,-50%) scale(1);filter:blur(0) brightness(.9)}}
#intro .orb.final{animation:resolve 1s ease-out forwards}@keyframes resolve{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25);filter:blur(10px)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) drop-shadow(0 0 30px rgba(160,210,255,.35))}}
#intro .flash{position:absolute;inset:0;background:radial-gradient(circle,#fff,rgba(200,235,255,.6) 40%,transparent 75%);opacity:0;z-index:6;pointer-events:none}
#intro .flash.on{animation:flash .35s}@keyframes flash{0%{opacity:1}100%{opacity:0}}
#intro .stage{position:absolute;inset:0;z-index:5;transform-style:preserve-3d;pointer-events:none}
#intro .shard{position:absolute;will-change:transform,opacity;backface-visibility:visible}
#intro .edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#intro .bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(210,235,255,.55),rgba(150,200,255,.15) 60%,transparent 70%);z-index:1;opacity:0;pointer-events:none}
#intro.out{transition:opacity .7s;opacity:0}
#intro .skip{position:absolute;bottom:18px;right:22px;color:#9ab;font:12px sans-serif;z-index:7;letter-spacing:2px}