:root{
  --black:#050505;
  --white:#ffffff;
  --yellow:#ffd400;
  --red:#e31717;
  --gray:#f5f5f5;
  --dark-gray:#202020;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--white);
  background:var(--black);
}
a{color:inherit}
.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px 5vw;background:rgba(0,0,0,.92);border-bottom:3px solid var(--yellow);
}
.brand{
  font-weight:900;font-size:26px;text-decoration:none;letter-spacing:-1px;
}
.brand span{color:var(--yellow)}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-weight:800;text-transform:uppercase;font-size:13px}
nav a{text-decoration:none}
.phone-link{background:var(--red);padding:10px 14px;border-radius:999px}
.hero{
  min-height:720px;display:grid;grid-template-columns:1.6fr .8fr;gap:42px;
  padding:80px 5vw 60px;
  background:
    radial-gradient(circle at top right, rgba(255,212,0,.18), transparent 32%),
    linear-gradient(135deg, #000 0%, #101010 62%, #000 100%);
}
.eyebrow{
  margin:0 0 12px;color:var(--yellow);text-transform:uppercase;font-weight:900;letter-spacing:2px;
}
h1{
  font-size:clamp(58px, 10vw, 140px);
  line-height:.86;margin:0;text-transform:uppercase;font-weight:900;letter-spacing:-5px;
  text-shadow:0 4px 0 rgba(255,255,255,.08);
}
.brush{
  margin:28px 0 20px;background:var(--yellow);color:var(--black);
  font-size:clamp(34px, 5vw, 72px);font-weight:900;text-transform:uppercase;
  padding:14px 20px;transform:skew(-2deg);display:inline-block;
}
.hero-sub{font-size:26px;line-height:1.25;max-width:800px;font-weight:800}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:16px 22px;border:0;border-radius:8px;
  text-transform:uppercase;font-weight:900;text-decoration:none;cursor:pointer;font-size:16px;
}
.btn-primary{background:var(--yellow);color:var(--black)}
.btn-call{background:var(--red);color:var(--white)}
.btn-dark{background:var(--black);color:var(--white)}
.full{width:100%}
.offer-card{
  align-self:center;background:var(--white);color:var(--black);border:8px solid var(--yellow);
  box-shadow:18px 18px 0 var(--red);padding:0;text-align:center;transform:rotate(1deg)
}
.card-top{background:var(--yellow);font-size:44px;text-transform:uppercase;font-weight:900;padding:26px 18px}
.card-main{font-size:54px;text-transform:uppercase;font-weight:900;padding:30px 18px}
.card-main span{color:var(--red);font-size:96px}
.offer-card p{padding:0 26px 28px;font-weight:800;font-size:18px}
.trust-strip{
  display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-bottom:1px solid #333;
}
.trust-strip div{padding:26px 5vw;border-right:1px solid #333}
.trust-strip strong{display:block;color:var(--yellow);font-size:22px;text-transform:uppercase}
.trust-strip span{display:block;margin-top:6px;color:#ddd}
.section{padding:72px 5vw}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
h2{font-size:clamp(38px, 6vw, 74px);line-height:.95;margin:0 0 20px;text-transform:uppercase}
.section p{font-size:20px;line-height:1.5;color:#e6e6e6}
.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.problem-grid div{
  background:var(--yellow);color:var(--black);font-weight:900;text-transform:uppercase;
  padding:24px;border-left:10px solid var(--red);font-size:20px;
}
.how{background:#111}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps article{background:var(--black);border:2px solid #333;padding:24px}
.steps span{
  display:inline-flex;width:44px;height:44px;background:var(--yellow);color:var(--black);
  align-items:center;justify-content:center;border-radius:50%;font-weight:900;font-size:22px;
}
.steps h3{text-transform:uppercase;font-size:22px}
.form-section{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;background:linear-gradient(90deg,#000,#151515);
}
.lead-form,.subscribe-form{
  background:var(--white);color:var(--black);padding:28px;border-top:10px solid var(--yellow);
}
label{display:block;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.5px;margin-bottom:16px}
input,select,textarea{
  display:block;width:100%;margin-top:7px;padding:14px;border:2px solid #d0d0d0;border-radius:4px;
  font:inherit;font-size:16px;
}
textarea{resize:vertical}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checkbox{display:flex;gap:10px;align-items:flex-start;text-transform:none;font-weight:700;line-height:1.35}
.checkbox input{width:auto;margin-top:2px}
.hp{position:absolute;left:-9999px}
.report-signup{
  display:grid;grid-template-columns:1fr .7fr;gap:42px;align-items:center;background:var(--yellow);color:var(--black)
}
.report-signup .eyebrow{color:var(--red)}
.report-signup p{color:#111}
footer{
  padding:36px 5vw;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;
  border-top:4px solid var(--red);background:#050505;
}
footer small{width:100%;color:#aaa}
.simple-page{
  min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#000,#191919);
}
.message-card{
  max-width:680px;background:var(--white);color:var(--black);padding:44px;border-top:12px solid var(--yellow);
  box-shadow:16px 16px 0 var(--red);
}
.message-card h1{font-size:64px;color:#000;margin-bottom:18px}
.message-card p{font-size:20px;color:#222}

@media (max-width:900px){
  .site-header{position:relative;align-items:flex-start;flex-direction:column}
  .hero,.split,.form-section,.report-signup{grid-template-columns:1fr}
  .trust-strip,.steps{grid-template-columns:1fr 1fr}
  h1{letter-spacing:-2px}
}
@media (max-width:560px){
  nav{display:none}
  .hero{padding-top:48px;min-height:auto}
  .trust-strip,.steps,.grid-2,.problem-grid{grid-template-columns:1fr}
  .card-main span{font-size:68px}
}