*{box-sizing:border-box}
:root{
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --brand:#f97316;
  --brand-ink:#fff;
  --surface:#f8fafc;
  --ring:rgba(249,115,22,.35);
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
img{max-width:100%;display:block;height:auto}
.container{width:min(1120px,92%);margin-inline:auto}
h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 .5rem}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.2;margin:0 0 .75rem}
h3{font-size:1.1rem;margin:.25rem 0}
p{color:var(--muted)}

.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:.6rem;border:1px solid transparent;text-decoration:none;font-weight:700}
.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 16px var(--ring)}
.btn-lg{padding:1rem 1.4rem;font-size:1.05rem}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:4rem 0}
.hero__inner .sub{font-size:1.1rem;margin:.25rem 0 1.25rem}
.hero__image img{border-radius:.75rem;box-shadow:0 10px 40px rgba(2,8,23,.12)}
.trust .badge{display:inline-block;background:var(--surface);padding:.4rem .7rem;border-radius:999px;font-size:.9rem;color:var(--muted);border:1px solid #e5e7eb}

.steps{padding:3rem 0}
.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.step{background:var(--surface);padding:1.2rem;border:1px solid #e5e7eb;border-radius:.75rem}
.icon{width:44px;height:44px;border-radius:.6rem;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center;box-shadow:0 4px 12px rgba(2,8,23,.05)}
.icon svg{width:24px;height:24px;fill:var(--ink)}

.features{padding:2rem 0 1rem}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.2rem;padding-left:1.2rem}
.checks li{position:relative;list-style:none;padding-left:1.4rem}
.checks li:before{content:'✓';position:absolute;left:0;top:0;color:#059669;font-weight:800}

.proof{padding:1rem 0 2rem;text-align:center}
.proof__img img{border-radius:.75rem;border:1px solid #e5e7eb}
.caption{font-style:italic;margin:.6rem 0 0}

.cta{background:#0f172a;color:#fff;padding:3rem 0;margin-top:1rem}
.cta .tiny{color:#cbd5e1;margin:.5rem 0 0}

.footer{padding:2rem 0}
.footer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.copyright{color:var(--muted);font-size:.9rem;margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}

@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:1.25rem;padding:2.5rem 0}
  .steps__grid{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
}