:root{--bg:#0b0b0c;--ink:#f7f7f8;--accent:#ffb41c;--card:#141416;--border:#232327}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0b0c;color:#f7f7f8;line-height:1.5}
.container{width:min(1100px,94%);margin-inline:auto}
header{position:sticky;top:0;background:rgba(10,10,12,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand .name{font-weight:800}
.call a{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--border);text-decoration:none;color:inherit;background:linear-gradient(180deg,#191a1e,#121317)}
.call a.primary{background:linear-gradient(180deg,var(--accent),#ff9f0a);color:#1a1200;border-color:#2d2210;font-weight:800}
.hero{padding:56px 0;background:radial-gradient(60% 60% at 80% 10%,rgba(255,171,0,.10),transparent 60%)}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.card{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:14px}
.section{padding:40px 0;border-top:1px solid var(--border)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
footer{padding:28px 0;color:#9ea0a6;border-top:1px solid var(--border)}
@media(max-width:860px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}