/* ═══════════════════════════════════════
   VLADFX BASE — Reset, body, fonts, scrollbar
   ═══════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ── Scrollbar (Webkit) ── */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--dim)}

/* ── Selection ── */
::selection{background:var(--brand);color:#fff}

/* ── Links ── */
a{color:inherit;text-decoration:none}

/* ── Images ── */
img{max-width:100%;display:block}

/* ── Section spacing ── */
section{padding:100px 24px;max-width:1140px;margin:auto}

/* ── Section headers ── */
.section-header{text-align:center;margin-bottom:56px}
.section-label{
  display:inline-block;font-size:.72rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--brand);margin-bottom:12px;
}
.section-title{
  font-size:clamp(2rem,4vw,2.8rem);font-weight:800;
  letter-spacing:-.02em;margin-bottom:12px;
}
/* ── Gradient rule under section titles (Feature 2) ── */
.section-title::after{
  content:'';display:block;width:50px;height:3px;margin-top:12px;
  background:linear-gradient(90deg,var(--brand),transparent);
  border-radius:2px;margin-left:auto;margin-right:auto;
}
.section-sub{color:var(--dim);font-size:1rem;max-width:500px;margin:0 auto;line-height:1.6}

/* ── Buttons ── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;border-radius:12px;font-weight:600;
  font-size:.92rem;text-decoration:none;transition:all .3s;
  cursor:pointer;border:none;font-family:inherit;
}
.btn-primary{
  background:var(--brand);color:#fff;
  box-shadow:0 0 0 0 rgba(244,64,65,0);
}
.btn-primary:hover{box-shadow:0 0 40px rgba(244,64,65,.3);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--border)}
.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(244,64,65,.25)}