:root{--navy:#122443;--navy-dark:#0e1930;--text:#152238;--muted:#657589;--orange:#f39b41;--orange-dark:#eb782c;--line:#dfe5ec;--canvas:#f5f7fa}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.hero{background:linear-gradient(160deg, var(--navy) 0%, var(--navy-dark) 100%);color:#fff;padding:24px 16px 72px}.wrap{max-width:960px;margin:0 auto}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--orange);width:28px;height:28px;color:var(--navy-dark);border-radius:7px;place-items:center;font-size:15px;display:grid}.hero h1{max-width:640px;margin-top:64px;font-size:clamp(30px,6vw,48px);line-height:1.15}.hero h1 span{color:var(--orange)}.hero p{color:#c3cddb;max-width:560px;margin-top:16px;font-size:18px}.cta{background:var(--orange);color:var(--navy-dark);border-radius:8px;margin-top:32px;padding:12px 22px;font-weight:600;display:inline-block}.cta:hover{background:var(--orange-dark)}.features{margin-top:-40px;padding:0 16px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.card h2{font-size:16px}.card p{color:var(--muted);margin-top:6px;font-size:15px}.icon{color:var(--orange-dark);font-size:22px}footer{color:var(--muted);padding:48px 16px 32px;font-size:14px}