:root{--navy:#111827;--orange:#f97316;--soft:#f8fafc;--line:#e2e8f0;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--soft);font-family:Arial,sans-serif;color:var(--navy)}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:23px}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--orange);color:#fff;border-radius:10px;margin-right:8px}.nav nav{display:flex;gap:22px;font-size:14px;font-weight:700;color:#475569}.nav nav a:hover,.active{color:var(--orange)!important}.hero{background:linear-gradient(125deg,#111827,#24314a);color:#fff;padding:74px 0}.hero h1{font-size:48px;max-width:650px;margin:0 0 14px}.hero p{max-width:560px;color:#cbd5e1;line-height:1.65}.button{display:inline-block;background:var(--orange);color:#fff;padding:13px 18px;border-radius:9px;font-weight:800;margin-top:12px}.section{padding:68px 0}.section h2{font-size:34px;margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin:0 0 8px}.card p{color:var(--muted);line-height:1.55}.badge{font-size:11px;font-weight:800;background:#dcfce7;color:#15803d;padding:5px 8px;border-radius:99px;float:right}footer{background:#0b1120;color:#94a3b8;padding:32px 0;font-size:13px}@media(max-width:720px){.nav nav{display:none}.cards{grid-template-columns:1fr}.hero h1{font-size:38px}}
