:root{--amber:#f59e0b;--ink:#0f172a;--slate:#475569;--muted:#64748b;--border:#e5e7eb;--bg:#ffffff;--dark:#0b1220}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1140px;margin:0 auto;padding:2rem 1rem}
.btn{display:inline-block;background:var(--amber);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-weight:700;border:none}
.btn:hover{opacity:.95}
.badge{display:inline-block;background:#fde68a;color:#111827;font-weight:700;padding:.25rem .5rem;border-radius:6px;font-size:.8rem}

/* Header / nav */
header{background:#f8fafc;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:900}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--amber);display:grid;place-items:center;color:#fff;font-weight:900}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}
nav a{color:#334155;font-weight:600}
nav a:hover{color:var(--amber)}

/* Hero */
.hero{position:relative;background:var(--dark);color:#fff}
.hero .image{height:420px;background:linear-gradient(90deg,#0b1220,#111827)}
.hero .inner{position:relative;margin-top:-180px}
.hero h1{font-size:2.2rem;margin:.25rem 0;font-weight:900}
.hero p{color:#cbd5e1;max-width:800px}

/* Sections */
.section{padding:3rem 0}
.section.alt{background:#f8fafc}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr}.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.25rem}

/* Lists */
ul.check{list-style:none;padding:0;margin:0}
ul.check li{padding-left:1.4rem;position:relative;margin:.4rem 0}
ul.check li::before{content:'✓';position:absolute;left:0;top:0;color:#10b981;font-weight:900}

/* Testimonials & logos */
.testi{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;font-style:italic}
.logo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(min-width:700px){.logo-row{grid-template-columns:repeat(6,1fr)}}
.logo{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:1rem;text-align:center;color:#94a3b8;font-weight:700}

/* Footer */
footer{background:#0b1220;color:#cbd5e1}
footer a{color:#e2e8f0}
.quicklinks{display:grid;grid-template-columns:1fr}
@media(min-width:700px){.quicklinks{grid-template-columns:repeat(3,1fr)}}