:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f3f1ea;--ink:#1b2333;--muted:#5a6376;--line:#e4e0d6;--brand:#1d3557;--brand-ink:#fff;--accent:#c8962a;--accent-soft:#fbf2dc;--good:#17784a;--radius:14px;--shadow:0 1px 2px #141e320f, 0 8px 24px #141e320f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12151b;--surface:#1a1e26;--surface-2:#222733;--ink:#edf0f5;--muted:#a3abba;--line:#2d3340;--brand:#8fb3e8;--brand-ink:#10141b;--accent:#e9c46a;--accent-soft:#2e2716;--good:#5fd39a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#12151b;--surface:#1a1e26;--surface-2:#222733;--ink:#edf0f5;--muted:#a3abba;--line:#2d3340;--brand:#8fb3e8;--brand-ink:#10141b;--accent:#e9c46a;--accent-soft:#2e2716;--good:#5fd39a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}img,svg{max-width:100%;height:auto}a{color:var(--brand);text-underline-offset:3px}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;line-height:1.2}h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3.1rem)}h2{margin:48px 0 12px;font-size:clamp(1.45rem,3.2vw,2rem)}h3{margin:28px 0 8px;font-size:1.15rem}p{margin:0 0 16px}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}pre{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto}.muted{color:var(--muted)}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}.skip{position:absolute;left:-999px}.skip:focus{background:var(--surface);z-index:10;padding:8px 12px;top:8px;left:16px}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{align-items:center;gap:24px;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.site-nav{gap:20px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);font-weight:500;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}@media (max-width:760px){.header-inner{flex-wrap:wrap;gap:6px 16px;padding-top:10px;padding-bottom:8px}.site-nav{order:3;gap:18px;width:100%;margin:0;font-size:15px;overflow-x:auto}.header-cta{margin-left:auto}}.btn{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;text-decoration:none;display:inline-flex}.btn-sm{min-height:38px;padding:0 14px;font-size:15px}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--muted)}.hero{padding:64px 0 40px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:700;display:inline-block}.lede{color:var(--muted);max-width:36em;font-size:1.2rem}.cta-row{flex-wrap:wrap;gap:12px;margin:24px 0 12px;display:flex}.hero-art{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}@media (max-width:860px){.hero{padding-top:36px}.hero-grid{grid-template-columns:1fr;gap:28px}}section{padding:8px 0 24px}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card h3{margin-top:0}.card p:last-child{margin-bottom:0}.step-num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:800;display:inline-grid}.thumbs figure{margin:0}.thumbs svg{border:1px solid var(--line);border-radius:6px;width:100%;display:block}.thumbs figcaption{color:var(--muted);margin-top:6px;font-size:14px}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}@media (max-width:900px){.plans{grid-template-columns:1fr}}.plan{flex-direction:column;display:flex}.plan.featured{border:2px solid var(--brand)}.plan .price{margin:4px 0;font-size:2.2rem;font-weight:800}.plan .price small{color:var(--muted);font-size:1rem;font-weight:500}.plan ul{flex:1;margin:12px 0 20px;padding-left:20px}.plan li{margin-bottom:6px}.plan .btn{width:100%}.plan .alt{text-align:center;margin-top:10px;font-size:15px}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}th{background:var(--surface-2)}.table-wrap{border:1px solid var(--line);border-radius:10px;margin:0 0 20px;overflow-x:auto}.table-wrap table th:first-child,.table-wrap table td:first-child{padding-left:14px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:650}details p{margin:10px 0 0}.prose{padding:40px 0 56px}.prose li{margin-bottom:6px}.callout{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:8px;margin:0 0 20px;padding:14px 18px}.example{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;margin:0 0 18px;padding:18px 20px;font-family:Georgia,Times New Roman,serif}.example .ex-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;margin-bottom:8px;font-family:system-ui,sans-serif;font-size:13px;display:block}.breadcrumb{color:var(--muted);margin-bottom:12px;font-size:15px}.breadcrumb a{color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:48px;padding:40px 0 28px}.footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:24px;display:grid}.footer-grid h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 10px;font-size:14px}.footer-grid nav a{color:var(--ink);overflow-wrap:anywhere;margin-bottom:6px;font-size:15px;text-decoration:none;display:block}.footer-grid nav a:hover{text-decoration:underline}.footer-base{margin-top:24px;font-size:14px}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.footer-grid{grid-template-columns:1fr}}.key-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.key-box code{word-break:break-all;flex:260px;min-width:0;font-size:1rem}.stack-form{gap:8px;max-width:420px;margin:1.5rem 0 .5rem;display:grid}.stack-form label{font-weight:600}.stack-form input{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px}.stack-form .btn{justify-self:start}
