:root{--bg: #0A0E1A;--bg-elev: #0E1220;--bg-panel: rgba(14, 18, 32, .6);--bg-alt: #0E1220;--surface: #0E1220;--surface-2: #131831;--border: rgba(232, 236, 245, .08);--border-strong: rgba(232, 236, 245, .16);--rule: rgba(232, 236, 245, .08);--rule-hi: rgba(232, 236, 245, .16);--fg: #E8ECF5;--fg-muted: #8C94A8;--fg-dim: #5A6278;--ink: #E8ECF5;--ink-dim: #8C94A8;--ink-mute: #5A6278;--accent: #b87333;--accent-hi: #d68e54;--accent-hover: #d68e54;--accent-dim: #7a4a22;--accent-soft: rgba(184, 115, 51, .14);--accent-glow: rgba(184, 115, 51, .32);--sapphire: #7aa7ff;--sapphire-glow: rgba(122, 167, 255, .22);--good: #4FB583;--green: #4FB583;--warn: #D4A656;--amber: #D4A656;--bad: #D4685C;--red: #D4685C;--teal: #4FA8B5;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 6px;--radius-lg: 10px;--t-fast: .12s ease-out;--t-med: .28s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh;font-size:15.5px;line-height:1.6;letter-spacing:-.005em;background:linear-gradient(180deg,#0a0e1a,#0e1220);background-attachment:fixed}a{color:inherit;text-decoration:none}a.link{color:var(--accent);text-decoration:underline dotted;text-underline-offset:3px}a.link:hover{color:var(--accent-hi)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}img,svg{display:block;max-width:100%}code,pre{font-family:var(--font-mono)}code{background:#e8ecf50f;padding:1px 6px;border-radius:3px;font-size:.92em;color:var(--ink)}pre{padding:16px;background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--radius);overflow-x:auto;font-size:13px;line-height:1.55;color:var(--ink)}pre code{background:none;padding:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;margin:0;color:var(--ink)}h1{font-size:clamp(36px,4.6vw,56px);line-height:1.04;letter-spacing:-.03em}h2{font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.02em}h3{font-size:18px;line-height:1.3}h4{font-size:14px;line-height:1.25}p{margin:0 0 14px;color:var(--ink-dim)}ul,ol{padding-left:20px;margin:0 0 14px;color:var(--ink-dim)}li{margin-bottom:6px}.mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute);text-transform:lowercase}.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--accent);text-transform:lowercase}.lede{font-size:17px;color:var(--ink-dim);max-width:62ch;line-height:1.6}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width: 640px){.wrap{padding:0 18px}}nav.top{position:sticky;top:0;z-index:100;background:#0a0e1ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}nav.top .nav-inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;gap:40px}nav.top .brand{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;color:var(--ink)}nav.top .brand-mark{width:22px;height:22px;border:1.5px solid var(--accent);border-radius:3px;position:relative;box-shadow:0 0 14px -2px var(--accent-glow);flex:0 0 auto}nav.top .brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--accent);border-radius:1px;opacity:.85}nav.top .nav-links{display:flex;gap:28px;font-size:14px;color:var(--ink-dim)}nav.top .nav-links a{transition:color var(--t-fast)}nav.top .nav-links a:hover{color:var(--ink)}nav.top .nav-links a.current{color:var(--accent)}nav.top .nav-cta{margin-left:auto;display:flex;gap:12px;align-items:center}@media (max-width: 900px){nav.top .nav-links{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;border:1px solid var(--rule-hi);background:transparent;color:var(--ink);transition:background .12s,border-color .12s,color .12s;min-height:36px;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#1a0f06;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:#1a0f06}.btn-ghost{color:var(--ink-dim);border-color:transparent}.btn-ghost:hover{color:var(--ink);border-color:var(--rule-hi)}.btn-lg{padding:14px 22px;font-size:15px;min-height:44px}.page-head{padding:72px 0 32px;border-bottom:1px solid var(--rule)}.crumbs{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);margin-bottom:16px;text-transform:lowercase}.crumbs a{color:var(--ink-dim)}.crumbs a:hover{color:var(--accent)}.page-head h1{max-width:22ch;margin-bottom:14px}.page-head h1 em{font-style:italic;color:var(--accent);font-weight:400}.page-head .lede{font-size:17px;color:var(--ink-dim);max-width:68ch;margin:0}section.content-section{padding:56px 0;border-top:1px solid var(--rule)}section.content-section:first-of-type{border-top:none}@media (max-width: 640px){section.content-section{padding:40px 0}}footer.site-footer{border-top:1px solid var(--rule);padding:72px 0 36px;background:var(--bg-elev);margin-top:80px}footer.site-footer .foot-cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-bottom:48px}@media (max-width: 1100px){footer.site-footer .foot-cols{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 640px){footer.site-footer .foot-cols{grid-template-columns:1fr 1fr;gap:28px}}footer.site-footer .foot-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink)}footer.site-footer .foot-brand .brand-mark{width:22px;height:22px;border:1.5px solid var(--accent);border-radius:3px;position:relative;box-shadow:0 0 14px -2px var(--accent-glow)}footer.site-footer .foot-brand .brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--accent);border-radius:1px;opacity:.85}footer.site-footer .foot-brand-line{font-size:13px;color:var(--ink-mute);margin-top:10px;max-width:28ch;line-height:1.5}footer.site-footer .foot-col-title{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);text-transform:lowercase;letter-spacing:.04em;margin-bottom:14px;font-weight:500}footer.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}footer.site-footer ul a{font-size:13px;color:var(--ink-dim)}footer.site-footer ul a:hover{color:var(--accent)}footer.site-footer .inline-note{font-size:12px;color:var(--ink-mute);display:block;margin-top:12px;line-height:1.5}footer.site-footer .foot-bottom{border-top:1px solid var(--rule);padding-top:20px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.tile{border:1px solid var(--rule);background:var(--bg-elev);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .12s,transform .12s}.tile:hover{border-color:var(--accent);transform:translateY(-1px)}.tile h3{font-size:17px;margin-bottom:0}.tile .meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);text-transform:lowercase}.tile .desc{font-size:14px;color:var(--ink-dim);line-height:1.55}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 900px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.grid-3,.grid-2{grid-template-columns:1fr}}.chip-tag{display:inline-flex;align-items:center;padding:2px 9px;border:1px solid var(--rule-hi);border-radius:12px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-dim);text-transform:lowercase}.chip-tag.feature{border-color:#7aa7ff66;color:var(--sapphire)}.chip-tag.fix{border-color:#4fb58366;color:var(--good)}.chip-tag.breaking{border-color:#d4685c80;color:var(--bad)}.chip-tag.placeholder{border-color:var(--rule-hi);color:var(--ink-mute)}.rename-banner{background:#b8733314;border-bottom:1px solid rgba(184,115,51,.22);padding:10px 0;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-dim)}.rename-banner .rb-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rename-banner .rb-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.rename-banner code{font-size:12px;background:#b873331f;color:var(--accent-hi)}.rename-banner a{color:var(--accent);text-decoration:underline dotted;text-underline-offset:3px}.prose{max-width:70ch}.prose p,.prose li{color:var(--ink-dim);font-size:15.5px;line-height:1.7}.prose h2{margin-top:48px;margin-bottom:14px}.prose h3{margin-top:32px;margin-bottom:10px}.prose strong{color:var(--ink)}.prose code{font-size:.9em}.layout-doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:flex-start}.layout-doc aside.doc-side{position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:8px}.layout-doc aside.doc-side h4{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px}.layout-doc aside.doc-side ul{list-style:none;padding:0;margin:0}.layout-doc aside.doc-side li{margin-bottom:4px}.layout-doc aside.doc-side a{font-size:13px;color:var(--ink-dim);display:block;padding:4px 0}.layout-doc aside.doc-side a:hover,.layout-doc aside.doc-side a.current{color:var(--accent)}@media (max-width: 900px){.layout-doc{grid-template-columns:1fr}.layout-doc aside.doc-side{position:static;max-height:none}}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media (max-width: 700px){.pricing-grid{grid-template-columns:1fr}}.pricing-tier{border:1px solid var(--rule);background:var(--bg-elev);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:14px}.pricing-tier.featured{border-color:var(--accent);box-shadow:0 0 30px -8px var(--accent-glow)}.pricing-tier .tier-name{font-family:var(--font-mono);font-size:11.5px;color:var(--accent);text-transform:lowercase;letter-spacing:.06em}.pricing-tier .tier-price{font-family:var(--font-display);font-size:36px;line-height:1;color:var(--ink)}.pricing-tier .tier-price small{font-size:14px;color:var(--ink-dim);font-family:var(--font-body)}.pricing-tier .tier-tag{font-size:14px;color:var(--ink-dim)}.pricing-tier ul{list-style:none;padding:0;margin:8px 0 0}.pricing-tier li{padding-left:22px;position:relative;font-size:14px;color:var(--ink-dim);margin-bottom:8px;line-height:1.55}.pricing-tier li:before{content:"→";position:absolute;left:0;color:var(--accent)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 700px){.gallery-grid{grid-template-columns:1fr}}.gallery-card{border:1px solid var(--rule);background:var(--bg-elev);border-radius:var(--radius);padding:22px}.gallery-card .gc-head{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.gallery-card h3{font-size:18px;margin:0}.gallery-card .gc-desc{font-size:14px;color:var(--ink-dim);margin:8px 0 14px;line-height:1.55}.gallery-card .gc-foot{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);display:flex;gap:14px;flex-wrap:wrap}.gallery-card .gc-foot a{color:var(--accent)}.changelog-entry{padding:28px 0;border-top:1px solid var(--rule)}.changelog-entry:first-child{border-top:none}.changelog-entry time{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute);text-transform:lowercase}.changelog-entry .ver{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-left:8px}.changelog-entry h2{font-size:22px;margin:8px 0 10px}.changelog-entry .tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}.changelog-entry .body{color:var(--ink-dim);font-size:14.5px;line-height:1.6;max-width:68ch}.changelog-entry .body p{margin:0 0 8px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 800px){.compare-grid{grid-template-columns:1fr}}.compare-grid .col{border:1px solid var(--rule);border-radius:var(--radius);padding:22px;background:var(--bg-elev)}.compare-grid .col h3{font-size:16px;margin-bottom:10px}.compare-grid .col.bad{border-left:2px solid var(--bad)}.compare-grid .col.good{border-left:2px solid var(--good)}.spec-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--ink-mute)}.spec-meta .chip{padding:4px 10px;border:1px solid var(--rule-hi);border-radius:14px}.skip-link{position:absolute;left:-9999px;top:8px;padding:8px 12px;background:var(--accent);color:#1a0f06;z-index:1000}.skip-link:focus{left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}