:root{color-scheme:light;--bg:#f7f7f9;--bg2:#fff;--text:#0f172a;--muted:rgba(15,23,42,.65);--border:rgba(15,23,42,.12);--shadow:0 8px 30px rgba(15,23,42,.08);--radius:18px;--radius-sm:12px;--max:1080px}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.bg{min-height:100svh;background:radial-gradient(1200px 500px at 20% -10%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px 500px at 90% 0,rgba(16,185,129,.1),transparent 55%),linear-gradient(180deg,#f9fafb 0,var(--bg) 55%,#f2f4f8 100%)}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);background:rgba(247,247,249,.8);border-bottom:1px solid var(--border)}.headerInner{justify-content:space-between;padding:14px 0;gap:14px}.brand,.headerInner{display:flex;align-items:center}.brand{gap:12px;min-width:260px}.brandMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;letter-spacing:-.02em;background:rgba(15,23,42,.06);border:1px solid var(--border)}.brandName{font-weight:650;letter-spacing:-.02em;line-height:1.1}.brandTag{font-size:12px;color:var(--muted);line-height:1.2}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.navLink{font-size:13px;color:var(--muted);padding:8px 10px;border-radius:10px}.navLink:hover{background:rgba(15,23,42,.05);color:rgba(15,23,42,.85)}.cta{font-size:13px;padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);box-shadow:0 1px 0 rgba(15,23,42,.02)}.cta:hover{background:hsla(0,0%,100%,.95)}.main{padding:36px 0 64px}.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:22px;gap:22px;align-items:stretch;padding:28px;background:hsla(0,0%,100%,.72);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.h1{font-size:clamp(32px,4.2vw,48px);letter-spacing:-.03em;margin:0 0 12px}.lead{font-size:16px;line-height:1.6;color:rgba(15,23,42,.82);margin:0}.heroActions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:11px 14px;border-radius:999px;border:1px solid var(--border)}.primaryButton{background:rgba(15,23,42,.96);color:#fff;border-color:rgba(15,23,42,.15)}.primaryButton:hover{background:rgba(15,23,42,.9)}.secondaryButton{background:hsla(0,0%,100%,.7);color:rgba(15,23,42,.9)}.secondaryButton:hover{background:hsla(0,0%,100%,.95)}.heroNote{margin-top:16px;font-size:12px;color:var(--muted)}.codeCard{height:100%;border-radius:var(--radius);border:1px solid var(--border);background:rgba(15,23,42,.96);color:hsla(0,0%,100%,.92);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(15,23,42,.15)}.codeHeader{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid hsla(0,0%,100%,.08)}.dot{width:10px;height:10px;border-radius:50%}.dotRed{background:#ff5f57}.dotYellow{background:#febc2e}.dotGreen{background:#28c840}.codeTitle{margin-left:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.code{margin:0;padding:18px 16px 16px;font-size:13px;line-height:1.55;overflow:auto}.codeFooter{margin-top:auto;padding:12px 14px;font-size:12px;color:hsla(0,0%,100%,.65);border-top:1px solid hsla(0,0%,100%,.08)}.section{margin-top:28px;padding:26px 6px 0}.h2{font-size:20px;letter-spacing:-.02em;margin:0 0 10px}.p{margin:0 0 14px;color:rgba(15,23,42,.8);line-height:1.7;max-width:78ch}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.card{background:hsla(0,0%,100%,.72);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:0 1px 0 rgba(15,23,42,.03)}.cardTitle{font-size:14px;font-weight:650;letter-spacing:-.02em;margin-bottom:6px}.cardBody{color:rgba(15,23,42,.78);line-height:1.6;font-size:14px}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-items:start}.list{margin:10px 0 0;padding-left:18px;color:rgba(15,23,42,.8);line-height:1.7}.list li{margin:10px 0}.listStrong{font-weight:650;color:rgba(15,23,42,.95)}.callout{background:hsla(0,0%,100%,.72);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:0 6px 20px rgba(15,23,42,.06)}.calloutTitle{font-size:14px;font-weight:650;letter-spacing:-.02em;margin-bottom:6px}.calloutBody{font-size:14px;color:rgba(15,23,42,.78);line-height:1.65}.calloutLinks{margin-top:10px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.link{color:rgba(15,23,42,.86);text-decoration:underline;-webkit-text-decoration-color:rgba(15,23,42,.25);text-decoration-color:rgba(15,23,42,.25);text-underline-offset:3px}.link:hover{-webkit-text-decoration-color:rgba(15,23,42,.5);text-decoration-color:rgba(15,23,42,.5)}.sep{color:rgba(15,23,42,.35)}.foot{margin-top:16px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:hsla(0,0%,100%,.55);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footLeft{color:rgba(15,23,42,.75);font-size:13px}.footRight{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.footer{margin-top:30px;padding:22px 0;border-top:1px solid var(--border);background:rgba(247,247,249,.55)}.footerInner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.mt14{margin-top:14px}@media (max-width:900px){.grid,.hero,.twoCol{grid-template-columns:1fr}.brand{min-width:auto}}