:root {
      --bg:#070707;
      --panel:#111111;
      --panel-2:#171717;
      --text:#f4f4f4;
      --muted:#b8b8b8;
      --red:#d60000;
      --red-2:#ff2a2a;
      --line:rgba(255,255,255,.08);
      --max:1180px;
      --radius:24px;
      --shadow:0 18px 60px rgba(0,0,0,.45);
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background:
        radial-gradient(1200px 600px at 70% -10%, rgba(214,0,0,.20), transparent 60%),
        radial-gradient(900px 500px at 10% 20%, rgba(255,255,255,.04), transparent 60%),
        var(--bg);
      color:var(--text);
      line-height:1.5;
    }
    a { color:inherit; text-decoration:none; }
    img { display:block; width:100%; height:auto; }
    .container { width:min(calc(100% - 32px), var(--max)); margin:0 auto; }
    .topbar {
      position:sticky; top:0; z-index:50;
      backdrop-filter: blur(12px);
      background:rgba(7,7,7,.72);
      border-bottom:1px solid var(--line);
    }
    .topbar-inner {
      display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:14px 0;
    }
    .brand {
      display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.2px;
    }
    .brand-mark {
      width:12px; height:28px; background:linear-gradient(180deg, var(--red-2), var(--red));
      transform:skew(-14deg);
      border-radius:4px;
    }
    .cta, .cta-secondary {
      display:inline-flex; align-items:center; justify-content:center;
      min-height:52px; padding:0 22px; border-radius:999px; font-weight:800;
      transition:.22s ease; letter-spacing:.2px;
    }
    .cta {
      background:linear-gradient(180deg, #ff2f2f, #d60000);
      color:#fff; box-shadow:0 12px 30px rgba(214,0,0,.28);
    }
    .cta:hover { transform:translateY(-1px); box-shadow:0 18px 34px rgba(214,0,0,.35); }
    .cta-secondary {
      border:1px solid rgba(255,255,255,.12); color:#fff; background:rgba(255,255,255,.03);
    }
    .hero {
      padding:54px 0 40px;
    }
    .hero-grid {
      display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:center;
    }
    .eyebrow {
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.09);
      background:rgba(255,255,255,.04); color:#fff; font-size:14px; margin-bottom:18px;
    }
    .eyebrow::before {
      content:"";
      width:8px; height:8px; border-radius:50%; background:var(--red-2);
      box-shadow:0 0 0 6px rgba(255,42,42,.12);
    }
    h1 {
      margin:0 0 16px; font-size:clamp(38px, 6vw, 78px); line-height:.95; letter-spacing:-1.8px;
      text-transform:uppercase;
    }
    .lead {
      font-size:clamp(18px, 2.2vw, 22px); color:#e8e8e8; max-width:720px; margin:0 0 22px;
    }
    .muted { color:var(--muted); }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 18px; }
    .trust-row {
      display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;
    }
    .chip {
      padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03); color:#ebebeb; font-size:14px;
    }
    .hero-card {
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.07);
      border-radius:32px; box-shadow:var(--shadow); overflow:hidden; position:relative;
    }
    .hero-card::after {
      content:"";
      position:absolute; inset:auto -20% -25% auto; width:240px; height:240px; border-radius:50%;
      background:radial-gradient(circle, rgba(214,0,0,.32), transparent 65%);
      pointer-events:none;
    }
    .hero-card img { aspect-ratio: 4 / 4.8; object-fit:cover; }
    .hero-note {
      position:absolute; left:18px; right:18px; bottom:18px;
      background:rgba(7,7,7,.76); border:1px solid rgba(255,255,255,.08);
      padding:16px 18px; border-radius:20px; backdrop-filter: blur(8px);
    }
    .section { padding:34px 0; }
    .section-title {
      margin:0 0 12px; font-size:clamp(28px, 3.2vw, 52px); line-height:1;
      text-transform:uppercase; letter-spacing:-1px;
    }
    .section-sub {
      margin:0 0 24px; color:var(--muted); font-size:18px; max-width:780px;
    }
    .story-box, .offer-box, .review-box, .faq-item, .spec-card {
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.07);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .story-box { padding:26px; display:grid; grid-template-columns:1.1fr .9fr; gap:22px; }
    .story-highlight {
      padding:18px; border-radius:18px; background:rgba(214,0,0,.09);
      border:1px solid rgba(255,255,255,.06);
      color:#f7f7f7;
    }
    .grid-2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; }
    .grid-3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
    .grid-4 { display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }
    .offer-box { padding:26px; }
    .offer-top {
      display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:center;
    }
    .feature-list { display:grid; gap:14px; margin:18px 0 0; }
    .feature {
      display:flex; gap:14px; align-items:flex-start; padding:14px 16px;
      background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06);
      border-radius:18px;
    }
    .feature-icon {
      width:34px; height:34px; border-radius:12px; flex:0 0 34px;
      background:linear-gradient(180deg, #ff2f2f, #b80000);
      display:grid; place-items:center; font-weight:900;
    }
    .product-shot {
      border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.08);
      background:#0b0b0b; height:100%;
    }
    .product-shot img { aspect-ratio: 4 / 5; object-fit:cover; height:100%; }
    .stat-strip {
      display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:18px;
    }
    .stat {
      padding:18px; border-radius:20px; background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
    }
    .stat strong { display:block; font-size:28px; line-height:1; margin-bottom:8px; }
    .benefit-card, .review-box, .spec-card {
      padding:22px;
    }
    .benefit-card {
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.07);
      border-radius:24px; min-height:100%;
    }
    .benefit-card h3, .review-box h3, .spec-card h3 { margin:0 0 10px; font-size:22px; }
    .gallery {
      display:grid; grid-template-columns:1.2fr .8fr; gap:18px;
    }
    .gallery-stack {
      display:grid; grid-template-rows:1fr 1fr; gap:18px;
    }
    .gallery-item {
      border-radius:26px; overflow:hidden; border:1px solid rgba(255,255,255,.07); box-shadow:var(--shadow);
      background:#0e0e0e;
    }
    .gallery-item img { height:100%; object-fit:cover; }
    .gallery > .gallery-item { aspect-ratio: 4 / 5; }
    .gallery-stack .gallery-item { aspect-ratio: 4 / 2.3; }
    .reviews-top {
      display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px; flex-wrap:wrap;
    }
    .rating-box {
      padding:18px 20px; border-radius:20px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06);
      min-width:260px;
    }
    .rating-big { font-size:42px; font-weight:900; line-height:1; }
    .review-box .name { color:#fff; font-weight:800; }
    .review-box .meta { color:var(--muted); font-size:14px; margin-bottom:12px; }
    .stars { color:#ffd86b; letter-spacing:2px; margin-bottom:10px; }
    .compare {
      display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
    }
    .spec-card ul { margin:0; padding-left:18px; color:#dedede; }
    .spec-card li + li { margin-top:8px; }
    .faq { display:grid; gap:14px; }
    .faq-item { padding:18px 20px; }
    .faq-item h4 { margin:0 0 8px; font-size:18px; }
    .final-cta {
      padding:28px; border-radius:30px; position:relative; overflow:hidden;
      background:
        radial-gradient(600px 220px at 10% 50%, rgba(214,0,0,.28), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.07);
      box-shadow:var(--shadow);
    }
    .final-cta h2 { margin:0 0 10px; font-size:clamp(28px, 4vw, 54px); line-height:1; text-transform:uppercase; }
    footer {
      margin-top:42px; padding:34px 0 64px; border-top:1px solid var(--line);
      background:rgba(255,255,255,.02);
    }
    .footer-grid {
      display:grid; grid-template-columns:1fr; gap:18px;
    }
    .footer-links {
      display:flex; flex-wrap:wrap; gap:10px 18px; font-weight:700;
    }
    .legal {
      color:#bdbdbd; font-size:13px; line-height:1.65;
    }
    .company {
      padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06);
      color:#e7e7e7; font-size:14px;
    }
    .small { font-size:13px; color:#bdbdbd; }
    @media (max-width: 980px) {
      .hero-grid, .story-box, .offer-top, .gallery, .grid-4, .grid-3, .grid-2, .compare { grid-template-columns:1fr; }
      .gallery-stack { grid-template-rows:auto; }
      .stat-strip { grid-template-columns:repeat(2, 1fr); }
      .hero-card img { aspect-ratio:4/4; }
    }
    @media (max-width: 620px) {
      .container { width:min(calc(100% - 20px), var(--max)); }
      .topbar-inner { align-items:flex-start; flex-direction:column; }
      .stat-strip { grid-template-columns:1fr; }
      .cta, .cta-secondary { width:100%; }
      .hero-actions { flex-direction:column; }
    }