:root{
  --bg:#0B0B0D; --surface:#141418; --elev:#1A1A20; --ink:#F5F5F7; --muted:#9A9AA2;
  --line:#26262B; --accent:#E4141B; --accent-deep:#B00F15; --accent-glow:rgba(228,20,27,.45);
  --radius:8px; --maxw:1120px;
  --display:'Oswald','Bebas Neue','Arial Narrow',Impact,system-ui,sans-serif;
  --font:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3,.brand{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;line-height:1.05}
.accent{color:var(--accent)}

/* buttons */
.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 30px;border-radius:var(--radius);
  font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;border:none;cursor:pointer;
  font-family:var(--display);transition:background .15s,box-shadow .2s,transform .1s}
.btn:hover{background:var(--accent-deep);box-shadow:0 0 0 1px var(--accent),0 6px 22px var(--accent-glow);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{background:transparent;border-color:var(--accent);color:var(--accent);box-shadow:none}

/* header */
.site-header{position:sticky;top:0;background:rgba(11,11,13,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:1px}
.brand .mono{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent);
  color:#fff;border-radius:6px;font-size:15px;font-weight:700;letter-spacing:0;box-shadow:0 0 16px var(--accent-glow)}
.brand .mono span{transform:skewX(-8deg)}
.nav a{margin-left:24px;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-family:var(--display);color:var(--muted);transition:color .15s}
.nav a:hover{color:var(--ink)}
.inquiry-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;
  background:var(--accent);color:#fff;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--font)}

/* hero */
.hero{position:relative;text-align:center;padding:120px 20px 96px;overflow:hidden;
  background:radial-gradient(1200px 500px at 50% -10%,rgba(228,20,27,.14),transparent 60%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.hero .eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:4px;font-size:13px;color:var(--accent);margin-bottom:18px}
.hero h1{font-size:68px;font-weight:700;letter-spacing:1px}
.hero p{color:var(--muted);margin:20px auto 32px;max-width:560px;font-size:17px}

/* sections + diagonal divider */
.section{padding:66px 0;position:relative}
.section h2{font-size:34px;font-weight:700;margin-bottom:28px}
.section h2 .accent{color:var(--accent)}
.divider{height:2px;background:repeating-linear-gradient(-45deg,var(--accent) 0 14px,transparent 14px 28px);opacity:.5}

/* "The Standard" band */
.standard{background:linear-gradient(180deg,var(--surface),var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.standard .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.stat{background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:26px 22px;text-align:center;position:relative}
.stat::before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 12px var(--accent-glow)}
.stat .big{font-family:var(--display);font-size:40px;color:var(--accent);line-height:1}
.stat .lbl{font-family:var(--display);text-transform:uppercase;letter-spacing:1.5px;font-size:14px;margin-top:8px}
.stat .sub{color:var(--muted);font-size:13px;margin-top:6px}

/* role quotes */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quote{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:22px}
.quote p{font-size:15px;line-height:1.6}
.quote .who{margin-top:14px;font-family:var(--display);text-transform:uppercase;letter-spacing:1.2px;font-size:13px;color:var(--accent)}
.illustrative-label{margin-top:14px;color:#5a5a62;font-size:10px;letter-spacing:.5px;text-transform:uppercase;opacity:.7}

/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .2s}
.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 1px var(--accent-glow)}
.card .thumb{height:150px;background:var(--elev);border-radius:10px;margin-bottom:14px;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.card:hover .thumb img{transform:scale(1.08)}
/* roster entrance reveal (staggered fade-up, JS-triggered) */
.card.reveal{opacity:0;transform:translateY(28px)}
.card.reveal.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.card h3{font-size:17px;font-weight:700;letter-spacing:.4px}
.card .desc{color:var(--muted);font-size:13px;margin:8px 0 10px;font-family:var(--font);text-transform:none}
.card-price{font-family:var(--display);font-size:20px;letter-spacing:.5px;color:var(--accent);margin-bottom:12px}

/* product detail */
.product{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:56px 0}
.product .media{background:var(--elev);border:1px solid var(--line);border-radius:16px;min-height:340px;overflow:hidden}
.product .media img{width:100%;height:100%;min-height:340px;object-fit:cover}
.product h2{font-size:38px}
.price{font-family:var(--display);font-size:34px;letter-spacing:1px;color:var(--accent);margin:8px 0 6px}
.summary{background:var(--elev);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:14px 16px;margin:14px 0 4px;font-size:15px;line-height:1.5}
.summary-label{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--accent);margin-bottom:5px}
.spec{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;font-size:14px}
.spec .k{color:var(--muted);font-family:var(--display);letter-spacing:1px}
.notice{background:rgba(228,20,27,.08);border:1px solid rgba(228,20,27,.35);color:#f3a4a7;font-size:13px;padding:12px 14px;border-radius:10px;margin:18px 0}
select#size{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--elev);color:var(--ink)}

/* text-us block */
.text-us{background:linear-gradient(180deg,var(--elev),var(--surface));border:1px solid var(--line);border-radius:14px;padding:26px 24px;margin-bottom:36px;text-align:center;position:relative;overflow:hidden}
.text-us::before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}
.text-us-label{font-family:var(--display);text-transform:uppercase;letter-spacing:2px;font-size:13px;color:var(--accent)}
.text-us-num{display:inline-block;margin:8px 0 4px;font-family:var(--display);font-size:38px;letter-spacing:1px;color:var(--ink)}
.text-us-num:hover{color:var(--accent)}
.text-us-sub{color:var(--muted);font-size:14px;max-width:420px;margin:6px auto 18px}
.text-us-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* forms */
.field{margin-bottom:16px}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:var(--display);margin-bottom:6px}
.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--elev);color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(228,20,27,.15)}
.field textarea{min-height:120px;resize:vertical}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:70px;padding:46px 0;color:var(--muted);font-size:13px}
.site-footer .links a{margin-right:20px;font-family:var(--display);text-transform:uppercase;letter-spacing:1px;font-size:13px}
.site-footer .links a:hover{color:var(--accent)}
.disclaimer{margin-top:16px;font-size:12px;line-height:1.5;max-width:780px}

@media(max-width:820px){
  .hero h1{font-size:44px}
  .standard .stats{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
  .product{grid-template-columns:1fr}
  .nav a{margin-left:14px}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
  .card:hover,.btn:hover{transform:none}
  .card.reveal{opacity:1!important;transform:none!important}
}