:root{--bg:#0f1720;--panel:#172330;--ink:#eef4f8;--muted:#aebdca;--accent:#f59e0b;--accent2:#a8c63a;--line:#2a3a48;--paper:#f7f9fb;--paperink:#14202b;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:20;background:rgba(15,23,32,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent);color:#151515;font-size:.85rem}.nav nav{display:flex;gap:22px}.nav nav a,.footer-links a{color:var(--muted);text-decoration:none}.nav nav a:hover,.footer-links a:hover{color:#fff}.hero{padding:88px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(168,198,58,.14),transparent 30%),radial-gradient(circle at 20% 0%,rgba(245,158,11,.12),transparent 28%)}.hero-grid,.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(2.8rem,7vw,5.7rem);line-height:.98;margin:.1em 0 .28em;max-width:850px}.lead{font-size:1.2rem;color:#c8d4dd;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 14px}.btn{display:inline-block;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:800}.primary{background:var(--accent);color:#171717}.secondary{border:1px solid #53616d;color:#fff}.disabled{background:#283642;color:#83919c;cursor:not-allowed}.note,.small{color:var(--muted);font-size:.92rem}.mockup{border:1px solid #334452;background:#101820;border-radius:24px;padding:18px;box-shadow:0 28px 60px rgba(0,0,0,.35);transform:rotate(1deg)}.mock-title{padding:8px 10px 16px;color:#bfcbd4;font-size:.9rem}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.button-grid span,.profile-row span{display:grid;place-items:center;min-height:70px;border-radius:9px;background:#d8dde2;color:#1b252e;font-size:.75rem;font-weight:700;text-align:center;padding:6px}.button-grid span:nth-child(3n){background:#b7d789}.profile-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.profile-row span{min-height:44px;background:#899b3f;color:#111}.profile-row span:first-child{background:#e09b1f}.section{padding:86px 0}.statement{text-align:center;background:#111b24;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}blockquote{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.18;margin:0 0 18px;font-weight:800}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.15em 0 .8em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.cards h3{margin-top:0}.cards p,.two-col p{color:#c4d0d9}.alt{background:var(--paper);color:var(--paperink)}.alt p{color:#4b5863}.code{margin:0;padding:26px;border-radius:18px;background:#0d141b;color:#d8e2e8;overflow:auto;border:1px solid #28333d}.download{background:linear-gradient(180deg,#13202a,#101820);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.center{text-align:center}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:800}details p{color:var(--muted)}footer{padding:34px 0;background:#0b1117;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:24px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:800px){.nav nav{display:none}.hero-grid,.two-col{grid-template-columns:1fr;gap:36px}.hero{padding-top:58px}.cards{grid-template-columns:1fr}.mockup{transform:none}.footer-grid{flex-direction:column}.section{padding:64px 0}}