:root{
  --bg:#0d0d0f; --bg2:#141417; --red:#e8331f; --steel:#8a9099;
  --text:#eef0f2; --muted:#a3a8b0; --line:#26262b; --card:#16161a;
  --font:"Arial Narrow",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(13,13,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:.3s}
.nav.scrolled{background:rgba(13,13,15,.97)}
.nav-in{display:flex;align-items:center;gap:24px;height:68px}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:.04em}
.logo .mark{color:var(--red)}
.links{display:flex;gap:26px;margin-left:auto;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.links a{color:var(--muted);transition:.2s}
.links a:hover{color:var(--text)}
.btn{display:inline-block;padding:13px 24px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;border:2px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#fff;color:var(--red)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{background:#fff;color:#0d0d0f}
.btn-line{border-color:var(--red);color:var(--red);padding:9px 18px}
.btn-line:hover{background:var(--red);color:#fff}

/* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}
.hero-img{position:absolute;inset:0;transform:scale(1.08);will-change:transform}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,13,15,.94) 0%,rgba(13,13,15,.75) 45%,rgba(13,13,15,.35) 100%)}
.hero-in{position:relative;max-width:720px;padding-top:40px;padding-bottom:40px}
.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.8rem;margin-bottom:14px}
.hero h1{font-size:clamp(2.6rem,6.5vw,5rem)}
.lead{color:var(--muted);font-size:1.1rem;max-width:600px;margin:18px 0 26px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.badges{display:flex;gap:12px}
.badges span{border:1px solid var(--line);padding:7px 16px;font-weight:800;font-size:.78rem;letter-spacing:.1em;color:var(--steel)}

/* marquee */
.marquee{background:var(--red);overflow:hidden;border-top:3px solid #0d0d0f;border-bottom:3px solid #0d0d0f}
.marquee-track{display:flex;gap:48px;white-space:nowrap;padding:12px 0;width:max-content;animation:scroll 26s linear infinite}
.marquee-track span{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:#fff;position:relative}
.marquee-track span::after{content:"//";margin-left:48px;opacity:.5}
@keyframes scroll{to{transform:translateX(-50%)}}

/* sections */
.section{padding:90px 0}
.section.dark{background:var(--bg2)}
.head{margin-bottom:44px}
.kick{color:var(--red);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem;margin-bottom:8px}
.head h2{font-size:clamp(2rem,4vw,3rem)}
.grid{display:grid;gap:20px}
.cats{grid-template-columns:repeat(3,1fr)}
.feats{grid-template-columns:repeat(4,1fr)}
.why{grid-template-columns:repeat(4,1fr)}

/* cards */
.card{background:var(--card);border:1px solid var(--line);overflow:hidden;transition:.3s}
.card:hover{border-color:var(--red);transform:translateY(-4px)}
.ph{aspect-ratio:4/3;overflow:hidden}
.ph img{transition:transform .6s ease}
.card:hover .ph img{transform:scale(1.12)}
.cat h3{padding:16px 18px 2px;font-size:1.2rem}
.cat p{padding:0 18px 18px;color:var(--muted);font-size:.88rem}
.fbody{padding:18px}
.fbody h3{font-size:1.1rem}
.spec{color:var(--steel);font-size:.85rem;margin:6px 0 14px;letter-spacing:.02em}
.why-c{padding:26px}
.why-c h3{color:var(--red);font-size:1.2rem;margin-bottom:10px}
.why-c p{color:var(--muted);font-size:.92rem;text-transform:none;font-weight:400}

/* factory */
.factory{padding:90px 0;background:var(--bg2)}
.factory-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.factory h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin:8px 0 16px}
.video-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line)}
.video-wrap video{position:absolute;inset:0}
.video-wrap::after{content:"";position:absolute;inset:0;background:rgba(13,13,15,.5)}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--red);z-index:2}
.play::before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}

/* stats */
.stats{background:var(--bg);padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statgrid{grid-template-columns:repeat(4,1fr);text-align:center}
.stat{display:flex;flex-direction:column;align-items:center}
.num,.suf{font-size:clamp(2.6rem,5vw,4rem);font-weight:800;color:#fff;line-height:1}
.suf{color:var(--red)}
.stat p{color:var(--steel);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;margin-top:8px}
.stat{position:relative}
.stat .num,.stat .suf{display:inline}

/* certs */
.certrow{grid-template-columns:repeat(4,1fr)}
.cert{border:1px solid var(--line);padding:36px;text-align:center;font-weight:800;font-size:1.5rem;letter-spacing:.06em;color:var(--steel);background:var(--card);transition:.3s}
.cert:hover{color:#fff;border-color:var(--red)}

/* cta */
.cta{padding:100px 0;text-align:center;background:linear-gradient(180deg,var(--bg2),var(--bg))}
.cta h2{font-size:clamp(2rem,4vw,3.2rem)}
.cta .lead{margin:16px auto 28px}

/* footer */
.footer{background:#08080a;border-top:1px solid var(--line);padding:56px 0 0}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.footer h4{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:12px;color:#fff}
.footer p{color:var(--muted);font-size:.9rem}
.fnote{margin-top:12px;max-width:240px}
.copy{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;padding-bottom:22px;color:var(--steel);font-size:.82rem}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .links{display:none}
  .cats,.feats,.why,.statgrid,.certrow{grid-template-columns:repeat(2,1fr)}
  .factory-in,.foot-in{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cats,.feats,.why,.statgrid{grid-template-columns:1fr}
}