:root{color-scheme:light dark;--ground:#fbfbfd;--surface:#ffffff;--surface-sunken:#f5f5f7;--ink:#1d1d1f;--ink-secondary:#6e6e73;--ink-tertiary:#a1a1a6;--hairline:rgba(0,0,0,0.09);--hairline-strong:rgba(0,0,0,0.16);--accent:#ff6f00;--accent-ink:#b34d00;--accent-wash:rgba(255,111,0,0.09);--accent-line:rgba(255,111,0,0.32);--tone-legacy:#9b8f88;--tone-legacy-wash:rgba(155,143,136,0.1);--tone-google:#4a7fb5;--tone-google-wash:rgba(74,127,181,0.1);--tone-vendor:#7d6ba8;--tone-vendor-wash:rgba(125,107,168,0.1);--page:1120px;--radius-sm:10px;--radius:16px;--radius-lg:22px;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,system-ui,sans-serif;--font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#000000;--surface:#131315;--surface-sunken:#1c1c1f;--ink:#f5f5f7;--ink-secondary:#a1a1a6;--ink-tertiary:#6e6e73;--hairline:rgba(255,255,255,0.11);--hairline-strong:rgba(255,255,255,0.2);--accent:#ff8c34;--accent-ink:#ffa45c;--accent-wash:rgba(255,140,52,0.12);--accent-line:rgba(255,140,52,0.36);--tone-legacy:#a89c94;--tone-legacy-wash:rgba(168,156,148,0.13);--tone-google:#74a6d8;--tone-google-wash:rgba(116,166,216,0.13);--tone-vendor:#a394c9;--tone-vendor-wash:rgba(163,148,201,0.13)}}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:1.55;letter-spacing:-.011em}a{color:inherit;text-decoration:none}::selection{background:var(--accent-wash)}.chrome{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 78%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline)}.chrome-inner{max-width:var(--page);margin:0 auto;padding:0 32px;height:52px;display:flex;align-items:center;gap:32px}.wordmark{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.022em}.wordmark span{color:var(--ink-tertiary);font-weight:400}.chrome nav{display:flex;gap:26px;font-size:14px;color:var(--ink-secondary)}.chrome nav a{transition:color .25s ease}.chrome nav a:hover,.chrome nav a[aria-current=page]{color:var(--ink)}main{max-width:var(--page);margin:0 auto;padding:0 32px 140px}.hero{padding:112px 0 64px;max-width:760px}.eyebrow{font-size:12px;font-weight:590;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 20px}h1{font-family:var(--font-display);font-size:clamp(40px,6vw,62px);line-height:1.06;font-weight:600;letter-spacing:-.026em;margin:0 0 24px}.lede{font-size:21px;line-height:1.5;letter-spacing:-.014em;color:var(--ink-secondary);margin:0;max-width:62ch}h2{font-size:28px;line-height:1.2;letter-spacing:-.021em;margin:0 0 14px}h2,h3{font-family:var(--font-display);font-weight:600}h3{font-size:19px;letter-spacing:-.017em;margin:0 0 10px}p{margin:0 0 18px}p:last-child{margin-bottom:0}section{padding:56px 0 0}.section-head{max-width:68ch;margin-bottom:32px}.section-head p{color:var(--ink-secondary);font-size:17px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.card{display:block;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:30px 30px 28px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}a.card:hover{transform:translateY(-3px);border-color:var(--hairline-strong)}.card .num{font-family:var(--font-mono);font-size:12px;color:var(--ink-tertiary);margin-bottom:18px;display:block}.card p{color:var(--ink-secondary);font-size:15px;line-height:1.5;margin:0}.card .go{margin-top:20px;font-size:14px;color:var(--accent-ink);display:inline-flex;gap:6px;align-items:center}.figure{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:8px;overflow-x:auto;width:min(1440px,calc(100vw - 64px));margin-left:calc(min(0px, (var(--page) - min(1440px, 100vw - 64px)) / 2))}.figure svg{display:block;width:100%;height:auto;min-width:900px}.figcaption{margin-top:16px;font-size:13px;line-height:1.55;color:var(--ink-tertiary);max-width:78ch}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:13px;color:var(--ink-secondary)}.legend li{display:flex;align-items:center;gap:8px}.swatch{width:11px;height:11px;border-radius:3px;border:1px solid var(--hairline-strong);flex:none}.table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}td,th{text-align:left;padding:13px 18px;border-bottom:1px solid var(--hairline);vertical-align:top}thead th{font-size:12px;font-weight:590;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);background:var(--surface-sunken)}tbody tr:last-child td{border-bottom:none}.mono,td code{font-family:var(--font-mono);font-size:12.5px;letter-spacing:-.01em}.note,td .why{color:var(--ink-secondary)}.note{border-left:2px solid var(--accent-line);background:var(--accent-wash);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:18px 22px;font-size:15px;line-height:1.55}.note strong{color:var(--ink);font-weight:590}.pill{display:inline-block;font-size:11px;font-weight:590;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--surface-sunken);color:var(--ink-secondary);border:1px solid var(--hairline);white-space:nowrap}.pill.legacy{color:var(--tone-legacy);background:var(--tone-legacy-wash)}.pill.live{color:var(--accent-ink);background:var(--accent-wash)}footer{border-top:1px solid var(--hairline);margin-top:40px;padding:28px 32px 60px;max-width:var(--page);margin-left:auto;margin-right:auto;font-size:13px;color:var(--ink-tertiary);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media (max-width:640px){.chrome-inner{padding:0 20px;gap:20px}.chrome nav{gap:18px}main{padding:0 20px 100px}.hero{padding:72px 0 44px}}:root{--fc-ground:#ffffff;--fc-surface:#ffffff;--fc-sunken:#f5f5f7;--fc-ink:#1d1d1f;--fc-line:rgba(0,0,0,0.18);--fc-edge:rgba(0,0,0,0.3);--fc-cluster:rgba(0,0,0,0.022);--fc-cluster-line:rgba(0,0,0,0.1);--fc-pfad-fill:rgba(255,111,0,0.1);--fc-pfad-line:rgba(255,111,0,0.55);--fc-vendor-fill:rgba(125,107,168,0.09);--fc-vendor-line:rgba(125,107,168,0.45);--fc-google-fill:rgba(74,127,181,0.09);--fc-google-line:rgba(74,127,181,0.45);--fc-legacy:#9b8f88}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fc-ground:#131315;--fc-surface:#1c1c1f;--fc-sunken:#232327;--fc-ink:#f5f5f7;--fc-line:rgba(255,255,255,0.22);--fc-edge:rgba(255,255,255,0.34);--fc-cluster:rgba(255,255,255,0.03);--fc-cluster-line:rgba(255,255,255,0.11);--fc-pfad-fill:rgba(255,140,52,0.14);--fc-pfad-line:rgba(255,140,52,0.6);--fc-vendor-fill:rgba(163,148,201,0.14);--fc-vendor-line:rgba(163,148,201,0.5);--fc-google-fill:rgba(116,166,216,0.14);--fc-google-line:rgba(116,166,216,0.5);--fc-legacy:#a89c94}}.mermaid-halter{padding:34px 26px 22px;min-height:200px}.mermaid-halter svg{display:block;margin:0 auto;max-width:none;height:auto}.mermaid-halter .node path,.mermaid-halter .node polygon,.mermaid-halter .node rect{rx:11px;ry:11px}.mermaid-halter .nodeLabel,.mermaid-halter .nodeLabel p{font-weight:560;line-height:1.45;letter-spacing:-.01em;margin:0}.mermaid-halter .sub{display:inline-block;margin-top:2px;font-family:var(--font-text);font-size:11px;font-weight:400;letter-spacing:0;opacity:.62}.mermaid-halter .edgePath .path,.mermaid-halter .flowchart-link{stroke-width:1.25px}.mermaid-halter .edgeLabel,.mermaid-halter .edgeLabel p{font-family:var(--font-text);font-size:11px!important;font-weight:500;letter-spacing:0;color:var(--ink-secondary);background:var(--fc-ground);margin:0}.mermaid-halter .edgeLabel rect{fill:var(--fc-ground);opacity:.94}.mermaid-halter .cluster rect{rx:18px;ry:18px;stroke-dasharray:none}.mermaid-halter .cluster span,.mermaid-halter .cluster-label,.mermaid-halter .cluster-label p{font-family:var(--font-text)!important;font-size:10.5px!important;font-weight:590;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-tertiary)!important}.knopf{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-text);font-size:15px;font-weight:520;letter-spacing:-.01em;color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;padding:13px 22px;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.knopf:hover{transform:translateY(-1px);border-color:var(--ink-tertiary)}.knopf:active{transform:translateY(0)}.abmelden{font-family:var(--font-text);font-size:13px;color:var(--ink-tertiary);background:none;border:none;cursor:pointer;padding:4px 0;transition:color .25s ease}.abmelden:hover{color:var(--ink)}