:root{
  --brand:#A20E12;
  --brand-2:#C0181C;
  --brand-3:#E32227;
  --ink:#101114;
  --ring: 0 0 0 .25rem rgba(227,34,39,.25);
}
html,body{height:100%;scroll-behavior:smooth}
body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--ink);background:#0e0c0c}
.bg-red-canvas{position:relative;color:#fff;overflow:hidden;background:
  radial-gradient(1200px 600px at -10% -20%, rgba(255,255,255,.06), transparent 60%),
  radial-gradient(800px 500px at 110% 0%, rgba(255,255,255,.04), transparent 60%),
  linear-gradient(135deg, #5f0a0a 0%, var(--brand) 35%, var(--brand-2) 70%, var(--brand-3) 100%);}
.bg-red-canvas:after{content:"";position:absolute;inset:-30%;background:
  radial-gradient(closest-side, rgba(255,255,255,.10), transparent 70%) -25% -30% / 55% 55% no-repeat,
  radial-gradient(closest-side, rgba(0,0,0,.35), transparent 70%) 110% 10% / 45% 45% no-repeat,
  conic-gradient(from 220deg at 60% 40%, rgba(255,255,255,.07), transparent 40%);
  filter: blur(28px);pointer-events:none}
.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:saturate(150%) blur(12px);border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.surface{background:#fff;border:1px solid #f0f0f0;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.btn-brand{--bs-btn-bg:#fff;--bs-btn-color:var(--brand);--bs-btn-hover-bg:#f7f7f7;--bs-btn-hover-color:#7b0d0f;border:0;border-radius:999px;padding:.9rem 1.25rem;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.btn-ghost{color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:999px;padding:.8rem 1.2rem;font-weight:700}
.btn-ghost:hover{border-color:#fff;box-shadow:var(--ring)}
.navbar-modern{background:linear-gradient(90deg, #5b0a0a, var(--brand))}
.navbar-brand img{height:34px}
.hero-title{font-weight:900}
.badge-pill{border-radius:999px;padding:.35rem .8rem;background:rgba(255,255,255,.16);color:#fff}
.icon-bubble{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(145deg, rgba(255,255,255,.9),#fff);color:var(--brand);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.feature-card{border-radius:16px;padding:1.25rem;background:#fff}
.product{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:1.25rem;border-radius:18px;background:#fff;border:1px solid #efefef;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.product .cover img{border-radius:14px}
.product .price{font-weight:900;font-size:1.75rem;color:var(--brand-2)}
.product .meta{color:#6b7280}
@media (min-width: 992px){.product{grid-template-columns:460px 1fr}}
.step{display:flex;gap:12px;align-items:flex-start}
.step .n{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#fff,#f2f2f2);color:var(--brand);font-weight:800;box-shadow:0 6px 12px rgba(0,0,0,.08)}
.footer-min{color:#fff;background:#1b0a0a}
.btn:focus{box-shadow:var(--ring)}
@media (max-width:575.98px){.hero-title{font-size:1.85rem}}