:root{color-scheme:light;--bg:#f7f8fb;--bg-elevated:#fff;--ink:#0f172a;--ink-soft:#475569;--ink-muted:#64748b;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#dbeafe;--success:#10b981;--danger:#ef4444;--border:#e2e8f0;--border-strong:#cbd5f5;--shadow-soft:0 16px 40px #0f172a14;--shadow-card:0 18px 50px #0f172a1f;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--container:1100px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{color:var(--ink);height:100vh;margin:0;font-family:Nunito,Inter,Segoe UI,sans-serif}:focus-visible{outline-offset:2px;outline:2px solid #2563eb66}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,li,small,button,input,textarea,label{font-family:Nunito,Inter,Segoe UI,sans-serif}.container{width:min(100%, var(--container));margin:0 auto;padding:0 24px}.content{padding-top:72px}.nav-shell{backdrop-filter:blur(12px);z-index:100;background:#f7f8fbcc;border-bottom:1px solid #e2e8f0b3;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;padding:18px 0;font-family:Nunito,Inter,sans-serif;display:flex}.nav-links{letter-spacing:.02em;gap:12px;font-size:14px;font-weight:600;display:flex}.nav-links a{color:var(--ink-muted);transition:all .2s var(--ease);border-radius:999px;padding:8px 14px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:var(--primary-soft)}.brand{align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.brand-logo{width:auto;height:28px}.brand-dot{background:linear-gradient(135deg, var(--primary), #0ea5e9);border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #2563eb66}.hero{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:32px;padding:64px 0 32px;display:grid}.hero h1{margin:0 0 16px;font-size:clamp(2.6rem,4vw,3.8rem);line-height:1.05}.hero p{color:var(--ink-soft);font-size:1.1rem;line-height:1.7}.hero-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px}.hero-card strong{color:var(--ink)}.hero-card pre{margin:0}.button{background:var(--primary);color:#fff;letter-spacing:.02em;transition:transform .2s var(--ease), background .2s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.button.secondary{color:var(--primary);border-color:var(--border-strong);background:#fff}.button:hover{background:var(--primary-strong);transform:translateY(-1px)}.button.secondary:hover{background:var(--primary-soft)}.section{padding:40px 0}.section-title{margin:0 0 12px;font-size:1.7rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:20px}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.card h3{margin:0 0 10px;font-size:1.1rem}.card small{color:var(--ink-muted)}.pill{background:var(--primary-soft);color:var(--primary-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.footer{color:var(--ink-muted);padding:40px 0 60px;font-size:.95rem}.fade-in{animation:fadeIn .7s var(--ease) both}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:28px}.panel article h2{margin-top:28px;font-size:1.4rem}.panel article h3{margin-top:22px;font-size:1.2rem}.panel article p{color:var(--ink-soft);line-height:1.7}.panel article ul{color:var(--ink-soft);padding-left:20px}.panel article a{color:var(--primary-strong);font-weight:700}.panel article table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;width:100%;margin:18px 0 24px;overflow:hidden}.panel article table thead th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;font-size:.82rem}.panel article table th,.panel article table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px;line-height:1.45}.panel article table tbody tr:last-child td{border-bottom:none}.panel article table tbody tr:nth-child(odd){background:#fcfdff}.panel article table code{white-space:normal;overflow-wrap:anywhere}.panel article table td:first-child code{white-space:nowrap;overflow-wrap:normal}.panel article table td ul{margin:0;padding-left:18px}.panel article table td li{margin:0 0 4px}.panel article table td li:last-child{margin-bottom:0}.two-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;display:grid}.list{gap:12px;display:grid}.list-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;padding:14px 16px}pre{color:#e2e8f0;border-radius:var(--radius-sm);background:#0f172a;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;overflow:auto}code{font-family:JetBrains Mono,Fira Code,monospace}.badge{color:#f8fafc;letter-spacing:.04em;text-transform:uppercase;background:#0f172a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.meta{flex-wrap:wrap;gap:10px;display:flex}.note{border-radius:var(--radius-sm);background:#ecfeff;border-left:4px solid #0ea5e9;padding:14px 16px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 0}.table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.two-col{grid-template-columns:1fr}.panel article table{border-radius:var(--radius-sm);display:block;overflow-x:auto}}@media (width<=720px){.nav{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0 18px}.nav-links{flex-wrap:wrap;gap:8px}}