:root{--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif: "Fraunces", ui-serif, Georgia, serif}:root[data-type=editorial]{--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}:root[data-type=neutral]{--font-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}:root{--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 28px;--fs-2xl: 40px;--fs-3xl: clamp(40px, 5.4vw, 76px);--fs-4xl: clamp(56px, 9vw, 132px);--lh-tight: .98;--lh-head: 1.05;--lh-body: 1.55;--tr-head: -.028em;--tr-display: -.035em;--tr-mono: .003em;--tr-eyebrow: .12em}:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--r-5: 20px;--ease-out: cubic-bezier(.2,.7,.2,1);--ease-in-out: cubic-bezier(.6,0,.2,1);--ease-spring: cubic-bezier(.3,1.4,.4,1);--d-fast: .18s;--d-med: .32s;--d-slow: .6s;--max-w: 1200px;--max-w-wide: 1360px;--max-w-prose: 720px;--nav-h: 64px;--hair-w: 1px}:root[data-density=compact]{--s-section-y: var(--s-8)}:root[data-density=comfortable]{--s-section-y: var(--s-9)}:root[data-density=spacious]{--s-section-y: var(--s-10)}:root{--s-section-y: var(--s-9)}:root{--accent: #4fd1c5;--accent-2: #2ca4b5;--accent-glow: rgba(79,209,197,.28);--warm: #d97706;--warm-2: #f59e0b;--warm-glow: rgba(217,119,6,.25)}:root[data-palette=teal-amber]{--accent:#4fd1c5;--accent-2:#2ca4b5;--accent-glow:rgba(79,209,197,.28);--warm:#d97706;--warm-2:#f59e0b;--warm-glow:rgba(217,119,6,.25)}:root[data-palette=sapphire-copper]{--accent:#7aa7ff;--accent-2:#4d7fd6;--accent-glow:rgba(122,167,255,.28);--warm:#b87333;--warm-2:#d68e54;--warm-glow:rgba(184,115,51,.25)}:root[data-palette=forest-copper]{--accent:#4ab897;--accent-2:#2d8568;--accent-glow:rgba(74,184,151,.28);--warm:#c77d42;--warm-2:#e09c66;--warm-glow:rgba(199,125,66,.25)}:root[data-palette=glacial-sand]{--accent:#89b8c7;--accent-2:#5b8a99;--accent-glow:rgba(137,184,199,.24);--warm:#d4a373;--warm-2:#e7bf93;--warm-glow:rgba(212,163,115,.2)}:root[data-palette=emerald-ivory]{--accent:#1f8f5f;--accent-2:#14663f;--accent-glow:rgba(31,143,95,.22);--warm:#b58a3e;--warm-2:#d4a95d;--warm-glow:rgba(181,138,62,.2)}:root[data-palette=cobalt-ember]{--accent:#3b68f5;--accent-2:#264ec5;--accent-glow:rgba(59,104,245,.24);--warm:#e07650;--warm-2:#ee9778;--warm-glow:rgba(224,118,80,.22)}:root{--good: #34d399;--bad: #ef4444;--warn: #f59e0b}:root,:root[data-theme=dark]{--bg: #06121a;--bg-1: #0a1a24;--bg-2: #0f2432;--bg-3: #132e3f;--bg-inv:#f7f6f2;--fg: #e6edf3;--fg-2: #a9b6c0;--fg-3: #6b7a86;--fg-4: #475560;--line: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.12);--hair: rgba(255,255,255,.08);--code-bg: #08161f;--code-fg: #e6edf3;--sh-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 24px rgba(0,0,0,.35);--sh-2: 0 0 0 1px var(--accent-glow), 0 12px 48px rgba(0,0,0,.45)}:root[data-theme=light]{--bg: #f7f6f2;--bg-1: #ffffff;--bg-2: #efece5;--bg-3: #e3dfd5;--bg-inv:#0a1a24;--fg: #0c1a22;--fg-2: #3b4a54;--fg-3: #65727c;--fg-4: #8c97a0;--line: rgba(0,0,0,.08);--line-2: rgba(0,0,0,.14);--hair: rgba(0,0,0,.1);--code-bg: #0c1a22;--code-fg: #e6edf3;--sh-1: 0 1px 0 rgba(255,255,255,.8) inset, 0 8px 24px rgba(0,0,0,.08);--sh-2: 0 0 0 1px var(--accent-glow), 0 12px 48px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:var(--tr-head);line-height:var(--lh-head);margin:0}h1{font-size:var(--fs-4xl);letter-spacing:var(--tr-display);line-height:var(--lh-tight)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-md)}p{margin:0}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:var(--font-mono);letter-spacing:var(--tr-mono);font-feature-settings:"zero","ss02"}.prose{max-width:var(--max-w-prose);margin:0 auto;padding:0 var(--s-5)}@media (max-width: 700px){.container,.container-wide,.prose{padding:0 var(--s-4)}}section{padding:var(--s-section-y) 0;position:relative}.sec-tight{padding:var(--s-7) 0}.hair{height:1px;background:var(--hair);width:100%}.sec-index{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);text-transform:lowercase;letter-spacing:var(--tr-mono);position:absolute;top:var(--s-5);left:var(--s-5);opacity:.6}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tr-eyebrow);color:var(--accent);margin-bottom:var(--s-4);display:inline-flex;align-items:center;gap:var(--s-2)}.eyebrow.plain{color:var(--fg-3)}.eyebrow:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 12px var(--accent-glow)}.eyebrow.plain:before{box-shadow:none;opacity:.5}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.section-title{font-size:var(--fs-3xl);max-width:920px;margin-bottom:var(--s-4)}.section-lede{color:var(--fg-2);font-size:var(--fs-md);max-width:640px;margin-bottom:var(--s-7)}.accent-serif{font-family:var(--font-serif);font-style:italic;font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 80}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal-stagger.in>*{opacity:1;transform:none}.reveal-stagger.in>*:nth-child(2){transition-delay:80ms}.reveal-stagger.in>*:nth-child(3){transition-delay:.16s}.reveal-stagger.in>*:nth-child(4){transition-delay:.24s}.reveal-stagger.in>*:nth-child(5){transition-delay:.32s}.reveal-stagger.in>*:nth-child(6){transition-delay:.4s}@media (prefers-reduced-motion: reduce){.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:11px 20px;border-radius:var(--r-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform var(--d-fast) var(--ease-out),background var(--d-fast),color var(--d-fast),border-color var(--d-fast),box-shadow var(--d-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 0 0 1px var(--accent-glow),0 8px 24px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent-2),0 12px 32px var(--accent-glow)}.btn-secondary:hover{border-color:var(--fg-3);background:color-mix(in oklab,var(--fg) 4%,transparent)}.demo-frame{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-4);overflow:hidden;box-shadow:var(--sh-1)}.demo-chrome{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-4);background:var(--bg-2);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3)}.demo-chrome .dots{display:flex;gap:6px}.demo-chrome .dots span{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.demo-chrome .addr{flex:1;text-align:center}.demo-chrome .addr .live{display:inline-block;background:var(--accent);color:var(--bg);padding:2px 6px;border-radius:var(--r-1);margin-right:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.demo-pane-head{display:flex;justify-content:space-between;align-items:center;padding:10px var(--s-4);border-bottom:1px solid var(--line);background:var(--bg-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em}.callout{padding:var(--s-5);border-left:2px solid var(--accent);background:color-mix(in oklab,var(--accent) 5%,var(--bg-1));border-radius:0 var(--r-3) var(--r-3) 0}.callout .label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:var(--tr-eyebrow);margin-bottom:var(--s-2)}.proof-strip{display:flex;flex-wrap:wrap;gap:var(--s-6);margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--hair)}.proof-item .n{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--fg);line-height:1}.proof-item .l{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--tr-eyebrow);margin-top:4px}pre,.code{background:var(--code-bg);color:var(--code-fg);padding:var(--s-4);border-radius:var(--r-3);overflow-x:auto;font-size:var(--fs-sm);line-height:1.6}code.inline{background:var(--bg-2);padding:1px 6px;border-radius:var(--r-1);font-size:.92em}.chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:8px 14px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--fs-xs);cursor:pointer;transition:all var(--d-fast) var(--ease-out);text-transform:uppercase;letter-spacing:.06em}.chip:hover{border-color:var(--fg-4);color:var(--fg)}.chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--bg-2))}.nav{position:fixed;top:0;left:0;right:0;z-index:80;background:color-mix(in oklab,var(--bg) 85%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.nav-inner{max-width:var(--max-w-wide);margin:0 auto;padding:0 var(--s-5);height:var(--nav-h);display:flex;align-items:center;gap:var(--s-6)}.nav-links a{transition:color var(--d-fast)}.nav-right{margin-left:auto;display:flex;gap:var(--s-3);align-items:center}@media (max-width: 820px){.nav-links{display:none}}.muted{color:var(--fg-3)}.accent{color:var(--accent)}.warm{color:var(--warm)}.good{color:var(--good)}.bad{color:var(--bad)}.dim{opacity:.6}.kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-2);border:1px solid var(--line-2);border-bottom-width:2px}{"palette": "teal-amber",// see --data-palette list above "type": "technical",// editorial | technical | neutral "theme": "dark",// dark | light "density": "comfortable" // compact | comfortable | spacious}; (function apply(t){const r = document.documentElement; r.setAttribute("data-palette",t.palette); r.setAttribute("data-type",t.type); r.setAttribute("data-theme",t.theme); r.setAttribute("data-density",t.density);})(TWEAK_DEFAULTS); </script> ============================================================ */ .nav{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:background .2s,border-color .2s}.nav.scrolled{border-bottom-color:var(--hair)}.nav-inner{max-width:var(--max-w-wide);margin:0 auto;padding:0 var(--s-5);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--fg)}.brand-mark{width:22px;height:22px;position:relative;display:inline-block}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px}.brand-mark:before{background:var(--accent);transform:translate(-3px,-3px)}.brand-mark:after{background:var(--warm);transform:translate(3px,3px);mix-blend-mode:screen;opacity:.85}.brand-name{font-size:15px}.brand-name b{font-weight:600}.nav-links{display:flex;gap:var(--s-5);font-size:var(--fs-sm);color:var(--fg-2)}.nav-links a{color:var(--fg-2);transition:color var(--d-fast)}.nav-links a:hover{color:var(--fg)}.nav-links a.current{color:var(--accent)}.nav-cta{display:flex;gap:var(--s-3);align-items:center}@media (max-width: 860px){.nav-links{display:none}}.footer{border-top:1px solid var(--line);background:var(--bg-1);padding:var(--s-9) 0 var(--s-6);margin-top:var(--s-10)}.footer .container-wide{max-width:var(--max-w-wide);margin:0 auto;padding:0 var(--s-5)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:var(--s-6)}.footer-wordmark{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:500;font-size:var(--fs-lg);margin-bottom:var(--s-3)}.footer-about{color:var(--fg-2);font-size:var(--fs-sm);max-width:32ch;margin:0}.footer h5{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;margin:0 0 var(--s-3)}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}.footer ul a{color:var(--fg-2);font-size:var(--fs-sm);transition:color var(--d-fast)}.footer ul a:hover{color:var(--fg)}.footer-bottom{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line);color:var(--fg-3);font-family:var(--font-mono);font-size:var(--fs-xs)}@media (max-width: 860px){.footer-grid{grid-template-columns:1fr 1fr}}body.page{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);margin:0}.page-hero{padding:var(--s-9) 0 var(--s-7);border-bottom:1px solid var(--line)}.page-hero h1{font-size:var(--fs-3xl);margin:0 0 var(--s-4);font-family:var(--font-display);letter-spacing:var(--tr-display);line-height:var(--lh-head);color:var(--fg)}.page-hero .lead{color:var(--fg-2);font-size:var(--fs-md);max-width:60ch;margin:0}.page-hero .eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tr-eyebrow);color:var(--accent);margin-bottom:var(--s-4);display:inline-block}.page-section{padding:var(--s-8) 0}.page-section+.page-section{border-top:1px solid var(--line)}.page-section h2{font-size:var(--fs-xl);margin:0 0 var(--s-5);font-family:var(--font-display);color:var(--fg)}.container-wide{max-width:var(--max-w-wide);margin:0 auto;padding:0 var(--s-5)}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--s-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:11px 18px;border-radius:var(--r-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform var(--d-fast),background var(--d-fast),color var(--d-fast),border-color var(--d-fast);white-space:nowrap;color:var(--fg)}.btn-primary{background:var(--warm);color:#120a05}.btn-primary:hover{transform:translateY(-1px);background:var(--warm-2)}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--line-2)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{color:var(--fg)}.prose{max-width:var(--max-w-prose);color:var(--fg);font-size:var(--fs-md);line-height:1.7;margin:0 auto;padding:0 var(--s-5)}.prose h2{font-size:var(--fs-xl);margin:var(--s-7) 0 var(--s-3);color:var(--fg);font-family:var(--font-display)}.prose h3{font-size:var(--fs-lg);margin:var(--s-6) 0 var(--s-3);color:var(--fg);font-family:var(--font-display)}.prose p{margin-bottom:var(--s-4);color:var(--fg-2)}.prose ul,.prose ol{margin:var(--s-3) 0 var(--s-4) var(--s-5);color:var(--fg-2)}.prose li{margin-bottom:var(--s-2)}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{color:var(--fg)}pre,.code-block{background:var(--code-bg);color:var(--code-fg);padding:var(--s-4);border-radius:var(--r-3);border:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.55;overflow-x:auto;margin:var(--s-4) 0}code.inline{background:var(--bg-2);padding:2px 6px;border-radius:var(--r-1);font-size:.92em;font-family:var(--font-mono);color:var(--fg)}.callout{background:var(--bg-2);border-left:3px solid var(--accent);padding:var(--s-4) var(--s-5);border-radius:0 var(--r-3) var(--r-3) 0;margin:var(--s-5) 0;color:var(--fg)}.callout.warm{border-left-color:var(--warm)}.callout.tbd{border-left-color:var(--warn)}.callout h4{margin:0 0 var(--s-2);font-size:var(--fs-md)}.tbd-flag{display:inline-block;background:color-mix(in oklab,var(--warn) 14%,transparent);color:var(--warn);padding:2px 6px;border-radius:var(--r-1);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tr-mono)}.table{width:100%;border-collapse:collapse;margin:var(--s-5) 0;font-size:var(--fs-sm)}.table th,.table td{padding:var(--s-3) var(--s-4);text-align:left;border-bottom:1px solid var(--line)}.table th{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--fg-3)}.table tr:hover td{background:var(--bg-1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5);margin:var(--s-5) 0}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-4);padding:var(--s-5);transition:border-color var(--d-fast),transform var(--d-fast);display:flex;flex-direction:column}.card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card .card-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);letter-spacing:var(--tr-eyebrow);text-transform:uppercase}.card h3{font-size:var(--fs-lg);margin:var(--s-2) 0 var(--s-3);color:var(--fg);font-family:var(--font-display)}.card p{color:var(--fg-2);font-size:var(--fs-sm);margin:0 0 var(--s-3);line-height:1.55}.card .card-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);margin-bottom:var(--s-3);letter-spacing:var(--tr-mono)}.card .card-cta{color:var(--accent);font-size:var(--fs-sm);font-family:var(--font-mono);margin-top:auto}.card .chip{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border:1px solid var(--line-2);border-radius:999px;color:var(--fg-3);margin-right:var(--s-2);margin-bottom:var(--s-2);text-transform:uppercase;letter-spacing:.08em}.filters{display:flex;gap:var(--s-2);flex-wrap:wrap;margin:var(--s-4) 0 var(--s-5)}.filters .chip{cursor:pointer;transition:all var(--d-fast);color:var(--fg-2)}.filters .chip:hover{border-color:var(--fg-3);color:var(--fg)}.filters .chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.form{display:grid;gap:var(--s-4);max-width:560px;margin-top:var(--s-5)}.form label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);letter-spacing:var(--tr-eyebrow);text-transform:uppercase}.form input,.form textarea{background:var(--bg-2);border:1px solid var(--line-2);color:var(--fg);padding:var(--s-3);border-radius:var(--r-2);font-family:var(--font-body);font-size:var(--fs-base);width:100%}.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}.form-field{display:grid;gap:var(--s-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.form-status{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);min-height:1.2em}.flow-diagram{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-4);padding:var(--s-5);margin:var(--s-5) 0;overflow:auto}.flow-diagram svg{width:100%;height:auto;max-width:820px;display:block;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5);margin:var(--s-6) 0}.pricing-tier{border:1px solid var(--line);border-radius:var(--r-4);padding:var(--s-6);background:var(--bg-1);display:flex;flex-direction:column}.pricing-tier.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.pricing-tier h3{margin:0 0 var(--s-2);font-family:var(--font-display);color:var(--fg)}.pricing-tier .price{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--fg);margin:var(--s-3) 0}.pricing-tier .price .unit{font-size:var(--fs-sm);color:var(--fg-3);font-family:var(--font-mono)}.pricing-tier ul{list-style:none;padding:0;margin:var(--s-4) 0;color:var(--fg-2);font-size:var(--fs-sm)}.pricing-tier ul li{padding:var(--s-2) 0;border-bottom:1px solid var(--line)}.pricing-tier .btn{margin-top:auto}