*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'}a{color:inherit}
.container{max-width:980px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#0f172a;color:#fff;border-bottom:1px solid #1f2937}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.site-header h1{margin:0;font-size:22px;font-weight:700}.dot{color:#38bdf8}
.site-header nav a{margin-left:14px;text-decoration:none;opacity:.9}.site-header nav a:hover{opacity:1}
.hero{background:linear-gradient(180deg,#0ea5e9 0,#38bdf8 100%);color:#00111a;padding:80px 0}
.hero h2{font-size:42px;margin:0 0 10px}.btn{display:inline-block;background:#0f172a;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.section{padding:56px 0}.section.alt{background:#f8fafc}
.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;margin:0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.site-footer{border-top:1px solid #e5e7eb;background:#fff;color:#334155}.site-footer .container{padding:18px 20px}
code{background:#0f172a0d;border-radius:6px;padding:2px 6px}