:root{color-scheme:light;--dh-brand-50: #eff6ff;--dh-brand-100: #dbeafe;--dh-brand-200: #bfdbfe;--dh-brand-300: #93c5fd;--dh-brand-400: #60a5fa;--dh-brand-500: #2563eb;--dh-brand-600: #1d4ed8;--dh-brand-700: #1e40af;--dh-brand-800: #1e3a8a;--dh-brand-900: #172554;--dh-ink-50: #fafafa;--dh-ink-100: #f4f4f5;--dh-ink-200: #e4e4e7;--dh-ink-300: #d4d4d8;--dh-ink-400: #a1a1aa;--dh-ink-500: #71717a;--dh-ink-600: #52525b;--dh-ink-700: #3f3f46;--dh-ink-800: #27272a;--dh-ink-900: #18181b;--dh-surface: #ffffff;--dh-success-text: #15803d;--dh-success-bg: #dcfce7;--dh-warning-text: #a16207;--dh-warning-bg: #fef3c7;--dh-danger-text: #c0293b;--dh-danger-bg: #fbe1e4;--dh-danger-hover: #a82232;--color-brand-50: var(--dh-brand-50);--color-brand-100: var(--dh-brand-100);--color-brand-200: var(--dh-brand-200);--color-brand-300: var(--dh-brand-300);--color-brand-400: var(--dh-brand-400);--color-brand-500: var(--dh-brand-500);--color-brand-600: var(--dh-brand-600);--color-brand-700: var(--dh-brand-700);--color-brand-800: var(--dh-brand-800);--color-brand-900: var(--dh-brand-900);--color-ink-50: var(--dh-ink-50);--color-ink-100: var(--dh-ink-100);--color-ink-200: var(--dh-ink-200);--color-ink-300: var(--dh-ink-300);--color-ink-400: var(--dh-ink-400);--color-ink-500: var(--dh-ink-500);--color-ink-600: var(--dh-ink-600);--color-ink-700: var(--dh-ink-700);--color-ink-800: var(--dh-ink-800);--color-ink-900: var(--dh-ink-900);--color-success-text: var(--dh-success-text);--color-success-bg: var(--dh-success-bg);--color-warning-text: var(--dh-warning-text);--color-warning-bg: var(--dh-warning-bg);--color-danger-text: var(--dh-danger-text);--color-danger-bg: var(--dh-danger-bg);--color-danger-hover: var(--dh-danger-hover);--color-surface: var(--dh-surface);--color-brand-solid: var(--dh-brand-500);--color-brand-solid-hover: var(--dh-brand-600);--color-danger-solid: var(--dh-danger-text);--background: var(--dh-ink-50);--foreground: var(--dh-ink-900);--sidebar-width: 16rem;--chrome-height: 4rem;--brand-50: var(--dh-brand-50);--brand-100: var(--dh-brand-100);--brand-200: var(--dh-brand-200);--brand-300: var(--dh-brand-300);--brand-400: var(--dh-brand-400);--brand-500: var(--dh-brand-500);--brand-600: var(--dh-brand-600);--brand-700: var(--dh-brand-700);--brand-800: var(--dh-brand-800);--brand-900: var(--dh-brand-900);--ink-50: var(--dh-ink-50);--ink-100: var(--dh-ink-100);--ink-200: var(--dh-ink-200);--ink-300: var(--dh-ink-300);--ink-400: var(--dh-ink-400);--ink-500: var(--dh-ink-500);--ink-600: var(--dh-ink-600);--ink-700: var(--dh-ink-700);--ink-800: var(--dh-ink-800);--ink-900: var(--dh-ink-900);--bg: var(--dh-ink-50);--surface: var(--dh-surface);--border: var(--dh-ink-200);--border-strong: var(--dh-ink-300);--ink: var(--dh-ink-900);--ink-2: var(--dh-ink-700);--muted: var(--dh-ink-500);--faint: var(--dh-ink-400);--accent: var(--dh-brand-500);--cta: var(--dh-brand-500);--cta-hover: var(--dh-brand-600);--cta-ink: #ffffff;--good: var(--dh-success-text);--warn: var(--dh-warning-text);--info: var(--dh-brand-400);--paper: var(--bg);--paper-2: var(--ink-100);--card: var(--surface);--line: var(--border);--line-2: var(--border-strong);--ink-fixed: var(--dh-ink-900);--code-bg: #18181b;--code-line: rgba(255, 255, 255, .08);--maxw: 1160px;--radius: 1rem;--radius-xs: .625rem;--radius-pill: 9999px;--font-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: var(--font-sans);--mono: var(--font-mono);--shadow-brand: 0 8px 16px -4px color-mix(in srgb, var(--dh-brand-500) 40%, transparent)}.dark{color-scheme:dark;--dh-brand-50: #0c1929;--dh-brand-100: #0f2744;--dh-brand-200: #163a5f;--dh-brand-300: #1e5a8a;--dh-brand-400: #3b82f6;--dh-brand-500: #60a5fa;--dh-brand-600: #93c5fd;--dh-brand-700: #bfdbfe;--dh-brand-800: #dbeafe;--dh-brand-900: #eff6ff;--dh-ink-50: #262626;--dh-ink-100: #2e2e2e;--dh-ink-200: #3a3a3a;--dh-ink-300: #4a4a4a;--dh-ink-400: #8a8a8a;--dh-ink-500: #a3a3a3;--dh-ink-600: #c4c4c4;--dh-ink-700: #d4d4d4;--dh-ink-800: #e5e5e5;--dh-ink-900: #f5f5f5;--dh-surface: #303030;--dh-success-text: #4ade80;--dh-success-bg: #14532d;--dh-warning-text: #fbbf24;--dh-warning-bg: #422006;--dh-danger-text: #f87171;--dh-danger-bg: #3f1215;--dh-danger-hover: #ef4444;--color-brand-solid: var(--dh-brand-400);--color-brand-solid-hover: var(--dh-brand-500);--color-danger-solid: var(--dh-danger-text);--background: var(--dh-ink-50);--foreground: var(--dh-ink-900);--bg: var(--dh-ink-50);--surface: var(--dh-surface);--border: var(--dh-ink-200);--border-strong: var(--dh-ink-300);--ink: var(--dh-ink-900);--ink-2: var(--dh-ink-700);--muted: var(--dh-ink-500);--faint: var(--dh-ink-400);--accent: var(--dh-brand-500);--cta: var(--dh-brand-400);--cta-hover: var(--dh-brand-500);--cta-ink: #ffffff;--good: var(--dh-success-text);--warn: var(--dh-warning-text);--info: var(--dh-brand-400);--paper: var(--bg);--paper-2: var(--dh-ink-100);--card: var(--surface);--line: var(--border);--line-2: var(--border-strong);--ink-fixed: #141414;--code-bg: #1a1a1a;--code-line: rgba(255, 255, 255, .1);--shadow-brand: 0 8px 16px -4px color-mix(in srgb, var(--dh-brand-400) 45%, transparent)}.dh-diagram{margin:1.75rem 0;padding:1.25rem 1.25rem .25rem;background:var(--dh-ink-50);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.dh-diagram svg{display:block;width:100%;height:auto;min-width:560px;font-family:var(--font-sans)}.dh-diagram figcaption{margin:.5rem 0 .75rem;font-size:.8rem;color:var(--muted);text-align:center}.dhd-title{font-weight:700;fill:var(--ink)}.dhd-label{fill:var(--ink)}.dhd-sublabel{fill:var(--ink-2);font-family:var(--font-mono)}.dhd-box{stroke-width:2}.dhd-box--neutral{fill:var(--dh-ink-200);stroke:var(--dh-ink-500)}.dhd-box--brand{fill:var(--dh-brand-200);stroke:var(--dh-brand-500)}.dhd-box--brand-solid>.dhd-box{fill:var(--color-brand-solid);stroke:var(--color-brand-solid-hover)}.dhd-box--brand-solid>text{fill:var(--cta-ink)}.dhd-arrow{stroke:var(--dh-ink-500);stroke-width:2;fill:none}.dhd-arrow--brand{stroke:var(--dh-brand-500);stroke-width:2;fill:none}.dhd-arrow--blocked{stroke:var(--dh-danger-text);stroke-width:2;fill:none;stroke-dasharray:5 4}.dhd-link{stroke:var(--dh-ink-400);stroke-width:1.5;fill:none}.dhd-arrowhead{fill:var(--dh-ink-500)}.dhd-arrowhead--brand{fill:var(--dh-brand-500)}.dhd-arrowhead--blocked{fill:var(--dh-danger-text)}.dhd-dot--good{fill:var(--dh-success-text)}.dhd-dot--warn{fill:var(--dh-warning-text)}.dhd-legend-text--good{fill:var(--dh-success-text)}.dhd-legend-text--warn{fill:var(--dh-warning-text)}.dhd-blocked-mark{fill:var(--dh-ink-50);stroke:var(--dh-danger-text);stroke-width:1.5}.dhd-blocked-x{fill:var(--dh-danger-text);font-weight:700}.dhd-blocked-label{fill:var(--dh-danger-text)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .18s ease,color .18s ease}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--ink)}.container{max-width:var(--maxw);margin:0 auto;padding:0 40px}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;line-height:1.08}.grad{color:var(--brand-500)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-500);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-pill);padding:7px 16px 7px 12px;margin-bottom:22px;justify-self:center}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--brand-500);flex:0 0 auto}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:.94rem;font-weight:700;padding:14px 26px;border-radius:var(--radius-pill);border:1.5px solid transparent;transition:opacity .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer;white-space:nowrap}.btn-solid{background:var(--cta);color:var(--cta-ink);box-shadow:var(--shadow-brand)}.btn-solid:hover{background:var(--cta-hover);transform:translateY(-1px)}.btn-line{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-line:hover{background:var(--paper-2);border-color:var(--line-2)}.btn-dark{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-brand)}.btn-dark:hover{background:var(--brand-600);transform:translateY(-1px)}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:.94rem;font-weight:600;color:var(--ink);transition:gap .2s,color .2s}.link-arrow .a{color:var(--accent);font-size:1rem;transition:transform .2s}.link-arrow:hover{gap:13px;color:var(--accent)}header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;height:76px;max-width:var(--maxw);margin:0 auto;padding:0 40px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.22rem;letter-spacing:-.02em;color:var(--ink)}.brand .mk{width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:var(--brand-500);box-shadow:var(--shadow-brand);display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:-.02em}.nav-links{display:flex;gap:30px;font-size:.9rem;font-weight:500}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-right{display:flex;align-items:center;gap:14px}.nav-right .btn{padding:11px 22px;font-size:.88rem}.theme-toggle{width:36px;height:36px;flex:0 0 auto;border-radius:9999px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.theme-toggle:hover{background:var(--paper-2);border-color:var(--line-2);color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,.dark .theme-toggle .icon-sun{display:block}.dark .theme-toggle .icon-moon{display:none}.hero{padding:88px 0 64px}.hero .grid-in{display:grid;grid-template-columns:1fr;gap:0;text-align:center;max-width:760px;margin:0 auto}h1{font-size:clamp(2.6rem,6.4vw,4.4rem);letter-spacing:-.035em;margin-bottom:24px}.hero .lead{font-size:clamp(1.05rem,1.7vw,1.2rem);color:var(--ink-2);max-width:600px;margin:0 auto 34px;font-weight:500;line-height:1.55}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:60px}.page-hero{padding:64px 0 84px}.page-hero .container{display:grid;grid-template-columns:1fr;justify-items:start}.page-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);max-width:760px}.page-hero .lead{font-size:clamp(1.02rem,1.6vw,1.14rem);color:var(--ink-2);max-width:640px;margin:0;font-weight:500;line-height:1.6}.page-hero .back{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--muted);margin-bottom:22px;transition:color .2s}.page-hero .back:hover{color:var(--ink)}.preview{max-width:880px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;text-align:left}.preview .chrome{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.preview .chrome .dt{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.preview .chrome .tab{margin-left:10px;font-family:var(--mono);font-size:.78rem;color:var(--muted)}.preview .badge{position:absolute;top:20px;right:24px;background:var(--ink-fixed);color:#fff;font-family:var(--mono);font-size:.72rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-pill)}.preview .body{background:var(--code-bg);padding:24px 26px;display:grid;grid-template-columns:1fr 1fr;gap:0}.preview .col{padding:0 18px}.preview .col:first-child{border-right:1px solid var(--code-line);padding-left:0}.preview .col .lbl{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#7c7c86;margin-bottom:12px}.preview pre{margin:0;font-family:var(--mono);font-size:.78rem;line-height:1.75;white-space:pre;overflow-x:auto;color:#e4e4e7}.preview .strip{display:flex;flex-wrap:wrap;gap:10px;padding:18px 26px;border-top:1px solid var(--line)}.preview .chip{font-size:.78rem;font-weight:600;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 13px;display:inline-flex;align-items:center;gap:7px}.preview .chip .dt{width:6px;height:6px;border-radius:50%;background:var(--accent)}.logos{padding:44px 0 0;text-align:center}.logos .cap{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}.logos .row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.logos .pill{font-size:.86rem;font-weight:600;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);padding:9px 18px}section.block{padding:104px 0;position:relative;scroll-margin-top:90px}section.block.alt{background:var(--paper-2)}section.block.tight{padding-top:0}.sec-head{max-width:680px;margin:0 auto 56px;text-align:center}.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:16px}.sec-head p{color:var(--muted);font-size:1.05rem;line-height:1.6}.sec-head.left{text-align:left;margin-left:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards.two{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px}.card .ic{width:44px;height:44px;border-radius:var(--radius-xs);display:grid;place-items:center;margin-bottom:18px;background:color-mix(in srgb,var(--accent) 14%,var(--card))}.card .ic svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card h4{font-size:1.06rem;margin-bottom:8px;letter-spacing:-.01em}.card h3{font-size:1.14rem;margin-bottom:9px;letter-spacing:-.01em}.card p{color:var(--muted);font-size:.92rem;line-height:1.6}.card .tag{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:.72rem;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);padding:3px 10px;border-radius:var(--radius-pill)}.teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.teaser{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.teaser:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.teaser .ic{width:40px;height:40px;border-radius:var(--radius-xs);display:grid;place-items:center;margin-bottom:16px;background:color-mix(in srgb,var(--accent) 14%,var(--card))}.teaser .ic svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.teaser h3{font-size:1.02rem;margin-bottom:8px;letter-spacing:-.01em}.teaser p{color:var(--muted);font-size:.88rem;line-height:1.55;margin-bottom:16px;flex:1}.teaser .link-arrow{font-size:.86rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px}.step .kn{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--cta);color:var(--cta-ink);font-family:var(--mono);font-weight:500;font-size:.98rem;display:grid;place-items:center;margin-bottom:20px}.step h4{font-size:1.08rem;margin-bottom:9px}.step p{color:var(--muted);font-size:.9rem;line-height:1.6}.showcase{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.code-panel{display:flex;flex-direction:column}.code-panel:first-child{border-right:1px solid var(--code-line)}.code-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--code-line)}.code-head .fname{font-family:var(--mono);font-size:.78rem;font-weight:500;color:#e4e4e7}.code-head .pill{margin-left:auto;font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill)}.pill.in{color:#a1a1aa;border:1px solid #2b2b30}.pill.out{color:var(--cta-ink);background:var(--cta)}pre{margin:0;padding:24px;overflow-x:auto;font-family:var(--mono);font-size:.82rem;line-height:1.85;flex:1;color:#c9c9d1}pre code{white-space:pre}.t-key{color:var(--info)}.t-str{color:#4ade80}.t-num{color:#fbbf24}.t-punc{color:var(--faint)}.t-kw{color:var(--brand-400);font-weight:600}.t-fn{color:#e4e4e7}.t-com{color:#71717a;font-style:italic}.showcase-note{margin-top:26px;color:var(--muted);font-size:.98rem;max-width:760px;line-height:1.6}.showcase-note b{color:var(--ink);font-weight:600}.showcase-note code{font-family:var(--mono);font-size:.85em;color:var(--accent)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path{padding:36px 32px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.path:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent)}.path .ph{display:flex;align-items:center;gap:10px;margin-bottom:14px}.path .ph .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.path .ph .en{font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.path h3{font-size:1.4rem;margin-bottom:12px}.path p{color:var(--muted);font-size:.94rem;margin-bottom:22px;line-height:1.6}.path .flow{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:.74rem;margin-bottom:26px}.path .flow .node{padding:6px 11px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-2)}.path .flow .sep{color:var(--faint);align-self:center}.path .big{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1}.path .big.grad{color:var(--accent)}.path .big small{display:block;font-size:.82rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:8px}.cta{background:var(--ink-fixed);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:72px 48px;text-align:center}.cta-in{max-width:600px;margin:0 auto}.cta .eyebrow{background:#ffffff14;border-color:#ffffff24;color:#fffc}.cta h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:18px}.cta p{color:#ffffffad;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.cta .acts{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.cta .btn-line{background:transparent;color:#fff;border-color:#ffffff3d}.cta .btn-line:hover{border-color:#fff}.cta .note{margin-top:24px;font-size:.82rem;color:#ffffff6b}footer{border-top:1px solid var(--line);padding:64px 0 40px}.foot{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.foot .tagline{color:var(--muted);font-size:.9rem;max-width:300px;margin-top:16px;line-height:1.6}.foot-cols{display:flex;gap:60px;flex-wrap:wrap}.foot-col h5{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}.foot-col a{display:block;color:var(--muted);font-size:.9rem;margin-bottom:10px;transition:color .2s}.foot-col a:hover{color:var(--accent)}.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:.82rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.nav-links{display:none}.cards,.steps,.teasers{grid-template-columns:1fr 1fr}.cards.two,.preview .body{grid-template-columns:1fr}.preview .col:first-child{border-right:none;border-bottom:1px solid var(--code-line);padding-bottom:18px;margin-bottom:18px}.preview .col{padding:0}.showcase,.paths{grid-template-columns:1fr}.code-panel:first-child{border-right:none;border-bottom:1px solid var(--code-line)}.cta{padding:56px 28px}}@media(max-width:560px){.container{padding:0 20px}nav{padding:0 20px;height:64px}.brand{font-size:1.1rem}.nav-right{gap:10px}.theme-toggle{width:34px;height:34px}.btn{padding:12px 18px;font-size:.86rem}.hero{padding:52px 0 40px}.page-hero{padding:40px 0 56px}h1{margin-bottom:20px}.hero-actions{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:44px}.hero-actions .btn{width:100%;justify-content:center}.link-arrow{align-self:center}section.block{padding:64px 0;scroll-margin-top:70px}.sec-head{margin-bottom:38px}.cards,.steps,.teasers{grid-template-columns:1fr}.preview .badge{position:static;display:inline-flex;margin:14px 20px 0}.cta{padding:44px 22px}.cta .acts{flex-direction:column;align-items:stretch}.cta .acts .btn{width:100%;justify-content:center}.foot-cols{gap:32px}}