:root[data-theme="afterimage"] {
  --ux-bg: #0A0611;
  --ux-surface: #171024;
  --ux-raised: #1e1533;
  --ux-overlay: rgba(6,4,10,.92);
  --ux-code-bg: #0d0817;
  --ux-ink: #F4EFFB;
  --ux-ink-soft: #d7cae8;
  --ux-ink-muted: #B39BD8;
  --ux-code-ink: #d7cae8;
  --ux-on-brand: #ffffff;
  --ux-brand: #FF2FB9;
  --ux-brand-hover: #e0219f;
  --ux-brand-ink: #ff6fce;
  --ux-brand-tint: rgba(255,47,185,.13);
  --ux-accent: #7A2BFF;
  --ux-accent-ink: #c4b5fd;
  --ux-accent-tint: rgba(122,43,255,.12);
  --ux-grad: linear-gradient(120deg,#FF2FB9,#7A2BFF);
  --ux-glass: rgba(10,6,17,.82);
  --ux-hairline: linear-gradient(90deg,transparent,rgba(255,47,185,.4),rgba(122,43,255,.4),transparent);
  --ux-line: rgba(179,155,216,.14);
  --ux-line-strong: rgba(179,155,216,.30);
  --ux-focus: #FF2FB9;
  --ux-focus-ring: 0 0 0 3px rgba(255,47,185,.45);
  --ux-ok: #35D69B;
  --ux-ok-tint: rgba(53,214,155,.13);
  --ux-warn: #FFC24B;
  --ux-warn-tint: rgba(255,194,75,.13);
  --ux-danger: #FF5C72;
  --ux-danger-tint: rgba(255,92,114,.13);
  --ux-info: #8AA2FF;
  --ux-info-tint: rgba(138,162,255,.13);
  --ux-cite-1: #C2087F;
  --ux-cite-2: #5B21B6;
  --ux-cite-3: #1D4ED8;
  --ux-cite-4: #0E7490;
  --ux-cite-5: #7A3B69;
  --ux-cite-6: #44546A;
  --ux-radius-xs: 6px;
  --ux-radius-sm: 10px;
  --ux-radius-md: 14px;
  --ux-radius-lg: 18px;
  --ux-radius-pill: 99px;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 34px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(30px,6vw,48px);
  --ux-text-h1: clamp(26px,4.5vw,44px);
  --ux-text-h2: clamp(20px,3vw,27px);
  --ux-text-h3: 18px;
  --ux-text-body: 16px;
  --ux-text-small: 14px;
  --ux-text-caption: 12px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 700;
  --ux-weight-heavy: 800;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.15;
  --ux-leading-snug: 1.4;
  --ux-leading-normal: 1.55;
  --ux-leading-loose: 1.7;
  --ux-track-tight: -.02em;
  --ux-track-snug: -.01em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .12em;
  --ux-track-kicker: .2em;
  --ux-font-sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-shadow-sm: 0 6px 24px rgba(0,0,0,.28);
  --ux-shadow-md: 0 12px 40px rgba(0,0,0,.36);
  --ux-shadow-lg: 0 24px 80px rgba(0,0,0,.5);
  --ux-glow: 0 0 44px rgba(255,47,185,.35);
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #FF2FB9;
  --ux-plate-ink: #0a0a0a;
  --ux-plate-ink-soft: rgba(10,10,10,.78);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 1px dashed;
  --ux-focus-offset: .125rem;
  --ux-font-headline: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 800;
  --ux-track-headline: -.035em;
  --ux-leading-headline: .95;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1120px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
}
:root[data-theme="ink"] {
  --ux-bg: #FFFFFF;
  --ux-surface: #FFFFFF;
  --ux-raised: #FFFFFF;
  --ux-overlay: rgba(17,17,19,.72);
  --ux-code-bg: #E8E8EA;
  --ux-ink: #111113;
  --ux-ink-soft: #414142;
  --ux-ink-muted: #707071;
  --ux-code-ink: #414142;
  --ux-on-brand: #111113;
  --ux-brand: #FF2FB9;
  --ux-brand-hover: #D6149A;
  --ux-brand-ink: #111113;
  --ux-brand-tint: rgba(255,47,185,.10);
  --ux-accent: #111113;
  --ux-accent-ink: #111113;
  --ux-accent-tint: rgba(17,17,19,.06);
  --ux-grad: linear-gradient(120deg,#FF2FB9,#D6149A);
  --ux-glass: rgba(255,255,255,.86);
  --ux-hairline: linear-gradient(90deg,transparent,#E8E8EA,transparent);
  --ux-line: #E8E8EA;
  --ux-line-strong: #E8E8EA;
  --ux-focus: #FF2FB9;
  --ux-focus-ring: 0 2px 0 0 #FF2FB9;
  --ux-ok: #111113;
  --ux-ok-tint: rgba(17,17,19,.06);
  --ux-warn: #111113;
  --ux-warn-tint: rgba(17,17,19,.06);
  --ux-danger: #FF2FB9;
  --ux-danger-tint: rgba(255,47,185,.10);
  --ux-info: #111113;
  --ux-info-tint: rgba(17,17,19,.06);
  --ux-cite-1: #111113;
  --ux-cite-2: #414142;
  --ux-cite-3: #707071;
  --ux-cite-4: #111113;
  --ux-cite-5: #414142;
  --ux-cite-6: #707071;
  --ux-radius-xs: 0;
  --ux-radius-sm: 0;
  --ux-radius-md: 0;
  --ux-radius-lg: 0;
  --ux-radius-pill: 0;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 32px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(32px,5vw,40px);
  --ux-text-h1: clamp(32px,5vw,40px);
  --ux-text-h2: 22px;
  --ux-text-h3: 18px;
  --ux-text-body: 15px;
  --ux-text-small: 14px;
  --ux-text-caption: 13px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 700;
  --ux-weight-heavy: 900;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.1;
  --ux-leading-snug: 1.25;
  --ux-leading-normal: 1.5;
  --ux-leading-loose: 1.7;
  --ux-track-tight: -.035em;
  --ux-track-snug: -.02em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .12em;
  --ux-track-kicker: .2em;
  --ux-font-sans: 'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: 'Space Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: 'Anton','Impact','Arial Narrow',sans-serif;
  --ux-shadow-sm: 0 1px 2px rgba(17,17,19,.04);
  --ux-shadow-md: 0 8px 24px -12px rgba(17,17,19,.16);
  --ux-shadow-lg: 0 24px 56px -28px rgba(17,17,19,.28);
  --ux-glow: 0 0 0 1px #E8E8EA;
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #FF2FB9;
  --ux-plate-ink: #111113;
  --ux-plate-ink-soft: rgba(17,17,19,.80);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 2px solid;
  --ux-focus-offset: 2px;
  --ux-font-headline: 'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 900;
  --ux-track-headline: -.035em;
  --ux-leading-headline: 1.1;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1080px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
  --ux-signal: #FF2FB9;
  --ux-rebel-eye: #FF2FB9;
  --ux-rebel-ink: #111113;
  --ux-rebel-paper: #FFFFFF;
  --ux-rebel-hairline: #E8E8EA;
  --ux-rebel-ground: #111113;
  --ux-award-platinum-a: #40454E;
  --ux-award-platinum-b: #1E2126;
  --ux-award-platinum-ribbon: #2B2F36;
  --ux-award-platinum-star: #EEF0F4;
  --ux-award-gold-a: #E0B456;
  --ux-award-gold-b: #B8862A;
  --ux-award-gold-ribbon: #8A6420;
  --ux-award-gold-star: #6B4F16;
  --ux-award-silver-a: #F1F3F7;
  --ux-award-silver-b: #BFC6D1;
  --ux-award-silver-ribbon: #7A8493;
  --ux-award-silver-star: #586070;
  --ux-peer: #E8E8EA;
  --ux-signal-ink: #C2087F;
  --ux-halo: #FF2FB9;
  --ux-panel: #FF2FB9;
  --ux-panel-ink: #111113;
  --ux-panel-peer: #FFC1EA;
  --ux-panel-line: rgba(17,17,19,.14);
  --ux-tape: #FFFFFF;
  --ux-tape-ink: #111113;
  --ux-glow-signal: 0 0 0 1px #FF2FB9,0 0 22px 2px rgba(255,47,185,.6),0 0 56px 8px rgba(255,47,185,.28);
  --ux-halo-glow: 0 0 140px 44px rgba(255,47,185,.45);
  --ux-font-stamp: 'Space Mono',ui-monospace,Menlo,monospace;
  --ux-radius-badge: 16px;
  --ux-glow-pink: 0 0 44px rgba(255,47,185,.90);
  --ux-glow-white: 0 0 44px rgba(255,255,255,.90);
  --ux-tape-shadow: 0 3px 5px rgba(0,0,0,.18);
  --ux-dur-snap: 120ms;
  --ux-dur-quick: 240ms;
  --ux-dur-base2: 480ms;
  --ux-dur-slow2: 900ms;
  --ux-dur-scan: 1400ms;
  --ux-dur-count: 1100ms;
  --ux-dur-drift: 18s;
  --ux-dur-stagger: 70ms;
  --ux-ease-slap: cubic-bezier(.34,1.8,.64,1);
  --ux-ease-thump: cubic-bezier(.7,0,.84,0);
  --ux-ease-wipe: cubic-bezier(.77,0,.18,1);
}
:root[data-theme="paper"] {
  --ux-bg: #FBFAF8;
  --ux-surface: #FFFFFF;
  --ux-raised: #FFFFFF;
  --ux-overlay: rgba(22,22,26,.86);
  --ux-code-bg: #F3F1EC;
  --ux-ink: #16161A;
  --ux-ink-soft: #3E3E46;
  --ux-ink-muted: #6B6B76;
  --ux-code-ink: #3E3E46;
  --ux-on-brand: #ffffff;
  --ux-brand: #C2087F;
  --ux-brand-hover: #9c0665;
  --ux-brand-ink: #B40776;
  --ux-brand-tint: rgba(194,8,127,.10);
  --ux-accent: #5b21b6;
  --ux-accent-ink: #5b21b6;
  --ux-accent-tint: rgba(91,33,182,.10);
  --ux-grad: linear-gradient(120deg,#C2087F,#9c0665);
  --ux-glass: rgba(251,250,248,.86);
  --ux-hairline: linear-gradient(90deg,transparent,#C2087F,transparent);
  --ux-line: #E7E4DE;
  --ux-line-strong: #D8D4CC;
  --ux-focus: #C2087F;
  --ux-focus-ring: 0 0 0 3px rgba(194,8,127,.35);
  --ux-ok: #0F7A53;
  --ux-ok-tint: rgba(15,122,83,.10);
  --ux-warn: #8A5A06;
  --ux-warn-tint: rgba(138,90,6,.10);
  --ux-danger: #B3243C;
  --ux-danger-tint: rgba(179,36,60,.09);
  --ux-info: #2563EB;
  --ux-info-tint: rgba(37,99,235,.10);
  --ux-cite-1: #C2087F;
  --ux-cite-2: #5B21B6;
  --ux-cite-3: #1D4ED8;
  --ux-cite-4: #0E7490;
  --ux-cite-5: #7A3B69;
  --ux-cite-6: #44546A;
  --ux-radius-xs: 4px;
  --ux-radius-sm: 6px;
  --ux-radius-md: 10px;
  --ux-radius-lg: 14px;
  --ux-radius-pill: 99px;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 34px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(38px,6vw,68px);
  --ux-text-h1: clamp(30px,4.6vw,46px);
  --ux-text-h2: clamp(22px,3vw,31px);
  --ux-text-h3: 19px;
  --ux-text-body: 17px;
  --ux-text-small: 14.5px;
  --ux-text-caption: 12.5px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 700;
  --ux-weight-heavy: 800;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.06;
  --ux-leading-snug: 1.4;
  --ux-leading-normal: 1.6;
  --ux-leading-loose: 1.75;
  --ux-track-tight: -.03em;
  --ux-track-snug: -.01em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .12em;
  --ux-track-kicker: .2em;
  --ux-font-sans: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: 'Fraunces',Georgia,'Times New Roman',serif;
  --ux-shadow-sm: 0 1px 2px rgba(22,22,26,.06);
  --ux-shadow-md: 0 10px 26px -14px rgba(22,22,26,.28);
  --ux-shadow-lg: 0 26px 60px -28px rgba(22,22,26,.40);
  --ux-glow: 0 0 0 1px rgba(194,8,127,.18);
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #C2087F;
  --ux-plate-ink: #ffffff;
  --ux-plate-ink-soft: rgba(255,255,255,.87);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 1px dashed;
  --ux-focus-offset: .125rem;
  --ux-font-headline: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 800;
  --ux-track-headline: -.035em;
  --ux-leading-headline: .95;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1080px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
}
:root {
  --ux-bg: #0a0a0a;
  --ux-surface: #0a0a0a;
  --ux-raised: #131313;
  --ux-overlay: rgba(6,6,6,.92);
  --ux-code-bg: #131313;
  --ux-ink: #ffffff;
  --ux-ink-soft: #ffffff;
  --ux-ink-muted: rgba(255,255,255,.58);
  --ux-code-ink: #ffffff;
  --ux-on-brand: #0a0a0a;
  --ux-brand: #FF2FB9;
  --ux-brand-hover: #e0219f;
  --ux-brand-ink: #ff54c4;
  --ux-brand-tint: rgba(255,47,185,.16);
  --ux-accent: #FF2FB9;
  --ux-accent-ink: #FF2FB9;
  --ux-accent-tint: rgba(255,47,185,.12);
  --ux-grad: linear-gradient(120deg,#FF2FB9,#ff54c4);
  --ux-glass: rgba(10,10,10,.82);
  --ux-hairline: linear-gradient(90deg,transparent,#FF2FB9,transparent);
  --ux-line: rgba(255,255,255,.14);
  --ux-line-strong: rgba(255,255,255,.32);
  --ux-focus: #FF2FB9;
  --ux-focus-ring: 0 0 0 3px rgba(255,47,185,.5);
  --ux-ok: #35D69B;
  --ux-ok-tint: rgba(53,214,155,.13);
  --ux-warn: #FFC24B;
  --ux-warn-tint: rgba(255,194,75,.13);
  --ux-danger: #FF5C72;
  --ux-danger-tint: rgba(255,92,114,.13);
  --ux-info: #8AA2FF;
  --ux-info-tint: rgba(138,162,255,.13);
  --ux-cite-1: #C2087F;
  --ux-cite-2: #5B21B6;
  --ux-cite-3: #1D4ED8;
  --ux-cite-4: #0E7490;
  --ux-cite-5: #7A3B69;
  --ux-cite-6: #44546A;
  --ux-radius-xs: 6px;
  --ux-radius-sm: 10px;
  --ux-radius-md: 14px;
  --ux-radius-lg: 18px;
  --ux-radius-pill: 99px;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 34px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(34px,6.5vw,58px);
  --ux-text-h1: clamp(28px,5vw,46px);
  --ux-text-h2: clamp(20px,3vw,27px);
  --ux-text-h3: 18px;
  --ux-text-body: 16px;
  --ux-text-small: 14px;
  --ux-text-caption: 12px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 700;
  --ux-weight-heavy: 800;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.1;
  --ux-leading-snug: 1.4;
  --ux-leading-normal: 1.55;
  --ux-leading-loose: 1.7;
  --ux-track-tight: -.03em;
  --ux-track-snug: -.01em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .12em;
  --ux-track-kicker: .2em;
  --ux-font-sans: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: 'Unbounded',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-shadow-sm: 0 2px 10px rgba(0,0,0,.4);
  --ux-shadow-md: 0 10px 30px rgba(0,0,0,.5);
  --ux-shadow-lg: 0 26px 70px rgba(0,0,0,.6);
  --ux-glow: 0 0 44px rgba(255,47,185,.35);
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #FF2FB9;
  --ux-plate-ink: #0a0a0a;
  --ux-plate-ink-soft: rgba(10,10,10,.78);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 1px dashed;
  --ux-focus-offset: .125rem;
  --ux-font-headline: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 800;
  --ux-track-headline: -.035em;
  --ux-leading-headline: .95;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1120px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
}
:root[data-theme="signal"], [data-theme="signal"] {
  --ux-bg: #0a0a0a;
  --ux-surface: #0a0a0a;
  --ux-raised: #131313;
  --ux-overlay: rgba(6,6,6,.92);
  --ux-code-bg: #131313;
  --ux-ink: #ffffff;
  --ux-ink-soft: #ffffff;
  --ux-ink-muted: rgba(255,255,255,.58);
  --ux-code-ink: #ffffff;
  --ux-on-brand: #0a0a0a;
  --ux-brand: #FF2FB9;
  --ux-brand-hover: #e0219f;
  --ux-brand-ink: #ff54c4;
  --ux-brand-tint: rgba(255,47,185,.16);
  --ux-accent: #FF2FB9;
  --ux-accent-ink: #FF2FB9;
  --ux-accent-tint: rgba(255,47,185,.12);
  --ux-grad: linear-gradient(120deg,#FF2FB9,#ff54c4);
  --ux-glass: rgba(10,10,10,.82);
  --ux-hairline: linear-gradient(90deg,transparent,#FF2FB9,transparent);
  --ux-line: rgba(255,255,255,.14);
  --ux-line-strong: rgba(255,255,255,.32);
  --ux-focus: #FF2FB9;
  --ux-focus-ring: 0 0 0 3px rgba(255,47,185,.5);
  --ux-ok: #35D69B;
  --ux-ok-tint: rgba(53,214,155,.13);
  --ux-warn: #FFC24B;
  --ux-warn-tint: rgba(255,194,75,.13);
  --ux-danger: #FF5C72;
  --ux-danger-tint: rgba(255,92,114,.13);
  --ux-info: #8AA2FF;
  --ux-info-tint: rgba(138,162,255,.13);
  --ux-cite-1: #C2087F;
  --ux-cite-2: #5B21B6;
  --ux-cite-3: #1D4ED8;
  --ux-cite-4: #0E7490;
  --ux-cite-5: #7A3B69;
  --ux-cite-6: #44546A;
  --ux-radius-xs: 6px;
  --ux-radius-sm: 10px;
  --ux-radius-md: 14px;
  --ux-radius-lg: 18px;
  --ux-radius-pill: 99px;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 34px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(34px,6.5vw,58px);
  --ux-text-h1: clamp(28px,5vw,46px);
  --ux-text-h2: clamp(20px,3vw,27px);
  --ux-text-h3: 18px;
  --ux-text-body: 16px;
  --ux-text-small: 14px;
  --ux-text-caption: 12px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 700;
  --ux-weight-heavy: 800;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.1;
  --ux-leading-snug: 1.4;
  --ux-leading-normal: 1.55;
  --ux-leading-loose: 1.7;
  --ux-track-tight: -.03em;
  --ux-track-snug: -.01em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .12em;
  --ux-track-kicker: .2em;
  --ux-font-sans: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: 'Unbounded',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-shadow-sm: 0 2px 10px rgba(0,0,0,.4);
  --ux-shadow-md: 0 10px 30px rgba(0,0,0,.5);
  --ux-shadow-lg: 0 26px 70px rgba(0,0,0,.6);
  --ux-glow: 0 0 44px rgba(255,47,185,.35);
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #FF2FB9;
  --ux-plate-ink: #0a0a0a;
  --ux-plate-ink-soft: rgba(10,10,10,.78);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 1px dashed;
  --ux-focus-offset: .125rem;
  --ux-font-headline: 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 800;
  --ux-track-headline: -.035em;
  --ux-leading-headline: .95;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1120px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
}
:root[data-theme="v2"] {
  --ux-bg: #f7f7f8;
  --ux-surface: #ffffff;
  --ux-raised: #ffffff;
  --ux-overlay: rgba(19,19,22,.48);
  --ux-code-bg: #f1f0f4;
  --ux-ink: #131316;
  --ux-ink-soft: #2e2e33;
  --ux-ink-muted: #4b5563;
  --ux-code-ink: #2e2e33;
  --ux-on-brand: #ffffff;
  --ux-brand: #c2087f;
  --ux-brand-hover: #a1066a;
  --ux-brand-ink: #FF2FB9;
  --ux-brand-tint: rgba(194,8,127,.10);
  --ux-accent: #5b21b6;
  --ux-accent-ink: #5b21b6;
  --ux-accent-tint: rgba(91,33,182,.10);
  --ux-grad: linear-gradient(120deg,#FF2FB9,#c2087f);
  --ux-glass: rgba(255,255,255,.86);
  --ux-hairline: linear-gradient(90deg,transparent,rgba(194,8,127,.35),transparent);
  --ux-line: #e4e4e9;
  --ux-line-strong: #cfcfd6;
  --ux-focus: #c2087f;
  --ux-focus-ring: 0 0 0 3px rgba(194,8,127,.35);
  --ux-ok: #157f5a;
  --ux-ok-tint: rgba(21,127,90,.10);
  --ux-warn: #9a6a00;
  --ux-warn-tint: rgba(154,106,0,.10);
  --ux-danger: #c22b45;
  --ux-danger-tint: rgba(194,43,69,.10);
  --ux-info: #3554c9;
  --ux-info-tint: rgba(53,84,201,.10);
  --ux-cite-1: #C2087F;
  --ux-cite-2: #5B21B6;
  --ux-cite-3: #1D4ED8;
  --ux-cite-4: #0E7490;
  --ux-cite-5: #7A3B69;
  --ux-cite-6: #44546A;
  --ux-radius-xs: 4px;
  --ux-radius-sm: 6px;
  --ux-radius-md: 10px;
  --ux-radius-lg: 14px;
  --ux-radius-pill: 99px;
  --ux-space-1: 4px;
  --ux-space-2: 8px;
  --ux-space-3: 12px;
  --ux-space-4: 16px;
  --ux-space-5: 24px;
  --ux-space-6: 34px;
  --ux-space-7: 48px;
  --ux-space-8: 64px;
  --ux-text-display: clamp(32px,5.5vw,48px);
  --ux-text-h1: clamp(26px,4.5vw,40px);
  --ux-text-h2: clamp(20px,3vw,24px);
  --ux-text-h3: 18px;
  --ux-text-body: 16px;
  --ux-text-small: 14px;
  --ux-text-caption: 12px;
  --ux-text-micro: 11px;
  --ux-weight-normal: 400;
  --ux-weight-medium: 500;
  --ux-weight-semibold: 600;
  --ux-weight-bold: 600;
  --ux-weight-heavy: 700;
  --ux-leading-solid: 1;
  --ux-leading-tight: 1.15;
  --ux-leading-snug: 1.4;
  --ux-leading-normal: 1.6;
  --ux-leading-loose: 1.7;
  --ux-track-tight: -.02em;
  --ux-track-snug: -.01em;
  --ux-track-normal: 0;
  --ux-track-wide: .04em;
  --ux-track-caps: .1em;
  --ux-track-kicker: .16em;
  --ux-font-sans: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-font-mono: 'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ux-font-display: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-shadow-sm: 0 1px 2px rgba(19,19,22,.06), 0 4px 12px rgba(19,19,22,.05);
  --ux-shadow-md: 0 2px 4px rgba(19,19,22,.06), 0 10px 28px rgba(19,19,22,.08);
  --ux-shadow-lg: 0 4px 8px rgba(19,19,22,.07), 0 24px 56px rgba(19,19,22,.12);
  --ux-glow: 0 0 0 rgba(0,0,0,0);
  --ux-dur-fast: 120ms;
  --ux-dur-base: 200ms;
  --ux-dur-slow: 320ms;
  --ux-ease-out: cubic-bezier(.2,.7,.2,1);
  --ux-ease-in-out: cubic-bezier(.65,.05,.35,.95);
  --ux-plate-bg: #c2087f;
  --ux-plate-ink: #ffffff;
  --ux-plate-ink-soft: rgba(255,255,255,.87);
  --ux-press-scale: .93;
  --ux-press-opacity: .72;
  --ux-hover-scale: 1.02;
  --ux-dur-press: 100ms;
  --ux-dur-short: 150ms;
  --ux-dur-med: 250ms;
  --ux-ease-press: cubic-bezier(.4,0,.2,1);
  --ux-control-h: 48px;
  --ux-focus-outline: 1px dashed;
  --ux-focus-offset: .125rem;
  --ux-font-headline: Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ux-weight-headline: 800;
  --ux-track-headline: -.035em;
  --ux-leading-headline: .95;
  --ux-z-raised: 10;
  --ux-z-sticky: 100;
  --ux-z-overlay: 1000;
  --ux-z-modal: 1100;
  --ux-z-toast: 1200;
  --ux-maxw: 1120px;
  --ux-maxw-narrow: 720px;
  --ux-maxw-wide: 1360px;
}
:focus-visible{outline:var(--ux-focus-outline) currentColor;outline-offset:var(--ux-focus-offset)}
.press{transition:transform var(--ux-dur-short) var(--ux-ease-press),opacity var(--ux-dur-short) var(--ux-ease-press),background-color var(--ux-dur-med) var(--ux-ease-press)}
@media (hover:hover){.press:hover{transform:scale(var(--ux-hover-scale))}}
.press:active{transform:scale(var(--ux-press-scale));opacity:var(--ux-press-opacity);transition-duration:var(--ux-dur-press)}
@media (prefers-reduced-motion: reduce){:root,:root[data-theme],[data-theme]{--ux-press-scale:1;--ux-hover-scale:1}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}




.ah{width:100%;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;background:var(--ux-surface);color:var(--ux-ink)}
.ah__art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ah__in{position:relative;box-sizing:border-box;max-width:var(--ux-maxw-wide,1360px);margin:0 auto;padding:var(--ux-space-8) var(--ux-space-5)}

.ah__panel{display:inline-block;max-width:100%;box-sizing:border-box;padding:var(--ux-space-5);background:var(--ux-surface);border:2px solid var(--ux-ink)}

.ah--recede .ah__art{opacity:.22;filter:grayscale(.4)}

@media (prefers-reduced-motion:no-preference){
  .ah__art{transform:scale(1.06);animation:ah-drift var(--ux-dur-drift,18s) linear infinite alternate}
}
@keyframes ah-drift{from{transform:scale(1.06) translateX(-1.5%)}to{transform:scale(1.06) translateX(1.5%)}}
@media(max-width:640px){.ah__in{padding:var(--ux-space-7) var(--ux-space-4)}}




.award-chip{--aw-shadow:0 4px 12px color-mix(in srgb,var(--ux-scrim) 26%,transparent),0 1px 2px color-mix(in srgb,var(--ux-scrim) 34%,transparent);
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;gap:6px;padding:0 11px 0 4px;
  background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:14px;color:var(--ux-ink);box-shadow:var(--aw-shadow);
  font:var(--ux-weight-semibold) 12.5px/1 var(--ux-font-sans);letter-spacing:-.01em;white-space:nowrap;pointer-events:none}
.award-chip--compact{width:28px;padding:0}
.award-chip--on-dark{--aw-shadow:0 4px 12px color-mix(in srgb,var(--ux-scrim) 50%,transparent),0 1px 2px color-mix(in srgb,var(--ux-scrim) 60%,transparent)}
.award-chip__rosette{flex:none;display:block;overflow:visible}
.award-chip__word{min-width:0}

.ink-card__img,.ih-card__shot{position:relative}
.ink-card__img>.award-chip,.ih-card__shot>.award-chip{position:absolute;top:var(--ux-space-4);right:var(--ux-space-4);z-index:var(--ux-z-raised)}
@media(max-width:640px){.ink-card__img>.award-chip,.ih-card__shot>.award-chip{top:var(--ux-space-3);right:var(--ux-space-3)}}

.ink-card[hidden]{display:none}

.award-toggles{flex-wrap:wrap}
.award-toggle .award-chip__rosette{margin-left:-2px}




.badge{display:inline-flex;align-items:center;gap:5px;font:var(--ux-weight-semibold) var(--ux-text-caption)/1 var(--ux-font-mono);
  letter-spacing:var(--ux-track-wide);padding:5px 10px;border-radius:var(--ux-radius-pill);border:1px solid transparent;white-space:nowrap}

.badge--sm{font:700 11px/1 var(--ux-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 9px}

.badge--neutral.badge--tint{background:var(--ux-surface);color:var(--ux-ink-muted);border-color:var(--ux-line)}
.badge--neutral.badge--outline{background:transparent;color:var(--ux-ink-muted);border-color:var(--ux-line)}
.badge--neutral.badge--solid{background:var(--ux-ink-muted);color:var(--ux-bg)}

.badge--brand.badge--tint{background:var(--ux-brand-tint);color:var(--ux-brand-ink);border-color:var(--ux-brand-tint)}
.badge--brand.badge--outline{background:transparent;color:var(--ux-brand-ink);border-color:var(--ux-brand)}
.badge--brand.badge--solid{background:var(--ux-brand);color:var(--ux-on-brand)}

.badge--accent.badge--tint{background:var(--ux-accent-tint);color:var(--ux-accent-ink);border-color:var(--ux-accent-tint)}
.badge--accent.badge--outline{background:transparent;color:var(--ux-accent-ink);border-color:var(--ux-accent)}

.badge--ok.badge--tint{background:var(--ux-ok-tint);color:var(--ux-ok);border-color:var(--ux-ok-tint)}
.badge--warn.badge--tint{background:var(--ux-warn-tint);color:var(--ux-warn);border-color:var(--ux-warn-tint)}
.badge--danger.badge--tint{background:var(--ux-danger-tint);color:var(--ux-danger);border-color:var(--ux-danger-tint)}
.badge--ok.badge--solid{background:var(--ux-ok);color:var(--ux-bg)}
.badge--warn.badge--solid{background:var(--ux-warn);color:var(--ux-bg)}
.badge--danger.badge--solid{background:var(--ux-danger);color:var(--ux-bg)}






.brand{flex:0 0 auto;font-family:var(--ux-font-display,var(--ux-font-sans,inherit));font-size:clamp(17px,3vw,28px);font-weight:700;letter-spacing:-.01em;color:var(--ux-ink);text-decoration:none;white-space:nowrap}


.brand-ux{background:var(--ux-grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}


.brand-bar{position:relative;z-index:1;display:flex}
.brand-bar--center{justify-content:center;padding:30px 24px 0}
.brand-bar--back{max-width:760px;margin:0 auto;padding:22px clamp(20px,5vw,32px) 0}


.brand--back{display:inline-flex;align-items:baseline;border-radius:6px}
.brand-back{font-weight:500;font-size:13px;letter-spacing:0;margin-inline-start:10px;color:var(--ux-ink-muted,var(--ux-ink))}
.brand-back::before{content:'\2190\00a0'}
.brand--back:hover .brand-back,.brand--back:focus-visible .brand-back{color:var(--ux-ink)}


.brand:focus-visible{border-radius:var(--ux-radius-xs,6px)}


[data-theme="ink"] .brand{font-family:var(--ux-font-sans);font-size:var(--ux-text-body);font-weight:var(--ux-weight-semibold);letter-spacing:0;text-transform:lowercase}
[data-theme="ink"] .brand-ux{background:none;color:inherit;letter-spacing:inherit}
.brand--logo{display:inline-flex;align-items:center;gap:var(--ux-space-2);text-transform:none}
.brand--logo.brand--back{align-items:center}





.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ux-font-stamp,var(--ux-font-sans));font-weight:var(--ux-weight-bold);letter-spacing:var(--ux-track-wide);text-transform:uppercase;
  border:1px solid transparent;border-radius:var(--ux-radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1;box-sizing:border-box;
  transition:transform var(--ux-dur-short) var(--ux-ease-press),opacity var(--ux-dur-short) var(--ux-ease-press),background-color var(--ux-dur-med) var(--ux-ease-press),border-color var(--ux-dur-med)}

.btn:focus-visible{outline-color:var(--ux-ink)}
.section--plate .btn:focus-visible{outline-color:var(--ux-plate-ink)}
.btn__icon{font-size:.9em}

.btn--sm{font-size:var(--ux-text-caption);padding:0 14px;height:calc(var(--ux-control-h) - 8px)}
.btn--md{font-size:var(--ux-text-small);padding:0 20px;height:var(--ux-control-h)}
.btn--lg{font-size:var(--ux-text-body);padding:0 26px;height:var(--ux-control-h)}

.btn--primary{background:var(--ux-brand);color:var(--ux-on-brand);border-color:var(--ux-brand)}

.btn--secondary{background:var(--ux-surface);color:var(--ux-ink);border-color:var(--ux-ink)}
.btn--secondary:hover{border-color:var(--ux-brand)}

.btn--ghost{background:transparent;color:var(--ux-ink-muted);border-color:var(--ux-line)}
.btn--ghost:hover{color:var(--ux-ink);border-color:var(--ux-line-strong)}

.btn--ghost-grad{color:var(--ux-ink);border-color:transparent;
  background:linear-gradient(var(--ux-surface),var(--ux-surface)) padding-box,var(--ux-grad) border-box}

.btn--plate{background:var(--ux-plate-ink);color:var(--ux-plate-bg);border-color:var(--ux-plate-ink)}
.btn--plate-ghost{background:transparent;color:var(--ux-plate-ink);border-color:var(--ux-plate-ink)}

.btn--link{background:transparent;color:var(--ux-ink);padding-left:0;padding-right:0;border-radius:0;height:auto;font-family:var(--ux-font-sans);letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px}
.btn--link:hover{text-decoration-thickness:2px}

.section--plate .btn--primary{background:var(--ux-surface);border-color:var(--ux-surface)}

.btn__narrow{display:none}
@media(max-width:560px){
  .btn__wide{display:none}
  .btn__narrow{display:inline}
}




.callout{display:block;border:1px solid;border-radius:var(--ux-radius-md);padding:var(--ux-space-4) var(--ux-space-4) var(--ux-space-4) var(--ux-space-5);border-left:3px solid;background-clip:padding-box}
.callout__title{font-family:var(--ux-font-sans);font-size:var(--ux-text-small);font-weight:var(--ux-weight-semibold);margin:0 0 var(--ux-space-2);letter-spacing:var(--ux-track-snug);text-transform:uppercase}
.callout__body{font-size:var(--ux-text-small);line-height:var(--ux-leading-normal)}
.callout__body p{margin:0}


.callout--info{border-color:var(--ux-info);border-left-color:var(--ux-info);background:var(--ux-info-tint)}
.callout--info .callout__title{color:var(--ux-info)}
.callout--info .callout__body{color:var(--ux-ink-soft)}


.callout--ok{border-color:var(--ux-ok);border-left-color:var(--ux-ok);background:var(--ux-ok-tint)}
.callout--ok .callout__title{color:var(--ux-ok)}
.callout--ok .callout__body{color:var(--ux-ink-soft)}


.callout--warn{border-color:var(--ux-warn);border-left-color:var(--ux-warn);background:var(--ux-warn-tint)}
.callout--warn .callout__title{color:var(--ux-warn)}
.callout--warn .callout__body{color:var(--ux-ink-soft)}


.callout--danger{border-color:var(--ux-danger);border-left-color:var(--ux-danger);background:var(--ux-danger-tint)}
.callout--danger .callout__title{color:var(--ux-danger)}
.callout--danger .callout__body{color:var(--ux-ink-soft)}


.callout--brand{border-color:var(--ux-brand);border-left-color:var(--ux-brand);background:var(--ux-brand-tint)}
.callout--brand .callout__title{color:var(--ux-brand-ink)}
.callout--brand .callout__body{color:var(--ux-ink-soft)}




.ink-wall{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;background:var(--ux-bg);color:var(--ux-ink)}
.ink-wall__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ux-space-4);max-width:var(--ux-maxw);margin:0 auto;padding:var(--ux-space-6) var(--ux-space-5) var(--ux-space-4);box-sizing:border-box}
.ink-wall__title{margin:0;font:var(--ux-weight-medium) var(--ux-text-h2)/1.2 var(--ux-font-sans);letter-spacing:var(--ux-track-tight)}
.ink-wall__sub{margin:var(--ux-space-1) 0 0;font:var(--ux-weight-normal) var(--ux-text-small)/1.4 var(--ux-font-sans);color:var(--ux-ink-muted)}
.ink-wall__more{flex:none;font:var(--ux-weight-normal) var(--ux-text-small)/1 var(--ux-font-sans);color:var(--ux-ink);text-decoration:none;white-space:nowrap}
.ink-wall__more:hover{text-decoration:underline}
.ink-wall__tiles{display:flex;gap:1px;margin:0;padding:0;list-style:none;background:var(--ux-line);border-block:1px solid var(--ux-line)}
.ink-wall__tile{flex:calc(var(--ink-ar) * 1000) 1 0;min-width:0;background:var(--ux-surface)}
.ink-wall__link{display:block}
.ink-wall__img{display:block;width:100%;height:auto}
@media (max-width:640px){
  .ink-wall__head{flex-direction:column;align-items:flex-start;padding:var(--ux-space-5) var(--ux-space-4) var(--ux-space-3)}
  .ink-wall__tile:nth-child(n+4){display:none}
}
.ink-wall__text{min-width:0}




.card{display:block;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);color:inherit;text-decoration:none;overflow:hidden}
.card--radius-lg{border-radius:var(--ux-radius-lg)}
.card--pad-none{padding:0}
.card--pad-sm{padding:var(--ux-space-3)}
.card--pad-md{padding:var(--ux-space-4) 18px}
.card--pad-lg{padding:var(--ux-space-5)}
.card--link{transition:border-color var(--ux-dur-fast) var(--ux-ease-out)}
.card--link:hover{border-color:var(--ux-brand)}

.card--interactive{transition:border-color var(--ux-dur-fast) var(--ux-ease-out)}
.card--interactive:hover,.card--interactive:focus-within{border-color:var(--ux-brand)}
.card--lift{transition:transform var(--ux-dur-fast) var(--ux-ease-out),box-shadow var(--ux-dur-fast) var(--ux-ease-out),border-color var(--ux-dur-fast) var(--ux-ease-out)}
.card--lift:hover,.card--lift:focus-within{transform:translateY(-2px)}
.card--lift-shadow:hover,.card--lift-shadow:focus-within{box-shadow:var(--ux-shadow-md)}
.card--raised{background:var(--ux-raised)}
.card--brand{border-left:3px solid var(--ux-brand)}




.ckl{display:grid;gap:var(--ux-space-4)}
.ckl-top{display:grid;gap:var(--ux-space-2)}
.ckl-hl{margin:0;max-width:26em;font-family:var(--ux-font-display);font-size:var(--ux-text-h2);font-weight:var(--ux-weight-semibold);line-height:var(--ux-leading-snug);letter-spacing:var(--ux-track-snug);text-transform:none;color:var(--ux-ink)}
.ckl-hl em{font-style:normal;color:var(--ux-brand-ink)}
.ckl-hl--none{color:var(--ux-ink-muted)}
.ckl-unk{margin:0;font-size:var(--ux-text-small);color:var(--ux-ink-muted)}
.ckl-bar{display:flex;gap:var(--ux-space-1);height:var(--ux-space-2)}
.ckl-bar__seg{flex:var(--ckl-n,1) 1 0;min-width:var(--ux-space-2);border-radius:var(--ux-radius-pill)}
.ckl-bar__seg--bad,.ckl-dot--bad{background:var(--ux-danger)}
.ckl-bar__seg--ok,.ckl-dot--ok{background:var(--ux-ok)}
.ckl-bar__seg--note{background:var(--ux-warn)}
.ckl-bar__seg--unk{background:var(--ux-line-strong)}
.ckl-legend{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--ux-space-1) var(--ux-space-4);font-size:var(--ux-text-small);color:var(--ux-ink-soft)}
.ckl-key{display:inline-flex;align-items:center;gap:var(--ux-space-2)}
.ckl-dot{flex:none;display:inline-block;width:var(--ux-space-2);height:var(--ux-space-2);border-radius:var(--ux-radius-pill)}
.ckl-dot--note{border:1px solid var(--ux-warn)}
.ckl-dot--unk{border:1px dashed var(--ux-ink-muted)}
.ckl-rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--ux-line)}
.ckl-row{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr) minmax(0,1fr);gap:var(--ux-space-2) var(--ux-space-4);padding:var(--ux-space-3) 0;border-bottom:1px solid var(--ux-line);font-size:var(--ux-text-small);line-height:var(--ux-leading-normal);scroll-margin-top:var(--ux-space-7)}
.ckl-k{display:flex;align-items:baseline;gap:var(--ux-space-2);font-weight:var(--ux-weight-semibold);color:var(--ux-ink)}
.ckl-v,.ckl-x{display:grid;gap:var(--ux-space-2);align-content:start;min-width:0}
.ckl-v p{margin:0;overflow-wrap:anywhere}
.ckl-fact{color:var(--ux-ink-soft)}
.ckl-ev{font-size:var(--ux-text-caption);line-height:var(--ux-leading-snug);color:var(--ux-ink-muted)}
.ckl-fix{margin:0;display:flex;align-items:flex-start;gap:var(--ux-space-2);color:var(--ux-ink)}
.ckl-fix>span{min-width:0;overflow-wrap:anywhere}
.ckl-fix svg{flex:none;width:var(--ux-space-4);height:var(--ux-space-4);margin-top:var(--ux-space-1);fill:none;stroke:var(--ux-brand-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ckl-more{justify-self:start;font-size:var(--ux-text-caption);color:var(--ux-ink-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ux-line-strong)}
.ckl-more:hover{color:var(--ux-brand-ink)}
.ckl-more:focus-visible{border-radius:var(--ux-radius-xs)}
.ckl-row--note .ckl-k,.ckl-row--unk .ckl-k{font-weight:var(--ux-weight-normal);color:var(--ux-ink-soft)}
.ckl-rest{border-top:1px solid var(--ux-line);border-bottom:1px solid var(--ux-line)}
.ckl-rest>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ux-space-3);cursor:pointer;padding:var(--ux-space-3) 0;list-style:none;font-size:var(--ux-text-small);font-weight:var(--ux-weight-semibold);color:var(--ux-ink)}
.ckl-rest>summary::-webkit-details-marker{display:none}
.ckl-rest>summary::after{content:"";flex:none;width:var(--ux-space-2);height:var(--ux-space-2);border:solid var(--ux-ink-muted);border-width:0 1px 1px 0;transform:rotate(45deg)}
.ckl-rest[open]>summary::after{transform:rotate(-135deg)}
.ckl-rest>summary:focus-visible{border-radius:var(--ux-radius-xs)}
.ckl-rest__b{display:grid;gap:var(--ux-space-5);padding:0 0 var(--ux-space-4)}
.ckl-grp{display:grid;gap:var(--ux-space-2)}
.ckl-grp__h{margin:0;display:flex;align-items:baseline;gap:var(--ux-space-2);font:var(--ux-weight-semibold) var(--ux-text-micro)/1 var(--ux-font-mono);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.ckl-grp__h span{font-weight:var(--ux-weight-normal)}
.ckl-pass__l{margin:0;font-size:var(--ux-text-small);color:var(--ux-ink-muted);line-height:var(--ux-leading-snug)}
.ckl-pass__a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ux-line-strong)}
.ckl-pass__a:hover{color:var(--ux-brand-ink)}
.ckl-pass__a:focus-visible{border-radius:var(--ux-radius-xs)}
.ckl-pod{display:inline-flex;flex-wrap:wrap;align-items:center;justify-self:start;gap:var(--ux-space-2);margin-top:var(--ux-space-2);padding:var(--ux-space-1) var(--ux-space-1) var(--ux-space-1) var(--ux-space-4);border:1px solid var(--ux-line-strong);border-radius:var(--ux-radius-pill);background:var(--ux-surface)}
.ckl-pod__l{margin-right:var(--ux-space-1);font-size:var(--ux-text-small);color:var(--ux-ink)}
@media (max-width:720px){
.ckl-row{grid-template-columns:minmax(0,1fr)}
.ckl-pod{border-radius:var(--ux-radius-lg);padding:var(--ux-space-3)}
}




.chk{display:flex;align-items:flex-start;gap:var(--ux-space-4);padding:var(--ux-space-4);background:var(--ux-surface);box-sizing:border-box}
.chk__chip{flex:none;white-space:nowrap;min-width:3.5em;box-sizing:border-box;padding:var(--ux-space-1) var(--ux-space-2);text-align:center;border:1px solid var(--ux-ink);color:var(--ux-ink);
  font:var(--ux-weight-bold) var(--ux-text-micro)/1.3 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase}
.chk--fail .chk__chip{background:var(--ux-brand);border-color:var(--ux-brand)}
.chk--na .chk__chip{border-color:var(--ux-ink-muted);color:var(--ux-ink-muted)}
.chk__body{min-width:0}
.chk__title{margin:0;font:var(--ux-weight-heavy) var(--ux-text-h2)/1.15 var(--ux-font-sans);letter-spacing:var(--ux-track-snug);color:var(--ux-ink)}
.chk__detail{margin:var(--ux-space-1) 0 0;font-size:var(--ux-text-small);line-height:var(--ux-leading-snug);color:var(--ux-ink-soft)}
.chk+.chk{border-top:1px solid var(--ux-line)}




.ink-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-2)}
.ink-chip{display:inline-flex;align-items:center;gap:var(--ux-space-2);box-sizing:border-box;min-height:36px;padding:0 14px;
  font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-stamp,var(--ux-font-sans));color:var(--ux-ink);background:var(--ux-surface);
  border:1px solid var(--ux-ink);border-radius:var(--ux-radius-pill);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color var(--ux-dur-short) var(--ux-ease-press)}
.ink-chip__icon{flex:none;color:var(--ux-ink)}
.ink-chip__count{color:var(--ux-ink-soft);font-variant-numeric:tabular-nums}
.ink-chip:hover{background:var(--ux-panel-peer,var(--ux-surface))}
.ink-chip--selected,.ink-chip[aria-pressed=true]{background:var(--ux-brand);border-color:var(--ux-brand)}
.ink-chip--selected .ink-chip__count,.ink-chip[aria-pressed=true] .ink-chip__count{color:var(--ux-ink)}
.ink-chip--shuffle{justify-content:center;width:36px;padding:0}
.ink-chip__label{min-width:0}

.section--plate .ink-chip--selected,.section--plate .ink-chip[aria-pressed=true]{background:var(--ux-ink);border-color:var(--ux-ink);color:var(--ux-surface)}






.cite-ref{font-size:max(11px,.62em);line-height:0;vertical-align:super;margin-left:2px}
.cite-ref a{text-decoration:none;color:var(--ux-brand-ink);padding:2px 4px;border-radius:3px;
  background:var(--ux-brand-tint);font-weight:600}
.cite-ref a:hover,.cite-ref a:focus-visible{background:var(--ux-brand-tint);color:var(--ux-brand-ink)}
.cite-notes{margin:44px 0 0;padding:20px 22px;border-top:1px solid var(--ux-line-strong);background:var(--ux-raised);border-radius:var(--ux-radius-md)}
.cite-notes-h{font:700 11.5px/1 var(--ux-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ux-ink-muted);margin:0 0 12px}
.cite-list{margin:0;padding-left:20px}
.cite-list li{font-size:13.5px;line-height:1.65;color:var(--ux-ink-soft);margin:0 0 8px}
.cite-list li:target{background:var(--ux-brand-tint);border-radius:var(--ux-radius-xs);padding:2px 6px;margin-left:-6px}
.cite-src{color:var(--ux-ink);font-family:var(--ux-font-mono);font-size:12.5px;word-break:break-word}
.cite-back{text-decoration:none;color:var(--ux-ink-muted);margin-left:4px}
.cite-back:hover{color:var(--ux-brand-ink)}
.cite-foot{margin:14px 0 0;font-size:12.5px;color:var(--ux-ink-muted)}

.cite-foot a,.cite-list li a:not(.cite-back){color:var(--ux-brand-ink);text-decoration:underline;text-underline-offset:2px}
.cite-foot a:hover,.cite-list li a:not(.cite-back):hover{color:var(--ux-brand-ink)}




.cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,12rem) minmax(7.5rem,12rem);align-items:center;gap:var(--ux-space-4);padding:var(--ux-space-4);background:var(--ux-surface);box-sizing:border-box}
.cmp+.cmp{border-top:1px solid var(--ux-line)}
.cmp__title{margin:0;font:var(--ux-weight-heavy) var(--ux-text-h2)/1.15 var(--ux-font-sans);letter-spacing:var(--ux-track-snug);color:var(--ux-ink)}
.cmp__cell{display:flex}
.cmp__chip{display:inline-block;padding:var(--ux-space-1) var(--ux-space-2);border:1px solid var(--ux-ink);color:var(--ux-ink);white-space:nowrap;
  font:var(--ux-weight-bold) var(--ux-text-micro)/1.3 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase}
.cmp__chip--has{background:var(--ux-brand);border-color:var(--ux-brand)}
.cmp__chip--missing{color:var(--ux-ink-soft)}
.cmp__chip--na{border-color:var(--ux-ink-muted);color:var(--ux-ink-muted)}
@media(max-width:560px){.cmp{grid-template-columns:1fr 1fr}.cmp__title{grid-column:1/-1}}




.copy-css-vars{position:relative}
.copy-css-vars__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}





.cs{max-width:640px;margin:0 auto;text-align:left}
.cs-label{display:block;font:700 13px/1.4 var(--ux-font-mono);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted);margin:0 0 10px}
.cs-row{display:flex;gap:0;flex-direction:row;align-items:stretch;background:var(--ux-surface);border:1px solid var(--ux-ink);padding:var(--ux-space-1);box-sizing:border-box}
.cs-row:focus-within{box-shadow:var(--ux-focus-ring)}

.cs-input{flex:1;min-width:0;background:transparent;border:0;border-radius:0;color:var(--ux-ink);font:var(--ux-weight-medium) 16px/1 var(--ux-font-sans);padding:0 var(--ux-space-3);height:calc(var(--ux-control-h) - 8px);outline:0}
.cs-input::placeholder{color:var(--ux-ink-muted)}
.cs-go{flex:none;height:calc(var(--ux-control-h) - 8px);border:0;cursor:pointer;font:var(--ux-weight-bold) 15px/1 var(--ux-font-stamp,var(--ux-font-sans));letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-on-brand);background:var(--ux-brand);padding:0 var(--ux-space-5);border-radius:0}
@media(hover:hover){.cs-go:hover{background:var(--ux-brand-hover)}}
.cs-go:active{opacity:var(--ux-press-opacity)}
.cs-hint{font:600 13px/1.5 var(--ux-font-mono);color:var(--ux-ink-muted);margin:10px 0 0}
.cs-hint b{color:var(--ux-ink)}

.cs-out{margin:14px 0 0}
.cs-list{list-style:none;margin:0;padding:0;border:1px solid var(--ux-line);border-radius:14px;overflow:hidden;background:var(--ux-surface)}
.cs-item + .cs-item{border-top:1px solid var(--ux-line)}
.cs-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--ux-ink);font-family:var(--ux-font-sans);font-size:15px}
.cs-link:hover{background:var(--ux-code-bg)}
.cs-link:focus-visible{outline:2px solid var(--ux-brand);outline-offset:-2px}
.cs-fav{width:20px;height:20px;flex:none;border-radius:4px;object-fit:contain}
.cs-fav-none{display:inline-flex;align-items:center;justify-content:center;font:800 11px/1 var(--ux-font-mono);background:var(--ux-code-bg);color:var(--ux-ink-muted)}
.cs-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-type{font:600 11px/1 var(--ux-font-mono);text-transform:uppercase;letter-spacing:var(--ux-track-kicker);color:var(--ux-ink-muted);border:1px solid var(--ux-line);border-radius:999px;padding:4px 8px;flex:none}
.cs-when{margin-left:auto;font:600 12px/1 var(--ux-font-mono);color:var(--ux-ink-muted);flex:none;white-space:nowrap}

.cs-none{margin:0;padding:14px;border:1px dashed var(--ux-line-strong);border-radius:14px;font-family:var(--ux-font-sans);font-size:15px;color:var(--ux-ink);background:var(--ux-surface)}
.cs-none b{font-weight:700}
.cs-scan{color:var(--ux-brand-ink);font-weight:800;text-decoration:none;white-space:nowrap}
.cs-scan:hover{text-decoration:underline}
.cs-none-sub{margin:8px 0 0;font:600 12.5px/1.5 var(--ux-font-mono);color:var(--ux-ink-muted)}
.cs-more{margin:8px 0 0;font:600 12.5px/1.5 var(--ux-font-mono);color:var(--ux-ink-muted)}
@media(max-width:520px){.cs-type{display:none}}




.cw{padding:clamp(var(--ux-space-7),7.8vw,112px) 0}
.cw__in{max-width:1440px;margin:0 auto;padding:0 clamp(var(--ux-space-4),5.6vw,80px);box-sizing:border-box}
.cw__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ux-space-5);margin-bottom:var(--ux-space-6)}
.cw__headtxt{max-width:780px;flex:1 1 auto}

.cw__rebel{flex:none;display:block}
.cw__title{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:0;color:var(--ux-ink)}
.cw__lede{margin:var(--ux-space-3) 0 0;font:var(--ux-weight-medium) clamp(18px,1.4vw,20px)/1.35 var(--ux-font-sans);color:var(--ux-ink-soft)}
.cw__all{flex:none;font:var(--ux-weight-bold) var(--ux-text-small)/1.3 var(--ux-font-sans);color:var(--ux-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.cw__all:hover{text-decoration-thickness:2px}


.cw__models{display:flex;flex-direction:column;gap:2px;background:var(--ux-ink);border:2px solid var(--ux-ink);border-radius:var(--ux-radius-md);overflow:hidden}
.cw__model{background:var(--ux-surface)}
.cw__sum{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:var(--ux-space-4);padding:var(--ux-space-5) var(--ux-space-6);list-style:none;cursor:pointer}
.cw__model--reserved .cw__sum{grid-template-columns:auto minmax(0,1fr) auto;cursor:default}
.cw__sum::-webkit-details-marker{display:none}
.cw__sum:focus-visible{outline:2px solid var(--ux-ink);outline-offset:-2px}
.cw__tile{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);background:var(--ux-bg);color:var(--ux-ink)}
.cw__tile:not(.cw__tile--locked)::after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--ux-signal)}
.cw__tile--locked{color:var(--ux-ink-muted)}
.cw__ico{display:block}
.cw__id{display:flex;flex-direction:column;gap:var(--ux-space-1);min-width:0}
.cw__namerow{display:flex;align-items:center;gap:var(--ux-space-3);flex-wrap:wrap}
.cw__name{font:var(--ux-weight-semibold) 20px/1.3 var(--ux-font-sans);color:var(--ux-ink)}
.cw__model--reserved .cw__name{color:var(--ux-ink-muted)}
.cw__chip{padding:3px var(--ux-space-2);border:1px solid var(--ux-line);border-radius:var(--ux-radius-pill);font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-mono);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted);white-space:nowrap}
.cw__tag{font:var(--ux-weight-normal) var(--ux-text-small)/1.45 var(--ux-font-sans);color:var(--ux-ink-muted)}
.cw__ver{font:var(--ux-weight-normal) var(--ux-text-caption)/1.3 var(--ux-font-mono);color:var(--ux-ink-muted);white-space:nowrap}
.cw__model--reserved .cw__ver{font-size:var(--ux-text-micro)}
.cw__chev{flex:none;color:var(--ux-ink);transform:rotate(180deg);transition:transform var(--ux-dur-short) var(--ux-ease-press)}
.cw__model[open] .cw__chev{transform:none}
.cw__body{display:flex;flex-direction:column;gap:var(--ux-space-5);padding:0 var(--ux-space-6) var(--ux-space-6)}

.cw__named{display:flex;flex-direction:column;gap:var(--ux-space-1)}
.cw__namedt{margin:0;font:var(--ux-weight-normal) var(--ux-text-body)/1.5 var(--ux-font-sans);color:var(--ux-ink)}
.cw__srclink{color:inherit;font-style:normal;text-decoration:none}
.cw__srclink:hover{text-decoration:underline}
cite.cw__src{font-style:normal}
.cw__src,.cw__msrc{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.45 var(--ux-font-mono);color:var(--ux-ink-muted);overflow-wrap:anywhere}


.cw__split{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--ux-space-5);align-items:start}
.cw__facts--two .cw__fig{font-size:var(--ux-text-h2)}
.cw__facts.cw__facts--two{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch}
.cw__viz{display:flex;flex-direction:column;gap:var(--ux-space-2);min-width:0}


.cw__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ux-line);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);overflow:hidden}
.cw__fact{display:flex;flex-direction:column;gap:var(--ux-space-3);min-width:0;padding:var(--ux-space-5);background:var(--ux-surface)}
.cw__fig{margin:0;font:var(--ux-weight-normal) var(--ux-text-h1)/1.15 var(--ux-font-mono);letter-spacing:var(--ux-track-normal);color:var(--ux-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cw__lab{margin:0;font:var(--ux-weight-normal) var(--ux-text-small)/1.45 var(--ux-font-sans);color:var(--ux-ink)}
.cw__kick{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-mono);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.cw__lesson{display:flex;flex-direction:column;gap:var(--ux-space-2);margin:0;padding:2px 0 2px var(--ux-space-4);border-left:2px solid var(--ux-line-strong)}
.cw__quote{margin:0;font:var(--ux-weight-normal) 20px/1.4 var(--ux-font-sans);color:var(--ux-ink)}


.cw__machine{margin-top:var(--ux-space-5);padding:var(--ux-space-5);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md)}
.cw__mitems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ux-space-6);margin-top:var(--ux-space-4)}
.cw__mitem{display:flex;flex-direction:column;gap:var(--ux-space-1);min-width:0}
.cw__mfig{margin:0;font:var(--ux-weight-normal) 24px/1.25 var(--ux-font-mono);color:var(--ux-ink);font-variant-numeric:tabular-nums}
.cw__mlab{margin:0;font:var(--ux-weight-normal) 13px/1.4 var(--ux-font-sans);color:var(--ux-ink)}
.cw__foot{margin:var(--ux-space-5) 0 0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.45 var(--ux-font-mono);color:var(--ux-ink-muted)}

@media (max-width:1000px){
  .cw__split{grid-template-columns:minmax(0,1fr)}
  .cw__facts,.cw__facts.cw__facts--two{grid-template-columns:minmax(0,1fr)}
  .cw__fact--pad{display:none}
  .cw__mitems{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cw{padding-top:var(--ux-space-7)}
  .cw__head{align-items:flex-start}
  .cw__rebel svg{width:52px;height:52px}
  .cw__head{flex-wrap:wrap;gap:var(--ux-space-3)}
  .cw__all{flex-basis:100%}
  .cw__sum{grid-template-columns:auto minmax(0,1fr) auto;row-gap:var(--ux-space-3);column-gap:var(--ux-space-3);padding:var(--ux-space-4)}
  .cw__ver{grid-column:1 / -1;grid-row:2;white-space:normal}
  .cw__model--reserved .cw__sum{grid-template-columns:auto minmax(0,1fr)}
  .cw__model--reserved .cw__ver{grid-column:1 / -1}
  .cw__body{padding:0 var(--ux-space-4) var(--ux-space-4)}
  .cw__fact{padding:var(--ux-space-3) var(--ux-space-4);gap:var(--ux-space-2)}
  .cw__quote{font-size:var(--ux-text-body)}
  .cw__machine{padding:var(--ux-space-4);margin-top:var(--ux-space-4)}
  .cw__foot{margin-top:var(--ux-space-4)}
  .cw__mitems{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ux-space-4)}
  
  .cw__viz .rarity-rope__field,.cw__viz .rarity-rope__note,.cw__viz .dfam__cap{display:none}
}




.dfam{--dfam-ground:var(--ux-surface);--dfam-ink:var(--ux-ink);--dfam-muted:var(--ux-ink-muted);--dfam-peer:var(--ux-peer,var(--ux-line-strong));
  --dfam-lit:var(--ux-signal,var(--ux-brand));--dfam-kick:var(--ux-ink);--dfam-line:var(--ux-ink);--dfam-glow:var(--ux-glow-pink,var(--ux-glow-signal,none));
  position:relative;overflow:hidden;margin:0;padding:var(--ux-space-5);display:flex;flex-direction:column;gap:var(--ux-space-3);
  background:var(--dfam-ground);color:var(--dfam-ink);border:2px solid var(--dfam-line)}
.dfam--ink{--dfam-ground:var(--ux-panel,var(--ux-brand));--dfam-ink:var(--ux-panel-ink,var(--ux-on-brand));--dfam-muted:var(--ux-panel-ink,var(--ux-on-brand));
  --dfam-peer:var(--ux-panel-peer,var(--ux-on-brand));--dfam-lit:var(--ux-surface);--dfam-glow:var(--ux-glow-white,none);--dfam-kick:var(--ux-panel-ink,var(--ux-on-brand));--dfam-line:var(--ux-panel,var(--ux-brand))}
@media (min-width:720px){.dfam{padding:var(--ux-space-6)}}

.dfam__kicker{margin:0;color:var(--dfam-kick);font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-kicker);text-transform:uppercase}

.dfam__head{margin:0;margin-block:calc(.28em - var(--ux-space-3));font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(52px,13vw,96px);line-height:.95;letter-spacing:0;text-transform:uppercase;color:var(--dfam-ink)}

.dfam__lit{color:inherit}
.dfam__sub{margin:0;max-width:34em;color:var(--dfam-ink);font-size:var(--ux-text-body);line-height:var(--ux-leading-snug)}
.dfam--ink .dfam__sub{color:var(--dfam-ink)}
.dfam__visual{margin-top:var(--ux-space-3)}
.dfam__cap{margin:var(--ux-space-3) 0 0;color:var(--dfam-muted);font:var(--ux-weight-normal) var(--ux-text-micro)/var(--ux-leading-normal) var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-wide)}




.ed-seg{display:inline-flex;border:1px solid var(--ux-line-strong);border-radius:var(--ux-radius-sm);overflow:hidden;background:var(--ux-surface);border:2px solid var(--ux-ink);border-radius:var(--ux-radius-sm);background:var(--ux-surface)}
.ed-seg button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--ux-ink-muted);font:var(--ux-weight-semibold) 13px/1 var(--ux-font-sans);padding:9px 14px;cursor:pointer;border-right:1px solid var(--ux-line)}
.ed-seg button:last-child{border-right:0}
.ed-seg button[aria-pressed=true]{background:var(--ux-ink);color:var(--ux-surface)}


.ed-seg button{color:var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-caption)/1 var(--ux-font-stamp,var(--ux-font-sans));letter-spacing:var(--ux-track-wide);text-transform:uppercase;border-right:0}
.ed-seg button[aria-pressed=true]{background:var(--ux-brand);color:var(--ux-ink)}
.ed-seg button:hover{background:var(--ux-panel-peer,var(--ux-surface))}
.ed-seg button[aria-pressed=true]:hover{background:var(--ux-brand)}

.dm{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--ux-space-4)}
.dm__stage{width:100%;display:flex;justify-content:center}

.dm__frame{position:relative;box-sizing:border-box;height:clamp(300px,52vw,540px);width:min(100%,800px);overflow:hidden;background:var(--ux-peer,var(--ux-line));border:5px solid var(--ux-ink);border-radius:0;
  transition:width var(--ux-dur-base2,480ms) var(--ux-ease-out),border-radius var(--ux-dur-base2,480ms) var(--ux-ease-out),border-width var(--ux-dur-base2,480ms) var(--ux-ease-out)}
.dm[data-device=mobile] .dm__frame{width:min(100%,260px);border-width:10px;border-radius:var(--ux-radius-badge,16px)}
.dm__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dm__img[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.dm__frame{transition:none}}




.stats{display:inline-flex;align-items:center;gap:14px}
.stats .stat{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;
  color:var(--ux-ink-muted);font:var(--ux-weight-semibold) var(--ux-text-caption)/1 var(--ux-font-mono);
  font-variant-numeric:tabular-nums}
.stats .stat-n{min-width:1.6ch;text-align:left}
.stats .eye{cursor:default}
.stats .heart{cursor:pointer;transition:color var(--ux-dur-fast) var(--ux-ease-out)}
.stats .heart:hover{color:var(--ux-brand-ink)}
.stats .heart[aria-pressed="true"]{color:var(--ux-brand-ink)}
.stats .heart:focus-visible{outline:2px solid var(--ux-brand);outline-offset:3px;border-radius:6px}




.faq{background:var(--ux-bg);padding:var(--ux-space-7) var(--ux-space-4);position:relative}
.faq::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,90%);height:1px;background:var(--ux-hairline)}
.faq__wrap{max-width:760px;margin:0 auto}
.faq-item{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-lg);margin-bottom:var(--ux-space-3);transition:border-color var(--ux-dur-base) var(--ux-ease-out),box-shadow var(--ux-dur-base) var(--ux-ease-out)}
.faq-item:hover{border-color:color-mix(in srgb,var(--ux-accent) 35%,transparent)}
.faq-item[open]{border-color:color-mix(in srgb,var(--ux-brand) 35%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--ux-accent) 12%,transparent)}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--ux-space-4);padding:var(--ux-space-5) var(--ux-space-6);font-family:var(--ux-font-sans);font-size:var(--ux-text-h3);font-weight:var(--ux-weight-semibold);color:var(--ux-ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--ux-font-mono);font-size:20px;color:var(--ux-brand-ink);flex:none;transition:transform var(--ux-dur-base) var(--ux-ease-out)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 var(--ux-space-6) var(--ux-space-5);color:var(--ux-ink-muted);font-size:var(--ux-text-small);line-height:var(--ux-leading-normal)}
@media(max-width:760px){
  .faq{padding:var(--ux-space-7) var(--ux-space-4)}
  .faq-item summary{padding:var(--ux-space-5) var(--ux-space-4);font-size:var(--ux-text-body)}
  .faq-item p{padding:0 var(--ux-space-4) var(--ux-space-4)}
}




.datafig{margin:var(--ux-space-5) 0;padding:var(--ux-space-4);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);background:var(--ux-surface)}

.datafig--lead{background:color-mix(in srgb,var(--ux-brand) 4%,var(--ux-surface));border-color:var(--ux-line-strong)}
.datafig__title{font-family:var(--ux-font-sans);font-size:var(--ux-text-small);font-weight:var(--ux-weight-semibold);color:var(--ux-ink);margin:0 0 var(--ux-space-3);letter-spacing:var(--ux-track-snug)}
.datafig__body{margin:0}
.datafig__cap{font-family:var(--ux-font-mono);font-size:var(--ux-text-caption);line-height:var(--ux-leading-normal);color:var(--ux-ink-muted);margin:var(--ux-space-3) 0 0}
.datafig__src{color:var(--ux-ink-muted);text-decoration:underline}
.datafig__big{font-family:var(--ux-font-display);font-weight:var(--ux-weight-heavy);font-size:clamp(44px,11vw,84px);line-height:.95;letter-spacing:var(--ux-track-tight);color:var(--ux-brand-ink)}
.datafig__unit{font-size:.42em;margin-left:.12em;color:var(--ux-ink-muted)}





.finalcta{background:var(--ux-plate-bg);color:var(--ux-plate-ink);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(56px,8vw,96px) 0;text-align:center;position:relative;overflow:hidden}
.finalcta-chip{display:block;font:700 12px/1 var(--ux-font-mono);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-plate-ink);margin:0 0 16px}
.finalcta h2{font-family:var(--ux-font-headline);color:var(--ux-plate-ink);font-size:var(--ux-text-h2);line-height:1.1;letter-spacing:-.02em;margin:0 0 28px;font-weight:var(--ux-weight-headline);text-wrap:balance;overflow-wrap:break-word}
.finalcta .scanzone{max-width:660px;margin:0 auto}
.cta-card{max-width:660px;margin:0 auto;position:relative;background:#fff;border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:0 30px 70px rgba(0,0,0,.28)}




.fr{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);padding:var(--ux-space-4) var(--ux-space-4) var(--ux-space-4);display:grid;gap:var(--ux-space-3)}

.fr-tone-ok,.fr-tone-warn,.fr-tone-danger,.fr-tone-neutral,.fr-tone-brand{border-left:0}
.fr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ux-space-3);flex-wrap:wrap}
.fr-headline{margin:0;font-size:var(--ux-text-body);font-weight:var(--ux-weight-semibold);color:var(--ux-ink);line-height:var(--ux-leading-snug);flex:1;min-width:220px}
.fr-status{display:inline-flex;align-items:center;gap:8px;flex:none;padding:4px 10px 4px 4px;border-radius:var(--ux-radius-pill);background:var(--ux-raised);border:1px solid var(--ux-line)}
.fr-status-flat{padding:5px 12px}
.fr-status-meter{width:44px;height:6px;border-radius:var(--ux-radius-pill);background:var(--ux-line);overflow:hidden;flex:none}
.fr-status-meter i{display:block;height:100%;border-radius:var(--ux-radius-pill)}
.fr-status-ok .fr-status-meter i{background:var(--ux-ok)}
.fr-status-warn .fr-status-meter i{background:var(--ux-warn)}
.fr-status-danger .fr-status-meter i{background:var(--ux-danger)}
.fr-status-neutral .fr-status-meter i{background:var(--ux-ink-muted)}
.fr-status-brand .fr-status-meter i{background:var(--ux-brand)}
.fr-status-val{font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-mono);color:var(--ux-ink);font-variant-numeric:tabular-nums}
.fr-status-val small{font-weight:var(--ux-weight-medium);color:var(--ux-ink-muted)}
.fr-status-l{font-size:var(--ux-text-caption);font-weight:var(--ux-weight-semibold);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted)}
.fr-status-ok .fr-status-l{color:var(--ux-ok)}
.fr-status-warn .fr-status-l{color:var(--ux-warn)}
.fr-status-danger .fr-status-l{color:var(--ux-danger)}
.fr-status-brand .fr-status-l{color:var(--ux-brand-ink)}
.fr-evidence-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fr-ev{display:grid;gap:5px}
.fr-ev-label{font-size:var(--ux-text-small);font-weight:var(--ux-weight-semibold);color:var(--ux-ink)}
.fr-ev-quotes{display:flex;flex-wrap:wrap;gap:7px}
.fr-ev-quotes q{quotes:none;font-family:var(--ux-font-mono);font-size:var(--ux-text-caption);color:var(--ux-ink);background:var(--ux-brand-tint);border:1px solid var(--ux-line);border-radius:7px;padding:3px 10px}
.fr-ev-quotes q::before,.fr-ev-quotes q::after{content:'"';color:var(--ux-ink-muted)}
.fr-ev-note{font-size:var(--ux-text-caption);color:var(--ux-ink-muted)}
.fr-evidence{margin:0}
.fr-evidence-empty{margin:0;font-size:var(--ux-text-small);color:var(--ux-ink-muted);font-style:italic}
.fr-gaps{border-top:1px dashed var(--ux-line);padding-top:var(--ux-space-3);display:grid;gap:8px}
.fr-gaps-h{margin:0;font-family:var(--ux-font-mono);font-size:var(--ux-text-micro);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.fr-gaps-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fr-gap{display:inline-flex;align-items:baseline;gap:7px;padding:5px 12px;border-radius:999px;border:1px dashed var(--ux-line);font-size:var(--ux-text-caption);color:var(--ux-ink-muted)}
.fr-gap-label{color:var(--ux-ink);font-weight:var(--ux-weight-medium)}
.fr-gap-note{font-size:var(--ux-text-caption);color:var(--ux-ink-muted)}

.fr-gap > .fr-gap-action{margin-left:2px}
.fr-gaps-empty{margin:0;font-size:var(--ux-text-small);color:var(--ux-ink-muted)}
.fr-measurement{margin:0;font-family:var(--ux-font-mono);font-size:var(--ux-text-micro);color:var(--ux-ink-muted);line-height:var(--ux-leading-normal);border-top:1px solid var(--ux-line);padding-top:var(--ux-space-2)}
.fr-detail{margin:0}
.fr-detail-sum{cursor:pointer;font-size:var(--ux-text-caption);font-weight:var(--ux-weight-semibold);color:var(--ux-accent);list-style:none}
.fr-detail-sum::-webkit-details-marker{display:none}
.fr-detail-body{margin-top:var(--ux-space-3)}





.footer{background:var(--ux-bg);padding:var(--ux-space-7) var(--ux-space-4) var(--ux-space-5);position:relative;overflow:clip}
.footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,90%);height:1px;background:var(--ux-hairline)}
.footer__wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--ux-space-6)}

.footer__wordmark{position:absolute;right:clamp(-40px,-2vw,0px);bottom:-6vw;font-family:var(--ux-font-display,var(--ux-font-sans));font-weight:var(--ux-weight-bold);font-size:clamp(120px,20vw,320px);line-height:1;color:color-mix(in srgb,var(--ux-ink) 5%,transparent);letter-spacing:-.03em;pointer-events:none;white-space:nowrap;z-index:0;user-select:none}

.footer__mark{margin:0 0 10px}

.footer__tag{font-family:var(--ux-font-mono);font-size:var(--ux-text-micro);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted);margin:0}
.footer__col h2{font-family:var(--ux-font-mono);font-size:12px;letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted);margin:0 0 18px;font-weight:700;line-height:1}
.footer__col ul{list-style:none;margin:0;padding:0}
.footer__col li{margin:0}
.footer__col a{color:var(--ux-ink);opacity:.75;text-decoration:none;font-size:var(--ux-text-small);font-family:var(--ux-font-sans);transition:opacity var(--ux-dur-fast) var(--ux-ease-out),color var(--ux-dur-fast) var(--ux-ease-out)}
.footer__col a:hover{opacity:1;color:var(--ux-brand-ink)}
.footer__legal{max-width:1180px;margin:var(--ux-space-6) auto 0;padding-top:var(--ux-space-4);border-top:1px solid var(--ux-line);display:flex;justify-content:space-between;gap:var(--ux-space-4);flex-wrap:wrap}
.footer__legal p{font-family:var(--ux-font-mono);font-size:12px;color:var(--ux-ink-muted);opacity:.6;margin:0}

.footer--ink{background:var(--ux-bg);padding:var(--ux-space-7) var(--ux-space-5) var(--ux-space-6);border-top:2px solid var(--ux-ink)}
.footer--ink::before{display:none}
.footer--ink .footer__wrap{max-width:var(--ux-maxw);grid-template-columns:1fr repeat(3,minmax(140px,auto));gap:var(--ux-space-7)}
.footer--ink .footer__tag{font-family:var(--ux-font-stamp,var(--ux-font-mono));font-weight:var(--ux-weight-bold);font-size:var(--ux-text-small);letter-spacing:0;text-transform:none;color:var(--ux-ink)}
.footer--ink .footer__col h2{font-family:var(--ux-font-stamp,var(--ux-font-mono));font-size:var(--ux-text-micro);font-weight:var(--ux-weight-bold);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted);margin:0 0 var(--ux-space-3)}
.footer--ink .footer__col li{margin:0 0 var(--ux-space-2)}
.footer--ink .footer__col a{color:var(--ux-ink);opacity:1;font-size:var(--ux-text-body)}
.footer--ink .footer__col a:hover{text-decoration:underline;text-underline-offset:4px}
.footer--ink .footer__legal{max-width:var(--ux-maxw);border-top:1px solid var(--ux-line);margin-top:var(--ux-space-7)}
.footer--ink .footer__legal p{font-family:var(--ux-font-sans);font-size:var(--ux-text-caption);color:var(--ux-ink-muted);opacity:1}
@media(max-width:760px){
  .footer--ink{padding:var(--ux-space-7) var(--ux-space-4) var(--ux-space-5)}
  .footer--ink .footer__wrap{grid-template-columns:1fr;gap:var(--ux-space-5)}
  .footer--ink .footer__legal{margin-top:var(--ux-space-5)}
}
@media(max-width:760px){
  .footer{padding:var(--ux-space-7) var(--ux-space-4) var(--ux-space-5)}
  .footer__wrap{grid-template-columns:1fr;gap:var(--ux-space-7)}
  .footer__legal{flex-direction:column}
}




.gap-socket__board{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-6)}
.gap-socket__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--ux-space-3);width:min(100%,17rem)}
.gap-socket__cell{display:block;aspect-ratio:1;border-radius:50%;box-sizing:border-box}
.gap-socket__cell--peer{background:var(--dfam-ink)}
.gap-socket__cell--empty{border:2px solid var(--dfam-peer)}
.gap-socket__cell--hole{border:2px dashed var(--dfam-lit);box-shadow:var(--dfam-glow);position:relative}
.gap-socket__cell--hole::after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--dfam-lit)}
.gap-socket__aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-2)}
.gap-socket__who{margin:var(--ux-space-3) 0 0;color:var(--dfam-kick);font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase}
.gap-socket__legend{margin:0;color:var(--dfam-muted);font-size:var(--ux-text-small);line-height:var(--ux-leading-snug)}




.link,.section__blurb a{text-decoration:none;color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}
@media (hover:hover){.link:hover,.section__blurb a:hover{animation:ux-link-grow var(--ux-dur-med) var(--ux-ease-press) forwards}}
@keyframes ux-link-grow{30%{background-size:15% 1px}40%{background-size:20% 1px}45%{background-size:60% 1px}50%{background-size:70% 1px}100%{background-size:100% 1px}}




.lr{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ux-space-4);padding:var(--ux-space-4);background:var(--ux-surface);border:1px solid var(--ux-ink);box-sizing:border-box}
.lr__main{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--ux-space-2)}
.lr__title{margin:0;font:var(--ux-weight-heavy) var(--ux-text-h2)/1.15 var(--ux-font-sans);letter-spacing:var(--ux-track-snug);color:var(--ux-ink);overflow-wrap:anywhere}
.lr__detail{margin:0;font-size:var(--ux-text-small);line-height:var(--ux-leading-snug);color:var(--ux-ink-soft)}

.lr__bar{display:block;width:min(100%,320px);height:12px;background:var(--ux-peer,var(--ux-line))}
.lr__chip{flex:none;padding:var(--ux-space-2) var(--ux-space-3);font:var(--ux-weight-bold) var(--ux-text-caption)/1 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase;text-decoration:none;white-space:nowrap}
.lr__chip--lock{background:var(--ux-surface);color:var(--ux-ink);border:2px solid var(--ux-ink);box-shadow:3px 3px 0 var(--ux-brand)}
.lr__chip--found{background:var(--ux-brand);color:var(--ux-ink)}
a.lr__chip--lock:hover,a.lr__chip--lock:focus-visible{background:var(--ux-brand);color:var(--ux-ink)}
.lr+.lr{margin-top:var(--ux-space-2)}
.lr--locked,.lr--open{border-color:var(--ux-ink)}





.logo{--logo-size:28px;--logo-x:var(--ux-signal);--logo-text:var(--ux-ink);--logo-teeth:var(--ux-surface);
  display:inline-flex;align-items:center;gap:0;position:relative;box-sizing:border-box;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;
  font-size:var(--logo-size);line-height:1;letter-spacing:0;color:var(--logo-text);text-transform:uppercase;white-space:nowrap}
.logo--on-pink{--logo-x:var(--ux-surface)}
.logo__u,.logo__ray{display:block;line-height:1}
.logo__face{display:block;flex:none;width:1.02em;height:1.02em;margin:0 -.08em;overflow:visible}
.logo__bowl{fill:var(--logo-text)}
.logo__teeth{stroke:var(--logo-teeth);transform-box:fill-box;transform-origin:center top}
.logo__eye{stroke:var(--logo-x)}

.logo--nav{--logo-size:30px}
.logo--hero{--logo-size:clamp(56px,9vw,104px)}
.logo--404{--logo-size:clamp(48px,8vw,88px)}
.logo--scan{--logo-size:30px;overflow:hidden}
.logo--error{--logo-size:clamp(44px,7vw,72px)}
.logo--badge{--logo-size:44px;padding:var(--ux-space-3) var(--ux-space-4);border:3px solid var(--logo-text);outline:1px solid var(--logo-text);outline-offset:-8px;transform:rotate(-4deg);background:var(--ux-surface)}
.logo--on-pink.logo--badge{background:transparent}


.logo--favicon{--logo-size:64px;width:var(--logo-size);height:var(--logo-size);align-items:center;justify-content:center;background:var(--ux-surface);border:2px solid var(--logo-text);border-radius:var(--ux-radius-badge,16px)}
.logo--favicon .logo__face{width:82%;height:82%;margin:0}
.logo--favicon.logo--on-pink{background:var(--ux-brand);border-color:var(--ux-brand)}


.logo__e{transform-box:fill-box;transform-origin:center}
.logo__jaw{transform-box:fill-box;transform-origin:center top}
@media (prefers-reduced-motion:no-preference){
  .logo__e{transition:transform var(--ux-dur-quick,240ms) var(--ux-ease-slap,cubic-bezier(.34,1.8,.64,1))}
  a.brand:hover .logo__e--l,.logo--hero:hover .logo__e--l,.logo--404:hover .logo__e--l,.logo--scan:hover .logo__e--l,a.brand:focus-visible .logo__e--l{transform:rotate(8deg)}
  a.brand:hover .logo__e--r,.logo--hero:hover .logo__e--r,.logo--404:hover .logo__e--r,.logo--scan:hover .logo__e--r,a.brand:focus-visible .logo__e--r{transform:rotate(-10deg)}
  a.brand:hover .logo__jaw,.logo--hero:hover .logo__jaw,.logo--404:hover .logo__jaw,.logo--scan:hover .logo__jaw,a.brand:focus-visible .logo__jaw{animation:logo-grin-jaw var(--ux-dur-base,480ms) var(--ux-ease-out,ease-out) both}
  a.brand:hover .logo__teeth,.logo--hero:hover .logo__teeth,.logo--404:hover .logo__teeth,.logo--scan:hover .logo__teeth,a.brand:focus-visible .logo__teeth{animation:logo-grin-teeth var(--ux-dur-base,480ms) var(--ux-ease-out,ease-out) both}
  
  .logo--wake .logo__e--r{animation:logo-wake-eye var(--ux-dur-base,480ms) var(--ux-ease-slap,cubic-bezier(.34,1.8,.64,1)) 120ms both}
  .logo--wake .logo__e--l{animation:logo-wake-eye var(--ux-dur-base,480ms) var(--ux-ease-slap,cubic-bezier(.34,1.8,.64,1)) 240ms both}
  .logo--wake .logo__jaw{animation:logo-wake-jaw var(--ux-dur-slow,900ms) var(--ux-ease-out,ease-out) 360ms both}
  .logo--wake .logo__teeth{animation:logo-wake-teeth var(--ux-dur-slow,900ms) var(--ux-ease-out,ease-out) 360ms both}
  
  .logo--scan .logo__e--l{animation:logo-scan-eye-l 2.8s ease-in-out infinite}
  .logo--scan .logo__e--r{animation:logo-scan-eye-r 2.8s ease-in-out infinite}
  .logo--scan .logo__teeth{animation:logo-scan-teeth 2.8s ease-in-out infinite}
}
@keyframes logo-grin-jaw{0%{transform:scale(1)}30%{transform:scale(1.04,1.2)}60%{transform:scale(1.02,.9)}100%{transform:scale(1.04,1.04)}}
@keyframes logo-grin-teeth{0%{transform:scaleY(1)}30%{transform:scaleY(1.12)}60%{transform:scaleY(.62)}100%{transform:scaleY(1)}}
@keyframes logo-wake-eye{0%{transform:scale(.1) rotate(-60deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes logo-wake-jaw{0%{transform:scale(.4,0)}35%{transform:scale(1.05,1.25)}55%{transform:scale(1,.92)}100%{transform:scale(1)}}
@keyframes logo-wake-teeth{0%,30%{transform:scaleY(0)}45%{transform:scaleY(1.1)}60%{transform:scaleY(.55)}75%{transform:scaleY(1.05)}85%{transform:scaleY(.7)}100%{transform:scaleY(1)}}
@keyframes logo-scan-eye-l{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(3px) rotate(8deg)}}
@keyframes logo-scan-eye-r{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(3px) rotate(-10deg)}}
@keyframes logo-scan-teeth{0%,70%,100%{transform:scaleY(1)}82%{transform:scaleY(.62)}}


.logo__sweep{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--logo-x);opacity:.9}
@media (prefers-reduced-motion:no-preference){
  .logo__sweep{animation:logo-sweep var(--ux-dur-scan,1400ms) var(--ux-ease-wipe,linear) infinite}
}
@keyframes logo-sweep{0%{top:8%}100%{top:92%}}




.meter{margin:0 0 var(--ux-space-3)}
.meter__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ux-space-3);margin:0 0 6px}
.meter__label{font-size:var(--ux-text-small);color:var(--ux-ink);font-weight:var(--ux-weight-semibold)}
.meter__val{font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-mono);color:var(--ux-ink);font-variant-numeric:tabular-nums}
.meter__track{height:6px;border-radius:var(--ux-radius-pill);background:var(--ux-raised);overflow:hidden}
.meter__fill{display:block;height:100%;border-radius:var(--ux-radius-pill);transition:width var(--ux-dur-slow) var(--ux-ease-out)}
.meter__fill--brand{background:var(--ux-grad)}
.meter__fill--ok{background:var(--ux-ok)}
.meter__fill--warn{background:var(--ux-warn)}
.meter__fill--danger{background:var(--ux-danger)}
.meter__hint{font-size:var(--ux-text-caption);color:var(--ux-ink-muted);margin-top:4px}




@media (prefers-reduced-motion:no-preference){

  
  [data-motion="crown"] .rank-crown__bar{transform-origin:bottom}
  [data-motion="crown"].mo-armed .rank-crown__bar{transform:scaleY(0)}
  [data-motion="crown"].mo-armed .rank-crown__crown{translate:0 -160%}
  [data-motion="crown"].mo-in .rank-crown__bar{animation:mo-rise var(--ux-dur-base2) var(--ux-ease-out) both;animation-delay:calc(var(--i,0) * var(--ux-dur-stagger))}
  [data-motion="crown"].mo-in .rank-crown__col--me .rank-crown__bar{animation-delay:calc(var(--cols,20) * var(--ux-dur-stagger))}
  [data-motion="crown"].mo-in .rank-crown__crown{animation:mo-drop var(--ux-dur-quick) var(--ux-ease-slap) both;animation-delay:calc((var(--cols,20) + 4) * var(--ux-dur-stagger))}
  [data-motion="crown"].mo-in .rank-crown__col--me .rank-crown__bar{animation-name:mo-rise,mo-glow;animation-duration:var(--ux-dur-base2),var(--ux-dur-slow2);animation-timing-function:var(--ux-ease-out),var(--ux-ease-out);
    animation-delay:calc(var(--cols,20) * var(--ux-dur-stagger)),calc((var(--cols,20) + 4) * var(--ux-dur-stagger))}

  
  [data-motion="tape"].mo-armed{translate:0 -14px;scale:1.12;rotate:-5deg}
  [data-motion="tape"].mo-in{animation:mo-slap var(--ux-dur-snap) var(--ux-ease-slap) both}

  
  [data-motion="stamp"].mo-armed{scale:1.3}
  [data-motion="stamp"].mo-in{animation:mo-thump var(--ux-dur-base2) var(--ux-ease-thump) both}

  
  [data-motion="wipe"]{position:relative}
  [data-motion="wipe"].mo-in::after{content:"";position:absolute;inset:0;z-index:2;background:var(--ux-brand);pointer-events:none;animation:mo-wipe var(--ux-dur-slow2) var(--ux-ease-wipe) both}

  
  [data-motion="photocopy"].mo-armed .shotframe__img{filter:grayscale(1) contrast(2.6) blur(3px)}
  [data-motion="photocopy"].mo-in .shotframe__img{animation:mo-copy var(--ux-dur-base2) steps(7,end) both}
  [data-motion="photocopy"].mo-in::before{content:"";position:absolute;inset:0;z-index:2;background:var(--ux-brand);mix-blend-mode:multiply;opacity:.18;pointer-events:none;animation:mo-register var(--ux-dur-base2) steps(7,end) both}

  
  .ret[data-motion="lockon"].mo-armed{scale:2.4}
  .ret[data-motion="lockon"].mo-in{animation:mo-snap var(--ux-dur-quick) var(--ux-ease-slap) both}
  .ret[data-motion="lockon"].mo-in:nth-of-type(2){animation-delay:calc(var(--ux-dur-quick) * 1.5)}
  .ret[data-motion="lockon"].mo-in:nth-of-type(3){animation-delay:calc(var(--ux-dur-quick) * 3)}

  
  [data-motion="tear"]{position:relative;overflow:hidden}
  [data-motion="tear"].mo-in::after{content:"";position:absolute;inset:0;z-index:2;background:var(--ux-surface);pointer-events:none;
    clip-path:polygon(0 0,100% 0,100% 92%,94% 97%,88% 91%,80% 98%,71% 92%,62% 99%,52% 93%,43% 98%,33% 92%,24% 99%,14% 93%,6% 98%,0 92%);animation:mo-tear var(--ux-dur-slow2) var(--ux-ease-wipe) both}

  
  .lr:has(.lr__chip.mo-in){animation:mo-shake var(--ux-dur-quick) var(--ux-ease-out)}
}

@keyframes mo-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mo-drop{from{translate:0 -160%}to{translate:0 0}}
@keyframes mo-glow{0%{box-shadow:none}45%{box-shadow:var(--dfam-glow,none)}100%{box-shadow:var(--dfam-glow,none)}}
@keyframes mo-slap{from{translate:0 -14px;scale:1.12;rotate:-5deg}to{translate:0 0;scale:1;rotate:0deg}}
@keyframes mo-thump{0%{scale:1.3}70%{scale:1;translate:0 0}80%{translate:2px -2px}90%{translate:-2px 2px}100%{scale:1;translate:0 0}}
@keyframes mo-wipe{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes mo-copy{from{filter:grayscale(1) contrast(2.6) blur(3px)}to{filter:none}}
@keyframes mo-register{from{translate:6px 4px;opacity:.5}to{translate:0 0;opacity:.18}}
@keyframes mo-snap{from{scale:2.4}to{scale:1}}
@keyframes mo-tear{from{translate:0 0}to{translate:0 -105%}}
@keyframes mo-shake{0%,100%{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}






.nav{position:sticky;top:0;z-index:var(--ux-z-sticky);border-bottom:1px solid var(--ux-line);background:var(--ux-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}


.nav--top .nav-in{max-width:var(--ux-maxw);margin:0 auto;padding:var(--ux-space-3) var(--ux-space-4);display:flex;align-items:center;gap:clamp(var(--ux-space-3),3vw,var(--ux-space-6));min-width:0}




.nav-links{flex:1 1 auto;min-width:0;display:flex}
.nav-list{display:flex;align-items:center;gap:clamp(var(--ux-space-3),2.5vw,var(--ux-space-6));list-style:none;margin:0;padding:0;min-width:0}
.nav-item{position:relative;display:flex;align-items:center}
.nav-links a{color:var(--ux-ink-muted);text-decoration:none;font-size:var(--ux-text-small);letter-spacing:.01em;transition:color var(--ux-dur-fast) var(--ux-ease-out)}
.nav-links a:hover{color:var(--ux-ink)}
.nav-links a.active{color:var(--ux-ink);box-shadow:inset 0 -2px 0 var(--ux-brand)}


.nav-actions{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:var(--ux-space-3)}

.section--plate .nav-links a{color:var(--ux-plate-ink)}
.section--plate .nav-links a:hover{color:var(--ux-plate-ink)}
.section--plate .nav-actions .btn--primary{background:var(--ux-plate-ink);color:var(--ux-plate-bg);border-color:var(--ux-plate-ink)}


.nav--top .nav-link:focus-visible{border-radius:var(--ux-radius-xs)}




.nav-t-short{display:none}


.nav-item--collapsed{display:none}


@media(max-width:640px){
  .nav-item--tier{display:none}
  .nav-item--collapsed{display:flex}
}

@media(max-width:760px){
  .nav--top .nav-in{padding:var(--ux-space-2) var(--ux-space-4)}
  .nav-t-full{display:none}
  .nav-t-short{display:inline}
  .nav-actions{gap:var(--ux-space-2)}
}


@media(max-width:400px){
  .nav--top .nav-in{padding:var(--ux-space-2) var(--ux-space-3);gap:var(--ux-space-2)}
  .nav-actions .btn--sm{padding-left:var(--ux-space-2);padding-right:var(--ux-space-2)}
}


.nav--ink{background:var(--ux-surface);border-bottom:2px solid var(--ux-ink);-webkit-backdrop-filter:none;backdrop-filter:none}

.nav--ink.nav--top .nav-in{max-width:calc(var(--ux-maxw) + 2*var(--ux-space-5));padding:var(--ux-space-4) var(--ux-space-5)!important;gap:var(--ux-space-5)}
.nav--ink .nav-links{flex:0 1 auto;margin-left:auto}
.nav--ink .nav-list{gap:var(--ux-space-5)}
.nav--ink .nav-links a,.nav--ink .nav-menu__list a{color:var(--ux-ink);font-size:var(--ux-text-small);font-weight:var(--ux-weight-bold);letter-spacing:0;white-space:nowrap;text-decoration:none}
.nav--ink .nav-links a:hover,.nav--ink .nav-menu__list a:hover{text-decoration:underline;text-underline-offset:4px}
.nav--ink .nav-links a.active,.nav--ink .nav-menu__list a.active{box-shadow:inset 0 -2px 0 var(--ux-brand);font-weight:var(--ux-weight-heavy)}
.nav--ink .nav-actions{margin-left:0}

.nav--ink .nav-actions .btn{font-size:var(--ux-text-small);font-weight:var(--ux-weight-bold)}
.nav--ink .nav-menu{display:none;position:relative}
.nav--ink .nav-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ux-space-2);padding:0 var(--ux-space-3);height:calc(var(--ux-control-h) - 8px);border-radius:var(--ux-radius-sm);color:var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-caption)/1 var(--ux-font-stamp,var(--ux-font-sans));letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.nav--ink .nav-menu summary::-webkit-details-marker{display:none}
.nav--ink .nav-menu[open] summary{background:var(--ux-surface)}
.nav--ink .nav-menu__list{position:absolute;right:0;top:100%;margin:var(--ux-space-2) 0 0;padding:var(--ux-space-2);list-style:none;min-width:200px;background:var(--ux-surface);border:2px solid var(--ux-ink);border-radius:var(--ux-radius-md)}
.nav--ink .nav-menu__item a{display:block;padding:var(--ux-space-3)}
@media(max-width:760px){
  .nav--ink.nav--top .nav-in{padding:var(--ux-space-3) var(--ux-space-4)!important;gap:var(--ux-space-3)}
  .nav--ink .nav-links{display:none}
  .nav--ink .nav-actions{margin-left:auto}
  .nav--ink .nav-menu{display:block}
}


.nav--sub{background:color-mix(in srgb,var(--ux-overlay) 65%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

.nav--sub .nav-sub-in{max-width:var(--ux-maxw);margin:0 auto;padding:var(--ux-space-2) clamp(var(--ux-space-4),4vw,var(--ux-space-6));display:flex;align-items:center;gap:var(--ux-space-3) var(--ux-space-5);flex-wrap:wrap}

.nav-sub-count{display:inline-flex;align-items:center;gap:var(--ux-space-2);color:var(--ux-ink-muted);text-decoration:none;font-family:var(--ux-font-mono);font-size:var(--ux-text-caption);letter-spacing:.03em;white-space:nowrap}
.nav-sub-count b{color:var(--ux-brand-ink);font-size:var(--ux-text-micro)}
.nav-sub-count:hover{color:var(--ux-ink)}

.nav-sub-seg{display:inline-flex;gap:1px;padding:1px;background:color-mix(in srgb,var(--ux-ink) 4%,transparent);border:1px solid var(--ux-line);border-radius:var(--ux-radius-sm)}

.nav-sub-pill{display:inline-flex;align-items:center;gap:var(--ux-space-2);padding:var(--ux-space-2) var(--ux-space-4);border-radius:var(--ux-radius-sm);font-size:var(--ux-text-small);color:var(--ux-ink-muted);text-decoration:none;white-space:nowrap;transition:background var(--ux-dur-fast) var(--ux-ease-out),color var(--ux-dur-fast)}
.nav-sub-pill:hover{color:var(--ux-ink);background:color-mix(in srgb,var(--ux-ink) 6%,transparent)}
.nav-sub-pill.active{color:var(--ux-on-brand);background:var(--ux-grad);box-shadow:0 2px var(--ux-space-4) var(--ux-brand-tint)}

.nav-sub-all{margin-left:auto;color:var(--ux-brand-ink);text-decoration:none;font-size:var(--ux-text-small);font-weight:var(--ux-weight-semibold);white-space:nowrap}
.nav-sub-all:hover{text-decoration:underline}

@media(max-width:640px){
  .nav--sub .nav-sub-in{padding:var(--ux-space-2) var(--ux-space-4);gap:var(--ux-space-2) var(--ux-space-3)}
  .nav-sub-count{order:1}
  .nav-sub-all{order:2;margin-left:auto}
  .nav-sub-seg{order:3;width:100%}
  .nav-sub-pill{flex:1;justify-content:center;padding:var(--ux-space-2) var(--ux-space-2)}
}





.og-card{position:relative;width:1200px;height:630px;background:var(--ux-bg);display:grid;
  grid-template-columns:1fr 440px;gap:56px;padding:72px 72px 64px;box-sizing:border-box;overflow:hidden}
.og-left{display:flex;flex-direction:column;justify-content:center;min-width:0}
.og-eyebrow{margin:0 0 26px;font:700 15px/1 var(--ux-font-mono);letter-spacing:.18em;color:var(--ux-brand-ink)}
.og-title{margin:0;font:800 60px/1.08 var(--ux-font-display);letter-spacing:-.022em;color:var(--ux-ink);
  text-wrap:balance}
.og-statline{display:flex;align-items:baseline;gap:16px;margin:38px 0 0}
.og-stat{font:800 76px/1 var(--ux-font-display);letter-spacing:-.03em;color:var(--ux-brand-ink)}
.og-stat-label{font:600 19px/1.3 var(--ux-font-sans);color:var(--ux-ink-soft);max-width:270px}
.og-source{margin:26px 0 0;font:500 15px/1.4 var(--ux-font-mono);color:var(--ux-ink-muted)}

.og-rule{position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--ux-brand)}


.og-card--thumb{height:420px;padding:0;grid-template-columns:1fr;gap:0;place-items:center}
.og-card--thumb .og-right{width:100%;height:100%}
.og-card--thumb .og-mock{width:auto;height:300px}
.og-card--thumb .og-pg{border-width:3px;border-radius:14px;padding:22px}
.og-card--thumb .og-chrome i{width:11px;height:11px}
.og-card--thumb .og-bar{height:11px}
.og-card--thumb .og-r{height:18px;margin-bottom:16px;border-radius:4px}


.og-card--thumb .og-mock-depth{width:400px}
.og-card--thumb .og-mock-depth .og-pg{width:260px;height:260px}
.og-card--thumb .og-mock-depth .og-pg-3{top:0;right:0}
.og-card--thumb .og-mock-depth .og-pg-2{top:20px;right:30px}
.og-card--thumb .og-mock-depth .og-pg-1{top:40px;right:60px}


.og-card--thumb .og-mock-absence{width:340px}
.og-card--thumb .og-mock-absence .og-pg-1{top:0;left:0;width:340px;height:300px}
.og-card--thumb .og-slot{height:74px;margin:16px 0;border-width:3px}

.og-card--thumb .og-slot span{display:none}
.og-card--thumb .og-cta{height:40px}


.og-card--thumb .og-mock-census{width:620px}
.og-card--thumb .og-grid{inset:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);gap:14px}
.og-card--thumb .og-tile{border-width:3px;border-radius:8px}


.og-right{position:relative;display:flex;align-items:center;justify-content:center}
.og-mock{position:relative;width:100%;height:420px}
.og-pg{position:absolute;background:var(--ux-surface);border:2px solid var(--ux-ink);
  border-radius:10px;padding:16px;box-sizing:border-box}
.og-chrome{display:flex;align-items:center;gap:6px;margin:0 0 16px}
.og-chrome i{width:8px;height:8px;border-radius:50%;background:var(--ux-line-strong)}
.og-bar{flex:1;height:8px;margin-left:8px;border-radius:4px;background:var(--ux-line)}
.og-r{height:13px;border-radius:3px;background:var(--ux-line-strong);margin:0 0 12px}
.og-r-lg{width:100%}
.og-r-md{width:74%}
.og-r-sm{width:46%}
.og-r.is-accent{background:var(--ux-brand)}


.og-mock-depth .og-pg{width:300px;height:300px}
.og-mock-depth .og-pg-3{top:0;right:0;opacity:.22}
.og-mock-depth .og-pg-2{top:38px;right:38px;opacity:.5}
.og-mock-depth .og-pg-1{top:76px;right:76px}


.og-mock-absence .og-pg-1{top:20px;left:32px;width:340px;height:380px}
.og-slot{height:78px;margin:18px 0;border:2px dashed var(--ux-brand);border-radius:8px;
  display:flex;align-items:center;justify-content:center;background:var(--ux-brand-tint)}
.og-slot span{font:700 13px/1 var(--ux-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ux-brand-ink)}
.og-cta{height:34px;width:56%;border-radius:6px;background:var(--ux-ink)}


.og-grid{position:absolute;inset:24px 0;display:grid;grid-template-columns:repeat(4,1fr);
  grid-auto-rows:1fr;gap:14px}
.og-tile{border:2px solid var(--ux-ink);border-radius:6px;opacity:.28}
.og-tile.is-hit{background:var(--ux-brand);border-color:var(--ux-brand);opacity:1}




.rank-crown__sky{margin:0;padding:var(--ux-space-7) 0 0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));align-items:end;gap:var(--ux-space-1);height:clamp(200px,52vw,320px);box-sizing:border-box}
.rank-crown__col{position:relative;height:100%;display:flex;align-items:flex-end}
.rank-crown__bar{display:block;width:100%;height:var(--h);box-sizing:border-box}
.rank-crown__col--peer .rank-crown__bar{background:var(--dfam-peer)}
.rank-crown__col--me .rank-crown__bar{background:var(--dfam-lit);box-shadow:var(--dfam-glow)}
.rank-crown__col--ahead .rank-crown__bar{border:1px dashed var(--dfam-peer)}

.rank-crown__crown{position:absolute;left:50%;bottom:calc(var(--h) + var(--ux-space-1));width:calc(100% + var(--ux-space-6));max-width:56px;min-width:36px;transform:translateX(-50%);overflow:visible}
.rank-crown__crown-body{fill:var(--dfam-lit);stroke:var(--dfam-lit);stroke-width:3;stroke-linejoin:round}
.rank-crown__crown-band{fill:var(--dfam-lit)}
.rank-crown__labs{display:flex;justify-content:space-between;gap:var(--ux-space-4);margin-top:var(--ux-space-3);font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--dfam-muted)}
.rank-crown__lab-end{display:flex;gap:var(--ux-space-4)}
.rank-crown__lab--me{color:var(--dfam-kick)}
.rank-crown__lab{white-space:nowrap}




.rarity-rope__field{--pad:var(--ux-space-3);position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--ux-space-2);padding:var(--pad);max-width:30rem}
.rarity-rope__pip{display:block;aspect-ratio:1;border-radius:50%;box-sizing:border-box;position:relative;z-index:1}
.rarity-rope__pip--have{background:var(--dfam-ink)}
.rarity-rope__pip--rest{border:1.5px solid var(--dfam-peer)}
.rarity-rope__pip--site{background:var(--dfam-lit);box-shadow:var(--dfam-glow)}
.rarity-rope__pip--out{border:2px dashed var(--dfam-lit);box-shadow:var(--dfam-glow)}
.rarity-rope__rope{position:absolute;top:0;left:0;right:0;height:calc((100% - 2 * var(--pad)) * var(--rope-rows) / var(--rows) + 2 * var(--pad));box-sizing:border-box;border:2px dashed var(--dfam-lit);border-radius:var(--ux-radius-xs);pointer-events:none}

.rarity-rope__rope::before,.rarity-rope__rope::after{content:"";position:absolute;top:50%;width:var(--ux-space-2);height:var(--ux-space-2);margin-top:calc(var(--ux-space-1) * -1);border-radius:50%;background:var(--dfam-ink)}
.rarity-rope__rope::before{left:calc(var(--ux-space-1) * -1)}
.rarity-rope__rope::after{right:calc(var(--ux-space-1) * -1)}
.rarity-rope__note{margin:var(--ux-space-3) 0 0;color:var(--dfam-muted);font-size:var(--ux-text-small);line-height:var(--ux-leading-snug)}




.rd-cols{display:grid;grid-template-columns:[full-start] minmax(var(--ux-space-5),1fr) [toc-start] 200px [toc-end] var(--ux-space-6) [body-start] minmax(0,65ch) [body-end] var(--ux-space-6) [note-start] 220px [note-end] minmax(var(--ux-space-5),1fr) [full-end]}


.rd-head{padding:var(--ux-space-8) 0 var(--ux-space-7)}
.rd-head__in{grid-column:toc-start / note-end;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-4);min-width:0}
.rd-kick{margin:0}
.rd-title{margin:0;max-width:16em;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(40px,5.2vw,76px);line-height:.95;letter-spacing:0;text-transform:uppercase;color:var(--ux-ink);text-wrap:balance;overflow-wrap:anywhere}
.rd-title .neon,.rd-title span{color:inherit}
.rd-dek{margin:0;max-width:44em;font-size:clamp(18px,1.4vw,20px);line-height:var(--ux-leading-snug);color:var(--ux-ink-soft)}
.rd-meta{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.5 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted)}
.rd-meta .badge{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}


.rd-tocwrap{grid-column:toc;grid-row:1 / span 4;align-self:stretch}
.rd-toc{position:sticky;top:var(--ux-space-6);padding-top:var(--ux-space-2)}
.rd-toc__h{margin:0 0 var(--ux-space-3);font:var(--ux-weight-bold) var(--ux-text-micro)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}
.rd-toc ul{list-style:none;margin:0;padding:0}
.rd-toc li{margin:0}
.rd-toc a{position:relative;display:block;padding:var(--ux-space-1) 0 var(--ux-space-1) var(--ux-space-4);font-size:var(--ux-text-small);line-height:var(--ux-leading-snug);color:var(--ux-ink-soft);text-decoration:none}
.rd-toc a:hover{color:var(--ux-ink)}
.rd-toc a[aria-current="true"]{color:var(--ux-ink);font-weight:var(--ux-weight-bold)}

.rd-toc a[aria-current="true"]::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;background:var(--ux-signal)}


.rd-main{grid-column:body;min-width:0;padding-bottom:var(--ux-space-6);font-size:clamp(16px,1.25vw,18px);font-weight:var(--ux-weight-medium);line-height:var(--ux-leading-loose);color:var(--ux-ink-soft)}
.rd-main :is(h2,h3){scroll-margin-top:var(--ux-space-6);color:var(--ux-ink)}
.rd-main h2{margin:var(--ux-space-7) 0 var(--ux-space-3);font-family:var(--ux-font-sans);font-weight:var(--ux-weight-heavy);font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.01em;text-transform:none}
.rd-main > h2:first-child{margin-top:0}
.rd-main h3{margin:var(--ux-space-6) 0 var(--ux-space-2);font-family:var(--ux-font-sans);font-weight:var(--ux-weight-heavy);font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.01em}
.rd-main p{margin:0 0 var(--ux-space-4)}
.rd-main :is(ul,ol){margin:0 0 var(--ux-space-4);padding-left:var(--ux-space-5)}
.rd-main li{margin:0 0 var(--ux-space-2)}
.rd-main strong,.rd-main b{color:var(--ux-ink);font-weight:var(--ux-weight-heavy)}
.rd-main a{color:var(--ux-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.rd-main a:hover{text-decoration-color:var(--ux-signal);text-decoration-thickness:2px}
.rd-main hr{border:0;border-top:1px solid var(--ux-line);margin:var(--ux-space-6) 0}

.rd-main code{font-family:var(--ux-font-stamp);font-size:.84em;color:var(--ux-code-ink);overflow-wrap:anywhere;word-break:break-word}
.rd-main :not(pre) > code{background:var(--ux-code-bg);padding:0 var(--ux-space-1)}
.rd-main pre{margin:var(--ux-space-4) 0;padding:var(--ux-space-4);background:var(--ux-code-bg);overflow-x:auto;line-height:1.6}
.rd-main pre code{font-size:var(--ux-text-caption);white-space:pre;background:none;padding:0}

.rd-main table{width:100%;border-collapse:collapse;margin:var(--ux-space-4) 0 var(--ux-space-5);font-size:var(--ux-text-small)}
.rd-main thead th{padding:var(--ux-space-2) var(--ux-space-3) var(--ux-space-2) 0;text-align:left;font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted);border-bottom:1px solid var(--ux-ink)}
.rd-main :is(td,tbody th){padding:var(--ux-space-3) var(--ux-space-3) var(--ux-space-3) 0;vertical-align:baseline;border-bottom:1px solid var(--ux-line);font-variant-numeric:tabular-nums;text-align:left;font-weight:inherit}
.rd-main :is(.cx-tablewrap,.rd-tablewrap){overflow-x:auto}
.rd-main blockquote{margin:var(--ux-space-5) 0;padding:var(--ux-space-3) 0 0;border-top:2px solid var(--ux-ink);color:var(--ux-ink)}
.rd-main details{margin:0 0 var(--ux-space-3);border-bottom:1px solid var(--ux-line);padding-bottom:var(--ux-space-3)}
.rd-main summary{cursor:pointer;font-weight:var(--ux-weight-heavy);color:var(--ux-ink)}


.rd-source{margin:calc(-1 * var(--ux-space-2)) 0 var(--ux-space-5);font:var(--ux-weight-normal) var(--ux-text-micro)/1.5 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted);overflow-wrap:anywhere}
.rd-note{margin:0 0 var(--ux-space-4);font:var(--ux-weight-normal) var(--ux-text-micro)/1.5 var(--ux-font-stamp);color:var(--ux-ink-muted);overflow-wrap:anywhere}
@media (min-width:1180px){
  .rd-note{float:right;clear:right;width:220px;margin:0 calc(-220px - var(--ux-space-6)) var(--ux-space-4) var(--ux-space-4)}
}


.rd{position:relative}
.rd-main--2{padding-top:0}
.rd-pull{grid-column:full;display:grid;grid-template-columns:subgrid;background:var(--ux-panel);color:var(--ux-panel-ink);padding:var(--ux-space-8) 0;margin:var(--ux-space-4) 0 var(--ux-space-7)}
.rd-pull__in{grid-column:toc-start / note-end;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-3);min-width:0}
.rd-pull__tape{margin:0 0 var(--ux-space-2)}
.rd-pull__num{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(80px,10.4vw,150px);line-height:.9;letter-spacing:0;color:var(--ux-panel-ink)}
.rd-pull__label{margin:0;max-width:30em;font-size:clamp(18px,1.4vw,20px);line-height:var(--ux-leading-snug);color:var(--ux-panel-ink)}
.rd-pull__src{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.5 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-panel-ink)}


.rd-block{padding:0 0 var(--ux-space-7)}
.rd-wide{grid-column:toc-start / note-end;min-width:0}
.rd-wide .rs-wrap{max-width:none}


.rd-ctarow{padding-bottom:var(--ux-space-8)}
.rd-cta{grid-column:body;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-4) var(--ux-space-5);margin-top:var(--ux-space-5)}
.rd-cta__2{font-family:var(--ux-font-stamp);font-size:var(--ux-text-small);font-weight:var(--ux-weight-bold);color:var(--ux-ink);text-decoration:underline;text-underline-offset:3px}


@media (max-width:1179px){
  .rd-cols{grid-template-columns:[full-start] minmax(var(--ux-space-5),1fr) [toc-start] 180px [toc-end] var(--ux-space-5) [body-start] minmax(0,65ch) [body-end note-start note-end] minmax(var(--ux-space-5),1fr) [full-end]}
}
@media (max-width:899px){
  .rd-cols{grid-template-columns:[full-start] var(--ux-space-4) [toc-start body-start note-start] minmax(0,1fr) [toc-end body-end note-end] var(--ux-space-4) [full-end]}
  .rd-head{padding:var(--ux-space-6) 0 var(--ux-space-5)}
  .rd-tocwrap{grid-row:auto;order:-1;margin-bottom:var(--ux-space-5)}
  .rd-toc{position:static;padding:0}
  .rd-toc__h{display:none}
  .rd-toc ul{display:flex;flex-wrap:wrap;gap:var(--ux-space-2)}
  .rd-toc a{padding:var(--ux-space-1) var(--ux-space-2);border:1px solid var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-caption)/1.2 var(--ux-font-stamp);color:var(--ux-ink)}
  .rd-toc a[aria-current="true"]{background:var(--ux-signal);color:var(--ux-ink);border-color:var(--ux-signal)}
  .rd-toc a[aria-current="true"]::before{content:none}
  .rd-main h2{margin-top:var(--ux-space-6)}
  .rd-pull{padding:var(--ux-space-7) 0}
}


.rd-main dl.chk{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--ux-space-2) var(--ux-space-4);margin:var(--ux-space-4) 0 0;padding:0;background:none;align-items:baseline}
.rd-main dl.chk dt{margin:0}
.rd-main dl.chk dd{margin:0;color:var(--ux-ink-soft);font-size:var(--ux-text-small);line-height:1.6;min-width:0}
.rd-main dl.chk dt:target code{outline:2px solid var(--ux-signal);outline-offset:2px}
.rd-main .chk-g{font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-brand-ink);margin-left:var(--ux-space-2)}
@media(max-width:560px){.rd-main dl.chk{grid-template-columns:minmax(0,1fr);gap:2px}.rd-main dl.chk dd{margin:0 0 var(--ux-space-3)}}





.rebel{display:block;flex:none;overflow:visible}
.rebel--tile-dark{--rebel-teeth:var(--ux-rebel-paper)}
.rebel--tile-auto{--rebel-teeth:var(--ux-rebel-paper)}
.rebel--tile-light{--rebel-teeth:var(--ux-rebel-ink)}
.rebel--tile-none{--rebel-teeth:var(--ux-ink)}
.rebel--tile-dark .rebel-tile{fill:var(--ux-rebel-ink)}
.rebel--tile-auto .rebel-tile{fill:var(--ux-rebel-ground)}
.rebel--tile-light .rebel-tile{fill:var(--ux-rebel-paper);stroke:var(--ux-rebel-hairline)}
.rebel-x,.rebel-dash{stroke:var(--ux-rebel-eye)}
.rebel-x-fill,.rebel-bar{fill:var(--ux-rebel-eye)}
.rebel-teeth{fill:var(--rebel-teeth)}
.rebel-part{transform-origin:0 0}
.rebel-scan{pointer-events:none}


@media (prefers-reduced-motion:no-preference){
  .rebel{--rebel-ease:cubic-bezier(.65,0,.35,1);--rebel-ease-snap:cubic-bezier(.34,1.56,.64,1)}
  
  .rebel--hover .rebel-part{transition:transform .4s var(--rebel-ease)}
  @media (hover:hover){.rebel--hover:hover .rebel-part{transform:var(--rebel-hover,none)}}
  
  .rebel[data-rebel-wink] .rebel-dash{opacity:0}
  .rebel[data-rebel-wink] .rebel-x,.rebel[data-rebel-wink] .rebel-dash{transition:opacity .12s var(--rebel-ease)}
  .rebel.is-winking .rebel-eyeR .rebel-x{opacity:0}
  .rebel.is-winking .rebel-eyeR .rebel-dash{opacity:1}
  .rebel.is-winking .rebel-mouth{transform:var(--rebel-wink,none)}
  
  .rebel--scan .rebel-bar{animation:rebel-scan 900ms var(--rebel-ease) infinite alternate}
  @keyframes rebel-scan{from{transform:translateX(var(--rebel-scan-from,0px))}to{transform:translateX(var(--rebel-scan-to,0px))}}
}




.ret{position:absolute;box-sizing:content-box;margin:-6px 0 0 -6px;padding:6px;pointer-events:none}
.ret__c{position:absolute;width:14px;height:14px}
.ret__c--tl{top:0;left:0;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 0 0/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 0 0/3px 100% no-repeat}
.ret__c--tr{top:0;right:0;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 0/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 0/3px 100% no-repeat}
.ret__c--bl{bottom:0;left:0;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 0 100%/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 0 100%/3px 100% no-repeat}
.ret__c--br{bottom:0;right:0;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 100%/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 100%/3px 100% no-repeat}
.ret__x{position:absolute;top:-16px;left:-16px;stroke:var(--ux-brand)}
.ret__tag{position:absolute;left:0;top:100%;margin-top:var(--ux-space-2)}





.scan-block-kicker{margin:0 0 12px;font:800 12px/1 var(--ux-font-mono);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-brand-ink)}
.scan-block-h{margin:0 0 20px;font-family:var(--ux-font-display);font-size:var(--ux-text-h2);font-weight:var(--ux-weight-bold);color:var(--ux-ink);line-height:1.15}

.scanzone{max-width:720px}


.scan-field{position:relative;flex:1;min-width:0;background:var(--ux-surface);border-radius:var(--ux-radius-pill)}
.scanbar-row{display:flex;gap:8px;flex-direction:column}
@media(min-width:600px){.scanbar-row{flex-direction:row}}
.scan-url{width:100%;flex:1;min-width:0;background:transparent;border:2px solid var(--ux-line-strong);border-radius:var(--ux-radius-pill);color:var(--ux-ink);font:400 16px/1 var(--ux-font-mono);padding:0 20px;height:var(--ux-control-h);outline:0;transition:border-color .2s;position:relative;z-index:1}
.scan-url::placeholder{color:transparent}
.scan-url:focus{border-color:var(--ux-brand)}
.scan-ghost{position:absolute;left:22px;top:0;bottom:0;display:flex;align-items:center;font:400 16px/1 var(--ux-font-mono);color:var(--ux-ink-muted);pointer-events:none;white-space:nowrap;overflow:hidden;z-index:0}
.scan-caret{margin-left:2px;color:var(--ux-brand-ink);animation:caret-blink 1s steps(1) infinite}
@keyframes caret-blink{50%{opacity:0}}
.scan-url:focus + .scan-ghost,.scan-url:not(:placeholder-shown) + .scan-ghost{display:none}
.scan-go{flex:none;height:var(--ux-control-h);border:1px solid var(--ux-brand);cursor:pointer;font:700 15px/1 var(--ux-font-sans);color:var(--ux-on-brand);background:var(--ux-brand);padding:0 20px;border-radius:var(--ux-radius-pill);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;transition:transform var(--ux-dur-short) var(--ux-ease-press),opacity var(--ux-dur-short) var(--ux-ease-press)}
.scan-go .arw{display:inline-block;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.scan-go:hover .arw{transform:translateX(5px)}
@media(hover:hover){.scan-go:hover{transform:scale(var(--ux-hover-scale))}}
.scan-go:active{transform:scale(var(--ux-press-scale));opacity:var(--ux-press-opacity)}

.finalcta .scan-field{background:var(--ux-plate-ink)}
.finalcta .scan-url{border-color:var(--ux-plate-ink);color:var(--ux-ink)}
.finalcta .scan-go{background:var(--ux-plate-ink);border-color:var(--ux-plate-ink);color:var(--ux-plate-bg)}
.finalcta .scan-hint{color:var(--ux-plate-ink-soft)}
.finalcta .scan-hint b{color:var(--ux-plate-ink)}
.finalcta :focus-visible{outline-color:var(--ux-plate-ink)}
.scan-hint{font:600 13.5px/1.5 var(--ux-font-mono);color:var(--ux-ink-muted);margin:14px 0 0}
.scan-hint b{color:var(--ux-ink)}

[data-theme="ink"] .scan-block-kicker{font:var(--ux-weight-normal) var(--ux-text-small)/1.4 var(--ux-font-sans);letter-spacing:0;text-transform:none;color:var(--ux-ink-muted)}
[data-theme="ink"] .scan-block-h{font-family:var(--ux-font-sans);font-weight:var(--ux-weight-medium)}
[data-theme="ink"] .scanzone{max-width:720px}

[data-theme="ink"] .scanbar-row{position:relative;flex-direction:row;align-items:center;gap:var(--ux-space-2);box-sizing:border-box;padding:var(--ux-space-2);background:var(--ux-surface);border:3px solid var(--ux-ink);border-radius:0;overflow:hidden}
[data-theme="ink"] .scanbar-row:focus-within::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ux-signal)}
[data-theme="ink"] .scan-field{background:transparent;border-radius:0}
[data-theme="ink"] .scan-url{border:0;border-radius:0;padding:var(--ux-space-3) var(--ux-space-2);height:auto;font:var(--ux-weight-medium) var(--ux-text-body)/1.35 var(--ux-font-sans);caret-color:var(--ux-signal)}
[data-theme="ink"] .scan-url::placeholder{color:var(--ux-ink-muted);opacity:1}
[data-theme="ink"] .scan-ghost{display:none}
[data-theme="ink"] .scan-url:focus,[data-theme="ink"] .scan-url:focus-visible{outline:0}
[data-theme="ink"] .scan-go{width:auto;height:auto;padding:var(--ux-space-3) var(--ux-space-5);gap:0;border:0;border-radius:0;background:var(--ux-brand);color:var(--ux-on-brand);font:var(--ux-weight-bold) var(--ux-text-body)/1.2 var(--ux-font-stamp,var(--ux-font-sans));letter-spacing:var(--ux-track-wide);text-transform:uppercase}
[data-theme="ink"] .scan-go .arw{display:none}
[data-theme="ink"] .scan-hint{font:var(--ux-weight-normal) var(--ux-text-small)/1.4 var(--ux-font-sans)}




.score__n{font-family:var(--ux-font-sans);font-weight:var(--ux-weight-bold);letter-spacing:var(--ux-track-tight);color:var(--ux-brand-ink);font-variant-numeric:tabular-nums;line-height:var(--ux-leading-solid)}
.score__d{font-family:var(--ux-font-mono);color:var(--ux-ink-muted)}
.score__band{font:var(--ux-weight-semibold) var(--ux-text-caption)/1 var(--ux-font-mono);letter-spacing:var(--ux-track-wide);text-transform:uppercase;color:var(--ux-ink-muted)}

.score--dial{position:relative;width:120px;height:120px;display:grid;place-items:center}
.score__ring{position:absolute;inset:0;transform:rotate(-90deg)}
.score__ring circle{fill:none;stroke-width:7}
.score__track{stroke:var(--ux-line)}
.score__fill{stroke:var(--ux-brand);stroke-linecap:round;filter:drop-shadow(0 0 6px var(--ux-brand));transition:stroke-dashoffset var(--ux-dur-slow) var(--ux-ease-out)}
.score--dial .score__center{display:flex;flex-direction:column;align-items:center}
.score--dial .score__n{font-size:var(--ux-text-h1)}
.score--dial .score__d{font-size:var(--ux-text-caption)}

.score--badge{display:inline-flex;align-items:baseline;gap:3px;padding:6px 12px;border:1px solid var(--ux-line-strong);border-radius:var(--ux-radius-pill);background:var(--ux-surface)}
.score--badge .score__n{font-size:var(--ux-text-body)}
.score--badge .score__d{font-size:var(--ux-text-caption)}

.score--inline{display:inline-flex;align-items:baseline;gap:4px}
.score--inline .score__n{font-size:var(--ux-text-body)}
.score--inline .score__d{font-size:var(--ux-text-small)}




.sh{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-3);margin:0;scroll-margin-top:var(--ux-space-8)}
.sh__kicker{margin:0;padding:var(--ux-space-1) var(--ux-space-2);background:var(--ux-tape,var(--ux-surface));color:var(--ux-tape-ink,var(--ux-ink));
  font:var(--ux-weight-bold) var(--ux-text-micro)/1.2 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-kicker);text-transform:uppercase}
.sh--white .sh__kicker{border:1px solid var(--ux-ink)}
.sh--pink .sh__kicker{box-shadow:var(--ux-tape-shadow,none)}

.sh__title{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:0;color:var(--ux-ink);text-wrap:balance}
.sh__blurb{margin:0;max-width:44em;font-size:clamp(18px,1.4vw,20px);line-height:var(--ux-leading-snug);color:var(--ux-ink-soft)}

.sh--pink .sh__blurb{color:var(--ux-ink)}




.section{margin:var(--ux-space-6) 0}
.kicker{font:var(--ux-weight-semibold) var(--ux-text-caption)/1 var(--ux-font-mono);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-brand-ink);margin:0 0 12px}
.section__title{font-size:var(--ux-text-h2);line-height:var(--ux-leading-tight);letter-spacing:var(--ux-track-snug);font-weight:var(--ux-weight-heavy);color:var(--ux-ink);margin:0 0 4px}
.section__blurb{color:var(--ux-ink-muted);font-size:var(--ux-text-small);margin:0 0 18px;line-height:var(--ux-leading-snug)}

.section--plate{background:var(--ux-plate-bg);color:var(--ux-plate-ink);padding:var(--ux-space-6) var(--ux-space-4)}
.section--plate .kicker{color:var(--ux-plate-ink)}
.section--plate .section__title{color:var(--ux-plate-ink);font-family:var(--ux-font-headline);font-weight:var(--ux-weight-headline);letter-spacing:var(--ux-track-headline);line-height:var(--ux-leading-headline)}
.section--plate .section__blurb{color:var(--ux-plate-ink-soft)}




.shotframe{position:relative;margin:0;padding:var(--ux-space-3);background:var(--ux-surface);border:2px solid var(--ux-ink);box-sizing:border-box}
.shotframe__plate{position:relative;overflow:hidden;aspect-ratio:var(--shotframe-ar,16/10);background:var(--ux-peer,var(--ux-line))}
.shotframe__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.shotframe__cap{margin:var(--ux-space-2) 0 0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.4 var(--ux-font-stamp,var(--ux-font-mono));color:var(--ux-ink-muted)}

.shotframe--xray .shotframe__img{filter:grayscale(1)}
.shotframe--xray .shotframe__plate::after{content:"";position:absolute;inset:0;background:var(--ux-brand);opacity:.22;mix-blend-mode:multiply;pointer-events:none}

.shotframe__mark{position:absolute;width:20px;height:20px;pointer-events:none}
.shotframe__mark--tl{top:-4px;left:-4px;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 0 0/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 0 0/3px 100% no-repeat}
.shotframe__mark--tr{top:-4px;right:-4px;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 0/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 0/3px 100% no-repeat}
.shotframe__mark--bl{bottom:-4px;left:-4px;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 0 100%/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 0 100%/3px 100% no-repeat}
.shotframe__mark--br{bottom:-4px;right:-4px;background:linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 100%/100% 3px no-repeat,linear-gradient(var(--ux-brand),var(--ux-brand)) 100% 100%/3px 100% no-repeat}




.statblock{display:flex;flex-wrap:wrap;gap:var(--ux-space-6) var(--ux-space-8);margin:0;padding:0}
.statblock__item{display:flex;flex-direction:column-reverse;gap:var(--ux-space-1);margin:0}
.statblock__value{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(64px,7vw,96px);line-height:.95;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ux-signal,var(--ux-brand))}
.statblock__label{margin:0;font:var(--ux-weight-bold) var(--ux-text-body)/1.2 var(--ux-font-sans);color:var(--ux-ink)}

.statblock--pink .statblock__value{color:var(--ux-ink)}




.ink-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ux-space-6);margin:0;padding:var(--ux-space-5) 0 0;border-top:2px solid var(--ux-ink)}
.ink-stat{display:flex;flex-direction:column-reverse;gap:var(--ux-space-1);margin:0}
.ink-stat__value{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(64px,7vw,96px);line-height:.95;letter-spacing:0;color:var(--ux-signal,var(--ux-brand));font-variant-numeric:tabular-nums}
.ink-stat__label{margin:0;font:var(--ux-weight-bold) var(--ux-text-body)/1.2 var(--ux-font-sans);color:var(--ux-ink)}
@media (max-width:640px){.ink-stats{grid-template-columns:1fr;gap:var(--ux-space-5)}}




.steps{display:grid;gap:var(--ux-space-3)}
.steps--marketing{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.step{display:flex;gap:var(--ux-space-3);align-items:flex-start;padding:var(--ux-space-4);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);background:var(--ux-surface)}
.step__n{font:var(--ux-weight-heavy) var(--ux-text-h3)/1 var(--ux-font-mono);color:var(--ux-brand-ink);flex:none}
.step__title{font-weight:var(--ux-weight-bold);color:var(--ux-ink);font-size:var(--ux-text-body)}
.step__text{color:var(--ux-ink-muted);font-size:var(--ux-text-small);margin-top:4px;line-height:var(--ux-leading-snug)}
.step__bar{align-self:center;margin-left:auto;width:64px;height:5px;border-radius:var(--ux-radius-pill);background:var(--ux-raised);overflow:hidden;flex:none}
.step__bar i{display:block;height:100%;background:var(--ux-grad)}
.steps--funnel{grid-template-columns:1fr}
.steps--funnel .step{border-left:3px solid var(--ux-brand-tint)}




.table{width:100%;border-collapse:collapse;font-size:var(--ux-text-small)}
.table th,.table td{text-align:left;padding:var(--ux-space-2) var(--ux-space-2);border-bottom:1px solid var(--ux-line)}
.table th{font:700 12px/1 var(--ux-font-mono);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}
.table td{color:var(--ux-ink-muted)}
.table .td--lead{font-weight:var(--ux-weight-bold);color:var(--ux-ink);font-variant-numeric:tabular-nums}
.table--comparison td{text-align:center}
.table--comparison td:first-child{text-align:left;color:var(--ux-ink)}
.table--comparison .col--us{color:var(--ux-brand-ink);font-weight:var(--ux-weight-semibold)}






.tx-grain{position:relative;isolation:isolate}
.tx-grain::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.2 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}


.tx-halftone{position:relative;isolation:isolate}
.tx-halftone::before{content:"";position:absolute;top:0;right:0;width:55%;height:70%;z-index:-1;pointer-events:none;opacity:.5;color:var(--ux-ink);
  background:radial-gradient(circle,currentColor 1.6px,transparent 1.8px) 0 0/9px 9px;
  -webkit-mask-image:linear-gradient(to bottom left,black,transparent 75%);mask-image:linear-gradient(to bottom left,black,transparent 75%)}


.tx-tape{position:relative;z-index:var(--ux-z-raised,10);isolation:isolate;display:inline-block;padding:var(--ux-space-2) var(--ux-space-3);background:var(--ux-tape,var(--ux-surface));color:var(--ux-tape-ink,var(--ux-ink));
  font:var(--ux-weight-bold) var(--ux-text-caption)/1.2 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-caps);text-transform:uppercase;max-width:100%;box-sizing:border-box;box-shadow:var(--ux-tape-shadow,none)}
.tx-tape--white{border:1px solid var(--ux-ink)}

.tx-tape--l{padding:var(--ux-space-3) var(--ux-space-4);font-size:var(--ux-text-body);letter-spacing:var(--ux-track-wide)}




.tx-stamp{--stamp:var(--ux-signal,var(--ux-ink));position:relative;z-index:var(--ux-z-raised,10);isolation:isolate;background:var(--ux-surface);display:inline-block;max-width:100%;box-sizing:border-box;padding:var(--ux-space-3) var(--ux-space-4);border:3px solid var(--stamp);
  color:var(--stamp);font:var(--ux-weight-bold) var(--ux-text-body)/1.2 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.tx-stamp::before{content:"";position:absolute;inset:3px;border:1px solid var(--stamp);pointer-events:none}
.tx-stamp--ink{--stamp:var(--ux-ink)}

.tx-tilt-l{transform:rotate(-2deg)}
.tx-tilt-r{transform:rotate(2.5deg)}




.vt{display:inline-flex;align-items:stretch;gap:var(--ux-space-2);padding:var(--ux-space-1);border:2px solid var(--ux-ink);background:var(--ux-surface);box-sizing:border-box;max-width:100%}
.vt__item{display:inline-flex;align-items:center;gap:var(--ux-space-1);padding:var(--ux-space-3) var(--ux-space-4);border:1px solid transparent;color:var(--ux-ink);text-decoration:none;white-space:nowrap;
  font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-stamp,var(--ux-font-mono));letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.vt__item:hover{border-color:var(--ux-ink)}
.vt__item--on{background:var(--ux-brand);border-color:var(--ux-brand)}
.vt__item--on:first-child{background:var(--ux-surface);border-color:var(--ux-ink)}
.vt__plus{color:var(--ux-ink);font-weight:var(--ux-weight-bold)}
.vt__item--on .vt__plus{color:var(--ux-ink)}
.vt__price{margin-left:var(--ux-space-1);font-weight:var(--ux-weight-normal);letter-spacing:0;text-transform:none}
@media(max-width:480px){.vt__item{padding:var(--ux-space-3) var(--ux-space-3);font-size:var(--ux-text-caption)}}




.wi{padding:var(--ux-space-8) 0 var(--ux-space-8)}
.wi__in{max-width:var(--ux-maxw);margin:0 auto;padding:0 var(--ux-space-5);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ux-space-7)}
.wi__head{display:flex;flex-direction:column;gap:var(--ux-space-3);max-width:820px}
.wi__title{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(30px,4.4vw,44px);line-height:1;letter-spacing:0;text-transform:uppercase;color:var(--ux-ink)}
.wi__lede{margin:0;font:var(--ux-weight-normal) var(--ux-text-h3)/1.55 var(--ux-font-sans);color:var(--ux-ink-muted)}


.wi__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--ux-line);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);overflow:hidden}
.wi__step{display:flex;flex-direction:column;gap:var(--ux-space-4);min-width:0;margin:0;padding:var(--ux-space-5);background:var(--ux-surface)}
.wi__n{font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:var(--ux-text-h1);line-height:1;color:var(--ux-signal)}
.wi__stage{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:132px;padding:var(--ux-space-4);background:var(--ux-bg);border:1px solid var(--ux-line);border-radius:var(--ux-radius-sm);overflow:hidden}
.wi__st{margin:0;font:var(--ux-weight-semibold) 20px/1.3 var(--ux-font-sans);color:var(--ux-ink)}
.wi__sb{margin:0;font:var(--ux-weight-normal) var(--ux-text-small)/1.5 var(--ux-font-sans);color:var(--ux-ink-muted)}

.wi__pill{display:inline-flex;align-items:center;gap:var(--ux-space-3);padding:10px 10px 10px 18px;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-pill)}
.wi__url{font:var(--ux-weight-normal) 13px/1.2 var(--ux-font-mono);color:var(--ux-ink-muted)}
.wi__go{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ux-ink);color:var(--ux-bg)}

.wi__walk{display:flex;flex-direction:column;align-items:center;gap:10px}
.wi__screens{display:flex;align-items:center;gap:6px}
.wi__screens b{font:var(--ux-weight-normal) var(--ux-text-small)/1 var(--ux-font-mono);color:var(--ux-ink-muted)}
.wi__screen{display:flex;flex-direction:column;gap:5px;box-sizing:border-box;width:40px;height:58px;padding:8px 7px;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-xs)}
.wi__screen i{display:block;height:4px;border-radius:2px;background:var(--ux-line)}
.wi__screen i:nth-child(1),.wi__screen i:nth-child(3){width:24px}
.wi__screen i:nth-child(2){width:18px}
.wi__cap{font:var(--ux-weight-normal) var(--ux-text-micro)/1.2 var(--ux-font-mono);color:var(--ux-ink-muted)}

.wi__found{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-2);max-width:100%;box-sizing:border-box;padding:12px 14px;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-radius-sm)}
.wi__row{display:flex;align-items:center;gap:var(--ux-space-2);flex-wrap:wrap}
.wi__tag{padding:3px var(--ux-space-2);border:1px solid var(--ux-line);border-radius:var(--ux-radius-pill);font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-mono);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.wi__pat{font:var(--ux-weight-medium) 13px/1.3 var(--ux-font-sans);color:var(--ux-ink)}
.wi__q{quotes:"\201C" "\201D"}
.wi__ev{font:var(--ux-weight-normal) var(--ux-text-caption)/1.4 var(--ux-font-mono);color:var(--ux-ink);overflow-wrap:anywhere}
.wi__where{font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-mono);color:var(--ux-ink-muted)}


.wi__whowrap{display:flex;flex-direction:column;gap:var(--ux-space-4)}
.wi__h3{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(24px,3vw,30px);line-height:1;letter-spacing:0;text-transform:uppercase;color:var(--ux-ink)}
.wi__whos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--ux-line);border:1px solid var(--ux-line);border-radius:var(--ux-radius-md);overflow:hidden}
.wi__who{display:flex;flex-direction:column;gap:var(--ux-space-2);min-width:0;margin:0;padding:var(--ux-space-5);background:var(--ux-surface)}
.wi__wk{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.3 var(--ux-font-mono);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.wi__wt{margin:0;font:var(--ux-weight-medium) var(--ux-text-body)/1.4 var(--ux-font-sans);color:var(--ux-ink)}
.wi__wb{margin:0;font:var(--ux-weight-normal) var(--ux-text-small)/1.5 var(--ux-font-sans);color:var(--ux-ink-muted)}


.wi__action{display:flex;align-items:center;gap:var(--ux-space-5)}
.wi__action .ink-input{flex:0 1 680px}
.wi__browse{display:flex;flex-direction:column;gap:2px;min-width:0}
.wi__link{font:var(--ux-weight-medium) var(--ux-text-body)/1.3 var(--ux-font-sans);color:var(--ux-ink);text-decoration:none}
.wi__link:hover{text-decoration:underline}
.wi__src,.wi__foot{margin:0;font:var(--ux-weight-normal) var(--ux-text-micro)/1.45 var(--ux-font-mono);color:var(--ux-ink-muted);overflow-wrap:anywhere}
.wi__foot{margin-top:calc(-1 * var(--ux-space-4))}

@media (max-width:1000px){
  .wi__whos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .wi{padding-top:var(--ux-space-7);padding-bottom:var(--ux-space-7)}
  .wi__in{gap:var(--ux-space-6)}
  .wi__lede{font-size:var(--ux-text-body)}
  .wi__steps{grid-template-columns:minmax(0,1fr)}
  .wi__whos{grid-template-columns:minmax(0,1fr)}
  .wi__action{flex-direction:column;align-items:stretch;gap:var(--ux-space-4)}
  .wi__action .ink-input{flex:none}
}




.ink-input{position:relative;display:flex;align-items:center;gap:var(--ux-space-3);box-sizing:border-box;width:100%;min-height:64px;padding:0 var(--ux-space-3) 0 var(--ux-space-4);
  background:var(--ux-surface);border:1px solid var(--ux-ink);border-radius:var(--ux-radius-lg);overflow:hidden}
.ink-input--hero{border-width:2px;min-height:72px}
.ink-input:focus-within{border-color:var(--ux-ink)}

.ink-input:focus-within::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ux-signal)}
.ink-input__field{flex:1;min-width:0;display:block}
.ink-input__text{display:block;width:100%;box-sizing:border-box;border:0;background:transparent;color:var(--ux-ink);caret-color:var(--ux-signal);
  font:var(--ux-weight-normal) var(--ux-text-small)/1.4 var(--ux-font-sans);padding:var(--ux-space-3) 0}
.ink-input__text::placeholder{color:var(--ux-ink-muted);opacity:1}

.ink-input__text:focus,.ink-input__text:focus-visible{outline:0}
.ink-input__go{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:var(--ux-radius-sm);
  background:var(--ux-brand);color:var(--ux-on-brand);cursor:pointer}

.ink-input__go:has(.ink-input__go-text){width:auto;height:auto;align-self:stretch;margin:var(--ux-space-1) calc(var(--ux-space-3) * -1) var(--ux-space-1) 0;padding:0 var(--ux-space-5);
  font:var(--ux-weight-bold) var(--ux-text-body)/1 var(--ux-font-stamp,var(--ux-font-sans));letter-spacing:var(--ux-track-wide);text-transform:uppercase;white-space:nowrap}
.ink-input__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}





* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.55 var(--ux-font-sans); color: var(--ux-ink); background: var(--ux-bg); }
a { color: inherit; text-decoration: none; }
.mono { font-family: var(--ux-font-mono); }
.wrap { max-width: var(--ux-maxw); margin: 0 auto; padding: 0 var(--ux-space-5); }
.muted { color: var(--ux-ink-muted); }


header.top { border-bottom: 1px solid var(--ux-line); background: var(--ux-surface); position: sticky; top: 0; z-index: 20; }
.top-row { display: flex; align-items: center; gap: 16px; padding: 12px var(--ux-space-5) 0; }
.top-browse { margin-left: auto; font-size: 13px; color: var(--ux-ink-muted); text-decoration: none; white-space: nowrap; transition: color .15s ease; }
.top-browse:hover { color: var(--ux-brand-ink); }

.top-row .brand { font-size: 18px; }
.brand-tag { font-weight: 500; color: var(--ux-ink-muted); letter-spacing: 0; font-size: 13px; }

.newrun { display: flex; gap: 8px; align-items: stretch; padding: 10px var(--ux-space-5) 12px; }
.newrun-field { position: relative; flex: 1; display: flex; align-items: center; min-width: 0; }
.newrun-ico { position: absolute; left: 14px; color: var(--ux-ink-muted); font-size: 16px; pointer-events: none; }
.newrun-field input { width: 100%; border: 1px solid var(--ux-line); border-radius: 11px; padding: 12px 14px 12px 40px; font-size: 14.5px; outline: none; background: var(--ux-bg); color: var(--ux-ink); min-width: 0; transition: border-color .15s ease, box-shadow .15s ease; }
.newrun-field input::placeholder { color: var(--ux-ink-muted); }
.newrun-field input:focus { border-color: var(--ux-brand); box-shadow: 0 0 0 3px var(--ux-brand-tint); }
.newrun button { flex: none; border: 0; background: var(--ux-brand); color: var(--ux-on-brand); font-weight: 600; font-size: 14px; border-radius: 11px; padding: 0 20px; cursor: pointer; white-space: nowrap; transition: background .15s ease, transform .1s ease; }
.newrun button:hover { background: var(--ux-brand-hover); }
.newrun button:active { transform: scale(.98); }


h1 { font-size: 30px; letter-spacing: -.03em; margin: var(--ux-space-6) 0 var(--ux-space-1); font-family: var(--ux-font-display); }
h2 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ux-ink-muted); margin: 38px 0 var(--ux-space-3); font-weight: 600; }
.sub { color: var(--ux-ink-muted); margin: 0 0 var(--ux-space-2); }
.pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ux-ink-muted); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-pill); padding: 3px 10px; }

.no { color: var(--ux-line-strong); }



.app-card { background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); padding: 18px; }
.grid { display: grid; gap: var(--ux-space-4); }
.app-section-head { display: flex; align-items: baseline; gap: 10px; margin: 36px 0 10px; }
.app-section-head h2 { margin: 0; } .app-section-head .bl { color: var(--ux-ink-muted); font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: 0; }


.lead { display: flex; flex-direction: column; gap: var(--ux-space-3); }

.cat { color: var(--ux-ink-muted); font-size: 13px; }


.rcardgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.rcard { display: flex; flex-direction: column; gap: 13px; background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-lg); padding: 16px 18px; transition: transform .14s, box-shadow .14s, border-color .14s; }
.rcard:hover { border-color: var(--ux-line-strong); transform: translateY(-2px); box-shadow: var(--ux-shadow-sm); }
.rcard[hidden] { display: none; }
.rcard-head { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; }
.rcard-fav { width: 40px; height: 40px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--ux-line); }
.rcard-fav img { width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; }
.rcard-mono { font-weight: 800; font-size: 18px; color: var(--bc); }
.rcard-id { min-width: 0; }
.rcard-dom { font-weight: 650; font-size: 15.5px; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcard-ft { margin-top: 3px; } 
.rcard-pb { margin: 3px 0 0 6px; }
.stars { display: inline-flex; gap: 1px; }
.star { color: var(--ux-line-strong); font-size: 12px; } .star.on { color: var(--ux-warn); }




.rubric { background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); padding: 22px 24px; }
.rub-blk { color: var(--ux-ink-muted); } .rub-blk b { color: var(--ux-ink); }
.rub-head { display: flex; align-items: center; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--ux-line); margin-bottom: 16px; }
.rub-score { font-size: 52px; font-weight: 800; letter-spacing: -.03em; line-height: 1; } .rub-score small { font-size: 20px; color: var(--ux-ink-muted); font-weight: 600; }
.rub-band { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--ux-ink-muted); margin-top: 4px; }
.rub-cats { display: grid; gap: 14px; }
.rub-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 5px; } .rub-lbl { font-weight: 600; font-size: 14px; } .rub-pts { color: var(--ux-ink-muted); font-size: 13px; }
.rub-track { height: 7px; background: var(--ux-raised); border-radius: var(--ux-radius-pill); overflow: hidden; } .rub-fill { display: block; height: 100%; border-radius: var(--ux-radius-pill); }
.rub-sig { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.rub-chip { font-size: 11px; background: var(--ux-brand-tint); color: var(--ux-brand-ink); border-radius: var(--ux-radius-pill); padding: 2px 9px; }
.rub-none { font-size: 11px; color: var(--ux-line-strong); }
.rub-method { font-size: 12px; color: var(--ux-ink-muted); line-height: 1.5; margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--ux-line); }


.pal-bar { display: flex; height: 42px; border-radius: var(--ux-radius-sm); overflow: hidden; border: 1px solid var(--ux-line); }
.pal-seg { height: 100%; } .pal-seg:not(:last-child) { border-right: 1px solid rgba(255,255,255,.06); }
.pal-tiles { display: grid; gap: 8px; }
.pal-tile { display: flex; align-items: center; gap: 11px; background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-sm); padding: 9px 12px; }
.pal-chip { width: 30px; height: 30px; border-radius: 7px; border: 1px solid var(--ux-line); flex: none; } .pal-tile b { font-size: 13px; text-transform: capitalize; display: block; } .pal-tile .mono { font-size: 12px; color: var(--ux-ink-muted); }
.pal-demo { margin-top: 12px; padding: 22px; border-radius: var(--ux-radius-md); border: 1px solid var(--ux-line); max-width: 420px; }
.pal-card { padding: 18px; } .pal-badge { display: inline-block; font-size: 11px; padding: 3px 10px; border-radius: var(--ux-radius-pill); font-weight: 600; } .pal-card p { font-size: 14px; margin: 10px 0; } .pal-btn { border: 0; color: #fff; font-weight: 600; padding: 9px 16px; cursor: default; }
.pal-demo-cap { font-size: 11px; color: var(--ux-ink-muted); margin-top: 10px; text-align: center; }


.bk-more { margin-top: 14px; }
.bk-more > summary { cursor: pointer; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ux-accent-ink, var(--ux-accent)); list-style: none; }
.bk-more > summary::-webkit-details-marker { display: none; }
.bk-more[open] > summary { margin-bottom: 12px; }


.radrow { display: flex; gap: 18px; flex-wrap: wrap; align-items: flex-end; }
.rad-item { text-align: center; } .rad-sq { width: 64px; height: 64px; background: var(--ux-brand-tint); border: 1.5px solid var(--ux-brand); margin-bottom: 6px; } .rad-item .mono { font-size: 12px; color: var(--ux-ink-muted); }


.tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.tcell { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: var(--ux-radius-sm); border: 1px solid var(--ux-line); font-size: 13.5px; }
.tcell.on { background: var(--ux-brand-tint); border-color: rgba(255,47,185,.35); color: var(--ux-brand-ink); font-weight: 600; }
.tcell.off { background: var(--ux-raised); color: var(--ux-line-strong); }
.tcell summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; } .tcell summary::-webkit-details-marker { display: none; }
.tcell .tc-ic { font-weight: 700; } .tcell .tc-lbl { flex: 1; } .tc-n { font-size: 11px; background: var(--ux-brand); color: var(--ux-on-brand); border-radius: var(--ux-radius-pill); padding: 1px 7px; }
details.tcell { display: block; } details.tcell[open] { background: var(--ux-surface); }
.tc-ev { font-family: var(--ux-font-mono); font-size: 11.5px; color: var(--ux-ink-soft); background: var(--ux-raised); border-radius: 8px; padding: 10px; margin: 10px 0 0; white-space: pre-wrap; max-height: 160px; overflow: auto; }


.spec-hero { width: 100vw; margin: 0 calc(50% - 50vw) var(--ux-space-6); background: var(--spec-wash); }
.spec-hero-veil { background: linear-gradient(color-mix(in srgb, var(--ux-bg) 88%, transparent), color-mix(in srgb, var(--ux-bg) 78%, transparent)); padding: var(--ux-space-7) max(var(--ux-space-5), calc(50vw - var(--ux-maxw)/2)) var(--ux-space-5); }
.spec-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ux-space-6); flex-wrap: wrap; }
.spec-id { display: flex; gap: var(--ux-space-4); align-items: center; min-width: 0; }
.spec-fav { width: 56px; height: 56px; flex: none; border-radius: var(--ux-radius-lg); display: grid; place-items: center; box-shadow: var(--ux-shadow-sm); font: 700 24px/1 var(--ux-font-display); }
.spec-fav img { width: 36px; height: 36px; object-fit: contain; }
.spec-title { font: 700 clamp(24px, 4vw, 40px)/1.1 var(--ux-font-display); color: var(--ux-ink); margin: 0; letter-spacing: -.02em; overflow-wrap: anywhere; }
.spec-title-x { color: var(--ux-ink-soft); font-weight: 500; }
.spec-sub { color: var(--ux-ink-muted); font-size: 12px; margin-top: var(--ux-space-1); }
.spec-print { display: flex; align-items: center; gap: var(--ux-space-1); margin-top: var(--ux-space-2); }
.spec-chip { width: 18px; height: 18px; border-radius: var(--ux-radius-sm); border: 1px solid var(--ux-line-strong); display: inline-block; }
.spec-print-hex { font-size: 11px; color: var(--ux-ink-muted); margin-left: var(--ux-space-2); letter-spacing: .02em; }
.spec-rail { display: flex; gap: var(--ux-space-5); flex-wrap: wrap; }
.spec-stat { text-align: right; min-width: 76px; }
.spec-num { display: block; font: 700 34px/1 var(--ux-font-mono); color: var(--ux-ink); font-variant-numeric: tabular-nums; }
.spec-num .spec-den { font-size: 15px; color: var(--ux-ink-muted); font-weight: 500; }
.spec-stat small { display: block; margin-top: var(--ux-space-1); font-family: var(--ux-font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--ux-ink-soft); }
.spec-stat .stars { display: block; margin-top: 2px; }
.spec-film { display: flex; margin-top: var(--ux-space-6); padding-left: 10px; overflow-x: auto; scrollbar-width: none; }
.spec-film::-webkit-scrollbar { display: none; }
.spec-frame { position: relative; flex: none; height: 80px; margin-left: -10px; border: 2px solid var(--ux-surface); border-radius: var(--ux-radius-sm); overflow: hidden; box-shadow: var(--ux-shadow-sm); transition: transform .15s ease; background: var(--ux-surface); }
.spec-frame:hover { transform: translateY(-6px) rotate(-1deg); z-index: 2; }
.spec-frame img { height: 100%; width: auto; max-width: 140px; object-fit: cover; object-position: top; display: block; }
.spec-frame-n { position: absolute; left: 4px; bottom: 4px; font: 700 11px/1 var(--ux-font-mono); background: var(--ux-ink); color: var(--ux-bg); padding: 3px 6px; border-radius: var(--ux-radius-pill); }
@media (max-width: 720px) { .spec-rail { width: 100%; justify-content: space-between; gap: var(--ux-space-3); } .spec-stat { text-align: left; } }


.tspec { display: grid; grid-template-columns: 1fr 220px; gap: var(--ux-space-5); align-items: start; }
.tspec-stage { border: 1px solid var(--ux-line); border-radius: var(--ux-radius-lg); padding: var(--ux-space-7) var(--ux-space-6); box-shadow: var(--ux-shadow-sm); overflow: hidden; }
.tspec-h { position: relative; margin: 0 0 var(--ux-space-4); padding-right: 56px; overflow-wrap: anywhere; }
.tspec-px { position: absolute; right: 0; top: .2em; font-size: 11px; color: var(--ux-ink-muted); background: var(--ux-raised); padding: 2px 7px; border-radius: var(--ux-radius-pill); font-weight: 400; }
.tspec-stage p { margin: var(--ux-space-4) 0; }
.tspec-list { margin: 0 0 var(--ux-space-5); padding-left: 1.2em; line-height: 1.7; opacity: .92; }
.tspec-btnrow { display: flex; gap: var(--ux-space-3); flex-wrap: wrap; }
.tspec-btn { border: 0; padding: 12px 22px; border-radius: var(--ux-radius-pill); font-size: 15px; font-weight: 600; cursor: default; }
.tspec-btn[disabled] { opacity: .38; }
.tspec-note { font-size: 11px; opacity: .75; font-weight: 400; }
.tspec-rail { border: 1px solid var(--ux-line); border-radius: var(--ux-radius-lg); background: var(--ux-surface); padding: var(--ux-space-5); }
.tspec-rail-h { font-size: 11px; letter-spacing: .1em; color: var(--ux-ink-muted); margin: var(--ux-space-4) 0 var(--ux-space-2); }
.tspec-rail-h:first-of-type { margin-top: 0; }

.tspec-ladder { display: flex; flex-direction: column; gap: var(--ux-space-2); }
.tspec-rung { display: flex; align-items: baseline; gap: var(--ux-space-3); color: var(--ux-ink); border-bottom: 1px dashed var(--ux-line); padding-bottom: var(--ux-space-1); }
.tspec-rung-label { font-size: 11px; color: var(--ux-ink-muted); min-width: 38px; }
.tspec-wts { display: flex; flex-wrap: wrap; gap: var(--ux-space-3); }
.tspec-wt { text-align: center; color: var(--ux-ink); }
.tspec-wt .mono { display: block; font-size: 11px; color: var(--ux-ink-muted); margin-top: 2px; }
.tspec-fams { font-size: 12px; color: var(--ux-ink-soft); background: var(--ux-raised); padding: var(--ux-space-2) var(--ux-space-3); border-radius: var(--ux-radius-sm); overflow-wrap: anywhere; }
.tspec-cap { margin-top: var(--ux-space-4); font-size: 12px; color: var(--ux-ink-muted); border-top: 1px solid var(--ux-line); padding-top: var(--ux-space-3); }
.tspec-cap .mono { font-size: 11px; display: block; margin-top: var(--ux-space-1); }
.tspec-empty { border: 1px dashed var(--ux-line-strong); border-radius: var(--ux-radius-lg); padding: var(--ux-space-6); color: var(--ux-ink-muted); text-align: center; display: block; }
@media (max-width: 820px) { .tspec { grid-template-columns: 1fr; } }


.offer-exhibit { position: relative; border: 2px dashed var(--ux-brand); border-radius: var(--ux-radius-lg); padding: var(--ux-space-7) var(--ux-space-6) var(--ux-space-5); margin-top: var(--ux-space-4); background: color-mix(in srgb, var(--ux-brand-tint) 40%, var(--ux-bg)); }
.offer-tag { position: absolute; top: -11px; left: var(--ux-space-5); background: var(--ux-brand); color: var(--ux-on-brand); font-size: 11px; letter-spacing: .1em; padding: 4px 12px; border-radius: var(--ux-radius-pill); }
.offer-card { max-width: 420px; margin: 0 auto; padding: var(--ux-space-6); border: 1px solid var(--ux-line); box-shadow: var(--ux-shadow-md); }
.offer-pricerow { display: flex; align-items: baseline; gap: var(--ux-space-3); flex-wrap: wrap; }
.offer-anchor { text-decoration: line-through; opacity: .55; font-size: 20px; }
.offer-price { font-size: 44px; font-weight: 800; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.offer-price-none { font-size: 14px; font-weight: 400; opacity: .6; }
.offer-off { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: var(--ux-radius-pill); white-space: nowrap; }
.offer-tiers { display: flex; gap: var(--ux-space-3); margin-top: var(--ux-space-2); font-size: 13px; opacity: .6; }
.offer-toggle { display: flex; gap: var(--ux-space-2); margin-top: var(--ux-space-5); padding: var(--ux-space-1); border: 1px solid color-mix(in srgb, var(--offer-accent, var(--ux-line)) 40%, transparent); border-radius: var(--ux-radius-pill); width: fit-content; }
.offer-opt { font-size: 13px; font-weight: 600; padding: 7px 16px; opacity: .55; }
.offer-opt.on { opacity: 1; }
.offer-gift { display: flex; align-items: center; gap: var(--ux-space-3); margin-top: var(--ux-space-4); font-size: 14px; }
.offer-gift-tag { background: var(--ux-ok); color: var(--ux-on-brand); font: 700 11px/1 var(--ux-font-mono); letter-spacing: .08em; padding: 5px 9px; }
.offer-cta { display: block; width: 100%; border: 0; margin-top: var(--ux-space-5); padding: 15px 24px; font-size: 16px; font-weight: 700; cursor: default; }
.offer-src { text-align: center; margin-top: var(--ux-space-4); font-size: 11px; letter-spacing: .05em; color: var(--ux-ink-muted); }
.offer-empty { text-align: center; color: var(--ux-ink-soft); }
.offer-empty p { font-size: 17px; margin: var(--ux-space-3) 0 var(--ux-space-2); }
.offer-empty .offer-tag { position: static; display: inline-block; }


.fmap { display: flex; align-items: flex-start; gap: 0; overflow-x: auto; padding-bottom: var(--ux-space-3); scrollbar-width: thin; }
.fm-step { flex: none; width: 200px; scroll-snap-align: start; text-align: center; }
.fm-frame { border: 2px solid var(--ux-line-strong); border-radius: 10px; overflow: hidden; background: var(--ux-surface); box-shadow: var(--ux-shadow-sm); }
.fm-frame.fm-desktop { aspect-ratio: 16/10; } .fm-frame.fm-mobile { width: 120px; margin: 0 auto; aspect-ratio: 9/16; }
.fm-frame img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.fm-frame.stalled { opacity: .5; filter: grayscale(.6); }
.fm-conn { flex: none; align-self: center; width: 28px; height: 2px; background: repeating-linear-gradient(90deg, var(--ux-brand) 0 5px, transparent 5px 10px); margin-top: -20px; }
.fm-cap { font-size: 13px; margin-top: 8px; display: flex; align-items: center; gap: 6px; justify-content: center; }
.fm-pill { font: 700 11px/1 var(--ux-font-mono); background: var(--ux-brand); color: var(--ux-on-brand); border-radius: var(--ux-radius-pill); padding: 3px 8px; }
.sdstep { display: grid; grid-template-columns: 300px 1fr; gap: var(--ux-space-5); padding: var(--ux-space-5) 0; border-top: 1px solid var(--ux-line); align-items: start; }
.sdstep:first-child { border-top: 0; }
.sd-shot { display: block; border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); overflow: hidden; box-shadow: var(--ux-shadow-sm); }
.sd-shot img { width: 100%; display: block; }
.sd-head { display: flex; align-items: center; gap: 10px; font-size: 17px; } .sd-title { font-size: 12px; color: var(--ux-ink-muted); margin: 8px 0; }
.sd-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.sd-badge { font-size: 12px; background: var(--ux-brand-tint); color: var(--ux-brand-ink); border-radius: var(--ux-radius-pill); padding: 4px 11px; font-weight: 600; }
.sd-ctas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .sd-cta { font-size: 12px; font-family: var(--ux-font-mono); color: var(--ux-ink-soft); background: var(--ux-raised); border-radius: 6px; padding: 3px 8px; }
@media (max-width: 640px) { .sdstep { grid-template-columns: 1fr; } }


.chips { display: flex; flex-wrap: wrap; gap: var(--ux-space-2); }
.chip { border: 1px solid var(--ux-line); background: var(--ux-surface); border-radius: var(--ux-radius-pill); padding: 5px 11px; font-size: 12.5px; }
.chip.on { border-color: #cfe0b8; background: var(--ux-ok-tint); }
.chip.warn { border-color: var(--ux-warn); background: var(--ux-warn-tint); color: var(--ux-warn); }
.chip b { font-family: var(--ux-font-mono); }


.scalerow { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.scalerow .s { font-family: var(--ux-font-mono); font-size: 11px; border: 1px solid var(--ux-line); border-radius: 6px; padding: 2px 7px; color: var(--ux-ink-muted); }


.app-badge-stall { font-size: 11px; color: var(--ux-warn); background: var(--ux-warn-tint); border: 1px solid var(--ux-warn); border-radius: 6px; padding: 1px 7px; }





.pat { padding: 13px 16px; border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); background: var(--ux-surface); margin-bottom: 10px; }

.pat b { letter-spacing: -.01em; } .pat .d { color: var(--ux-ink-muted); font-size: 13px; margin-top: 3px; }



.app-tabs { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }

.tab { font-size: 12px; border: 1px solid var(--ux-line); background: var(--ux-surface); color: var(--ux-ink); border-radius: 8px; padding: 5px 11px; cursor: pointer; }
.tab.on { background: var(--ux-ink); color: var(--ux-bg); border-color: var(--ux-ink); }
pre { background: var(--ux-code-bg); color: var(--ux-code-ink); padding: 14px; border-radius: var(--ux-radius-md); overflow: auto; font-size: 12px; line-height: 1.5; margin: 0; max-height: 340px; max-width: 100%; }
.copy { float: right; font-size: 11px; border: 1px solid #4a463f; color: var(--ux-line-strong); background: #26231f; border-radius: 7px; padding: 3px 9px; cursor: pointer; }



.kv { display: flex; gap: 8px; font-size: 13px; margin-top: 6px; } .kv .k { color: var(--ux-ink-muted); min-width: 120px; }


.disabled-banner { background: var(--ux-raised); border: 1px dashed var(--ux-line-strong); border-radius: var(--ux-radius-md); padding: 12px 16px; color: var(--ux-ink-muted); font-size: 13px; margin-bottom: 12px; }
.disabled-wrap { opacity: .55; filter: grayscale(.3); }


footer { color: var(--ux-ink-muted); font-size: 12px; text-align: center; padding: 50px 0 30px; }


@media (max-width: 640px) { .brand-tag { display: none; } .newrun { padding-top: 8px; padding-bottom: 10px; } }






.cov { align-self: center; padding: 2.5px 9px 3px; border-radius: 99px; font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; font-style: normal; cursor: help; }
.cov-high    { color: #52e2ac; background: rgba(53,214,155,.12); border: 1px solid rgba(53,214,155,.4); }
.cov-partial { color: #ffcf70; background: rgba(255,194,75,.12); border: 1px solid rgba(255,194,75,.38); }
.cov-low     { color: #ff8296; background: rgba(255,92,114,.12); border: 1px solid rgba(255,92,114,.38); }
.cov-none    { color: var(--ux-ink-muted); background: transparent; border: 1px dashed rgba(179,155,216,.4); }


.sb { background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: 18px;
  padding: 24px 28px 18px; margin: 30px 0; scroll-margin-top: 24px;
  font-family: 'Helvetica Neue', system-ui, sans-serif; color: var(--ux-ink); }



.sb-key i.on { border: 0; background: var(--ux-grad); }



.sb-mark { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.sb-mark-lead { color: var(--ux-brand-ink); }
.sb-mark-lag { color: var(--ux-ink-muted); }


.sb-lane { flex: 1; display: block; min-width: 0; }
.sb-track { position: relative; height: 8px; border-radius: 99px; background: rgba(10,6,17,.65); overflow: hidden; }
.sb-fill { position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: var(--ux-grad);
  box-shadow: 0 0 10px rgba(255,47,185,.4); animation: sb-fill-in .9s .1s cubic-bezier(.25,.75,.25,1) backwards; }
@keyframes sb-fill-in { from { width: 0 } }
.sb-track i { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(179,155,216,.18); }
.sb-track i:nth-of-type(1) { left: 25% } .sb-track i:nth-of-type(2) { left: 50% } .sb-track i:nth-of-type(3) { left: 75% }

.sb-capped { flex: none; font-size: 11px; font-style: normal; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ux-ink-muted); border: 1px solid var(--ux-line); border-radius: 99px; padding: 2px 7px; cursor: help; }


.sb-chip.on { color: #ffa7e0; background: rgba(255,47,185,.09); border: 1px solid rgba(255,47,185,.38); }
.sb-na { align-self: center; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(179,155,216,.55); cursor: help; padding: 3px 2px; }

@media (max-width: 780px){
  .sb { padding: 20px 18px 14px; }
  
  
  
}

@media (prefers-reduced-motion: reduce){
  .sb-fill { animation: none; }
}




.op { margin: 8px 0 30px; }






.prov { font-family: var(--ux-font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 99px; cursor: help; align-self: center; white-space: nowrap; }
.prov-derived { color: #ffcf70; background: rgba(255,194,75,.1); border: 1px solid rgba(255,194,75,.35); }


.prov:focus-visible + .prov-tip{ opacity: 1; visibility: visible; }




.fb { display: grid; gap: var(--ux-space-4); margin: 0; }



.wp{text-transform:none;letter-spacing:0;font-size:var(--ux-text-caption);line-height:1.55;max-width:56ch;margin-top:10px;padding-left:9px;border-left:2px solid var(--ux-line-strong);color:var(--ux-ink-muted);font-weight:400;}
.wp-k{display:inline-block;margin-right:6px;color:var(--ux-ink-soft);}
.wp-n{color:var(--ux-ink);font-variant-numeric:tabular-nums;font-weight:var(--ux-weight-bold);}
.wp code{background:var(--ux-code-bg);color:var(--ux-code-ink);border-radius:4px;padding:1px 5px;font-size:var(--ux-text-caption);}


html,body{overflow-x:clip;}




.docs { background: var(--ux-bg); border-top: 1px solid var(--ux-line); }
.docs-main { min-width: 0; display: block; }


.docs{
  
  --ux-bg:#f5f3fb; --ux-surface:#ffffff; --ux-ink:#1c1533; --ux-ink-muted:#6b5f8a; --ux-line:rgba(28,21,51,.12);
  
  --ux-bg:#f5f3fb; --ux-surface:#ffffff; --ux-raised:#efeaf8;
  --ux-line:rgba(28,21,51,.12); --ux-line-strong:rgba(28,21,51,.22);
  --ux-ink:#1c1533; --ux-ink-soft:#4a3f66; --ux-ink-muted:#6b5f8a;
  --ux-brand:#c4198f; --ux-brand-hover:#a01474; --ux-brand-ink:#b3167f; --ux-brand-tint:rgba(196,25,143,.1);
  
  --ux-ok:#0e6b45; --ux-ok-tint:rgba(31,157,107,.12); --ux-warn:#7a4f00; --ux-warn-tint:rgba(184,134,11,.12);
  --ux-danger:#b01e35; --ux-danger-tint:rgba(209,58,79,.1); --ux-info:#3f5bd6;
  --ux-code-bg:#f3f0fa; --ux-code-ink:#3a2f55; --ux-on-brand:#ffffff;
  background:var(--ux-bg); color:var(--ux-ink);
}










.disp-trigger{appearance:none;cursor:pointer;flex:none;background:none;border:0;padding:0;font:var(--ux-weight-normal) var(--ux-text-small)/var(--ux-leading-normal) var(--ux-font-sans);color:var(--ux-ink-muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.disp-trigger:hover{color:var(--ux-brand-ink,var(--ux-brand));}






 


.pbm-lever .pbm-kind { background: var(--ux-accent-tint); color: var(--ux-accent-ink); }







html{scroll-padding-bottom:76px;scroll-padding-top:86px;}
.disp-trigger:focus-visible,.disp-submit:focus-visible,.disp-close:focus-visible,
.disp-field input:focus-visible,.disp-field select:focus-visible,.disp-field textarea:focus-visible{
  outline:2px solid var(--ux-brand);outline-offset:2px;border-radius:6px;
}





.disp-panel{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(6,6,6,.72);backdrop-filter:blur(4px);padding:5vh 4vw;}
.disp-panel.on{display:flex;animation:disp-in .16s ease;}
@keyframes disp-in{from{opacity:0}to{opacity:1}}
.disp-panel-in{position:relative;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;background:#141018;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 24px 22px;color:#f4effb;}
.disp-close{position:absolute;top:14px;right:14px;width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:0;border-radius:50%;color:#f4effb;font-size:14px;cursor:pointer;}
.disp-close:hover{background:rgba(255,255,255,.12);}
.disp-h{margin:0 26px 6px 0;font-size:17px;font-weight:700;color:#fff;}
.disp-sub{margin:0 0 18px;font-size:12.5px;line-height:1.5;color:rgba(244,239,251,.62);}
.disp-field{display:block;margin:0 0 12px;font-size:11px;letter-spacing:.04em;color:rgba(244,239,251,.62);}
.disp-field span{display:block;margin-bottom:5px;}
.disp-field em{font-style:normal;opacity:.85;}
.disp-field input,.disp-field select,.disp-field textarea{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#f4effb;font-size:13.5px;font-family:inherit;}
.disp-field textarea{resize:vertical;}
.disp-field input[readonly]{opacity:.85;cursor:default;}
.disp-actions{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap;}
.disp-submit{min-height:40px;padding:9px 18px;border-radius:999px;border:0;background:var(--ux-brand,#FF2FB9);color:#0a0611;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;}
.disp-submit:disabled{opacity:.65;cursor:default;}
.disp-status{font-size:11.5px;line-height:1.4;}
.disp-status-ok{color:#52e2ac;}
.disp-status-err{color:#ff8296;}
@media(max-width:520px){
  .disp-panel{padding:0;align-items:flex-end;}
  .disp-panel-in{max-width:none;border-radius:16px 16px 0 0;max-height:82vh;}
}
@media(prefers-reduced-motion:reduce){.disp-panel.on{animation:none;}}


.dw { display: grid; gap: var(--ux-space-6); margin: 6px 0 30px; }
.dw-head { display: grid; gap: var(--ux-space-3); }
.dw-head-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ux-space-2) var(--ux-space-4); }
.dw-badge { font-size: var(--ux-text-micro); letter-spacing: var(--ux-track-caps); text-transform: uppercase;
  color: var(--ux-brand-ink); border: 1px solid var(--ux-line-strong); border-radius: var(--ux-radius-pill); padding: 3px 11px; }
.dw-stamp { font-size: var(--ux-text-caption); color: var(--ux-ink-muted); }
.dw-title { margin: 0; font-size: var(--ux-text-h2); font-weight: var(--ux-weight-bold); letter-spacing: var(--ux-track-tight); color: var(--ux-ink); }
.dw-shape { margin: 0; font-size: var(--ux-text-h3); color: var(--ux-ink-soft); font-weight: var(--ux-weight-medium); }
.dw-sub { margin: 0; font-size: var(--ux-text-small); line-height: var(--ux-leading-snug); color: var(--ux-ink-muted); max-width: 62ch; }


.dw-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--ux-space-3);
  padding: var(--ux-space-4); border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); background: var(--ux-raised); }
.dw-fact { display: grid; gap: 2px; }
.dw-fact-v { font-size: var(--ux-text-h2); font-weight: var(--ux-weight-bold); color: var(--ux-ink); letter-spacing: var(--ux-track-snug); }
.dw-fact-l { font-size: var(--ux-text-caption); color: var(--ux-ink-muted); }


.dw-phase { display: grid; gap: var(--ux-space-4); }
.dw-phase-h { margin: 0; font-size: var(--ux-text-small); font-weight: var(--ux-weight-semibold); letter-spacing: var(--ux-track-wide);
  text-transform: uppercase; color: var(--ux-ink-muted); display: flex; align-items: baseline; gap: var(--ux-space-3); }
.dw-phase-n { color: var(--ux-brand-ink); letter-spacing: var(--ux-track-normal); text-transform: none; }
.dw-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--ux-space-4); }
.dw-tile { margin: 0; display: grid; gap: var(--ux-space-2); }
.dw-shot { position: relative; display: block; border-radius: var(--ux-radius-sm); overflow: hidden;
  border: 1px solid var(--ux-line); background: var(--ux-code-bg); aspect-ratio: 3 / 5; cursor: zoom-in; }
.dw-img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block;
  transition: transform var(--ux-dur-slow) var(--ux-ease-out), opacity var(--ux-dur-base); }
.dw-shot:hover .dw-img { transform: scale(1.04); opacity: .9; }
.dw-tile-cap { display: grid; gap: 1px; align-content: start; }
.dw-tile-n { font-size: var(--ux-text-micro); color: var(--ux-ink-muted); letter-spacing: var(--ux-track-wide); }
.dw-tile-t { font-size: var(--ux-text-caption); color: var(--ux-ink-soft); line-height: var(--ux-leading-tight); font-weight: var(--ux-weight-medium);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dw-tile-k { font-size: var(--ux-text-micro); color: var(--ux-ink-muted); }
.dw-tile-loop { font-size: var(--ux-text-micro); color: var(--ux-warn); }



.dw-note { border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md);
  background: var(--ux-warn-tint); padding: var(--ux-space-4) var(--ux-space-5); }
.dw-note-h { margin: 0 0 var(--ux-space-2); font-size: var(--ux-text-small); font-weight: var(--ux-weight-semibold);
  letter-spacing: var(--ux-track-wide); text-transform: uppercase; color: var(--ux-ink-soft); }
.dw-note p { margin: 0; font-size: var(--ux-text-small); line-height: var(--ux-leading-normal); color: var(--ux-ink-soft); }
.dw-note strong { color: var(--ux-ink); }


.dw-ledger { border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); background: var(--ux-raised); overflow: hidden; }
.dw-ledger-sum { display: flex; align-items: center; justify-content: space-between; gap: var(--ux-space-3);
  padding: var(--ux-space-4) var(--ux-space-5); cursor: pointer; font-size: var(--ux-text-small); font-weight: var(--ux-weight-semibold);
  color: var(--ux-ink-soft); list-style: none; }
.dw-ledger-sum::-webkit-details-marker { display: none; }
.dw-ledger-sum::after { content: '▸'; color: var(--ux-ink-muted); transition: transform var(--ux-dur-base) var(--ux-ease-out); }
.dw-ledger[open] .dw-ledger-sum::after { transform: rotate(90deg); }
.dw-ledger-hint { color: var(--ux-ink-muted); font-weight: var(--ux-weight-normal); }
.dw-ledger-body { padding: 0 var(--ux-space-5) var(--ux-space-5); display: grid; gap: var(--ux-space-4); }
.dw-ledger-intro { margin: 0; font-size: var(--ux-text-caption); line-height: var(--ux-leading-normal); color: var(--ux-ink-muted); max-width: 68ch; }
.dw-tablewrap { overflow-x: auto; border: 1px solid var(--ux-line); border-radius: var(--ux-radius-sm); }
.dw-table { width: 100%; border-collapse: collapse; font-size: var(--ux-text-caption); }
.dw-table th { text-align: left; padding: var(--ux-space-2) var(--ux-space-3); color: var(--ux-ink-muted);
  font-weight: var(--ux-weight-semibold); letter-spacing: var(--ux-track-wide); text-transform: uppercase; font-size: var(--ux-text-micro);
  border-bottom: 1px solid var(--ux-line); }
.dw-table td { padding: var(--ux-space-2) var(--ux-space-3); border-bottom: 1px solid var(--ux-line); vertical-align: top; }
.dw-table tr:last-child td { border-bottom: 0; }
.dw-q { color: var(--ux-ink-soft); }
.dw-a { color: var(--ux-brand-ink); white-space: nowrap; }
.dw-foot { margin: 0; font-size: var(--ux-text-micro); line-height: var(--ux-leading-snug); color: var(--ux-ink-muted); }

@media (max-width: 640px){
  .dw-strip { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .dw-a { white-space: normal; }
}


.dw-tile-h { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dw-req { font-size: 9px; letter-spacing: .06em; text-transform: uppercase; padding: 1px 6px; border-radius: var(--ux-radius-pill); border: 1px solid var(--ux-line); }
.dw-req--forced { color: var(--ux-brand-ink); border-color: var(--ux-line-strong); }
.dw-req--opt { color: var(--ux-ink-muted); }


.dw-machine { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ux-space-2) var(--ux-space-3);
  padding: var(--ux-space-3) var(--ux-space-4); border: 1px dashed var(--ux-line-strong); border-radius: var(--ux-radius-md); background: var(--ux-accent-tint); }
.dw-machine-lbl { font-size: var(--ux-text-caption); color: var(--ux-ink-soft); }
.dw-machine a { font-size: var(--ux-text-caption); color: var(--ux-brand-ink); border-bottom: 1px solid var(--ux-line-strong); }
.dw-machine-note { font-size: var(--ux-text-caption); color: var(--ux-ink-muted); flex: 1 1 240px; }

.dw-sec-h { margin: 0; font-size: var(--ux-text-h3); font-weight: var(--ux-weight-bold); color: var(--ux-ink); letter-spacing: var(--ux-track-snug); }


.dw-sell { display: grid; gap: var(--ux-space-4); }
.dw-sell-h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ux-space-3); flex-wrap: wrap; }
.dw-sell-full { font-size: var(--ux-text-caption); color: var(--ux-brand-ink); border-bottom: 1px solid var(--ux-line-strong); cursor: zoom-in; }
.dw-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--ux-space-3); }
.dw-plan { border: 1px solid var(--ux-line); border-radius: var(--ux-radius-md); padding: var(--ux-space-4); background: var(--ux-raised); display: grid; gap: var(--ux-space-2); align-content: start; }
.dw-plan--on { border-color: var(--ux-brand); box-shadow: 0 0 0 1px var(--ux-brand); background: var(--ux-brand-tint); }
.dw-plan-h { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dw-plan-label { font-size: var(--ux-text-small); font-weight: var(--ux-weight-semibold); color: var(--ux-ink); }
.dw-plan-disc { font-size: var(--ux-text-micro); color: var(--ux-danger); border: 1px solid var(--ux-danger-tint); border-radius: var(--ux-radius-pill); padding: 1px 6px; }
.dw-plan-pick { font-size: var(--ux-text-micro); color: var(--ux-on-brand); background: var(--ux-brand); border-radius: var(--ux-radius-pill); padding: 1px 7px; }
.dw-plan-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.dw-plan-now { font-size: var(--ux-text-h3); font-weight: var(--ux-weight-bold); color: var(--ux-ink); }
.dw-plan-unit { font-size: var(--ux-text-micro); color: var(--ux-ink-muted); }
.dw-plan-renew { font-size: var(--ux-text-caption); color: var(--ux-ink-muted); text-decoration: line-through; }
.dw-sell-levers { margin: 0; font-size: var(--ux-text-small); line-height: var(--ux-leading-normal); color: var(--ux-ink-soft); }
.dw-sell-levers b { color: var(--ux-ink); font-weight: var(--ux-weight-semibold); }


.dw-soc { display: grid; gap: var(--ux-space-3); }

.dw-soc-hi { display: grid; gap: 2px; padding: var(--ux-space-3) var(--ux-space-4); background: var(--ux-ok-tint); border-radius: var(--ux-radius-sm); }
.dw-soc-v { font-size: var(--ux-text-h3); font-weight: var(--ux-weight-bold); color: var(--ux-ink); }
.dw-soc-l { font-size: var(--ux-text-caption); color: var(--ux-ink-muted); }
.dw-soc-list { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; font-size: var(--ux-text-small); color: var(--ux-ink-soft); }
.dw-soc-list b { font-weight: var(--ux-weight-semibold); }
.dw-model-link { color: var(--ux-brand-ink); border-bottom: 1px solid var(--ux-line-strong); }





.ed-meta{font-size:var(--ux-text-caption);color:var(--ux-ink-muted);margin:14px 0 0}







.ed-stats button.heart[aria-pressed=true]{color:var(--ux-brand-ink)}



.ed-lens--mobile{aspect-ratio:1/1}
.ed-lens--mobile .ed-lens-shot{inset:0 30% 0 30%}


.ed-seg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}



.ed-plate.is-mobile{max-width:390px;flex-basis:390px}















.ed-lb.on{display:grid}











.lb { cursor: zoom-in; display: block; }
.lb:focus-visible { outline: 2px solid var(--ux-brand); outline-offset: 2px; border-radius: 6px; }

.lb-overlay, .lb-overlay.zoomed .lb-bar { background: rgba(6,6,6,.92);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.lb-overlay { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center;
  padding: 4vh 4vw; }
.lb-overlay.on { display: flex; animation: lb-in .16s ease; }
@keyframes lb-in { from { opacity: 0 } to { opacity: 1 } }
.lb-stage { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 100%; max-height: 100%; }
.lb-img { max-width: 100%; max-height: 82vh; border-radius: 10px; border: 1px solid var(--ux-line);
  box-shadow: 0 24px 80px rgba(0,0,0,.6); background: #0a0a0a; object-fit: contain; cursor: zoom-in; }

.lb-overlay.zoomed { align-items: flex-start; overflow: auto; }
.lb-overlay.zoomed .lb-stage { max-height: none; }
.lb-overlay.zoomed .lb-img { max-height: none; max-width: none; width: min(1180px, 96vw); cursor: zoom-out; }

.lb-overlay.zoomed .lb-bar { position: sticky; bottom: 0; padding: 8px 16px; border-radius: 999px; }
.lb-bar { display: flex; align-items: center; gap: 16px; justify-content: center; flex-wrap: wrap;
  font-size: 12.5px; color: var(--ux-ink-muted); max-width: 900px; }
.lb-cap { color: var(--ux-ink); }
.lb-ctr { color: var(--ux-ink-muted); font-size: 11px; letter-spacing: .1em; }
.lb-btn { position: fixed; z-index: 1001; display: grid; place-items: center; cursor: pointer;
  background: rgba(19,19,19,.8); color: var(--ux-ink); border: 1px solid var(--ux-line); border-radius: 50%;
  width: 48px; height: 48px; font-size: 22px; line-height: 1; transition: background .15s, border-color .15s, transform .1s; }
.lb-btn:focus-visible { outline: 2px solid var(--ux-brand); outline-offset: 2px; border-radius: 6px; }
.lb-btn:hover { background: var(--ux-surface); border-color: rgba(255,47,185,.5); }
.lb-btn:active { transform: scale(.94); }
.lb-close { top: 3vh; right: 3vw; font-size: 16px; }
.lb-nav { top: 50%; transform: translateY(-50%); }
.lb-nav:active { transform: translateY(-50%) scale(.94); }
.lb-prev { left: 2vw; } .lb-next { right: 2vw; }


.lb-overlay.zoomed .lb-nav { display: none; }
@media (max-width: 640px) {
  .lb-nav { top: auto; bottom: 3vh; transform: none; width: 44px; height: 44px; }
  .lb-prev { left: 24vw; } .lb-next { right: 24vw; }
  .lb-img { max-height: 74vh; }
}
@media (prefers-reduced-motion: reduce) { .lb-overlay.on { animation: none; } }



:root[data-theme="ink"]{font-synthesis-weight:none}
:root[data-theme="ink"] :focus-visible{outline-color:var(--ux-signal)}
.sp-doc{background:var(--ux-bg);color:var(--ux-ink);font-family:var(--ux-font-sans);font-size:var(--ux-text-body);line-height:var(--ux-leading-normal)}
:where(.sp-doc) a{color:inherit}
.sp-wrap{width:100%;max-width:var(--ux-maxw-wide);margin:0 auto;padding-inline:var(--ux-space-4);box-sizing:border-box}
@media (min-width:720px){.sp-wrap{padding-inline:var(--ux-space-6)}}
.sp-sec{padding-block:var(--ux-space-8) 0}
.sp-sec:last-of-type{padding-bottom:var(--ux-space-8)}
@media (min-width:900px){.sp-sec{padding-block:calc(var(--ux-space-8) * 1.5) 0}}
.sp-doc .sh__title,.sp-doc .sp-cmp__names{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ux-ink)}
.sp-doc .sh--pink .sh__title{color:var(--ux-ink)}


.sp-doc[data-view="public"] [data-views]:not([data-views~="public"]),
.sp-doc[data-view="plus"] [data-views]:not([data-views~="plus"]),
.sp-doc[data-view="compare"] [data-views]:not([data-views~="compare"]),
.sp-doc[data-view="specimen"] [data-views]:not([data-views~="specimen"]){display:none}


.sp-sec+.sp-band{margin-top:var(--ux-space-8)}
@media (min-width:900px){.sp-sec+.sp-band{margin-top:calc(var(--ux-space-8) * 1.5)}}
.sp-band{position:relative;padding-block:var(--ux-space-8)}
@media (min-width:900px){.sp-band{padding-block:calc(var(--ux-space-8) * 1.5)}}
.sp-band--pink{background:var(--ux-panel);color:var(--ux-panel-ink)}



.sp-layout{display:block}
.sp-doc[data-view="compare"] .sp-layout,.sp-doc[data-view="specimen"] .sp-layout{display:none}
.sp-main{min-width:0}
.sp-rail{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--ux-space-3);padding:var(--ux-space-3) var(--ux-space-4);background:var(--ux-surface);border-bottom:1px solid var(--ux-line);overflow-x:auto}
.sp-rail__k{display:none;margin:0;font:var(--ux-weight-bold) var(--ux-text-micro)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}
.sp-rail__list{display:flex;gap:var(--ux-space-2);margin:0;padding:0;list-style:none}
.sp-rail__a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--ux-space-3);border:1px solid var(--ux-ink);background:var(--ux-surface);color:var(--ux-ink);text-decoration:none;white-space:nowrap;font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.sp-rail__a:hover,.sp-rail__a--on{background:var(--ux-panel);color:var(--ux-panel-ink)}
.sp-rail__plus{display:none}
@media (min-width:1100px){
  .sp-layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);align-items:start}
  .sp-rail{top:var(--ux-space-9);z-index:1;flex-direction:column;align-items:flex-start;gap:var(--ux-space-4);padding:var(--ux-space-5) var(--ux-space-4);border-bottom:0;border-right:1px solid var(--ux-line);overflow:visible}
  .sp-rail__k{display:block}
  .sp-rail__list{flex-direction:column;align-items:flex-start}
  .sp-rail__a{min-height:0;padding:var(--ux-space-1) var(--ux-space-2);white-space:normal}
  .sp-rail__plus{display:inline-flex;gap:var(--ux-space-2);align-items:center;margin-top:var(--ux-space-5);padding:var(--ux-space-3) var(--ux-space-4);background:var(--ux-panel);color:var(--ux-panel-ink);text-decoration:none;font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
  .sp-rail__plus:hover{background:var(--ux-ink);color:var(--ux-surface)}
}


.sp-hero{padding:var(--ux-space-5) var(--ux-space-4) var(--ux-space-7)}
@media (min-width:720px){.sp-hero{padding:var(--ux-space-6) var(--ux-space-6) var(--ux-space-8)}}
.sp-hero__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--ux-space-4)}
.sp-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-3);min-width:0}
.sp-hero__k{margin:0;font:var(--ux-weight-bold) var(--ux-text-micro)/1.4 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}
.sp-hero__award{display:inline-flex;align-items:center}
.sp-engage{display:inline-flex;padding:var(--ux-space-1) var(--ux-space-2);border:1px solid var(--ux-ink)}
.sp-stats{display:inline-flex;gap:var(--ux-space-3);align-items:center}
.sp-stats .stat{display:inline-flex;align-items:center;gap:var(--ux-space-1);background:none;border:0;padding:0;color:inherit;font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-stamp);cursor:pointer}
.sp-stats .stat svg{width:16px;height:16px}
.sp-stats .heart[aria-pressed="true"]{color:var(--ux-signal-ink)}
.sp-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ux-space-6);margin-top:var(--ux-space-5)}
.sp-hero__lead{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-4)}

.sp-domain{margin:0;max-width:100%;font:var(--ux-weight-heavy) clamp(22px,3.4vw,40px)/1.1 var(--ux-font-sans);letter-spacing:var(--ux-track-snug);overflow-wrap:anywhere;word-break:break-word}

.sp-verdict{margin:0;max-width:100%;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;text-transform:uppercase;font-size:clamp(72px,14vw,150px);line-height:.9;letter-spacing:0;overflow-wrap:anywhere}
.sp-verdict__s{margin:0;max-width:28em;font-size:clamp(18px,1.4vw,20px);font-weight:var(--ux-weight-medium);line-height:var(--ux-leading-snug)}
.sp-hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ux-space-4);margin-top:var(--ux-space-2)}
.sp-hero__alt{display:inline-block;color:var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-small)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-decoration:underline;text-underline-offset:3px}
.sp-wall{min-width:0}
.sp-wall .dm__frame{height:auto}
.sp-wall .dm__img{height:auto}
@media (min-width:900px){
  .sp-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:var(--ux-space-7)}
  .sp-hero__grid--solo{grid-template-columns:minmax(0,1fr)}
  .sp-hero .dm__frame{width:min(100%,860px)}
}


.sp-rank-sec,.sp-tactics{overflow:hidden}
.sp-rank{margin-top:var(--ux-space-6);max-width:44rem}
.sp-rank .dfam__kicker,.sp-rank .dfam__head,.sp-rank .dfam__sub{display:none}
.sp-rank__zero{margin:0;font-size:var(--ux-text-h3);color:var(--ux-ink)}
.sp-fine{margin:var(--ux-space-4) 0 0;max-width:56em;color:var(--ux-ink-muted);font-size:var(--ux-text-small)}


.sp-finds{display:grid;gap:var(--ux-space-6);margin-top:var(--ux-space-6);max-width:56rem}
.sp-find{display:grid;gap:var(--ux-space-3);padding-top:var(--ux-space-5);border-top:1px solid var(--ux-line);min-width:0}
.sp-find:first-child{border-top:0;padding-top:0}
.sp-find__h{margin:0;font:var(--ux-weight-heavy) var(--ux-text-h3)/1.2 var(--ux-font-sans);letter-spacing:var(--ux-track-snug)}
.sp-find__line{margin:0;color:var(--ux-ink-soft);font-size:var(--ux-text-small)}
.sp-find__line--body{font-size:var(--ux-text-body);color:var(--ux-ink)}
.sp-quote__h{margin:0;font:var(--ux-weight-medium) var(--ux-text-h3)/1.3 var(--ux-font-sans);overflow-wrap:anywhere}
.sp-chips{display:flex;flex-wrap:wrap;gap:var(--ux-space-3);margin:0;padding:0;list-style:none}
.sp-chip{padding:var(--ux-space-1) var(--ux-space-3);border:1px solid var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-caption)/1.5 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase;overflow-wrap:anywhere}
.sp-checks{border:1px solid var(--ux-ink)}
.sp-checks .chk__chip{min-width:7.5em}
.sp-more summary{display:inline-block;cursor:pointer;padding:var(--ux-space-2) 0;color:var(--ux-ink);font:var(--ux-weight-bold) var(--ux-text-small)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-decoration:underline;text-underline-offset:3px}
.sp-more[open] summary{margin-bottom:var(--ux-space-3)}
.sp-brand{margin-top:var(--ux-space-1)}


.sp-tactics__s{margin:var(--ux-space-3) 0 0;max-width:44em;font-size:clamp(18px,1.4vw,20px);font-weight:var(--ux-weight-medium)}
.sp-plans{display:grid;gap:var(--ux-space-5);grid-template-columns:minmax(0,1fr);margin-top:var(--ux-space-6)}
@media (min-width:720px){.sp-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp-plan{min-width:0;padding:var(--ux-space-5);background:var(--ux-surface);color:var(--ux-ink)}
.sp-plan__k{margin:0 0 var(--ux-space-3);font:var(--ux-weight-bold) var(--ux-text-micro)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}

.sp-plan__chip{display:inline-block;padding:var(--ux-space-1) var(--ux-space-2);border:2px solid var(--ux-ink);background:var(--ux-surface);color:var(--ux-ink)}
.sp-plan__list{display:grid;gap:var(--ux-space-3);margin:0;padding:0;list-style:none;font:var(--ux-weight-medium) var(--ux-text-body)/1.3 var(--ux-font-sans)}
.sp-locks{margin-top:var(--ux-space-6);max-width:44rem}
.sp-tactics__cta{margin-top:var(--ux-space-6)}
.sp-nf summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sp-nf__list{margin:var(--ux-space-3) 0 0;padding:0;list-style:none}
.sp-nf__row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ux-space-1);padding-block:var(--ux-space-3);border-top:1px solid var(--ux-line)}
.sp-nf__l{font-weight:var(--ux-weight-heavy)}
.sp-nf__r{color:var(--ux-ink-muted);font-size:var(--ux-text-small)}
.disp-trigger.sp-nf__d{appearance:none;background:none;border:0;padding:0;justify-self:start;color:inherit;font:inherit;font-size:var(--ux-text-small);text-decoration:underline;cursor:pointer}


.sp-h2{margin:0;color:var(--ux-ink);text-transform:none;font:var(--ux-weight-heavy) clamp(26px,2.4vw,34px)/1.1 var(--ux-font-sans);letter-spacing:var(--ux-track-snug)}
.sp-like__grid{display:grid;gap:var(--ux-space-6);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:900px){.sp-like__grid:not(.sp-like__grid--solo){grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--ux-space-7)}}
.sp-like__cap{margin:var(--ux-space-2) 0 0;color:var(--ux-ink-muted);font-size:var(--ux-text-small)}
.sp-similar{margin:var(--ux-space-4) 0 0;padding:0;list-style:none}
.sp-sim+.sp-sim{border-top:1px solid var(--ux-line)}
.sp-sim__a{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ux-space-4);padding:var(--ux-space-3) 0;text-decoration:none}
.sp-sim__a:hover .sp-sim__d{text-decoration:underline}
.sp-sim__d{font:var(--ux-weight-heavy) var(--ux-text-h3)/1.2 var(--ux-font-sans);overflow-wrap:anywhere}
.sp-sim__n{flex:none;color:var(--ux-ink-muted);font:var(--ux-weight-normal) var(--ux-text-micro)/1.35 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide)}
.sp-pickcard.card{min-width:0;box-sizing:border-box;border:2px solid var(--ux-ink);border-radius:0;background:var(--ux-surface);padding:var(--ux-space-5);overflow:visible}
.sp-h2--card{font-size:var(--ux-text-h3)}
.sp-pickcard .sp-cmp__form{margin-top:var(--ux-space-4)}


.sp-offer .sp-offer__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-4);margin-top:var(--ux-space-6)}
.sp-offer__note{font:var(--ux-weight-bold) var(--ux-text-small)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}


.sp-cmp__form{margin-top:var(--ux-space-6);max-width:44rem}
.sp-pick__label{display:block;margin:0 0 var(--ux-space-2);font:var(--ux-weight-bold) var(--ux-text-small)/1.4 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase}
.sp-pick__row{display:flex;align-items:stretch;padding:var(--ux-space-1);background:var(--ux-surface);border:1px solid var(--ux-ink)}
.sp-pick__row:focus-within{box-shadow:var(--ux-focus-ring)}
.sp-pick__in{flex:1;min-width:0;height:calc(var(--ux-control-h) - 8px);padding:0 var(--ux-space-3);border:0;background:transparent;color:var(--ux-ink);font:var(--ux-weight-medium) 16px/1 var(--ux-font-sans)}
.sp-pick__in:focus{outline:none}
.sp-pick__hint{margin:var(--ux-space-2) 0 0;color:var(--ux-ink-muted);font:var(--ux-weight-normal) var(--ux-text-small)/1.5 var(--ux-font-stamp)}
.sp-pick__out{margin-top:var(--ux-space-3)}
.sp-pick__list{margin:0;padding:0;list-style:none;border:1px solid var(--ux-ink);background:var(--ux-surface)}
.sp-pick__list li+li{border-top:1px solid var(--ux-line)}
.sp-pick__list a{display:flex;align-items:center;gap:var(--ux-space-3);padding:var(--ux-space-3) var(--ux-space-4);text-decoration:none}
.sp-pick__list a:hover{background:var(--ux-panel-peer)}
.sp-pick__name{font-weight:var(--ux-weight-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-pick__type{margin-left:auto;font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.sp-pick__none{margin:0;padding:var(--ux-space-3) var(--ux-space-4);border:1px dashed var(--ux-ink)}
.sp-pick__none a{font-weight:var(--ux-weight-heavy)}
.sp-pick__sub{margin:var(--ux-space-2) 0 0;color:var(--ux-ink-muted);font-size:var(--ux-text-small)}


.sp-cmp__top{padding-block:var(--ux-space-6) var(--ux-space-4)}
.sp-cmp__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux-space-4) var(--ux-space-6)}
.sp-cmp__meta{margin:0;font:var(--ux-weight-bold) var(--ux-text-small)/1.4 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.sp-cmp__shots{display:grid;gap:var(--ux-space-5);grid-template-columns:1fr;margin-top:var(--ux-space-6)}
@media (min-width:720px){.sp-cmp__shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ux-space-7)}}
.sp-cmp__shot{margin:0}
@media (min-width:720px){.sp-cmp__shot--l{transform:rotate(-1.4deg)}.sp-cmp__shot--r{transform:rotate(1.4deg)}}
.sp-cmp__none{display:flex;align-items:center;justify-content:center;background:var(--ux-code-bg);aspect-ratio:16/10;padding:var(--ux-space-4);text-align:center}
.sp-cmp__names{display:flex;align-items:baseline;justify-content:flex-start;gap:.12em;margin:var(--ux-space-6) 0 0;overflow:hidden;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(48px,11vw,170px);line-height:.95;white-space:nowrap}
.sp-cmp__vs{color:var(--ux-signal);font-size:.45em}
.sp-cmp__tape{margin:var(--ux-space-5) 0 0}
.sp-cmp__table{margin-top:var(--ux-space-6);max-width:56rem}
.sp-cmp__table--rows{margin-top:var(--ux-space-6)}
.sp-cmp__cols,.sp-cmp__num{display:grid;grid-template-columns:minmax(0,1fr) minmax(5rem,12rem) minmax(5rem,12rem);align-items:center;gap:var(--ux-space-4);padding:var(--ux-space-4)}
.sp-cmp__cols{font:var(--ux-weight-bold) var(--ux-text-micro)/1.3 var(--ux-font-stamp);letter-spacing:var(--ux-track-caps);text-transform:uppercase;overflow-wrap:anywhere}
.sp-cmp__num+.sp-cmp__num{border-top:1px solid var(--ux-line)}
.sp-cmp__nl{margin:0;font:var(--ux-weight-heavy) var(--ux-text-h2)/1.15 var(--ux-font-sans);letter-spacing:var(--ux-track-snug)}
.sp-cmp__v{font:var(--ux-weight-heavy) 28px/1 var(--ux-font-sans);overflow-wrap:anywhere}
.sp-cmp__v--na{font:var(--ux-weight-bold) var(--ux-text-micro)/1.3 var(--ux-font-stamp);letter-spacing:var(--ux-track-caps);text-transform:uppercase;color:var(--ux-ink-muted)}
.sp-cmp__src{margin:var(--ux-space-5) 0 0;max-width:56em;color:var(--ux-ink-muted);font:var(--ux-weight-normal) var(--ux-text-micro)/1.5 var(--ux-font-stamp)}
.sp-cmp__loading,.sp-cmp__err{margin:0;padding-top:var(--ux-space-6);font-size:var(--ux-text-h3)}
@media (max-width:560px){
  .sp-cmp__cols,.sp-cmp__num{grid-template-columns:1fr 1fr}
  .sp-cmp__nl{grid-column:1/-1}
  .sp-cmp__cols span:first-child{display:none}
}


.sp-spec .ah__in{max-width:none;margin:var(--ux-space-8) 0 0 var(--ux-space-4);padding:var(--ux-space-6) var(--ux-space-4) var(--ux-space-7);background:var(--ux-surface)}
@media (min-width:900px){.sp-spec .ah__in{margin:calc(var(--ux-space-8) * 2) 0 0 var(--ux-space-8);padding:var(--ux-space-7) var(--ux-space-8) var(--ux-space-8)}}
.sp-spec .ah--recede .ah__art{opacity:1;filter:none}
.sp-spec__in{display:flex;flex-direction:column;align-items:center;gap:var(--ux-space-4);text-align:center}
.sp-spec__name{margin:0;font-family:var(--ux-font-display);font-weight:400;font-synthesis:none;font-size:clamp(40px,5.5vw,66px);line-height:1;overflow-wrap:anywhere}
.sp-spec__sub{margin:0;font-size:clamp(18px,1.4vw,20px);font-weight:var(--ux-weight-medium)}
.sp-spec .dm__frame{height:auto;width:min(100%,960px)}
.sp-spec .dm[data-device="mobile"] .dm__frame{width:min(100%,260px)}
.sp-crop{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--ar)}
.sp-crop__img{position:absolute;left:0;display:block;width:100%}
.sp-spec__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--ux-space-5)}
.sp-spec__full{font:var(--ux-weight-bold) var(--ux-text-small)/1.2 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.sp-spec__list{display:flex;flex-wrap:wrap;gap:var(--ux-space-4);margin-top:var(--ux-space-6)}
.sp-spec__chip{text-decoration:none}
.sp-spec__chip[aria-current] .tx-tape{outline:2px solid var(--ux-brand);outline-offset:3px}


.sp-method{padding-block:var(--ux-space-7) var(--ux-space-6)}
.sp-method__more summary{cursor:pointer;margin-top:var(--ux-space-3);color:var(--ux-ink-muted);font:var(--ux-weight-bold) var(--ux-text-micro)/1.3 var(--ux-font-stamp);letter-spacing:var(--ux-track-wide);text-transform:uppercase}
.sp-method__p,.sp-method__walk,.sp-method .wp{margin:var(--ux-space-3) 0 0;max-width:56em;color:var(--ux-ink-soft);font-size:var(--ux-text-small);line-height:var(--ux-leading-normal)}
.sp-method .wp{font-family:var(--ux-font-sans)}
.sp-method .wp-k{font:var(--ux-weight-bold) var(--ux-text-micro)/1 var(--ux-font-stamp);letter-spacing:var(--ux-track-kicker);text-transform:uppercase;color:var(--ux-ink-muted)}
@media (max-width:560px){.sp-locks .lr{flex-direction:column;align-items:flex-start}}
.sp-rail__nav{min-width:0}
.sp-like{padding-bottom:var(--ux-space-8)}
@media (max-width:420px){.sp-hero__top .vt{display:flex;width:100%}.sp-hero__top .vt__item{flex:1 1 auto;justify-content:center;min-width:0;padding-inline:var(--ux-space-2);letter-spacing:0}}
.sp-pickcard.card .sp-h2--card{font-size:var(--ux-text-h3)}