:root{--bg:#050816;--bg2:#08111f;--card:rgba(15,23,42,.82);--text:#e5edf7;--muted:#94a3b8;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent2:#8b5cf6;--green:#22c55e;--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 18% 0%,rgba(56,189,248,.18),transparent 34%),linear-gradient(180deg,var(--bg),var(--bg2) 48%,#050816);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(5,8,22,.82);backdrop-filter:blur(18px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750}.logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));position:relative}.logo:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.7);border-radius:9px}nav{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}nav a:hover{color:var(--text)}section{padding:72px 0}.hero{border-bottom:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:8px 12px;border:1px solid rgba(56,189,248,.28);border-radius:999px;color:#bfdbfe;background:rgba(56,189,248,.08);font-size:.88rem;margin-bottom:22px}.badge span{width:8px;height:8px;border-radius:50%;background:var(--green)}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;max-width:820px;font-size:clamp(2.6rem,8vw,5.6rem);line-height:1;letter-spacing:0}.lead{max-width:760px;margin:22px 0 0;color:#cbd5e1;font-size:clamp(1.05rem,1.6vw,1.24rem)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-height:170px}.card h2{margin:0 0 10px;font-size:1.24rem;line-height:1.2}.card p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small{font-size:.9rem}@media(max-width:760px){.wrap{width:min(100% - 28px,1120px)}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.grid-2{grid-template-columns:1fr}section{padding:58px 0}.badge{border-radius:14px;align-items:flex-start}}
/* Keyboard navigation and narrow screens. */
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}nav a{padding:8px 0}.brand{min-width:0}.logo{flex:0 0 38px}@media(max-width:760px){header{position:static}}