*{box-sizing:border-box}
:root{--bg:#0e1116;--panel:#171c24;--panel2:#121720;--text:#f3f6fa;--muted:#aeb8c5;--line:#2a3442;--accent:#6ea8fe;--accent2:#3d82f6;--max:1080px}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(14,17,22,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:750;letter-spacing:-.02em}
nav{display:flex;gap:22px}nav a{color:var(--muted)}nav a:hover{color:var(--text)}
.hero{min-height:64vh;display:grid;align-items:center;background:radial-gradient(circle at 15% 25%,rgba(61,130,246,.18),transparent 34%),radial-gradient(circle at 85% 10%,rgba(110,168,254,.10),transparent 30%),var(--bg);border-bottom:1px solid var(--line)}
.hero-inner{padding:96px 0}.eyebrow{margin:0 0 12px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}
h1{max-width:780px;margin:0;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.055em}
h2{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em}
.lead{max-width:690px;margin:26px 0 0;color:var(--muted);font-size:1.2rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;font-weight:700;border:1px solid var(--line)}
.primary{background:var(--accent2);border-color:var(--accent2)}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--panel)}.secondary:hover{background:#1d2530}
.section{padding:78px 0}.muted{background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.card{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:flex;justify-content:space-between;align-items:end;gap:28px}
.card p{max-width:700px;margin:0;color:var(--muted)}.text-link{color:var(--accent);font-weight:750;white-space:nowrap}
.grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px}.grid p{color:var(--muted);margin:0}
.content{max-width:800px;padding:70px 0 90px}.content h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:24px}.content h2{margin-top:42px}.content p,.content li{color:var(--muted)}.content a{color:var(--accent)}
footer{padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.93rem}.footer-inner div{display:flex;gap:18px}
@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column;padding:18px 0}nav{flex-wrap:wrap;gap:14px}.hero-inner{padding:72px 0}.card{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr;gap:20px}.footer-inner{flex-direction:column}}