:root{
  --volt:#F7E731;
  --ink:#0B0D0C;
  --mist:#DADADA;
  --paper:#FFFFFF;
  --smoke:#F4F4F2;
  --steel:#5B625F;
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.font-display{font-family:'Archivo',sans-serif}
.kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700}
.kicker::before{content:"";width:26px;height:3px;background:var(--volt);display:inline-block}
.kicker-center{display:inline-flex;align-items:center;gap:.6rem;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700}
.kicker-center::before{content:"";width:26px;height:3px;background:var(--volt);display:inline-block}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px}
.card{background:#fff;border:1px solid #E5E6E3;border-radius:16px}
.card-hover{transition:transform .35s ease,box-shadow .35s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(11,13,12,.10)}
.tick{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:999px;background:var(--ink);color:var(--volt);font-weight:800;font-size:12px}
.step-num{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;letter-spacing:.14em;color:var(--ink);background:var(--volt);display:inline-block;padding:6px 14px;border-radius:999px}
.btn-volt{display:inline-flex;align-items:center;gap:.5rem;background:var(--volt);color:var(--ink);font-weight:700;padding:15px 30px;border-radius:999px;transition:.25s}
.btn-volt:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;padding:15px 30px;border-radius:999px;transition:.25s}
.btn-ghost:hover{border-color:var(--volt);color:var(--volt)}
.btn-ink{display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;font-weight:700;padding:15px 30px;border-radius:999px;transition:.25s}
.btn-ink:hover{background:#1a1e1c}
.btn-line{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #D8D9D6;color:var(--ink);font-weight:600;padding:15px 30px;border-radius:999px;background:#fff;transition:.25s}
.btn-line:hover{border-color:var(--ink)}
.logo-chip{display:inline-flex;align-items:center;gap:.7rem;padding:12px 26px;border-radius:999px;border:1px solid #E2E3E0;background:#fff;font-weight:700}
.stat-band{background:var(--ink);color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.marquee{animation:scroll 30s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}
#nav.scrolled{box-shadow:0 10px 34px rgba(11,13,12,.10)}
input,select,textarea{width:100%;border:1px solid #D8D9D6;border-radius:12px;padding:13px 15px;font-size:15px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);border-color:var(--ink)}
.volt-underline{background-image:linear-gradient(var(--volt),var(--volt));background-size:100% 8px;background-repeat:no-repeat;background-position:0 92%}