/* GENERATED by packages/design-tokens. Do not edit. Run `npm run tokens`. */
:root {
  --product-name: "Hither";
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-card: 24px;
  --radius-inner: 16px;
  --radius-pill: 999px;
  --control-min: 44px;
  --button-height: 48px;
  --row-min: 56px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-stroke: 1.5;
  --reticle-outset: 2px;
  --reticle-tick-offset: 8px;
  --reticle-tick-size: 12px;
  --reticle-tick-weight: 2px;
  --type-hero: 9.25rem;
  --type-hero-line: 9.25rem;
  --type-hero-track: -0.03em;
  --type-display: 3rem;
  --type-display-line: 3.25rem;
  --type-display-track: -0.022em;
  --type-title-1: 2rem;
  --type-title-1-line: 2.5rem;
  --type-title-1-track: -0.02em;
  --type-title-2: 1.5rem;
  --type-title-2-line: 2rem;
  --type-title-2-track: -0.015em;
  --type-title-3: 1.25rem;
  --type-title-3-line: 1.75rem;
  --type-title-3-track: -0.01em;
  --type-headline: 1.0625rem;
  --type-headline-line: 1.5rem;
  --type-headline-track: -0.005em;
  --type-body: 1rem;
  --type-body-line: 1.5rem;
  --type-body-track: -0.003em;
  --type-callout: 0.875rem;
  --type-callout-line: 1.25rem;
  --type-callout-track: 0em;
  --type-footnote: 0.8125rem;
  --type-footnote-line: 1.25rem;
  --type-footnote-track: 0em;
  --type-caption: 0.75rem;
  --type-caption-line: 1rem;
  --type-caption-track: 0.004em;
  --type-control: 0.9375rem;
  --type-control-line: 1.25rem;
  --type-overlay: 1.125rem;
  --type-overlay-line: 1.5rem;
  --type-overlay-track: -0.006em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --dur-instant: 0ms;
  --dur-number: 200ms;
  --dur-small: 250ms;
  --dur-flight: 420ms;
  --dur-hide: 48ms;
  --dur-exit-fast: 90ms;
  --dur-press: 100ms;
  --dur-panel-out: 110ms;
  --dur-quick: 120ms;
  --dur-panel: 160ms;
  --dur-surface-fade: 200ms;
  --dur-focal: 420ms;
  --dur-scene: 520ms;
  --dur-tight: 213ms;
  --dur-bite: 330ms;
  --dur-surface-in: 290ms;
  --dur-surface-out: 150ms;
  --dur-flight-lag: 627ms;
  --dur-drift: 620ms;
  --dur-recall: 791ms;
  --spring-small-response: 0.25;
  --spring-small-damping: 0.85;
  --ease-spring-small: linear(0, 0.0617, 0.1976, 0.3564, 0.5094, 0.6423, 0.7503, 0.8334, 0.8945, 0.9376, 0.9666, 0.9852, 0.9964, 1.0025, 1.0054, 1.0063, 1);
  --spring-flight-response: 0.42;
  --spring-flight-damping: 0.86;
  --ease-spring-flight: linear(0, 0.0412, 0.1377, 0.2592, 0.3859, 0.5062, 0.6136, 0.7054, 0.7812, 0.8419, 0.8892, 0.9251, 0.9517, 0.9709, 0.9842, 0.9932, 0.9989, 1.0024, 1.0042, 1.0049, 1);
  --spring-press-response: 0.1;
  --spring-press-damping: 1;
  --ease-spring-press: linear(0, 0.0169, 0.0596, 0.1183, 0.186, 0.2575, 0.3294, 0.3993, 0.4656, 0.5273, 0.584, 0.6355, 0.6819, 0.7233, 0.7601, 0.7925, 0.821, 0.846, 0.8677, 0.8866, 0.9029, 0.9171, 0.9292, 0.9397, 0.9487, 0.9564, 0.9634, 0.9724, 0.9818, 0.9898, 0.9956, 0.9989, 1);
  --spring-tight-response: 0.18;
  --spring-tight-damping: 1;
  --ease-spring-tight: linear(0, 0.0232, 0.0797, 0.1548, 0.2383, 0.3235, 0.4061, 0.4836, 0.5544, 0.6181, 0.6745, 0.724, 0.7669, 0.8039, 0.8356, 0.8625, 0.8854, 0.9047, 0.9209, 0.9345, 0.9458, 0.9553, 0.9632, 0.9697, 0.9751, 0.9796, 0.9834, 0.988, 0.9923, 0.9958, 0.9983, 0.9996, 1);
  --spring-bite-response: 0.22;
  --spring-bite-damping: 0.62;
  --ease-spring-bite: linear(0, 0.0383, 0.1342, 0.2633, 0.406, 0.5479, 0.679, 0.7932, 0.8873, 0.9608, 1.0146, 1.0509, 1.0724, 1.0822, 1.083, 1.0775, 1.0682, 1.0568, 1.0448, 1.0332, 1.0228, 1.0139, 1.0067, 1.0013, 0.9974, 0.9949, 0.9936, 0.9939, 0.9954, 0.9972, 0.9988, 0.9997, 1);
  --spring-surface-in-response: 0.32;
  --spring-surface-in-damping: 0.9;
  --ease-spring-surface-in: linear(0, 0.0142, 0.0512, 0.1037, 0.166, 0.2338, 0.3037, 0.3732, 0.4407, 0.5047, 0.5646, 0.6199, 0.6702, 0.7157, 0.7564, 0.7925, 0.8244, 0.8522, 0.8764, 0.8973, 0.9153, 0.9306, 0.9436, 0.9546, 0.9638, 0.9714, 0.978, 0.985, 0.9912, 0.9957, 0.9984, 0.9997, 1);
  --spring-surface-out-response: 0.15;
  --spring-surface-out-damping: 1;
  --ease-spring-surface-out: linear(0, 0.0169, 0.0596, 0.1183, 0.186, 0.2575, 0.3294, 0.3993, 0.4656, 0.5273, 0.584, 0.6355, 0.6819, 0.7233, 0.7601, 0.7925, 0.821, 0.846, 0.8677, 0.8866, 0.9029, 0.9171, 0.9292, 0.9397, 0.9487, 0.9564, 0.9634, 0.9724, 0.9818, 0.9898, 0.9956, 0.9989, 1);
  --spring-flight-lag-response: 0.63;
  --spring-flight-lag-damping: 0.86;
  --ease-spring-flight-lag: linear(0, 0.0171, 0.061, 0.1228, 0.1953, 0.2731, 0.3522, 0.4297, 0.5035, 0.5723, 0.6352, 0.692, 0.7426, 0.787, 0.8256, 0.8589, 0.8872, 0.9111, 0.931, 0.9475, 0.961, 0.9718, 0.9805, 0.9874, 0.9927, 0.9967, 0.9997, 1.0016, 1.0022, 1.0019, 1.0011, 1.0003, 1);
  --spring-drift-response: 0.5;
  --spring-drift-damping: 1;
  --ease-spring-drift: linear(0, 0.0252, 0.0863, 0.1664, 0.2546, 0.3436, 0.429, 0.5081, 0.5797, 0.6433, 0.699, 0.7474, 0.7888, 0.8242, 0.8541, 0.8793, 0.9005, 0.9181, 0.9328, 0.9449, 0.9549, 0.9632, 0.97, 0.9756, 0.9802, 0.9839, 0.9871, 0.9907, 0.9942, 0.9969, 0.9987, 0.9997, 1);
  --spring-recall-response: 0.714;
  --spring-recall-damping: 0.84;
  --ease-spring-recall: linear(0, 0.0209, 0.0741, 0.1476, 0.2322, 0.3212, 0.4098, 0.4946, 0.5733, 0.6448, 0.7085, 0.7641, 0.8121, 0.8528, 0.8868, 0.9149, 0.9377, 0.9561, 0.9705, 0.9817, 0.9902, 0.9964, 1.0009, 1.004, 1.006, 1.0071, 1.0076, 1.0068, 1.0051, 1.0031, 1.0015, 1.0004, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --press-scale: 0.97;
}

[data-theme="v1-dark"] {
  color-scheme: dark;
  --font-display: "Noto Serif Display", "Iowan Old Style", Georgia, serif;
  --font-ui: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-title: "Noto Serif Display", "Iowan Old Style", Georgia, serif;
  --display-stretch: 80%;
  --weight-display: 400;
  --weight-title: 500;
  --title-stretch: 88%;
  --hero-em-style: italic;
  --type-hero-track: -0.024em;
  --success: #0297DE;
  --error: #FC734D;
  --warning: #FC734D;
  --primary-hover: #1DA2E2;
  --primary-pressed: #30AAE4;
  --accent-hover: #F98362;
  --accent-pressed: #F88D70;
  --reticle-keyline: #02070AA3;
  --kf-stage: #090E11;
  --kf-ground: #12181B;
  --kf-panel: #171C20;
  --kf-comp: #02070A;
  --kf-line: #E6F5FD1A;
  --kf-control: #E6F5FD14;
  --kf-control-on: #E6F5FD2E;
  --kf-selection: #E6F5FD24;
  --kf-text: #E6F5FDDB;
  --kf-text-2: #E6F5FD9E;
  --kf-text-3: #E6F5FD80;
  --kf-bar: #E6F5FD24;
  --kf-bar-on: #E6F5FD3D;
  --kf-mark: #E6F5FD8F;
  --kf-mark-on: #E6F5FD;
  --kf-art: #E6F5FD57;
  --kf-art-soft: #E6F5FD29;
  --kf-art-title: #E6F5FD99;
  --kf-traffic: #E6F5FD38;
  --fill-shift: #E6F5FD;
  --kf-base: #02070A;
  --kf-ink: #E6F5FD;
  --kf-sky: #022739;
  --ground: #02070A;
  --text: #E6F5FD;
  --primary: #0297DE;
  --accent: #FC734D;
  --accent-fill: #FC734D;
  --on-primary: #02070A;
  --on-accent: #02070A;
  --on-fill: #02070A;
  --surface-1: #021017;
  --surface-2: #021721;
  --surface-3: #021F2E;
  --text-2: #E6F5FDBD;
  --text-3: #E6F5FD94;
  --ink-primary: #0297DE;
  --ink-primary-chip: #0297DE;
  --ink-accent: #FC734D;
  --fill-1: #E6F5FD0F;
  --fill-2: #E6F5FD1A;
  --fill-3: #E6F5FD29;
  --primary-tint: #0297DE29;
  --primary-tint-strong: #0297DE47;
  --accent-tint: #FC734D29;
  --notice-fill: #021721;
  --notice-edge: #FC734D8F;
  --accent-tint-strong: #FC734D47;
  --hairline: #E6F5FD1F;
  --hairline-strong: #E6F5FD3D;
  --edge-light: #E6F5FD2E;
  --keyline: #02070AA3;
  --glass-thin: #02070AA3;
  --glass-regular: #02070ACC;
  --glass-thick: #02070AEB;
  --glass-edge: #E6F5FD1F;
  --shadow-1: #02070A7A;
  --shadow-2: #02070AA3;
  --shadow-3: #02070ACC;
  --reticle-stroke: #0297DE;
  --reticle-core: #AFDEF6;
  --reticle-fill: #0297DE29;
  --reticle-halo-near: #0297DEF5;
  --reticle-halo-mid: #0297DE8F;
  --reticle-halo-far: #0297DE47;
  --reticle-approx: #FC734D;
  --reticle-approx-fill: #FC734D1F;
  --reticle-approx-halo: #FC734D3D;
  --focus-ring: #0297DE;
  --knob: #E6F5FD;
  --cursor-fill: #E6F5FD;
  --cursor-edge: #02070A;
  --frame-fill: #E6F5FD2E;
  --frame-edge: #E6F5FD66;
  --panel-fill: #E6F5FDF0;
  --orb-fill: #E6F5FD3D;
  --orb-shine: #E6F5FDB8;
  --orb-depth: #0297DE66;
  --orb-ring: #E6F5FD70;
  --orb-ink: #E6F5FD;
  --halo: #0297DE;
  --plain-ink-on-fill: #0297DE;
  --shadow-hairline: 0 0 0 1px #E6F5FD1F;
  --shadow-hairline-inset: inset 0 0 0 1px #E6F5FD1F;
  --shadow-divider: inset 0 1px 0 #E6F5FD1F;
  --shadow-primary-edge: inset 0 0 0 1px #0297DE;
  --shadow-hairline-strong-inset: inset 0 0 0 1px #E6F5FD3D;
  --shadow-card: 0 0 0 1px #E6F5FD1F, 0 1px 2px #02070A7A, 0 8px 24px #02070A7A;
  --shadow-raised: 0 0 0 1px #E6F5FD1F, 0 2px 4px #02070A7A, 0 12px 32px #02070AA3;
  --shadow-float: 0 4px 12px #02070AA3, 0 16px 40px #02070AA3;
  --shadow-popover: 0 8px 24px #02070AA3, 0 24px 64px #02070ACC;
  --shadow-window: 0 16px 48px #02070AA3, 0 40px 96px #02070ACC;
  --shadow-glass: inset 0 0 0 1px #E6F5FD1F, inset 0 1px 0 #E6F5FD2E, 0 4px 12px #02070AA3, 0 16px 40px #02070AA3;
  --shadow-frame: inset 0 0 0 1px #E6F5FD66, inset 0 1px 0 #E6F5FD2E, 0 4px 12px #02070A33, 0 16px 40px #02070A3D;
  --shadow-key: inset 0 0 0 1px #E6F5FD1F, inset 0 -2px 0 #E6F5FD3D;
  --shadow-knob: 0 1px 2px #02070ACC;
  --shadow-reticle: 0 0 0 1px #0297DE, 0 0 0 2px #02070AA3, 0 0 8px 1px #0297DEF5, 0 0 28px 4px #0297DE8F, 0 0 72px 16px #0297DE47;
  --shadow-reticle-approx: 0 0 40px 4px #FC734D3D;
  --kf-shadow-window: 0 16px 48px #02070AA3;
  --kf-edge-top: inset 0 1px 0 #E6F5FD1A;
  --kf-edge-right: inset -1px 0 0 #E6F5FD1A;
  --kf-edge-bottom: inset 0 -1px 0 #E6F5FD1A;
  --kf-edge-left: inset 1px 0 0 #E6F5FD1A;
  --filter-reticle: drop-shadow(0 0 3px #0297DEF5) drop-shadow(0 0 12px #0297DE8F);
  --glass-blur-thin: blur(12px) saturate(1.4);
  --glass-blur-regular: blur(24px) saturate(1.6);
  --glass-blur-thick: blur(40px) saturate(1.8);
  --frame-blur: blur(28px) saturate(1.5);
}

[data-theme="v1-light"] {
  color-scheme: light;
  --font-display: "Noto Serif Display", "Iowan Old Style", Georgia, serif;
  --font-ui: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-title: "Noto Serif Display", "Iowan Old Style", Georgia, serif;
  --display-stretch: 80%;
  --weight-display: 400;
  --weight-title: 500;
  --title-stretch: 88%;
  --hero-em-style: italic;
  --type-hero-track: -0.024em;
  --success: #0297DE;
  --error: #FC734D;
  --warning: #FC734D;
  --primary-hover: #1DA2E2;
  --primary-pressed: #30AAE4;
  --accent-hover: #F98362;
  --accent-pressed: #F88D70;
  --reticle-keyline: #02070AA3;
  --kf-stage: #D6ECF9;
  --kf-ground: #F6FBFE;
  --kf-panel: #E3F2FB;
  --kf-comp: #EFF8FD;
  --kf-line: #02070A1A;
  --kf-control: #01679A12;
  --kf-control-on: #01679A2E;
  --kf-selection: #01679A1F;
  --kf-text: #02070A;
  --kf-text-2: #02070AC7;
  --kf-text-3: #02070AA3;
  --kf-bar: #01679A1F;
  --kf-bar-on: #01679A2E;
  --kf-mark: #02070AA3;
  --kf-mark-on: #02070A;
  --kf-art: #02070A3D;
  --kf-art-soft: #01679A1F;
  --kf-art-title: #02070AC7;
  --kf-traffic: #01679A2E;
  --fill-shift: #E6F5FD;
  --kf-base: #EFF8FD;
  --kf-ink: #02070A;
  --kf-sky: #CEEAF9;
  --ground: #EFF8FD;
  --text: #02070A;
  --primary: #0297DE;
  --accent: #FC734D;
  --accent-fill: #FC734D;
  --on-primary: #02070A;
  --on-accent: #02070A;
  --on-fill: #02070A;
  --surface-1: #F6FBFE;
  --surface-2: #E3F2FB;
  --surface-3: #D6ECF9;
  --text-2: #02070AC7;
  --text-3: #02070AA3;
  --ink-primary: #01679A;
  --ink-primary-chip: #01679A;
  --ink-accent: #B4401D;
  --fill-1: #01679A12;
  --fill-2: #01679A1F;
  --fill-3: #01679A2E;
  --primary-tint: #0297DE29;
  --primary-tint-strong: #0297DE47;
  --accent-tint: #FC734D29;
  --notice-fill: #F2DDDA;
  --notice-edge: transparent;
  --accent-tint-strong: #FC734D42;
  --hairline: #02070A1A;
  --hairline-strong: #02070A3D;
  --edge-light: #F6FBFEB8;
  --keyline: #02070AA3;
  --glass-thin: #F6FBFECC;
  --glass-regular: #F6FBFEE6;
  --glass-thick: #F6FBFEF5;
  --glass-edge: #02070A1A;
  --shadow-1: #01344E12;
  --shadow-2: #01344E1F;
  --shadow-3: #01344E33;
  --reticle-stroke: #0297DE;
  --reticle-core: #F6FBFE;
  --reticle-fill: #0297DE29;
  --reticle-halo-near: #0297DE;
  --reticle-halo-mid: #0297DEA3;
  --reticle-halo-far: #0297DE52;
  --reticle-approx: #FC734D;
  --reticle-approx-fill: #FC734D24;
  --reticle-approx-halo: #FC734D47;
  --focus-ring: #01679A;
  --knob: #F6FBFE;
  --cursor-fill: #02070A;
  --cursor-edge: #F6FBFE;
  --halo: #0297DE;
  --frame-fill: #F6FBFE70;
  --frame-edge: #F6FBFEE0;
  --panel-fill: #F6FBFEEB;
  --orb-fill: #F6FBFE75;
  --orb-shine: #F6FBFEE0;
  --orb-depth: #0297DE47;
  --orb-ring: #0297DE70;
  --orb-ink: #02070A;
  --plain-ink-on-fill: #01679A;
  --shadow-hairline: 0 0 0 1px #02070A1A;
  --shadow-hairline-inset: inset 0 0 0 1px #02070A1A;
  --shadow-divider: inset 0 1px 0 #02070A1A;
  --shadow-primary-edge: inset 0 0 0 1px #0297DE;
  --shadow-hairline-strong-inset: inset 0 0 0 1px #02070A3D;
  --shadow-card: 0 0 0 1px #02070A1A, 0 1px 2px #01344E12, 0 8px 24px #01344E12;
  --shadow-raised: 0 0 0 1px #02070A1A, 0 2px 4px #01344E12, 0 12px 32px #01344E1F;
  --shadow-float: 0 4px 12px #01344E1F, 0 16px 40px #01344E1F;
  --shadow-popover: 0 8px 24px #01344E1F, 0 24px 64px #01344E33;
  --shadow-window: 0 16px 48px #01344E1F, 0 40px 96px #01344E33;
  --shadow-glass: inset 0 0 0 1px #02070A1A, inset 0 1px 0 #F6FBFEB8, 0 4px 12px #01344E1F, 0 16px 40px #01344E1F;
  --shadow-frame: inset 0 0 0 1px #F6FBFEE0, inset 0 1px 0 #F6FBFEB8, 0 4px 12px #01344E12, 0 24px 56px #01344E12;
  --shadow-key: inset 0 0 0 1px #02070A1A, inset 0 -2px 0 #02070A3D;
  --shadow-knob: 0 1px 2px #01344E33;
  --shadow-reticle: 0 0 0 1px #0297DE, 0 0 0 2px #02070AA3, 0 1px 2px #01344E33, 0 8px 24px #01344E33;
  --shadow-reticle-approx: 0 0 40px 4px #FC734D47;
  --kf-shadow-window: 0 0 0 1px #02070A1A, 0 16px 48px #01344E1F, 0 40px 96px #01344E33;
  --kf-edge-top: inset 0 1px 0 #02070A1A;
  --kf-edge-right: inset -1px 0 0 #02070A1A;
  --kf-edge-bottom: inset 0 -1px 0 #02070A1A;
  --kf-edge-left: inset 1px 0 0 #02070A1A;
  --filter-reticle: drop-shadow(0 1px 2px #01344E33);
  --glass-blur-thin: blur(12px) saturate(1.4);
  --glass-blur-regular: blur(24px) saturate(1.6);
  --glass-blur-thick: blur(40px) saturate(1.8);
  --frame-blur: blur(28px) saturate(1.5);
}

[data-theme="v2-dark"] {
  color-scheme: dark;
  --font-display: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-ui: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-title: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --display-stretch: 100%;
  --weight-display: 500;
  --weight-title: 600;
  --title-stretch: 100%;
  --hero-em-style: normal;
  --type-hero-track: -0.04em;
  --success: #0B65F5;
  --error: #D83995;
  --warning: #D83995;
  --primary-hover: #0A5CDF;
  --primary-pressed: #0A56D1;
  --accent-hover: #A82F7B;
  --accent-pressed: #992D76;
  --reticle-keyline: #020818A3;
  --kf-stage: #0C162D;
  --kf-ground: #162035;
  --kf-panel: #1B253A;
  --kf-comp: #050F26;
  --kf-line: #FCFFFF1A;
  --kf-control: #FCFFFF14;
  --kf-control-on: #FCFFFF2E;
  --kf-selection: #FCFFFF24;
  --kf-text: #FCFFFFDB;
  --kf-text-2: #FCFFFF9E;
  --kf-text-3: #FCFFFF80;
  --kf-bar: #FCFFFF24;
  --kf-bar-on: #FCFFFF3D;
  --kf-mark: #FCFFFF8F;
  --kf-mark-on: #FCFFFF;
  --kf-art: #FCFFFF57;
  --kf-art-soft: #FCFFFF29;
  --kf-art-title: #FCFFFF99;
  --kf-traffic: #FCFFFF38;
  --fill-shift: #061A40;
  --accent-fill: #BE3283;
  --on-primary: #FCFFFF;
  --on-accent: #FCFFFF;
  --on-fill: #FCFFFF;
  --kf-base: #050F26;
  --kf-ink: #FCFFFF;
  --kf-sky: #072964;
  --ground: #050F26;
  --text: #FCFFFF;
  --primary: #0B65F5;
  --accent: #D83995;
  --surface-1: #06183B;
  --surface-2: #061D47;
  --surface-3: #062458;
  --text-2: #FCFFFFC2;
  --text-3: #FCFFFF9E;
  --ink-primary: #6BA3FF;
  --ink-primary-chip: #6BA3FF;
  --ink-accent: #F07BBE;
  --fill-1: #FCFFFF0F;
  --fill-2: #FCFFFF1A;
  --fill-3: #FCFFFF29;
  --primary-tint: #0B65F53D;
  --primary-tint-strong: #0B65F566;
  --accent-tint: #D8399533;
  --notice-fill: #061D47;
  --notice-edge: #F07BBE8F;
  --accent-tint-strong: #D8399552;
  --hairline: #FCFFFF1F;
  --hairline-strong: #FCFFFF3D;
  --edge-light: #FCFFFF33;
  --keyline: #020818A3;
  --glass-thin: #050F268F;
  --glass-regular: #050F26B8;
  --glass-thick: #050F26E0;
  --glass-edge: #FCFFFF24;
  --shadow-1: #0208187A;
  --shadow-2: #020818A3;
  --shadow-3: #020818CC;
  --reticle-stroke: #6BA3FF;
  --reticle-core: #FCFFFF;
  --reticle-fill: #0B65F533;
  --reticle-halo-near: #6BA3FFF5;
  --reticle-halo-mid: #0B65F5B8;
  --reticle-halo-far: #0B65F55C;
  --reticle-approx: #F07BBE;
  --reticle-approx-fill: #D8399529;
  --reticle-approx-halo: #D8399552;
  --focus-ring: #6BA3FF;
  --knob: #FCFFFF;
  --cursor-fill: #FCFFFF;
  --cursor-edge: #050F26;
  --frame-fill: #082F74C2;
  --frame-edge: #FCFFFF38;
  --panel-fill: #FCFFFF0F;
  --orb-fill: #0B65F5B8;
  --orb-shine: #FCFFFFCC;
  --orb-depth: #050F267A;
  --orb-ring: #FCFFFF52;
  --orb-ink: #FCFFFF;
  --halo: #6BA3FF;
  --plain-ink-on-fill: #6BA3FF;
  --cobalt-alt-a: #0057FF;
  --cobalt-alt-b: #1463FF;
  --ink-deep: #061A40;
  --dot-ink: #FCFFFFE0;
  --shadow-hairline: 0 0 0 1px #FCFFFF1F;
  --shadow-hairline-inset: inset 0 0 0 1px #FCFFFF1F;
  --shadow-divider: inset 0 1px 0 #FCFFFF1F;
  --shadow-primary-edge: inset 0 0 0 1px #0B65F5;
  --shadow-hairline-strong-inset: inset 0 0 0 1px #FCFFFF3D;
  --shadow-card: 0 0 0 1px #FCFFFF1F, 0 1px 2px #0208187A, 0 8px 24px #0208187A;
  --shadow-raised: 0 0 0 1px #FCFFFF1F, 0 2px 4px #0208187A, 0 12px 32px #020818A3;
  --shadow-float: 0 4px 12px #020818A3, 0 16px 40px #020818A3;
  --shadow-popover: 0 8px 24px #020818A3, 0 24px 64px #020818CC;
  --shadow-window: 0 16px 48px #020818A3, 0 40px 96px #020818CC;
  --shadow-glass: inset 0 0 0 1px #FCFFFF24, inset 0 1px 0 #FCFFFF33, 0 4px 12px #020818A3, 0 16px 40px #020818A3;
  --shadow-frame: inset 0 0 0 1px #FCFFFF38, inset 0 1px 0 #FCFFFF33, 0 4px 12px #0208187A, 0 24px 56px #0208187A;
  --shadow-key: inset 0 0 0 1px #FCFFFF1F, inset 0 -2px 0 #FCFFFF3D;
  --shadow-knob: 0 1px 2px #020818CC;
  --shadow-reticle: 0 0 0 1px #6BA3FF, 0 0 0 2px #020818A3, 0 0 8px 1px #6BA3FFF5, 0 0 28px 4px #0B65F5B8, 0 0 72px 16px #0B65F55C;
  --shadow-reticle-approx: 0 0 40px 4px #D8399552;
  --kf-shadow-window: 0 16px 48px #020818A3;
  --kf-edge-top: inset 0 1px 0 #FCFFFF1A;
  --kf-edge-right: inset -1px 0 0 #FCFFFF1A;
  --kf-edge-bottom: inset 0 -1px 0 #FCFFFF1A;
  --kf-edge-left: inset 1px 0 0 #FCFFFF1A;
  --filter-reticle: drop-shadow(0 0 3px #6BA3FFF5) drop-shadow(0 0 12px #0B65F5B8);
  --glass-blur-thin: blur(12px) saturate(1.4);
  --glass-blur-regular: blur(24px) saturate(1.6);
  --glass-blur-thick: blur(40px) saturate(1.8);
  --frame-blur: blur(28px) saturate(1.5);
}

[data-theme="v2-light"] {
  color-scheme: light;
  --font-display: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-ui: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-title: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --display-stretch: 100%;
  --weight-display: 500;
  --weight-title: 600;
  --title-stretch: 100%;
  --hero-em-style: normal;
  --type-hero-track: -0.04em;
  --success: #0B65F5;
  --error: #D83995;
  --warning: #D83995;
  --primary-hover: #0A5CDF;
  --primary-pressed: #0A56D1;
  --accent-hover: #A82F7B;
  --accent-pressed: #992D76;
  --reticle-keyline: #061A40A3;
  --kf-stage: #EEF4FF;
  --kf-ground: #F7FAFF;
  --kf-panel: #F2F6FF;
  --kf-comp: #FCFFFF;
  --kf-line: #061A401A;
  --kf-control: #0B65F50D;
  --kf-control-on: #0B65F524;
  --kf-selection: #0B65F517;
  --kf-text: #061A40;
  --kf-text-2: #061A40CC;
  --kf-text-3: #061A40A8;
  --kf-bar: #0B65F517;
  --kf-bar-on: #0B65F524;
  --kf-mark: #061A40A8;
  --kf-mark-on: #061A40;
  --kf-art: #061A403D;
  --kf-art-soft: #0B65F517;
  --kf-art-title: #061A40CC;
  --kf-traffic: #0B65F524;
  --fill-shift: #061A40;
  --accent-fill: #BE3283;
  --on-primary: #FCFFFF;
  --on-accent: #FCFFFF;
  --on-fill: #FCFFFF;
  --kf-base: #FCFFFF;
  --kf-ink: #061A40;
  --kf-sky: #DAE9FE;
  --ground: #FCFFFF;
  --text: #061A40;
  --primary: #0B65F5;
  --accent: #D83995;
  --surface-1: #F7FAFF;
  --surface-2: #F2F6FF;
  --surface-3: #EEF4FF;
  --text-2: #061A40CC;
  --text-3: #061A40A8;
  --ink-primary: #0B65F5;
  --ink-primary-chip: #0A4EBF;
  --ink-accent: #BE3283;
  --plain-ink-on-fill: #061A40;
  --fill-1: #0B65F50D;
  --fill-2: #0B65F517;
  --fill-3: #0B65F524;
  --primary-tint: #0B65F51F;
  --primary-tint-strong: #0B65F538;
  --accent-tint: #D8399514;
  --notice-fill: #D8399514;
  --notice-edge: transparent;
  --accent-tint-strong: #D8399529;
  --hairline: #061A401A;
  --hairline-strong: #061A403D;
  --edge-light: #FCFFFFB8;
  --keyline: #061A40A3;
  --glass-thin: #FCFFFFD6;
  --glass-regular: #FCFFFFEB;
  --glass-thick: #FCFFFFF5;
  --glass-edge: #061A401A;
  --shadow-1: #061A400F;
  --shadow-2: #061A401A;
  --shadow-3: #061A4029;
  --reticle-stroke: #0B65F5;
  --reticle-core: #FCFFFF;
  --reticle-fill: #0B65F529;
  --reticle-halo-near: #0B65F5;
  --reticle-halo-mid: #0B65F5A3;
  --reticle-halo-far: #0B65F552;
  --reticle-approx: #BE3283;
  --reticle-approx-fill: #D8399524;
  --reticle-approx-halo: #D8399547;
  --focus-ring: #0B65F5;
  --knob: #FCFFFF;
  --cursor-fill: #061A40;
  --cursor-edge: #FCFFFF;
  --frame-fill: #FCFFFF94;
  --frame-edge: #FCFFFFD6;
  --panel-fill: #FCFFFF9E;
  --orb-fill: #0B65F5D6;
  --orb-shine: #FCFFFFD6;
  --orb-depth: #061A4052;
  --orb-ring: #0B65F55C;
  --orb-ink: #FCFFFF;
  --halo: #0B65F5;
  --cobalt-alt-a: #0057FF;
  --cobalt-alt-b: #1463FF;
  --ink-deep: #061A40;
  --dot-ink: #0B65F5B8;
  --shadow-hairline: 0 0 0 1px #061A401A;
  --shadow-hairline-inset: inset 0 0 0 1px #061A401A;
  --shadow-divider: inset 0 1px 0 #061A401A;
  --shadow-primary-edge: inset 0 0 0 1px #0B65F5;
  --shadow-hairline-strong-inset: inset 0 0 0 1px #061A403D;
  --shadow-card: 0 0 0 1px #061A401A, 0 1px 2px #061A400F, 0 8px 24px #061A400F;
  --shadow-raised: 0 0 0 1px #061A401A, 0 2px 4px #061A400F, 0 12px 32px #061A401A;
  --shadow-float: 0 4px 12px #061A401A, 0 16px 40px #061A401A;
  --shadow-popover: 0 8px 24px #061A401A, 0 24px 64px #061A4029;
  --shadow-window: 0 16px 48px #061A401A, 0 40px 96px #061A4029;
  --shadow-glass: inset 0 0 0 1px #061A401A, inset 0 1px 0 #FCFFFFB8, 0 4px 12px #061A401A, 0 16px 40px #061A401A;
  --shadow-frame: inset 0 0 0 1px #FCFFFFD6, inset 0 1px 0 #FCFFFFB8, 0 4px 12px #061A400F, 0 24px 56px #061A400F;
  --shadow-key: inset 0 0 0 1px #061A401A, inset 0 -2px 0 #061A403D;
  --shadow-knob: 0 1px 2px #061A4029;
  --shadow-reticle: 0 0 0 1px #0B65F5, 0 0 0 2px #061A40A3, 0 1px 2px #061A4029, 0 8px 24px #061A4029;
  --shadow-reticle-approx: 0 0 40px 4px #D8399547;
  --kf-shadow-window: 0 0 0 1px #061A401A, 0 16px 48px #061A401A, 0 40px 96px #061A4029;
  --kf-edge-top: inset 0 1px 0 #061A401A;
  --kf-edge-right: inset -1px 0 0 #061A401A;
  --kf-edge-bottom: inset 0 -1px 0 #061A401A;
  --kf-edge-left: inset 1px 0 0 #061A401A;
  --filter-reticle: drop-shadow(0 1px 2px #061A4029);
  --glass-blur-thin: blur(12px) saturate(1.4);
  --glass-blur-regular: blur(24px) saturate(1.6);
  --glass-blur-thick: blur(40px) saturate(1.8);
  --frame-blur: blur(28px) saturate(1.5);
}

/* A subtree may set its own data-theme. Tokens and base text resolve from the nearest one. */
[data-theme] {
  color: var(--text);
  font-family: var(--font-ui);
  font-size: var(--type-body);
  line-height: var(--type-body-line);
  font-variant-numeric: tabular-nums;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

[data-theme] ::selection {
  background: var(--primary-tint-strong);
}

/* Token changes for system preferences. These come after the theme blocks, so they win. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --press-scale: 1;
  }
}

@media (prefers-reduced-transparency: reduce) {
  [data-theme] {
    --glass-thin: var(--surface-3);
    --glass-regular: var(--surface-3);
    --glass-thick: var(--surface-3);
    --glass-blur-thin: none;
    --glass-blur-regular: none;
    --glass-blur-thick: none;
    --frame-blur: none;
    --frame-fill: var(--surface-3);
    --panel-fill: var(--surface-1);
  }
}

@media (prefers-contrast: more) {
  [data-theme] {
    --text-2: var(--text);
    --text-3: var(--text);
    --hairline: var(--hairline-strong);
    --hairline-strong: var(--text);
    --glass-edge: var(--text);
    --glass-thin: var(--ground);
    --glass-regular: var(--ground);
    --glass-thick: var(--ground);
    --glass-blur-thin: none;
    --glass-blur-regular: none;
    --glass-blur-thick: none;
    --frame-blur: none;
    --frame-fill: var(--ground);
    --frame-edge: var(--text);
    --panel-fill: var(--ground);
  }
}
/* GENERATED by packages/design-tokens. Do not edit. Run `npm run tokens`. */
/* Masks carry shape only, so they hold no color. */
:root {
  --mask-dots: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271440%27 height=%27900%27 viewBox=%270 0 1440 900%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-width=%272.4%27%3E%3Cpath d=%27M0 0m124 4h0m48 0h0m8 0h0m8 0h0m8 0h0m864 0h0m8 0h0m96 0h0m8 0h0m56 0h0m8 0h0m136 0h0m16 0h0m8 0h0m16 0h0m-1256 8h0 m24 0h0m8 0h0m8 0h0m8 0h0m824 0h0m8 0h0m8 0h0m16 0h0m16 0h0m8 0h0m16 0h0m8 0h0m8 0h0m8 0h0m48 0h0m8 0h0m0 0h0m16 0h0m80 0h0 m-1160 8h0m16 0h0m64 0h0m8 0h0m808 0h0m40 0h0m16 0h0m24 0h0m8 0h0m24 0h0m8 0h0m16 0h0m24 0h0m24 0h0m72 0h0m-1088 8h0m16 0h0 m16 0h0m896 0h0m16 0h0m8 0h0m8 0h0m24 0h0m16 0h0m80 0h0m16 0h0m24 0h0m-1176 8h0m40 0h0m32 0h0m8 0h0m872 0h0m8 0h0m0 0h0m40 0h0m72 0h0m48 0h0m16 0h0m8 0h0m8 0h0m-1184 8h0m24 0h0m16 0h0m856 0h0m40 0h0m48 0h0m104 0h0m88 0h0m8 0h0m8 0h0m0 0h0m16 0h0 m8 0h0m96 0h0m-1304 8h0m8 0h0m0 0h0m8 0h0m16 0h0m24 0h0m32 0h0m8 0h0m808 0h0m64 0h0m8 0h0m8 0h0m40 0h0m56 0h0m96 0h0m32 0h0 m8 0h0m-1224 8h0m8 0h0m8 0h0m8 0h0m24 0h0m24 0h0m8 0h0m192 0h0m8 0h0m688 0h0m104 0h0m16 0h0m96 0h0m16 0h0m24 0h0m8 0h0m16 0h0m16 0h0m-1328 8h0m64 0h0m24 0h0m80 0h0m40 0h0m120 0h0m32 0h0m624 0h0m24 0h0m8 0h0m8 0h0m16 0h0m64 0h0m16 0h0m32 0h0m8 0h0m8 0h0m56 0h0m8 0h0m8 0h0m8 0h0m16 0h0m8 0h0m8 0h0m24 0h0m8 0h0m0 0h0m-1312 8h0m8 0h0m72 0h0m32 0h0m8 0h0m8 0h0m16 0h0 m32 0h0m16 0h0m16 0h0m32 0h0m40 0h0m8 0h0m56 0h0m8 0h0m8 0h0m8 0h0m616 0h0m96 0h0m8 0h0m8 0h0m8 0h0m24 0h0m8 0h0m8 0h0m96 0h0m48 0h0m16 0h0m8 0h0m24 0h0m-1352 8h0m96 0h0m40 0h0m8 0h0m24 0h0m8 0h0m0 0h0m16 0h0m8 0h0m16 0h0m16 0h0m8 0h0m0 0h0m16 0h0m8 0h0m16 0h0m24 0h0m32 0h0m24 0h0m16 0h0m8 0h0m616 0h0m8 0h0m16 0h0m8 0h0m64 0h0m24 0h0m8 0h0m24 0h0m16 0h0m96 0h0m64 0h0m16 0h0m16 0h0m-1368 8h0m16 0h0m64 0h0m8 0h0m8 0h0m32 0h0m24 0h0m8 0h0m24 0h0m24 0h0m16 0h0m808 0h0m8 0h0m8 0h0m8 0h0m16 0h0m8 0h0m32 0h0m40 0h0m32 0h0m56 0h0m40 0h0m40 0h0m40 0h0m8 0h0m24 0h0m-1392 8h0m8 0h0m8 0h0m80 0h0m8 0h0m0 0h0m24 0h0m8 0h0m16 0h0m96 0h0m8 0h0m24 0h0m16 0h0m16 0h0m8 0h0m648 0h0m24 0h0m32 0h0m8 0h0m32 0h0m8 0h0m176 0h0m48 0h0m32 0h0m16 0h0m24 0h0m32 0h0m8 0h0m-1400 8h0m16 0h0m56 0h0m8 0h0m0 0h0m8 0h0m8 0h0m16 0h0m8 0h0m8 0h0m16 0h0m32 0h0m8 0h0m8 0h0m8 0h0m8 0h0 m24 0h0m8 0h0m40 0h0m8 0h0m8 0h0m728 0h0m8 0h0m248 0h0m8 0h0m8 0h0m0 0h0m40 0h0m24 0h0m8 0h0m8 0h0m16 0h0m-1360 8h0m32 0h0 m48 0h0m8 0h0m48 0h0m72 0h0m24 0h0m8 0h0m720 0h0m8 0h0m48 0h0m8 0h0m8 0h0m24 0h0m8 0h0m152 0h0m8 0h0m32 0h0m8 0h0m48 0h0m8 0h0m8 0h0m16 0h0m-1352 8h0m40 0h0m8 0h0m8 0h0m88 0h0m8 0h0m0 0h0m8 0h0m8 0h0m8 0h0m8 0h0m24 0h0m8 0h0m32 0h0m8 0h0m728 0h0 m8 0h0m64 0h0m24 0h0m168 0h0m8 0h0m40 0h0m8 0h0m0 0h0m16 0h0m40 0h0m32 0h0m8 0h0m0 0h0m-1432 8h0m8 0h0m0 0h0m16 0h0m24 0h0 m8 0h0m32 0h0m8 0h0m16 0h0m8 0h0m24 0h0m8 0h0m8 0h0m8 0h0m24 0h0m8 0h0m0 0h0m8 0h0m8 0h0m48 0h0m8 0h0m16 0h0m8 0h0m704 0h0 m32 0h0m8 0h0m40 0h0m8 0h0m16 0h0m136 0h0m8 0h0m16 0h0m16 0h0m8 0h0m8 0h0m32 0h0m24 0h0m8 0h0m8 0h0m8 0h0m0 0h0m8 0h0m8 0h0 m32 0h0m8 0h0m-1368 8h0m16 0h0m8 0h0m16 0h0m32 0h0m8 0h0m8 0h0m32 0h0m56 0h0m8 0h0m40 0h0m8 0h0m8 0h0m8 0h0m8 0h0m0 0h0m664 0h0m24 0h0m8 0h0m8 0h0m8 0h0m32 0h0m32 0h0m8 0h0m144 0h0m16 0h0m8 0h0m24 0h0m8 0h0m40 0h0m72 0h0m-1400 8h0m16 0h0m40 0h0m8 0h0m8 0h0m8 0h0m8 0h0m0 0h0m8 0h0m40 0h0m72 0h0m8 0h0m48 0h0m24 0h0m8 0h0m664 0h0m16 0h0m16 0h0m32 0h0m8 0h0m40 0h0m32 0h0 m144 0h0m16 0h0m24 0h0m24 0h0m16 0h0m8 0h0m32 0h0m16 0h0m-1344 8h0m32 0h0m8 0h0m72 0h0m24 0h0m32 0h0m48 0h0m40 0h0m632 0h0 m88 0h0m32 0h0m24 0h0m8 0h0m160 0h0m8 0h0m8 0h0m32 0h0m8 0h0m32 0h0m40 0h0m8 0h0m32 0h0m-1384 8h0m8 0h0m16 0h0m16 0h0m48 0h0m8 0h0m32 0h0m24 0h0m8 0h0m16 0h0m8 0h0m48 0h0m8 0h0m8 0h0m16 0h0m16 0h0m688 0h0m8 0h0m0 0h0m8 0h0m24 0h0m24 0h0m8 0h0 m16 0h0m8 0h0m8 0h0m160 0h0m8 0h0m8 0h0m16 0h0m16 0h0m8 0h0m8 0h0m24 0h0m8 0h0m32 0h0m-1360 8h0m40 0h0m32 0h0m8 0h0m48 0h0 m8 0h0m24 0h0m8 0h0m0 0h0m16 0h0m16 0h0m8 0h0m16 0h0m16 0h0m16 0h0m16 0h0m8 0h0m8 0h0m608 0h0m72 0h0m32 0h0m8 0h0m8 0h0m16 0h0m8 0h0m16 0h0m8 0h0m160 0h0m16 0h0m8 0h0m0 0h0m16 0h0m8 0h0m24 0h0m8 0h0m16 0h0m24 0h0m-1336 8h0m24 0h0m8 0h0m16 0h0m48 0h0m24 0h0m8 0h0m24 0h0m24 0h0m32 0h0m16 0h0m8 0h0m8 0h0m40 0h0m576 0h0m8 0h0m0 0h0m120 0h0m8 0h0m0 0h0m8 0h0m0 0h0m56 0h0 m8 0h0m144 0h0m24 0h0m16 0h0m32 0h0m24 0h0m16 0h0m8 0h0m8 0h0m8 0h0m-1336 8h0m8 0h0m8 0h0m16 0h0m32 0h0m8 0h0m24 0h0m56 0h0 m24 0h0m16 0h0m8 0h0m8 0h0m0 0h0m16 0h0m8 0h0m0 0h0m8 0h0m32 0h0m8 0h0m688 0h0m8 0h0m16 0h0m8 0h0m8 0h0m24 0h0m8 0h0m112 0h0m16 0h0m16 0h0m8 0h0m16 0h0m16 0h0m8 0h0m40 0h0m56 0h0m-1336 8h0m8 0h0m16 0h0m8 0h0m0 0h0m8 0h0m8 0h0m16 0h0m8 0h0m8 0h0 m16 0h0m16 0h0m8 0h0m16 0h0m8 0h0m8 0h0m88 0h0m8 0h0m16 0h0m32 0h0m8 0h0m736 0h0m120 0h0m8 0h0m8 0h0m0 0h0m32 0h0m24 0h0m8 0h0m16 0h0m8 0h0m16 0h0m24 0h0m-1312 8h0m8 0h0m40 0h0m24 0h0m16 0h0m32 0h0m16 0h0m16 0h0m24 0h0m40 0h0m16 0h0m8 0h0m16 0h0 m24 0h0m16 0h0m8 0h0m688 0h0m8 0h0m16 0h0m64 0h0m104 0h0m16 0h0m40 0h0m24 0h0m8 0h0m24 0h0m24 0h0m8 0h0m-1336 8h0m48 0h0m24 0h0m8 0h0m8 0h0m0 0h0m8 0h0m8 0h0m16 0h0m8 0h0m8 0h0m16 0h0m24 0h0m8 0h0m56 0h0m8 0h0m8 0h0m8 0h0m8 0h0m16 0h0m8 0h0m8 0h0 m640 0h0m8 0h0m40 0h0m8 0h0m40 0h0m80 0h0m72 0h0m8 0h0m32 0h0m32 0h0m8 0h0m16 0h0m16 0h0m8 0h0m8 0h0m8 0h0m-1280 8h0m8 0h0 m32 0h0m24 0h0m32 0h0m16 0h0m8 0h0m24 0h0m24 0h0m8 0h0m16 0h0m16 0h0m24 0h0m8 0h0m8 0h0m0 0h0m8 0h0m0 0h0m8 0h0m680 0h0m8 0h0m240 0h0m8 0h0m0 0h0m8 0h0m16 0h0m16 0h0m8 0h0m8 0h0m8 0h0m-1328 8h0m24 0h0m64 0h0m16 0h0m8 0h0m24 0h0m8 0h0m0 0h0m16 0h0m16 0h0m8 0h0m32 0h0m8 0h0m8 0h0m8 0h0m40 0h0m32 0h0m16 0h0m688 0h0m32 0h0m8 0h0m200 0h0m48 0h0m-1256 8h0m24 0h0m32 0h0 m48 0h0m8 0h0m8 0h0m8 0h0m0 0h0m24 0h0m8 0h0m8 0h0m8 0h0m24 0h0m32 0h0m712 0h0m16 0h0m24 0h0m16 0h0m16 0h0m8 0h0m240 0h0 m-1240 8h0m56 0h0m32 0h0m64 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m24 0h0m16 0h0m16 0h0m720 0h0m8 0h0m8 0h0m8 0h0m136 0h0m-1096 8h0m8 0h0m24 0h0m8 0h0m8 0h0m40 0h0m16 0h0m8 0h0m72 0h0m8 0h0m16 0h0m8 0h0m8 0h0m8 0h0m728 0h0m-960 8h0m8 0h0m8 0h0m8 0h0 m16 0h0m32 0h0m32 0h0m16 0h0m8 0h0m16 0h0m32 0h0m16 0h0m728 0h0m40 0h0m136 0h0m8 0h0m-1104 8h0m8 0h0m24 0h0m16 0h0m8 0h0m16 0h0m24 0h0m8 0h0m16 0h0m24 0h0m8 0h0m32 0h0m32 0h0m8 0h0m696 0h0m-944 8h0m8 0h0m8 0h0m24 0h0m8 0h0m8 0h0m16 0h0m48 0h0m16 0h0m56 0h0m8 0h0m24 0h0m16 0h0m32 0h0m16 0h0m-280 8h0m24 0h0m8 0h0m8 0h0m24 0h0m16 0h0m8 0h0m0 0h0m40 0h0m8 0h0m8 0h0m48 0h0m16 0h0m16 0h0m8 0h0m8 0h0m8 0h0m744 0h0m8 0h0m-928 8h0m24 0h0m8 0h0m16 0h0m8 0h0m48 0h0m24 0h0m8 0h0m24 0h0m-224 8h0m16 0h0m8 0h0m8 0h0m16 0h0m16 0h0m8 0h0m0 0h0m8 0h0m8 0h0m40 0h0m48 0h0m96 0h0m8 0h0m0 0h0m8 0h0m680 0h0m-992 8h0m104 0h0m40 0h0m8 0h0m8 0h0m24 0h0m8 0h0m0 0h0m64 0h0m104 0h0m8 0h0m640 0h0m344 0h0m-1328 8h0m8 0h0m8 0h0m24 0h0m8 0h0m8 0h0m24 0h0m8 0h0m24 0h0m16 0h0m8 0h0m16 0h0m8 0h0m16 0h0m8 0h0m8 0h0m16 0h0m8 0h0m32 0h0m-264 8h0m32 0h0m40 0h0m8 0h0m16 0h0m64 0h0m8 0h0m112 0h0m8 0h0m752 0h0m8 0h0m8 0h0m0 0h0m-1024 8h0m16 0h0m8 0h0m24 0h0m40 0h0m16 0h0m8 0h0m8 0h0m24 0h0m16 0h0m16 0h0m16 0h0m8 0h0m8 0h0m24 0h0m24 0h0m8 0h0m768 0h0m8 0h0m-1040 8h0m8 0h0m80 0h0m16 0h0m24 0h0m8 0h0m24 0h0m8 0h0m8 0h0m24 0h0m8 0h0m40 0h0m48 0h0m736 0h0m8 0h0m-1032 8h0m32 0h0m48 0h0m8 0h0m0 0h0m16 0h0m96 0h0m40 0h0m8 0h0m8 0h0m40 0h0m-296 8h0m8 0h0 m0 0h0m8 0h0m8 0h0m8 0h0m0 0h0m8 0h0m32 0h0m8 0h0m8 0h0m24 0h0m8 0h0m32 0h0m88 0h0m8 0h0m0 0h0m64 0h0m8 0h0m8 0h0m664 0h0 m-1064 8h0m64 0h0m16 0h0m8 0h0m8 0h0m64 0h0m16 0h0m136 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m64 0h0m648 0h0m-1024 8h0m24 0h0m8 0h0m16 0h0m48 0h0m24 0h0m32 0h0m8 0h0m-64 8h0m24 0h0m8 0h0m8 0h0m16 0h0m-192 8h0m8 0h0m0 0h0m8 0h0m8 0h0m32 0h0m8 0h0 m24 0h0m48 0h0m48 0h0m152 0h0m1024 0h0m-1336 8h0m8 0h0m16 0h0m16 0h0m16 0h0m8 0h0m272 0h0m1008 0h0m-1376 8h0m24 0h0m8 0h0m8 0h0m8 0h0m0 0h0m16 0h0m8 0h0m8 0h0m224 0h0m24 0h0m8 0h0m-352 8h0m16 0h0m24 0h0m8 0h0m0 0h0m8 0h0m16 0h0m48 0h0m8 0h0m208 0h0m760 0h0m8 0h0m-1056 8h0m32 0h0m16 0h0m16 0h0m16 0h0m248 0h0m-344 8h0m8 0h0m40 0h0m8 0h0m8 0h0m16 0h0m-160 8h0m64 0h0m56 0h0m8 0h0m40 0h0m1272 0h0m-1296 8h0m8 0h0m240 0h0m-376 8h0m56 0h0m32 0h0m24 0h0m24 0h0m232 0h0m904 0h0m8 0h0m8 0h0m24 0h0 m112 0h0m-1336 8h0m16 0h0m8 0h0m8 0h0m32 0h0m8 0h0m24 0h0m200 0h0m-352 8h0m8 0h0m8 0h0m24 0h0m8 0h0m24 0h0m16 0h0m8 0h0m8 0h0m16 0h0m216 0h0m24 0h0m-360 8h0m56 0h0m64 0h0m200 0h0m1064 0h0m-1336 8h0m40 0h0m8 0h0m1232 0h0m48 0h0m8 0h0m8 0h0m0 0h0 m-1376 8h0m24 0h0m24 0h0m8 0h0m32 0h0m184 0h0m8 0h0m1024 0h0m48 0h0m8 0h0m-1352 8h0m8 0h0m8 0h0m16 0h0m8 0h0m248 0h0m1040 0h0m8 0h0m8 0h0m-1344 8h0m16 0h0m48 0h0m16 0h0m208 0h0m8 0h0m1000 0h0m40 0h0m8 0h0m24 0h0m-1400 8h0m8 0h0m16 0h0m56 0h0m24 0h0m184 0h0m792 0h0m248 0h0m8 0h0m8 0h0m24 0h0m8 0h0m-1304 8h0m8 0h0m8 0h0m0 0h0m8 0h0m1176 0h0m72 0h0m8 0h0m8 0h0m16 0h0 m-1376 8h0m8 0h0m0 0h0m24 0h0m296 0h0m8 0h0m936 0h0m56 0h0m8 0h0m40 0h0m8 0h0m8 0h0m8 0h0m-1376 8h0m1288 0h0m8 0h0m24 0h0m8 0h0m16 0h0m32 0h0m-1160 8h0m48 0h0m8 0h0m1048 0h0m-984 8h0m952 0h0m48 0h0m8 0h0m32 0h0m-160 8h0m24 0h0m104 0h0m-1400 8h0 m1280 0h0m32 0h0m24 0h0m64 0h0m8 0h0m8 0h0m-1176 8h0m0 8h0m24 0h0m8 0h0m32 0h0m952 0h0m8 0h0m32 0h0m32 0h0m56 0h0m8 0h0 m-1144 8h0m1120 0h0m8 0h0m16 0h0m16 0h0m-1144 8h0m1040 0h0m8 0h0m8 0h0m24 0h0m8 0h0m16 0h0m-1136 8h0m8 0h0m128 0h0m-88 8h0 m88 0h0m8 0h0m936 0h0m80 0h0m8 0h0m-1144 8h0m1056 0h0m8 0h0m88 0h0m16 0h0m8 0h0m-1168 8h0m960 0h0m8 0h0m80 0h0m32 0h0m-1128 8h0m1104 0h0m8 0h0m8 0h0m-8 8h0m16 0h0m64 8h0m-1168 8h0m1144 8h0m32 16h0m-80 8h0m8 0h0m40 8h0%27 stroke-opacity=%27.5%27/%3E%3Cpath d=%27M0 0m132 4h0m8 0h0m8 0h0m8 0h0m48 0h0m816 0h0m64 0h0m32 0h0m24 0h0m16 0h0m24 0h0m16 0h0m80 0h0m128 0h0m-1296 8h0m8 0h0m8 0h0m8 0h0m0 0h0m16 0h0m16 0h0m8 0h0m968 0h0m8 0h0m8 0h0m64 0h0m184 0h0m8 0h0m-1288 8h0m16 0h0m8 0h0m8 0h0m8 0h0m8 0h0 m936 0h0m8 0h0m0 0h0m24 0h0m16 0h0m24 0h0m8 0h0m112 0h0m-1192 8h0m16 0h0m8 0h0m8 0h0m8 0h0m1024 0h0m16 0h0m8 0h0m88 0h0 m-1176 8h0m8 0h0m16 0h0m8 0h0m16 0h0m16 0h0m808 0h0m8 0h0m64 0h0m16 0h0m40 0h0m8 0h0m16 0h0m8 0h0m144 0h0m16 0h0m-1192 8h0 m8 0h0m32 0h0m856 0h0m128 0h0m8 0h0m16 0h0m104 0h0m8 0h0m-1144 8h0m40 0h0m8 0h0m8 0h0m872 0h0m8 0h0m80 0h0m24 0h0m8 0h0m88 0h0m24 0h0m64 0h0m-1216 8h0m16 0h0m8 0h0m24 0h0m72 0h0m8 0h0m16 0h0m128 0h0m664 0h0m64 0h0m16 0h0m104 0h0m48 0h0m-1192 8h0 m8 0h0m24 0h0m8 0h0m912 0h0m64 0h0m40 0h0m8 0h0m16 0h0m16 0h0m80 0h0m-1264 8h0m104 0h0m8 0h0m8 0h0m120 0h0m32 0h0m8 0h0m48 0h0m696 0h0m16 0h0m80 0h0m8 0h0m112 0h0m24 0h0m8 0h0m16 0h0m16 0h0m32 0h0m-1328 8h0m56 0h0m8 0h0m8 0h0m16 0h0m48 0h0m8 0h0 m24 0h0m24 0h0m16 0h0m120 0h0m608 0h0m112 0h0m208 0h0m16 0h0m8 0h0m24 0h0m16 0h0m8 0h0m-1344 8h0m16 0h0m112 0h0m40 0h0m24 0h0m8 0h0m40 0h0m24 0h0m8 0h0m88 0h0m584 0h0m168 0h0m8 0h0m8 0h0m112 0h0m16 0h0m32 0h0m48 0h0m8 0h0m-1328 8h0m48 0h0m72 0h0 m8 0h0m16 0h0m32 0h0m24 0h0m8 0h0m0 0h0m8 0h0m24 0h0m8 0h0m48 0h0m712 0h0m16 0h0m8 0h0m112 0h0m8 0h0m80 0h0m32 0h0m16 0h0 m16 0h0m-1320 8h0m136 0h0m8 0h0m16 0h0m8 0h0m8 0h0m56 0h0m24 0h0m8 0h0m16 0h0m8 0h0m8 0h0m720 0h0m24 0h0m8 0h0m32 0h0m160 0h0m8 0h0m16 0h0m8 0h0m40 0h0m8 0h0m8 0h0m56 0h0m8 0h0m48 0h0m-1432 8h0m16 0h0m8 0h0m56 0h0m8 0h0m8 0h0m8 0h0m32 0h0m8 0h0 m32 0h0m40 0h0m8 0h0m48 0h0m8 0h0m32 0h0m8 0h0m664 0h0m32 0h0m24 0h0m192 0h0m72 0h0m8 0h0m8 0h0m80 0h0m32 0h0m-1424 8h0m8 0h0m16 0h0m48 0h0m8 0h0m24 0h0m8 0h0m24 0h0m8 0h0m0 0h0m8 0h0m56 0h0m32 0h0m8 0h0m32 0h0m8 0h0m0 0h0m24 0h0m8 0h0m640 0h0 m24 0h0m8 0h0m0 0h0m24 0h0m16 0h0m208 0h0m8 0h0m8 0h0m16 0h0m32 0h0m48 0h0m32 0h0m16 0h0m8 0h0m16 0h0m-1408 8h0m8 0h0m40 0h0m40 0h0m56 0h0m8 0h0m40 0h0m8 0h0m8 0h0m16 0h0m16 0h0m8 0h0m24 0h0m8 0h0m8 0h0m720 0h0m264 0h0m8 0h0m8 0h0m16 0h0m8 0h0 m-1336 8h0m8 0h0m24 0h0m8 0h0m8 0h0m56 0h0m16 0h0m8 0h0m24 0h0m48 0h0m48 0h0m8 0h0m8 0h0m8 0h0m48 0h0m8 0h0m656 0h0m88 0h0 m8 0h0m24 0h0m176 0h0m32 0h0m16 0h0m32 0h0m8 0h0m8 0h0m8 0h0m-1392 8h0m8 0h0m32 0h0m8 0h0m8 0h0m32 0h0m8 0h0m24 0h0m8 0h0m0 0h0m16 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m0 0h0m8 0h0m56 0h0m16 0h0m16 0h0m656 0h0m8 0h0m0 0h0m8 0h0m24 0h0m40 0h0m32 0h0m40 0h0m152 0h0m8 0h0m32 0h0m8 0h0m16 0h0m24 0h0m24 0h0m16 0h0m48 0h0m-1384 8h0m8 0h0m16 0h0m8 0h0m40 0h0m8 0h0m24 0h0m8 0h0m8 0h0m24 0h0m16 0h0m8 0h0m8 0h0m16 0h0m24 0h0m8 0h0m16 0h0m8 0h0m8 0h0m8 0h0m16 0h0m664 0h0m56 0h0m40 0h0m24 0h0m184 0h0m24 0h0m8 0h0m32 0h0m8 0h0m0 0h0m8 0h0m-1352 8h0m40 0h0m8 0h0m24 0h0m16 0h0m40 0h0m32 0h0m8 0h0m128 0h0m584 0h0m8 0h0m80 0h0m8 0h0m8 0h0m88 0h0m288 0h0m-1360 8h0m112 0h0m8 0h0m80 0h0m16 0h0m88 0h0m640 0h0m8 0h0m8 0h0m48 0h0m40 0h0m24 0h0m8 0h0 m144 0h0m16 0h0m64 0h0m48 0h0m8 0h0m0 0h0m8 0h0m8 0h0m-1368 8h0m8 0h0m72 0h0m80 0h0m56 0h0m24 0h0m72 0h0m8 0h0m584 0h0m56 0h0m32 0h0m8 0h0m40 0h0m8 0h0m8 0h0m8 0h0m8 0h0m8 0h0m16 0h0m112 0h0m32 0h0m72 0h0m8 0h0m8 0h0m-1328 8h0m24 0h0m8 0h0m24 0h0m64 0h0m56 0h0m24 0h0m48 0h0m24 0h0m16 0h0m32 0h0m664 0h0m8 0h0m16 0h0m8 0h0m64 0h0m96 0h0m32 0h0m56 0h0m8 0h0m8 0h0m8 0h0m8 0h0m16 0h0m8 0h0m-1288 8h0m32 0h0m64 0h0m24 0h0m32 0h0m8 0h0m48 0h0m64 0h0m8 0h0m664 0h0m24 0h0m8 0h0m48 0h0m32 0h0m8 0h0m112 0h0m8 0h0m24 0h0m8 0h0m48 0h0m16 0h0m8 0h0m24 0h0m-1312 8h0m8 0h0m16 0h0m72 0h0m32 0h0m16 0h0m8 0h0m56 0h0m8 0h0m32 0h0m24 0h0m16 0h0m696 0h0m8 0h0m0 0h0m16 0h0m8 0h0m8 0h0m8 0h0m0 0h0m144 0h0m40 0h0m16 0h0m8 0h0m-1256 8h0m8 0h0m24 0h0m16 0h0m56 0h0m104 0h0m16 0h0m8 0h0m32 0h0m8 0h0m0 0h0m744 0h0m8 0h0m152 0h0m64 0h0m8 0h0m16 0h0m8 0h0m16 0h0m-1256 8h0m24 0h0 m8 0h0m8 0h0m0 0h0m40 0h0m8 0h0m8 0h0m64 0h0m8 0h0m40 0h0m736 0h0m32 0h0m8 0h0m16 0h0m136 0h0m24 0h0m56 0h0m24 0h0m-1248 8h0m8 0h0m40 0h0m72 0h0m24 0h0m16 0h0m16 0h0m32 0h0m48 0h0m8 0h0m8 0h0m704 0h0m240 0h0m8 0h0m-1184 8h0m8 0h0m0 0h0m16 0h0m8 0h0m8 0h0m8 0h0m72 0h0m56 0h0m24 0h0m8 0h0m8 0h0m16 0h0m680 0h0m40 0h0m8 0h0m-1064 8h0m104 0h0m24 0h0m8 0h0m16 0h0m8 0h0m0 0h0m8 0h0m56 0h0m64 0h0m24 0h0m-216 8h0m16 0h0m8 0h0m120 0h0m48 0h0m24 0h0m8 0h0m64 0h0m688 0h0m144 0h0m-1112 8h0m48 0h0m64 0h0m8 0h0m64 0h0m8 0h0m24 0h0m16 0h0m16 0h0m8 0h0m8 0h0m16 0h0m704 0h0m-976 8h0m32 0h0m64 0h0m8 0h0m8 0h0m48 0h0m40 0h0m56 0h0m16 0h0m8 0h0m40 0h0m616 0h0m-920 8h0m32 0h0m16 0h0m8 0h0m24 0h0m32 0h0m8 0h0m8 0h0m24 0h0m32 0h0m8 0h0m40 0h0m8 0h0 m-248 8h0m8 0h0m48 0h0m32 0h0m8 0h0m0 0h0m56 0h0m32 0h0m16 0h0m-216 8h0m8 0h0m8 0h0m16 0h0m48 0h0m24 0h0m64 0h0m56 0h0m80 0h0m696 0h0m-1008 8h0m24 0h0m24 0h0m72 0h0m8 0h0m8 0h0m0 0h0m24 0h0m8 0h0m48 0h0m8 0h0m8 0h0m80 0h0m-288 8h0m16 0h0m8 0h0m8 0h0m64 0h0m8 0h0m8 0h0m24 0h0m8 0h0m8 0h0m16 0h0m16 0h0m16 0h0m32 0h0m8 0h0m-224 8h0m8 0h0m8 0h0m24 0h0m8 0h0m24 0h0m48 0h0 m56 0h0m24 0h0m48 0h0m40 0h0m8 0h0m712 0h0m-1008 8h0m16 0h0m8 0h0m48 0h0m24 0h0m8 0h0m56 0h0m24 0h0m8 0h0m8 0h0m8 0h0m160 0h0m-336 8h0m8 0h0m120 0h0m56 0h0m-208 8h0m8 0h0m24 0h0m96 0h0m8 0h0m120 0h0m8 0h0m8 0h0m-272 8h0m120 0h0m8 0h0m8 0h0m8 0h0 m16 0h0m16 0h0m8 0h0m112 0h0m8 0h0m8 0h0m8 0h0m-352 8h0m8 0h0m112 0h0m24 0h0m8 0h0m32 0h0m8 0h0m8 0h0m-200 8h0m40 0h0m16 0h0m96 0h0m8 0h0m0 0h0m32 0h0m88 0h0m-272 8h0m96 0h0m8 0h0m16 0h0m8 0h0m8 0h0m8 0h0m128 0h0m40 0h0m8 0h0m-360 8h0m8 0h0m16 0h0m24 0h0m8 0h0m8 0h0m232 0h0m-288 8h0m8 0h0m8 0h0m8 0h0m264 0h0m8 0h0m-280 8h0m8 0h0m32 0h0m240 0h0m24 0h0m1024 0h0m-1272 8h0m8 0h0m208 0h0m-336 8h0m8 0h0m8 0h0m56 0h0m24 0h0m-96 8h0m8 0h0m40 0h0m32 0h0m16 0h0m-136 8h0m16 0h0m40 0h0m8 0h0m32 0h0 m56 0h0m32 0h0m216 0h0m8 0h0m864 0h0m-1256 8h0m8 0h0m56 0h0m24 0h0m8 0h0m8 0h0m288 0h0m1024 0h0m-1400 8h0m8 0h0m48 0h0m16 0h0m16 0h0m8 0h0m0 0h0m24 0h0m8 0h0m32 0h0m184 0h0m936 0h0m-1272 8h0m40 0h0m16 0h0m16 0h0m8 0h0m8 0h0m40 0h0m32 0h0m-160 8h0m16 0h0m96 0h0m8 0h0m-80 8h0m96 0h0m1264 0h0m-1376 8h0m16 0h0m32 0h0m8 0h0m8 0h0m24 0h0m48 0h0m8 0h0m-136 8h0m32 0h0m8 0h0m8 0h0m24 0h0m208 0h0m1056 0h0m8 0h0m-1360 8h0m64 0h0m224 0h0m1096 0h0m-1400 8h0m80 0h0m8 0h0m8 0h0m8 0h0m240 0h0m992 0h0m16 0h0m48 0h0m-1392 8h0m56 0h0m16 0h0m8 0h0m176 0h0m8 0h0m1088 0h0m-1384 8h0m64 0h0m8 0h0m0 0h0m64 0h0m1248 0h0m-1360 8h0m112 0h0m8 0h0m1216 0h0m32 0h0m8 0h0m24 0h0m-1384 8h0m32 0h0m256 0h0m40 0h0m936 0h0m80 0h0m8 0h0m-1368 8h0m248 0h0m8 0h0 m48 0h0m56 0h0m912 0h0m16 0h0m96 0h0m8 0h0m-96 8h0m16 0h0m8 0h0m0 0h0m8 0h0m24 0h0m8 0h0m-1128 8h0m1096 0h0m8 0h0m16 0h0m40 0h0m-1176 8h0m1008 0h0m80 0h0m16 0h0m40 0h0m-136 8h0m72 0h0m24 0h0m-64 8h0m136 0h0m-1168 8h0m88 0h0m1000 0h0m64 0h0m8 0h0m0 8h0m-24 8h0m32 0h0m8 0h0m-1208 8h0m1064 0h0m24 0h0m32 0h0m8 0h0m-1088 8h0m8 0h0m1136 0h0m-1088 8h0m1048 0h0m64 0h0m-1072 8h0m992 0h0m8 0h0m8 0h0m32 0h0m8 0h0m8 0h0m-240 40h0m224 24h0m8 0h0m24 8h0%27 stroke-opacity=%27.74%27/%3E%3Cpath d=%27M0 0m1148 4h0m64 0h0m8 0h0m0 0h0m-200 16h0m144 0h0m-1000 8h0m8 0h0m16 0h0m784 16h0m48 0h0m40 0h0m8 0h0m0 0h0m224 0h0 m-1040 8h0m904 0h0m144 0h0m16 0h0m-1072 8h0m800 0h0m32 0h0m192 0h0m56 0h0m112 0h0m-1336 8h0m32 0h0m112 0h0m120 0h0m-120 8h0 m112 0h0m592 0h0m352 0h0m-1200 8h0m200 0h0m8 0h0m72 0h0m744 0h0m24 0h0m96 0h0m48 0h0m32 0h0m8 0h0m-1224 8h0m64 0h0m128 0h0 m8 0h0m8 0h0m664 0h0m312 0h0m40 0h0m8 0h0m-1256 8h0m80 0h0m8 0h0m16 0h0m792 0h0m104 0h0m8 0h0m0 0h0m224 0h0m24 0h0m-1320 8h0m80 0h0m960 0h0m8 0h0m-752 8h0m648 0h0m288 0h0m32 0h0m96 0h0m-1376 8h0m136 0h0m96 0h0m32 0h0m8 0h0m768 0h0m208 0h0m112 0h0m-1224 8h0m960 0h0m224 0h0m96 0h0m-1384 8h0m928 0h0m96 0h0m-920 8h0m112 0h0m72 0h0m8 0h0m672 0h0m72 0h0m8 0h0m288 0h0m24 0h0m-1264 8h0m112 0h0m1096 0h0m-1240 8h0m200 0h0m680 0h0m8 0h0m80 0h0m200 0h0m8 0h0m24 0h0m-1224 8h0m16 0h0m88 0h0m8 0h0 m120 0h0m32 0h0m648 0h0m8 0h0m40 0h0m8 0h0m312 0h0m-1344 8h0m56 0h0m96 0h0m88 0h0m8 0h0m40 0h0m24 0h0m8 0h0m648 0h0m80 0h0 m248 0h0m56 0h0m-1256 8h0m136 0h0m80 0h0m664 0h0m8 0h0m264 0h0m-1088 8h0m56 0h0m8 0h0m8 0h0m8 0h0m24 0h0m736 0h0m24 0h0m64 0h0m8 0h0m-984 8h0m16 0h0m8 0h0m1112 0h0m8 0h0m-224 8h0m-912 8h0m1088 0h0m8 0h0m32 0h0m-1088 8h0m144 0h0m992 0h0m-1304 8h0 m80 0h0m16 0h0m152 0h0m24 0h0m-160 8h0m24 0h0m224 0h0m848 0h0m-944 8h0m832 0h0m-984 8h0m168 0h0m8 0h0m56 0h0m0 8h0m16 0h0 m-144 24h0m128 0h0m8 0h0m-72 8h0m8 0h0m8 0h0m40 0h0m8 0h0m80 0h0m8 0h0m-136 8h0m40 0h0m-240 8h0m184 0h0m-136 8h0m72 0h0m8 0h0m48 0h0m40 0h0m48 0h0m-224 8h0m56 0h0m152 0h0m-104 8h0m104 0h0m72 0h0m-264 8h0m96 0h0m-128 16h0m288 0h0m-256 8h0m8 8h0m8 0h0m0 0h0m288 0h0m-296 16h0m8 0h0m224 0h0m-240 8h0m-128 24h0m144 0h0m8 0h0m1264 0h0m-1304 8h0m8 0h0m16 0h0m1272 8h0m-1368 16h0m8 0h0m1368 0h0m-1336 8h0m8 0h0m-24 8h0m72 0h0m-112 8h0m8 0h0m8 16h0m16 8h0m32 0h0m1272 0h0m48 0h0m-1368 16h0m-8 16h0 m1240 16h0m8 0h0m128 8h0m8 0h0m-1168 8h0m976 40h0m56 8h0m40 0h0m72 56h0m-72 16h0%27/%3E%3C/g%3E%3C/svg%3E");
}

[data-theme="v1-dark"] {
  --atmos-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271640%27 height=%271000%27 viewBox=%27-100 -100 1640 1000%27%3E%3Cdefs%3E%3CradialGradient id=%27a%27%3E%3Cstop offset=%270.00%27 stop-color=%27%23f00%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.10%27 stop-color=%27%23f00%27 stop-opacity=%270.957%27/%3E%3Cstop offset=%270.20%27 stop-color=%27%23f00%27 stop-opacity=%270.842%27/%3E%3Cstop offset=%270.30%27 stop-color=%27%23f00%27 stop-opacity=%270.681%27/%3E%3Cstop offset=%270.40%27 stop-color=%27%23f00%27 stop-opacity=%270.505%27/%3E%3Cstop offset=%270.50%27 stop-color=%27%23f00%27 stop-opacity=%270.342%27/%3E%3Cstop offset=%270.60%27 stop-color=%27%23f00%27 stop-opacity=%270.211%27/%3E%3Cstop offset=%270.70%27 stop-color=%27%23f00%27 stop-opacity=%270.117%27/%3E%3Cstop offset=%270.80%27 stop-color=%27%23f00%27 stop-opacity=%270.056%27/%3E%3Cstop offset=%270.90%27 stop-color=%27%23f00%27 stop-opacity=%270.020%27/%3E%3Cstop offset=%271.00%27 stop-color=%27%23f00%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3ClinearGradient id=%27b%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%270%27 y1=%27420%27 y2=%271060%27%3E%3Cstop offset=%270.000%27 stop-color=%27%23f00%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.156%27 stop-color=%27%23f00%27 stop-opacity=%270.04%27/%3E%3Cstop offset=%270.281%27 stop-color=%27%23f00%27 stop-opacity=%270.14%27/%3E%3Cstop offset=%270.406%27 stop-color=%27%23f00%27 stop-opacity=%270.3%27/%3E%3Cstop offset=%270.531%27 stop-color=%27%23f00%27 stop-opacity=%270.44%27/%3E%3Cstop offset=%270.641%27 stop-color=%27%23f00%27 stop-opacity=%270.55%27/%3E%3Cstop offset=%270.703%27 stop-color=%27%23f00%27 stop-opacity=%270.64%27/%3E%3Cstop offset=%270.750%27 stop-color=%27%23f00%27 stop-opacity=%270.8%27/%3E%3Cstop offset=%271.000%27 stop-color=%27%23f00%27 stop-opacity=%270.92%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27c%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2710%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270.000%27 stop-color=%27%23000000%27/%3E%3Cstop offset=%270.125%27 stop-color=%27%23002500%27/%3E%3Cstop offset=%270.250%27 stop-color=%27%23007f00%27/%3E%3Cstop offset=%270.375%27 stop-color=%27%2300da00%27/%3E%3Cstop offset=%270.500%27 stop-color=%27%2300ff00%27/%3E%3Cstop offset=%270.625%27 stop-color=%27%2300da00%27/%3E%3Cstop offset=%270.750%27 stop-color=%27%23008000%27/%3E%3Cstop offset=%270.875%27 stop-color=%27%23002500%27/%3E%3Cstop offset=%271.000%27 stop-color=%27%23000000%27/%3E%3C/linearGradient%3E%3Cfilter id=%27m%27 filterUnits=%27userSpaceOnUse%27 x=%27-260%27 y=%27-260%27 width=%271960%27 height=%271320%27 color-interpolation-filters=%27sRGB%27%3E%3CfeGaussianBlur in=%27SourceGraphic%27 stdDeviation=%2722%27 result=%27sb%27/%3E%3CfeColorMatrix in=%27sb%27 type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27e%27/%3E%3CfeComponentTransfer in=%27e%27 result=%27g%27%3E%3CfeFuncR type=%27table%27 tableValues=%270 0.3 0.6 1 1 1 0.9 0.7 0.5 0.4 0.36 0.3 0.14 0.14 0.24 0.3 0.3 0.3 0.28 0.26 0.24%27/%3E%3CfeFuncG type=%27table%27 tableValues=%270 0.3 0.6 1 1 1 0.9 0.7 0.5 0.4 0.36 0.3 0.14 0.14 0.24 0.3 0.3 0.3 0.28 0.26 0.24%27/%3E%3CfeFuncB type=%27table%27 tableValues=%270 0.3 0.6 1 1 1 0.9 0.7 0.5 0.4 0.36 0.3 0.14 0.14 0.24 0.3 0.3 0.3 0.28 0.26 0.24%27/%3E%3C/feComponentTransfer%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.061 0.0004%27 numOctaves=%271%27 seed=%2723%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27nf%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.005 0.0004%27 numOctaves=%272%27 seed=%2711%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27nb0%27/%3E%3CfeGaussianBlur in=%27nb0%27 stdDeviation=%2740 0%27 result=%27nb%27/%3E%3CfeColorMatrix in=%27SourceGraphic%27 type=%27matrix%27 values=%270 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1%27 result=%27cm%27/%3E%3CfeComposite in=%27cm%27 in2=%27nf%27 operator=%27arithmetic%27 k1=%271%27 k2=%270.5%27 k3=%270%27 k4=%270%27 result=%27n1%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.13 0.0004%27 numOctaves=%271%27 seed=%275%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27nm%27/%3E%3CfeComposite in=%27n1%27 in2=%27nm%27 operator=%27arithmetic%27 k1=%270%27 k2=%270.42%27 k3=%270.58%27 k4=%270%27 result=%27n2%27/%3E%3CfeComposite in=%27n2%27 in2=%27nb%27 operator=%27arithmetic%27 k1=%270%27 k2=%270.92%27 k3=%270.08%27 k4=%270%27 result=%27n%27/%3E%3CfeComposite in=%27g%27 in2=%27n%27 operator=%27arithmetic%27 k1=%271%27 k2=%270%27 k3=%270%27 k4=%270%27 result=%27gn%27/%3E%3CfeColorMatrix in=%27e%27 type=%27matrix%27 values=%271 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1%27 result=%27r%27/%3E%3CfeColorMatrix in=%27gn%27 type=%27matrix%27 values=%270 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1%27 result=%27gg%27/%3E%3CfeColorMatrix in=%27g%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27gb%27/%3E%3CfeComposite in=%27r%27 in2=%27gg%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%271%27 k4=%270%27 result=%27x%27/%3E%3CfeComposite in=%27x%27 in2=%27gb%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%271%27 k4=%270%27 result=%27y%27/%3E%3CfeColorMatrix in=%27y%27 type=%27matrix%27 values=%271 0.3 -0.15 0 0 1 0.3 -0.15 0 0 1 0.3 -0.15 0 0 0 0 0 0 1%27 result=%27i%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%271%27 seed=%273%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27f%27/%3E%3CfeComposite in=%27i%27 in2=%27f%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%270.006%27 k4=%27-0.003%27 result=%27j%27/%3E%3CfeComponentTransfer in=%27j%27 result=%27c%27%3E%3CfeFuncR type=%27discrete%27 tableValues=%27.008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008 .016 .032 .047 .063 .078 .094 .109 .124 .140 .155 .173 .195 .217 .239 .262 .284 .306 .328 .350 .372 .393 .415 .436 .458 .480 .501 .523 .556 .592 .627 .662 .697 .732 .767 .802 .836 .870 .902 .992 .990 .989 .988 .987 .985 .984 .978 .971 .965 .959 .953 .947 .947 .949 .952 .954 .957 .959 .961 .964 .966 .969 .971 .973 .974 .975 .976 .977 .978 .979 .980 .981 .982 .983 .984 .985 .986 .987 .988 .988 .988 .988 .988 .988%27/%3E%3CfeFuncG type=%27discrete%27 tableValues=%27.027 .027 .027 .027 .029 .037 .045 .054 .062 .070 .078 .087 .095 .103 .111 .120 .135 .153 .171 .189 .207 .225 .243 .261 .278 .296 .314 .332 .350 .367 .383 .400 .416 .433 .450 .466 .483 .499 .516 .528 .540 .552 .563 .575 .587 .597 .606 .615 .624 .633 .641 .650 .659 .668 .677 .685 .693 .701 .709 .717 .725 .733 .741 .749 .757 .766 .775 .784 .792 .801 .810 .819 .831 .844 .857 .870 .883 .896 .909 .922 .935 .949 .961 .930 .918 .907 .896 .884 .873 .860 .836 .811 .786 .761 .737 .712 .697 .685 .674 .662 .650 .639 .627 .615 .604 .592 .580 .570 .562 .554 .546 .538 .530 .522 .514 .506 .498 .490 .482 .474 .466 .458 .451 .451 .451 .451 .451 .451%27/%3E%3CfeFuncB type=%27discrete%27 tableValues=%27.039 .039 .039 .039 .042 .055 .068 .081 .094 .107 .120 .133 .146 .159 .172 .185 .209 .237 .265 .293 .321 .348 .376 .404 .432 .459 .487 .515 .543 .565 .587 .610 .632 .654 .677 .699 .722 .744 .766 .783 .799 .815 .831 .847 .863 .873 .878 .882 .887 .892 .896 .901 .906 .910 .915 .919 .921 .923 .925 .927 .930 .932 .934 .936 .939 .943 .946 .950 .953 .957 .961 .964 .967 .969 .972 .974 .977 .979 .982 .984 .987 .990 .992 .905 .891 .876 .862 .847 .833 .817 .790 .763 .735 .708 .681 .654 .633 .615 .596 .578 .559 .541 .522 .503 .485 .466 .448 .432 .424 .415 .406 .397 .389 .380 .371 .363 .354 .345 .336 .328 .319 .310 .302 .302 .302 .302 .302 .302%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27f%27 type=%27matrix%27 values=%270 0 0 0 .5 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1%27 result=%27sc%27/%3E%3CfeDisplacementMap in=%27c%27 in2=%27sc%27 scale=%2714%27 xChannelSelector=%27R%27 yChannelSelector=%27G%27/%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url(%23m)%27%3E%3Crect x=%27-260%27 y=%27-260%27 width=%271960%27 height=%271320%27 fill=%27%23000%27/%3E%3Crect x=%27-260%27 y=%27420%27 width=%271960%27 height=%27800%27 fill=%27url(%23b)%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27860%27 cy=%271010%27 rx=%27860%27 ry=%27760%27 fill=%27url(%23a)%27 fill-opacity=%270.5%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271215%27 cy=%27420%27 rx=%27420%27 ry=%27640%27 fill=%27url(%23a)%27 fill-opacity=%270.34%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271450%27 cy=%27640%27 rx=%27240%27 ry=%27560%27 fill=%27url(%23a)%27 fill-opacity=%270.12%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%2770%27 cy=%27590%27 rx=%27170%27 ry=%27240%27 fill=%27url(%23a)%27 fill-opacity=%270.12%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27340%27 cy=%27600%27 rx=%27150%27 ry=%27240%27 fill=%27url(%23a)%27 fill-opacity=%270.1%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27610%27 cy=%27570%27 rx=%27190%27 ry=%27260%27 fill=%27url(%23a)%27 fill-opacity=%270.13%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27900%27 cy=%27540%27 rx=%27130%27 ry=%27280%27 fill=%27url(%23a)%27 fill-opacity=%270.08%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271060%27 cy=%27260%27 rx=%271000%27 ry=%27620%27 fill=%27url(%23a)%27 fill-opacity=%270.1%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Crect x=%27-260%27 y=%27-260%27 width=%271960%27 height=%271320%27 fill=%27url(%23c)%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3C/g%3E%3Cg fill=%27none%27 stroke=%27%234DB6E8%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M290 327h0M1299 315h0M718 -10h0M1325 -82h0M717 261h0M1286 142h0M484 341h0M634 162h0M361 377h0M570 522h0M1364 24h0 M388 448h0M545 228h0M162 -76h0M1185 27h0M652 -44h0M-96 281h0M552 260h0M281 -71h0M1405 497h0M699 -44h0M1134 20h0M1366 -90h0 M541 62h0M957 25h0M790 219h0M589 207h0M224 13h0M537 17h0M1428 257h0M80 -39h0M970 116h0M1166 16h0M785 87h0M463 475h0M970 -75h0M116 144h0M274 13h0M1329 174h0M563 -77h0M959 103h0M1024 20h0M426 315h0M1389 14h0M290 36h0M1354 138h0M166 24h0M1006 310h0M740 123h0M190 30h0M1272 -47h0M784 460h0M472 157h0M1346 128h0M1100 -56h0M1069 147h0M695 516h0M704 -91h0M273 27h0M789 67h0M1313 174h0M754 441h0M1521 195h0M316 -43h0M427 -47h0M1073 388h0M54 442h0M1372 125h0M2 221h0M1117 338h0M475 487h0M1286 190h0M1029 197h0M1200 203h0M1366 222h0M1283 165h0M1083 262h0M1367 154h0M995 266h0M1046 166h0M1279 160h0M1125 242h0M1256 215h0M1122 136h0M1136 267h0M1074 297h0M1278 256h0M1088 142h0M983 239h0M1076 266h0M1192 286h0M1307 164h0M987 226h0M1155 193h0M931 187h0M1142 222h0M1099 222h0M1345 269h0M1040 164h0M1252 276h0M955 234h0M1022 175h0M1082 260h0M1261 230h0M1284 241h0M1188 189h0M1247 303h0M989 230h0M1369 206h0M1212 174h0M1282 158h0M1012 231h0M1165 210h0M1063 164h0M1176 244h0M1059 115h0M1096 260h0M1155 187h0M975 246h0M1164 209h0M1071 247h0M1108 227h0M1076 184h0M1088 192h0M958 197h0M1140 185h0M1071 188h0M1160 208h0M1070 217h0M906 211h0M1254 271h0M1038 204h0M1208 115h0M1250 231h0M958 213h0M1137 201h0M1191 144h0M1109 110h0M1227 202h0M1138 283h0M1154 163h0%27 stroke-width=%27.9%27 stroke-opacity=%27.42%27/%3E%3Cpath d=%27M400 206h0M33 249h0M1431 -84h0M237 -60h0M906 208h0M197 -70h0M127 39h0M1381 -46h0M1201 516h0M49 504h0M-86 449h0M-78 149h0M935 36h0M1294 -60h0M1265 17h0M780 529h0M707 43h0M33 18h0M918 109h0M793 503h0M1222 -92h0M1498 403h0%27 stroke-width=%271.3%27 stroke-opacity=%27.62%27/%3E%3Cpath d=%27M1338 -77h0M883 143h0M1508 50h0M364 -19h0M-41 421h0M573 342h0M14 141h0M59 511h0M427 252h0M731 151h0M323 -35h0M1348 181h0M394 383h0M823 -66h0M830 -83h0M542 182h0M51 530h0%27 stroke-width=%271.8%27 stroke-opacity=%27.86%27/%3E%3C/g%3E%3C/svg%3E");
  --atmos-fallback: radial-gradient(120% 90% at 66% 112%, #FC734D 0%, #F1B4A5 12%, #86D1F6 22%, #0297DE 42%, #01466A 68%, transparent 100%);
}

[data-theme="v1-light"] {
  --atmos-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271640%27 height=%271000%27 viewBox=%27-100 -100 1640 1000%27%3E%3Cdefs%3E%3ClinearGradient id=%27r%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2714%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270%27 stop-color=%27%23bdeabd%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%23ccefcc%27/%3E%3Cstop offset=%270.36%27 stop-color=%27%23edf9ed%27/%3E%3Cstop offset=%270.5%27 stop-color=%27%23ffffff%27/%3E%3Cstop offset=%270.64%27 stop-color=%27%23edf9ed%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%23ccefcc%27/%3E%3Cstop offset=%271%27 stop-color=%27%23bdeabd%27/%3E%3C/linearGradient%3E%3CradialGradient id=%27a%27%3E%3Cstop offset=%270%27 stop-color=%27%23f00%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%23f00%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%23f00%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%23f00%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%23f00%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%23f00%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27b%27%3E%3Cstop offset=%270%27 stop-color=%27%230f0%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%230f0%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%230f0%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%230f0%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%230f0%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%230f0%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3Cfilter id=%27m%27 filterUnits=%27userSpaceOnUse%27 x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 color-interpolation-filters=%27sRGB%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.0135 0.00016%27 numOctaves=%271%27 seed=%2711%27 result=%27n%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27n%27 scale=%2796%27 xChannelSelector=%27A%27 yChannelSelector=%27R%27 result=%27d%27/%3E%3CfeColorMatrix in=%27d%27 type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27dr%27/%3E%3CfeColorMatrix in=%27SourceGraphic%27 type=%27matrix%27 values=%270 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1%27 result=%27fl%27/%3E%3CfeColorMatrix in=%27n%27 type=%27matrix%27 values=%270 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1%27 result=%27g%27/%3E%3CfeComposite in=%27dr%27 in2=%27g%27 operator=%27arithmetic%27 k1=%270.46%27 k2=%270.82%27 k3=%270%27 k4=%270%27 result=%27i0%27/%3E%3CfeComposite in=%27i0%27 in2=%27fl%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%270.62%27 k4=%270%27 result=%27i%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%271%27 seed=%273%27 result=%27f%27/%3E%3CfeComposite in=%27i%27 in2=%27f%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%270.03%27 k4=%27-0.015%27 result=%27j%27/%3E%3CfeComponentTransfer in=%27j%27 result=%27c%27%3E%3CfeFuncR type=%27table%27 tableValues=%27.937 .921 .892 .852 .788 .721 .631 .533 .435 .336 .237 .137 .097 .060 .023 .008 .008 .008 .008 .008 .008 .008 .008 .008 .008%27/%3E%3CfeFuncG type=%27table%27 tableValues=%27.973 .964 .952 .935 .909 .882 .848 .811 .773 .732 .690 .649 .631 .615 .599 .588 .582 .575 .569 .562 .556 .549 .542 .536 .529%27/%3E%3CfeFuncB type=%27table%27 tableValues=%27.992 .989 .986 .981 .974 .967 .958 .949 .940 .926 .912 .899 .890 .882 .874 .865 .857 .848 .840 .831 .823 .814 .805 .797 .788%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27SourceGraphic%27 type=%27matrix%27 values=%270 0 0 0 0.988 0 0 0 0 0.451 0 0 0 0 0.302 0 2.2 0 0 -0.7%27 result=%27co%27/%3E%3CfeColorMatrix in=%27SourceGraphic%27 type=%27matrix%27 values=%270 0 0 0 0.902 0 0 0 0 0.961 0 0 0 0 0.992 0 3.4 0 0 -0.2%27 result=%27ve%27/%3E%3CfeMerge%3E%3CfeMergeNode in=%27c%27/%3E%3CfeMergeNode in=%27ve%27/%3E%3CfeMergeNode in=%27co%27/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url(%23m)%27%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27%23000%27/%3E%3Cellipse cx=%27900%27 cy=%271040%27 rx=%271560%27 ry=%27400%27 fill=%27url(%23b)%27 fill-opacity=%271%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271110%27 cy=%271010%27 rx=%271320%27 ry=%27720%27 fill=%27url(%23a)%27 fill-opacity=%270.78%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271240%27 cy=%27650%27 rx=%27400%27 ry=%27720%27 fill=%27url(%23a)%27 fill-opacity=%270.44%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%271460%27 cy=%27780%27 rx=%27280%27 ry=%27640%27 fill=%27url(%23a)%27 fill-opacity=%270.24%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27190%27 cy=%271010%27 rx=%27700%27 ry=%27470%27 fill=%27url(%23a)%27 fill-opacity=%270.6%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27800%27 cy=%27540%27 rx=%271600%27 ry=%27600%27 fill=%27url(%23a)%27 fill-opacity=%270.15%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27url(%23r)%27 style=%27mix-blend-mode:multiply%27/%3E%3C/g%3E%3Cg fill=%27none%27 stroke=%27%230297DE%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M290 327h0M1299 315h0M718 -10h0M1325 -82h0M717 261h0M1286 142h0M484 341h0M634 162h0M361 377h0M570 522h0M1364 24h0 M388 448h0M545 228h0M162 -76h0M1185 27h0M652 -44h0M-96 281h0M552 260h0M281 -71h0M1405 497h0M699 -44h0M1134 20h0M1366 -90h0 M541 62h0M957 25h0M790 219h0M589 207h0M224 13h0M537 17h0M1428 257h0M80 -39h0M970 116h0M1166 16h0M785 87h0M463 475h0M970 -75h0M116 144h0M274 13h0M1329 174h0M563 -77h0M959 103h0M1024 20h0M426 315h0M1389 14h0M290 36h0M1354 138h0M166 24h0M1006 310h0M740 123h0M190 30h0M1272 -47h0M784 460h0M472 157h0M1346 128h0M1100 -56h0M1069 147h0M695 516h0M704 -91h0M273 27h0M789 67h0M1313 174h0M754 441h0M1521 195h0M316 -43h0M427 -47h0M1073 388h0M54 442h0M1372 125h0M2 221h0M1117 338h0M475 487h0M1286 190h0M1029 197h0M1200 203h0M1366 222h0M1283 165h0M1083 262h0M1367 154h0M995 266h0M1046 166h0M1279 160h0M1125 242h0M1256 215h0M1122 136h0M1136 267h0M1074 297h0M1278 256h0M1088 142h0M983 239h0M1076 266h0M1192 286h0M1307 164h0M987 226h0M1155 193h0M931 187h0M1142 222h0M1099 222h0M1345 269h0M1040 164h0M1252 276h0M955 234h0M1022 175h0M1082 260h0M1261 230h0M1284 241h0M1188 189h0M1247 303h0M989 230h0M1369 206h0M1212 174h0M1282 158h0M1012 231h0M1165 210h0M1063 164h0M1176 244h0M1059 115h0M1096 260h0M1155 187h0M975 246h0M1164 209h0M1071 247h0M1108 227h0M1076 184h0M1088 192h0M958 197h0M1140 185h0M1071 188h0M1160 208h0M1070 217h0M906 211h0M1254 271h0M1038 204h0M1208 115h0M1250 231h0M958 213h0M1137 201h0M1191 144h0M1109 110h0M1227 202h0M1138 283h0M1154 163h0%27 stroke-width=%27.9%27 stroke-opacity=%27.42%27/%3E%3Cpath d=%27M400 206h0M33 249h0M1431 -84h0M237 -60h0M906 208h0M197 -70h0M127 39h0M1381 -46h0M1201 516h0M49 504h0M-86 449h0M-78 149h0M935 36h0M1294 -60h0M1265 17h0M780 529h0M707 43h0M33 18h0M918 109h0M793 503h0M1222 -92h0M1498 403h0%27 stroke-width=%271.3%27 stroke-opacity=%27.62%27/%3E%3Cpath d=%27M1338 -77h0M883 143h0M1508 50h0M364 -19h0M-41 421h0M573 342h0M14 141h0M59 511h0M427 252h0M731 151h0M323 -35h0M1348 181h0M394 383h0M823 -66h0M830 -83h0M542 182h0M51 530h0%27 stroke-width=%271.8%27 stroke-opacity=%27.86%27/%3E%3C/g%3E%3C/svg%3E");
  --atmos-fallback: radial-gradient(120% 90% at 66% 112%, #FC734D 0%, #E6F5FD 16%, #0297DE 34%, #A9DCF6 64%, transparent 100%);
}

[data-theme="v2-dark"] {
  --atmos-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271640%27 height=%271000%27 viewBox=%27-100 -100 1640 1000%27%3E%3Cdefs%3E%3ClinearGradient id=%27s%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2714%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270%27 stop-color=%27%23000%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300f%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27e%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2714%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270.1%27/%3E%3Cstop offset=%27.1%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270.025%27/%3E%3Cstop offset=%27.32%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270%27/%3E%3Cstop offset=%27.62%27 stop-color=%27%23050F26%27 stop-opacity=%270%27/%3E%3Cstop offset=%271%27 stop-color=%27%23050F26%27 stop-opacity=%270.16%27/%3E%3C/linearGradient%3E%3CradialGradient id=%27a%27%3E%3Cstop offset=%270%27 stop-color=%27%23f00%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%23f00%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%23f00%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%23f00%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%23f00%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%23f00%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27b%27%3E%3Cstop offset=%270%27 stop-color=%27%230f0%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%230f0%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%230f0%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%230f0%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%230f0%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%230f0%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3Cfilter id=%27m%27 filterUnits=%27userSpaceOnUse%27 x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 color-interpolation-filters=%27sRGB%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.0007 .03%27 numOctaves=%272%27 seed=%274%27 result=%27h%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27h%27 scale=%2746%27 xChannelSelector=%27G%27 yChannelSelector=%27A%27 result=%27w%27/%3E%3CfeDisplacementMap in=%27w%27 in2=%27SourceGraphic%27 scale=%27-58%27 xChannelSelector=%27B%27 yChannelSelector=%27A%27 result=%27d%27/%3E%3CfeOffset in=%27d%27 dy=%2729%27 result=%27d2%27/%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27cg%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%271%27 seed=%273%27 result=%27f%27/%3E%3CfeComposite in=%27cg%27 in2=%27f%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%270.03%27 k4=%27-0.015%27 result=%27cj%27/%3E%3CfeComponentTransfer in=%27cj%27 result=%27c%27%3E%3CfeFuncR type=%27table%27 tableValues=%27.020 .022 .024 .027 .028 .029 .030 .031 .033 .034 .036 .038 .039 .040 .041 .042 .052 .111 .169 .228 .289 .352 .415 .572 .737%27/%3E%3CfeFuncG type=%27table%27 tableValues=%27.059 .072 .085 .097 .116 .137 .159 .180 .205 .231 .258 .284 .310 .332 .355 .377 .402 .441 .479 .518 .557 .597 .636 .733 .835%27/%3E%3CfeFuncB type=%27table%27 tableValues=%27.149 .182 .214 .247 .292 .343 .394 .445 .507 .573 .638 .703 .769 .819 .869 .919 .961 .965 .968 .972 .980 .990 .999 1 1%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%270 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1%27 result=%27pg%27/%3E%3CfeComponentTransfer in=%27pg%27 result=%27pc%27%3E%3CfeFuncR type=%27table%27 tableValues=%27.227 .267 .306 .345 .384 .424 .463 .502 .541 .584 .629 .673 .718 .763 .808 .849 .862 .875 .888 .901 .912 .919 .927 .934 .941%27/%3E%3CfeFuncG type=%27table%27 tableValues=%27.078 .089 .099 .109 .120 .130 .140 .150 .161 .170 .179 .188 .197 .206 .216 .227 .258 .289 .320 .351 .381 .406 .432 .457 .482%27/%3E%3CfeFuncB type=%27table%27 tableValues=%27.220 .244 .268 .292 .317 .341 .365 .390 .414 .438 .463 .488 .513 .538 .562 .587 .607 .628 .648 .668 .687 .702 .716 .731 .745%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0%27 result=%27pa%27/%3E%3CfeComposite in=%27pc%27 in2=%27pa%27 operator=%27in%27 result=%27p%27/%3E%3CfeMerge%3E%3CfeMergeNode in=%27c%27/%3E%3CfeMergeNode in=%27p%27/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url(%23m)%27%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27%23000%27/%3E%3Cellipse cx=%271200%27 cy=%27120%27 rx=%27860%27 ry=%27600%27 fill=%27url(%23a)%27 fill-opacity=%271%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-14 1200 120)%27/%3E%3Cellipse cx=%27460%27 cy=%2740%27 rx=%27760%27 ry=%27340%27 fill=%27url(%23a)%27 fill-opacity=%270.5%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27820%27 cy=%27560%27 rx=%271040%27 ry=%27280%27 fill=%27url(%23a)%27 fill-opacity=%270.4%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-8 820 560)%27/%3E%3Cellipse cx=%27100%27 cy=%27880%27 rx=%27620%27 ry=%27220%27 fill=%27url(%23a)%27 fill-opacity=%270.2%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27600%27 cy=%27410%27 rx=%27600%27 ry=%27300%27 fill=%27url(%23b)%27 fill-opacity=%270.62%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-30 600 410)%27/%3E%3Cellipse cx=%27830%27 cy=%27250%27 rx=%27420%27 ry=%27230%27 fill=%27url(%23b)%27 fill-opacity=%270.7%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-16 830 250)%27/%3E%3Cellipse cx=%271010%27 cy=%27470%27 rx=%27300%27 ry=%27170%27 fill=%27url(%23b)%27 fill-opacity=%270.34%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(14 1010 470)%27/%3E%3Cellipse cx=%27230%27 cy=%27600%27 rx=%27300%27 ry=%27150%27 fill=%27url(%23b)%27 fill-opacity=%270.3%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-22 230 600)%27/%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27url(%23s)%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3C/g%3E%3Crect x=%27-100%27 y=%27-100%27 width=%271640%27 height=%271000%27 fill=%27url(%23e)%27/%3E%3C/svg%3E");
  --atmos-fallback: radial-gradient(90% 90% at 80% 10%, #0B65F5 0%, #082F74 54%, transparent 100%), radial-gradient(50% 40% at 44% 44%, #D83995 0%, transparent 100%);
}

[data-theme="v2-light"] {
  --atmos-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271640%27 height=%271000%27 viewBox=%27-100 -100 1640 1000%27%3E%3Cdefs%3E%3ClinearGradient id=%27s%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2714%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270%27 stop-color=%27%23000%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300f%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27e%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%2714%27 y1=%270%27 y2=%270%27 spreadMethod=%27repeat%27%3E%3Cstop offset=%270%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270.34%27/%3E%3Cstop offset=%27.1%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270.085%27/%3E%3Cstop offset=%27.32%27 stop-color=%27%23FCFFFF%27 stop-opacity=%270%27/%3E%3Cstop offset=%27.62%27 stop-color=%27%230B65F5%27 stop-opacity=%270%27/%3E%3Cstop offset=%271%27 stop-color=%27%230B65F5%27 stop-opacity=%270.1%27/%3E%3C/linearGradient%3E%3CradialGradient id=%27a%27%3E%3Cstop offset=%270%27 stop-color=%27%23f00%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%23f00%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%23f00%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%23f00%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%23f00%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%23f00%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3CradialGradient id=%27b%27%3E%3Cstop offset=%270%27 stop-color=%27%230f0%27 stop-opacity=%271.000%27/%3E%3Cstop offset=%270.2%27 stop-color=%27%230f0%27 stop-opacity=%270.843%27/%3E%3Cstop offset=%270.4%27 stop-color=%27%230f0%27 stop-opacity=%270.503%27/%3E%3Cstop offset=%270.6%27 stop-color=%27%230f0%27 stop-opacity=%270.209%27/%3E%3Cstop offset=%270.8%27 stop-color=%27%230f0%27 stop-opacity=%270.054%27/%3E%3Cstop offset=%271%27 stop-color=%27%230f0%27 stop-opacity=%270.000%27/%3E%3C/radialGradient%3E%3ClinearGradient id=%27v%27 gradientUnits=%27userSpaceOnUse%27 x1=%270%27 x2=%270%27 y1=%2780%27 y2=%27620%27%3E%3Cstop offset=%270%27 stop-color=%27%23fff%27/%3E%3Cstop offset=%271%27 stop-color=%27%23000%27/%3E%3C/linearGradient%3E%3Cmask id=%27f%27 maskUnits=%27userSpaceOnUse%27 x=%27-100%27 y=%27-100%27 width=%271640%27 height=%271000%27%3E%3Crect x=%27-100%27 y=%27-100%27 width=%271640%27 height=%271000%27 fill=%27url(%23v)%27/%3E%3C/mask%3E%3Cfilter id=%27m%27 filterUnits=%27userSpaceOnUse%27 x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 color-interpolation-filters=%27sRGB%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.0007 .03%27 numOctaves=%272%27 seed=%274%27 result=%27h%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27h%27 scale=%2746%27 xChannelSelector=%27G%27 yChannelSelector=%27A%27 result=%27w%27/%3E%3CfeDisplacementMap in=%27w%27 in2=%27SourceGraphic%27 scale=%27-58%27 xChannelSelector=%27B%27 yChannelSelector=%27A%27 result=%27d%27/%3E%3CfeOffset in=%27d%27 dy=%2729%27 result=%27d2%27/%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%271 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1%27 result=%27cg%27/%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%271%27 seed=%273%27 result=%27f%27/%3E%3CfeComposite in=%27cg%27 in2=%27f%27 operator=%27arithmetic%27 k1=%270%27 k2=%271%27 k3=%270.016%27 k4=%27-0.008%27 result=%27cj%27/%3E%3CfeComponentTransfer in=%27cj%27 result=%27c%27%3E%3CfeFuncR type=%27table%27 tableValues=%27.988 .975 .963 .950 .927 .900 .872 .845 .804 .759 .715 .670 .622 .569 .516 .464 .413 .371 .329 .288 .246 .196 .145 .094 .043%27/%3E%3CfeFuncG type=%27table%27 tableValues=%271 .989 .979 .968 .954 .936 .919 .902 .876 .847 .819 .791 .761 .729 .698 .666 .635 .609 .582 .556 .530 .497 .463 .430 .396%27/%3E%3CfeFuncB type=%27table%27 tableValues=%271 1 1 1 1 1 1 1 .999 .997 .995 .993 .993 .995 .997 .998 .999 .993 .986 .980 .974 .970 .967 .964 .961%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%270 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1%27 result=%27pg%27/%3E%3CfeComponentTransfer in=%27pg%27 result=%27pc%27%3E%3CfeFuncR type=%27table%27 tableValues=%27.992 .991 .989 .987 .986 .984 .982 .981 .979 .977 .975 .971 .966 .962 .958 .954 .950 .945 .941 .925 .910 .894 .878 .863 .847%27/%3E%3CfeFuncG type=%27table%27 tableValues=%27.937 .922 .906 .891 .875 .860 .844 .829 .813 .798 .774 .737 .701 .664 .628 .592 .555 .519 .482 .439 .396 .353 .310 .267 .224%27/%3E%3CfeFuncB type=%27table%27 tableValues=%27.969 .961 .953 .945 .938 .930 .922 .914 .907 .899 .887 .869 .852 .834 .816 .798 .781 .763 .745 .718 .692 .665 .638 .611 .584%27/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix in=%27d2%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.82 0 0 0%27 result=%27pa%27/%3E%3CfeComposite in=%27pc%27 in2=%27pa%27 operator=%27in%27 result=%27p%27/%3E%3CfeMerge%3E%3CfeMergeNode in=%27c%27/%3E%3CfeMergeNode in=%27p%27/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%27url(%23m)%27%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27%23000%27/%3E%3Cellipse cx=%271270%27 cy=%2770%27 rx=%271000%27 ry=%27600%27 fill=%27url(%23a)%27 fill-opacity=%271%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-10 1270 70)%27/%3E%3Cellipse cx=%27230%27 cy=%27-60%27 rx=%27840%27 ry=%27420%27 fill=%27url(%23a)%27 fill-opacity=%270.74%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27760%27 cy=%27-80%27 rx=%27760%27 ry=%27340%27 fill=%27url(%23a)%27 fill-opacity=%270.62%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3Cellipse cx=%27960%27 cy=%27350%27 rx=%27560%27 ry=%27230%27 fill=%27url(%23b)%27 fill-opacity=%270.72%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-18 960 350)%27/%3E%3Cellipse cx=%27500%27 cy=%27230%27 rx=%27380%27 ry=%27150%27 fill=%27url(%23b)%27 fill-opacity=%270.42%27 style=%27mix-blend-mode:plus-lighter%27 transform=%27rotate(-14 500 230)%27/%3E%3Crect x=%27-360%27 y=%27-360%27 width=%272160%27 height=%271640%27 fill=%27url(%23s)%27 style=%27mix-blend-mode:plus-lighter%27/%3E%3C/g%3E%3Crect x=%27-100%27 y=%27-100%27 width=%271640%27 height=%271000%27 fill=%27url(%23e)%27 mask=%27url(%23f)%27/%3E%3C/svg%3E");
  --atmos-fallback: radial-gradient(90% 70% at 88% 0%, #0B65F5 0%, #A5C6FD 52%, transparent 100%);
}

/*
 * Atmosphere. Brand moments only: Welcome, Permissions, Practice backdrop, First lock, Pass, and
 * hero bands such as the Menu Bar Panel header. Text over a field must still pass 4.5:1, measured
 * on the worst area under it.
 *
 * .atmos         picks the field for the current version. One markup serves all four modes.
 * .atmos--live   adds the slow motion. Welcome only.
 * .atmos-fluted  Version 1 only: fine light columns, electric at the core, coral at the base.
 * .atmos-reed    Version 2 only: reeded glass, 14 px ribs refracting cobalt and pink blurs.
 * .atmos-dots    Version 2 only: a dot-matrix field, clear in the middle.
 */
.atmos {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: var(--ground);
  background-image: var(--atmos-image), var(--atmos-fallback);
  background-repeat: no-repeat;
  background-position: var(--atmos-pos, 50% 100%);
  background-size:
    var(--atmos-size, 1640px 1000px),
    100% 100%;
}

/* A second pass of the same light. Only opacity and transform move, so it stays on the compositor. */
.atmos--live::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: var(--atmos-image);
  background-repeat: no-repeat;
  background-position: var(--atmos-pos, 50% 100%);
  background-size: var(--atmos-size, 1640px 1000px);
  opacity: 0;
  transform-origin: 50% 100%;
  will-change: opacity, transform;
}

[data-theme^='v1'] .atmos--live::after {
  animation: atmos-rise 18s ease-in-out infinite alternate;
}

/* The shift is a whole number of 14 px ribs, so the ribs stay still and only the color moves. */
[data-theme^='v2'] .atmos--live::after {
  background-position: calc(50% + 84px) calc(100% - 48px);
  animation: atmos-drift 22s ease-in-out infinite alternate;
}

@keyframes atmos-rise {
  to {
    opacity: 0.72;
    transform: scaleY(1.08);
  }
}

@keyframes atmos-drift {
  to {
    opacity: 0.8;
  }
}

[data-theme^='v2'] .atmos-fluted,
[data-theme^='v1'] .atmos-reed,
[data-theme^='v1'] .atmos-dots {
  display: none;
}

.atmos-dots {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--dot-ink);
  /* The first layer keeps dots off the traffic lights and window title. The second is free for body copy. */
  --dots-clear: radial-gradient(264px 80px at 0 24px, transparent 72%, #000 100%);
  --dots-clear-copy: linear-gradient(#000 0 0);
  -webkit-mask:
    var(--mask-dots) 50% 0 / 1440px 900px no-repeat,
    var(--dots-clear),
    var(--dots-clear-copy);
  -webkit-mask-composite: source-in;
  mask:
    var(--mask-dots) 50% 0 / 1440px 900px no-repeat,
    var(--dots-clear),
    var(--dots-clear-copy);
  mask-composite: intersect;
}

@media (prefers-reduced-motion: reduce) {
  .atmos--live::after {
    animation: none !important;
    display: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .atmos--live::after,
  .atmos-dots {
    display: none;
  }
}

@media (prefers-contrast: more) {
  .atmos {
    background-image: none;
  }

  .atmos--live::after,
  .atmos-dots {
    display: none;
  }
}
/*
 * Marketing site. Every color comes from @hither/design-tokens, so all four modes hold.
 * Version 1 and Version 2 share the markup and part ways here.
 *
 * Layers, bottom to top
 *   .field   fixed light field. A CSS image, with the WebGL canvas above it.
 *   main     sections. A section is either a window onto the field or opaque.
 *   .rt      the flying Reticle, drawn from transforms only.
 *   .top     the header.
 *
 * Nothing here hides content until a script runs. Motion states are set by src/scripts, and only
 * below the fold. The order below is the cascade, so a new file goes where its rules belong.
 *//* Glass frame. Version 1: a thick frosted frame around a pale inner panel.
   Version 2: a thin sheet of glass holding clear inner panels. */
.glass-frame {
  box-sizing: border-box;
  position: relative;
  padding: var(--space-2);
  border-radius: var(--radius-card);
  background: var(--frame-fill);
  -webkit-backdrop-filter: var(--frame-blur);
  backdrop-filter: var(--frame-blur);
  box-shadow: var(--shadow-frame);
  color: var(--text);
}
.glass-frame__panel {
  box-sizing: border-box;
  position: relative;
  border-radius: var(--radius-inner);
  background: var(--panel-fill);
  color: var(--text);
}

/* Version 1 dark working surfaces stay dark, in the Menu Bar Panel's own material. */
[data-theme='v1-dark'] .glass-frame__panel.sheet {
  --panel-fill: var(--glass-thick);
}

[data-theme^='v2'] .glass-frame__panel {
  box-shadow: inset 0 0 0 1px var(--glass-edge);
}

/*
 * The pale inner panel of a glass frame. In v1-dark it takes v1-light colors (panel-tokens.ts), so
 * what those colors feed is worked out again here, with the same formulas as the token package.
 */
[data-theme^='v1'] .glass-frame__panel {
  --success: var(--primary);
  --error: var(--accent);
  --warning: var(--accent);

  --primary-hover: color-mix(in srgb, var(--fill-shift) 12%, var(--primary));
  --primary-pressed: color-mix(in srgb, var(--fill-shift) 20%, var(--primary));
  --accent-hover: color-mix(in srgb, var(--fill-shift) 12%, var(--accent-fill));
  --accent-pressed: color-mix(in srgb, var(--fill-shift) 20%, var(--accent-fill));

  --shadow-hairline: 0 0 0 1px var(--hairline);
  --shadow-hairline-inset: inset 0 0 0 1px var(--hairline);
  --shadow-divider: inset 0 1px 0 var(--hairline);
  --shadow-primary-edge: inset 0 0 0 1px var(--primary);
  --shadow-hairline-strong-inset: inset 0 0 0 1px var(--hairline-strong);
  --shadow-key: inset 0 0 0 1px var(--hairline), inset 0 -2px 0 var(--hairline-strong);
  --shadow-knob: 0 1px 2px var(--shadow-3);
  --reticle-keyline: var(--keyline);

  color: var(--text);
  font-family: var(--font-ui);
  font-size: var(--type-body);
  line-height: var(--type-body-line);
  font-variant-numeric: tabular-nums;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* The usual ink is too weak on this glass, so text-sized actions take a paler cobalt tint.
   Not in @hither/design-tokens yet, see the README. */
[data-theme='v2-dark'] .glass-frame__panel {
  --ink-primary: rgb(169 200 255);
}

@media (prefers-reduced-transparency: reduce) {
  [data-theme^='v1'] .glass-frame__panel {
    --panel-fill: var(--surface-1);
  }
}

/* Pinpoint: a point of light with a soft halo. */
.pinpoint {
  display: block;
  flex: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--primary);
  box-shadow:
    0 0 0 2px var(--knob),
    0 0 0 3px var(--keyline),
    0 0 16px 4px var(--halo);
}

/* Tick ruler: a fine scale, every fifth tick taller. Set --ruler-value as a percentage. */
.tick-ruler {
  --tick: var(--text-3);
  --tick-on: var(--ink-primary);
  position: relative;
  display: block;
  height: 24px;
  background:
    repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px 20px) 0 100% / 100% 20px
      no-repeat,
    repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px 4px) 0 100% / 100% 8px
      no-repeat;
}
.tick-ruler::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--ruler-value, 0%);
  background:
    repeating-linear-gradient(90deg, var(--tick-on) 0 1px, transparent 1px 20px) 0 100% / 100% 20px
      no-repeat,
    repeating-linear-gradient(90deg, var(--tick-on) 0 1px, transparent 1px 4px) 0 100% / 100% 8px
      no-repeat;
}
.btn {
  box-sizing: border-box;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--button-height);
  padding: var(--space-2) var(--space-5);
  border: 0;
  border-radius: var(--radius-inner);
  background: transparent;
  color: var(--text);
  font-family: inherit;
  font-size: var(--type-control);
  line-height: var(--type-control-line);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition:
    transform var(--dur-small) var(--ease-spring-small),
    background-color var(--dur-small) var(--ease-out),
    box-shadow var(--dur-small) var(--ease-out);
}
.btn svg {
  width: var(--icon-sm);
  height: var(--icon-sm);
  flex: none;
}

.btn--primary {
  background: var(--primary);
  color: var(--on-primary);
}
.btn--secondary {
  background: var(--surface-2);
  color: var(--text);
  box-shadow: var(--shadow-hairline-inset);
}
.btn--plain {
  background: transparent;
  color: var(--ink-primary);
}
.btn--destructive {
  background: var(--accent-fill);
  color: var(--on-accent);
}

@media (hover: hover) and (pointer: fine) {
  .btn--primary:hover:not(:disabled) {
    background: var(--primary-hover);
  }
  .btn--secondary:hover:not(:disabled) {
    background: var(--surface-3);
  }
  .btn--plain:hover:not(:disabled) {
    background: var(--fill-1);
    color: var(--plain-ink-on-fill, var(--ink-primary));
  }
  .btn--destructive:hover:not(:disabled) {
    background: var(--accent-hover);
  }
}

.btn:active:not(:disabled),
.btn[data-state='pressed'] {
  transform: scale(var(--press-scale));
}
.btn--primary:active:not(:disabled),
.btn--primary[data-state='pressed'] {
  background: var(--primary-pressed);
}
.btn--secondary:active:not(:disabled),
.btn--secondary[data-state='pressed'] {
  background: var(--fill-3);
}
.btn--plain:active:not(:disabled),
.btn--plain[data-state='pressed'] {
  background: var(--fill-2);
  color: var(--plain-ink-on-fill, var(--ink-primary));
}
.btn--destructive:active:not(:disabled),
.btn--destructive[data-state='pressed'] {
  background: var(--accent-pressed);
}

.btn:focus-visible,
.btn[data-state='focus'] {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition-property: background-color, box-shadow;
  }
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: 28px;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--fill-2);
  color: var(--text);
  font-size: var(--type-footnote);
  line-height: var(--type-footnote-line);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}
.pill svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.reticle {
  position: absolute;
  --target-radius: 6px;
  pointer-events: none;
}

.reticle__ring {
  position: absolute;
  inset: calc(var(--reticle-outset) * -1);
  border: 1px solid var(--reticle-core);
  border-radius: calc(var(--target-radius) + var(--reticle-outset));
  background: var(--reticle-fill);
  box-shadow: var(--shadow-reticle);
}

.reticle__tick {
  position: absolute;
  width: var(--reticle-tick-size);
  height: var(--reticle-tick-size);
  border: 0 solid var(--reticle-stroke);
  filter: var(--filter-reticle);
}
.reticle__tick[data-corner='tl'] {
  top: calc(var(--reticle-tick-offset) * -1);
  left: calc(var(--reticle-tick-offset) * -1);
  border-top-width: var(--reticle-tick-weight);
  border-left-width: var(--reticle-tick-weight);
  border-top-left-radius: calc(var(--target-radius) + var(--reticle-tick-offset));
  --tick-dx: -6px;
  --tick-dy: -6px;
}
.reticle__tick[data-corner='tr'] {
  top: calc(var(--reticle-tick-offset) * -1);
  right: calc(var(--reticle-tick-offset) * -1);
  border-top-width: var(--reticle-tick-weight);
  border-right-width: var(--reticle-tick-weight);
  border-top-right-radius: calc(var(--target-radius) + var(--reticle-tick-offset));
  --tick-dx: 6px;
  --tick-dy: -6px;
}
.reticle__tick[data-corner='bl'] {
  bottom: calc(var(--reticle-tick-offset) * -1);
  left: calc(var(--reticle-tick-offset) * -1);
  border-bottom-width: var(--reticle-tick-weight);
  border-left-width: var(--reticle-tick-weight);
  border-bottom-left-radius: calc(var(--target-radius) + var(--reticle-tick-offset));
  --tick-dx: -6px;
  --tick-dy: 6px;
}
.reticle__tick[data-corner='br'] {
  bottom: calc(var(--reticle-tick-offset) * -1);
  right: calc(var(--reticle-tick-offset) * -1);
  border-bottom-width: var(--reticle-tick-weight);
  border-right-width: var(--reticle-tick-weight);
  border-bottom-right-radius: calc(var(--target-radius) + var(--reticle-tick-offset));
  --tick-dx: 6px;
  --tick-dy: 6px;
}

/* Approximate: a larger soft region, dashed, in the accent, always labeled.
   The dashes carry the keyline as a casing, so they hold on white as well as on dark. */
.reticle[data-state='approximate'] .reticle__ring {
  inset: 0;
  border: 0;
  border-radius: var(--radius-inner);
  background: var(--reticle-approx-fill);
  box-shadow: var(--shadow-reticle-approx);
}
.reticle[data-state='approximate'] .reticle__ring::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px dashed var(--reticle-approx);
  border-radius: inherit;
  filter: drop-shadow(0 0 0.5px var(--keyline));
}
.reticle__label {
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: var(--space-2);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--accent-fill);
  color: var(--on-accent);
  font-size: var(--type-caption);
  line-height: var(--type-caption-line);
  font-weight: var(--weight-semibold);
  white-space: nowrap;
  transform: translateX(-50%);
}
.caption-pill {
  margin: 0;
  max-width: 720px;
  padding: var(--space-3) var(--space-6);
  border-radius: var(--radius-pill);
  background: var(--glass-regular);
  -webkit-backdrop-filter: var(--glass-blur-regular);
  backdrop-filter: var(--glass-blur-regular);
  box-shadow: var(--shadow-glass);
  color: var(--text);
  font-size: var(--type-overlay);
  line-height: var(--type-overlay-line);
  letter-spacing: var(--type-overlay-track);
  font-weight: var(--weight-medium);
  text-wrap: balance;
}
.caption-pill strong {
  font-weight: var(--weight-bold);
}
.capture-indicator {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  flex: none;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--glass-thin);
  -webkit-backdrop-filter: var(--glass-blur-thin);
  backdrop-filter: var(--glass-blur-thin);
  box-shadow: var(--shadow-glass);
  color: var(--text);
  font-size: var(--type-footnote);
  line-height: var(--type-footnote-line);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}
.capture-indicator__dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--primary);
}
@keyframes site-reticle-flight {
  from {
    opacity: 0;
    transform: translate(var(--flight-x, -240px), var(--flight-y, 160px)) scale(0.72);
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes site-tick-lock {
  from {
    opacity: 0;
    transform: translate(var(--tick-dx), var(--tick-dy));
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes site-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

:root {
  --g: 16px;
  --sec: 96px;
  --h-xl: clamp(4.5rem, min(14.4vw, 30svh), 17rem);
  --h-lg: clamp(2.75rem, 6.2vw, 7.5rem);
  --h-md: clamp(1.75rem, 2.8vw, 2.75rem);
  --lede: clamp(1.125rem, 1.45vw, 1.5rem);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --press: 140ms;
}
@media (min-width: 768px) {
  :root {
    --g: 32px;
    --sec: 160px;
  }
}
@media (min-width: 1200px) {
  :root {
    --g: 64px;
    --sec: 200px;
  }
}
@media (min-width: 1800px) {
  :root {
    --g: 80px;
  }
}

[data-theme] {
  --calm: color-mix(in srgb, var(--ground) 80%, transparent);
}
[data-theme^='v1'] {
  --nope-track: var(--on-primary);
  --nope-knob: var(--fill-shift);
}
[data-theme^='v2'] {
  --nope-track: var(--ink-deep);
  --nope-knob: var(--on-primary);
}
[data-theme^='v2'] {
  --h-xl: clamp(4rem, min(11vw, 26svh), 13.5rem);
  --h-lg: clamp(2.5rem, 5.6vw, 6.75rem);
}

/* The hero headline answers to window height as well as width, so a section fits at 100% zoom. */
@media (min-width: 900px) {
  [data-theme^='v1'] {
    --h-xl: clamp(4.5rem, min(14.4vw, calc((100svh - 660px) / 0.98)), 17rem);
  }
}
@media (min-width: 900px) and (max-height: 859px) {
  /* The card moves beside the headline here, so the locked word has to stop short of it. */
  [data-theme^='v1'] {
    --h-xl: clamp(4.5rem, min(calc(24.2vw - 0.484 * var(--g) - 154px), 26svh), 17rem);
  }
  [data-theme^='v2'] {
    --h-xl: clamp(4rem, min(calc((100vw - 2 * var(--g)) / 8.4), 20svh), 13.5rem);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-padding-top: 96px;
  scrollbar-color: var(--hairline-strong) var(--ground);
  background: var(--ground);
  overflow-x: clip;
}
body {
  margin: 0;
  min-height: 100svh;
  background: var(--ground);
  color: var(--text);
  font-family: var(--font-ui);
  font-size: 1.0625rem;
  line-height: 1.6;
  overflow-x: clip;
}
h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dd,
figure,
fieldset {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
fieldset {
  border: 0;
  min-width: 0;
}
a {
  color: inherit;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
button {
  font: inherit;
  color: inherit;
}
button,
a,
label,
[role='switch'] {
  touch-action: manipulation;
}
button,
.btn,
.keycap {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
svg {
  display: block;
}
kbd {
  font: inherit;
}
:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 4px;
}
::selection {
  background: var(--primary-tint-strong);
}
@view-transition {
  navigation: auto;
}

.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Type */
.d-xl,
.d-lg,
.d-md {
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-weight: var(--weight-display);
  letter-spacing: var(--type-hero-track);
  text-wrap: balance;
}
.d-lg {
  font-size: var(--h-lg);
  line-height: 1.02;
}
.d-md {
  font-size: var(--h-md);
  line-height: 1.12;
  letter-spacing: var(--type-title-1-track);
}
.d-lg em,
.d-md em,
.d-xl em {
  font-style: var(--hero-em-style);
}
.lede {
  font-size: var(--lede);
  line-height: 1.5;
  max-width: 34em;
  text-wrap: pretty;
}
.small {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-2);
}
.ph {
  padding: 0 0.3em;
  border-radius: 4px;
  background: var(--notice-fill);
  box-shadow: inset 0 0 0 1px var(--notice-edge);
  color: var(--text);
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}
.btn {
  min-height: 48px;
}
.btn--xl {
  min-height: 64px;
  padding: 16px 32px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  border-radius: var(--radius-card);
}
.btn:active:not(:disabled) {
  transition-duration: var(--press);
}
.link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: var(--weight-semibold);
  text-decoration: underline;
  text-decoration-color: var(--hairline-strong);
  transition: text-decoration-color 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .link:hover {
    text-decoration-color: currentColor;
  }
}
/* ---------- Field ---------- */
.field {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: var(--ground);
}
.field .atmos {
  background-size:
    cover,
    100% 100%;
}
.field canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 600ms ease;
}
.has-gl .field canvas {
  opacity: 1;
}
.field .atmos-dots {
  z-index: 1;
  -webkit-mask-size: cover;
  mask-size: cover;
}

main {
  position: relative;
  z-index: 1;
  display: block;
}
main:focus {
  outline: none;
}
/* ---------- Header ---------- */
.skip {
  position: fixed;
  left: var(--g);
  top: 8px;
  z-index: 60;
  padding: 12px 20px;
  border-radius: var(--radius-inner);
  background: var(--primary);
  color: var(--on-primary);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  transform: translateY(-160%);
}
.skip:focus {
  transform: none;
}
.top {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  padding: 12px var(--g);
  padding-top: max(12px, env(safe-area-inset-top));
  transition: transform 240ms var(--ease-out);
}
.top.is-away {
  transform: translateY(-120%);
}
.top__bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 48px;
}
.top__bar::before {
  content: '';
  position: absolute;
  inset: -4px -12px;
  border-radius: var(--radius-card);
  background: var(--glass-regular);
  -webkit-backdrop-filter: var(--glass-blur-regular);
  backdrop-filter: var(--glass-blur-regular);
  box-shadow: var(--shadow-glass);
  opacity: 0;
  transition: opacity 240ms ease;
  pointer-events: none;
}
.top.is-solid .top__bar::before {
  opacity: 1;
}
.brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-size: 1.5rem;
  font-style: var(--hero-em-style);
  font-weight: var(--weight-title);
  letter-spacing: -0.01em;
  text-decoration: none;
}
.brand__glyph {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.top__nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.top__nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  font-size: 0.9375rem;
  font-weight: var(--weight-medium);
  text-decoration: none;
  transition: background-color 180ms ease;
}
.top__nav a[aria-current='page'] {
  background: var(--fill-2);
}
@media (hover: hover) and (pointer: fine) {
  .top__nav a:hover {
    background: var(--fill-2);
  }
}
.top__cta {
  position: relative;
  min-height: 44px;
  padding: 8px 16px;
}
@media (max-width: 767px) {
  .top__nav {
    gap: 0;
  }
  .top__nav a:not([href*='pricing']) {
    display: none;
  }
}
[data-theme^='v2'] .brand {
  font-size: 1.375rem;
  font-weight: var(--weight-semibold);
  letter-spacing: -0.03em;
}
/* Version 2: glass pill navigation, the action outside it. */
@media (min-width: 768px) {
  [data-theme^='v2'] .top__nav {
    position: absolute;
    left: 50%;
    margin: 0;
    padding: 4px;
    border-radius: var(--radius-pill);
    background: var(--frame-fill);
    -webkit-backdrop-filter: var(--frame-blur);
    backdrop-filter: var(--frame-blur);
    box-shadow: inset 0 0 0 1px var(--frame-edge);
    transform: translateX(-50%);
  }
  [data-theme^='v2'] .top__cta {
    margin-left: auto;
  }
  [data-theme='v2-light'] .top__nav {
    background: color-mix(in srgb, var(--ground) 96%, transparent);
  }
}
/* ---------- The Reticle in flight ----------
   Nine pieces, moved by transform alone, so the stroke holds at any size. */
.rt {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
  --rt-c: var(--reticle-core);
  --rt-t: var(--reticle-core);
}
.rt[data-tone='ink'] {
  --rt-c: var(--nope-track);
  --rt-t: var(--nope-track);
}
[data-theme$='light'] .lock-ring__rig,
[data-theme$='light'] .rt:not([data-tone='ink']),
.rt[data-theme$='light']:not([data-tone='ink']) {
  --rt-c: var(--reticle-stroke);
  --rt-t: var(--reticle-stroke);
}
[data-theme$='light'] .reticle--static .reticle__ring {
  border-color: var(--reticle-stroke);
}
.rt > i,
.lock-ring__rig > i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  transform-origin: 0 0;
  will-change: transform;
}
.rt__c,
.lr__c {
  width: 24px;
  height: 24px;
  border: 0 solid var(--rt-c);
}
.rt__c--tl,
.lr__c--tl {
  border-width: 2.4px 0 0 2.4px;
  border-top-left-radius: 24px;
}
.rt__c--tr,
.lr__c--tr {
  border-width: 2.4px 2.4px 0 0;
  border-top-right-radius: 24px;
}
.rt__c--bl,
.lr__c--bl {
  border-width: 0 0 2.4px 2.4px;
  border-bottom-left-radius: 24px;
}
.rt__c--br,
.lr__c--br {
  border-width: 0 2.4px 2.4px 0;
  border-bottom-right-radius: 24px;
}
.rt__e,
.lr__e {
  background: var(--rt-c);
}
.rt__e--h,
.lr__e--h {
  width: 100px;
  height: 2.4px;
}
.rt__e--v,
.lr__e--v {
  width: 2.4px;
  height: 100px;
}
.rt__halo,
.lr__halo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(
    closest-side,
    var(--reticle-halo-mid) 0%,
    var(--reticle-halo-far) 46%,
    transparent 100%
  );
  opacity: var(--glow, 0.72);
}
.rt[data-tone='ink'] .rt__halo {
  opacity: 0;
}
[data-theme$='light'] .rt__halo,
[data-theme$='light'] .lr__halo {
  opacity: calc(var(--glow, 0.72) * 0.44);
}
.rt__echo {
  border: 1.5px solid var(--rt-c);
  border-radius: 24px;
  transform-origin: 50% 50%;
  opacity: 0;
}
.rt__streak {
  width: 240px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--accent) 56%, var(--primary));
  transform-origin: 100% 50%;
  opacity: 0;
}
/* Ticks are positioned by script and snap by transition, so the lock lands on a spring
   however slowly the page is scrolled. */
.rt__t,
.lr__t {
  width: 28px;
  height: 28px;
}
.rt__t b,
.lr__t b {
  position: absolute;
  inset: 0;
  border: 0 solid var(--rt-t);
  opacity: 0;
  transition:
    opacity 120ms ease,
    transform 120ms ease;
}
.rt__t--tl b,
.lr__t--tl b {
  border-width: 2.4px 0 0 2.4px;
  border-top-left-radius: 28px;
  transform: translate(-8px, -8px);
}
.rt__t--tr b,
.lr__t--tr b {
  border-width: 2.4px 2.4px 0 0;
  border-top-right-radius: 28px;
  transform: translate(8px, -8px);
}
.rt__t--bl b,
.lr__t--bl b {
  border-width: 0 0 2.4px 2.4px;
  border-bottom-left-radius: 28px;
  transform: translate(-8px, 8px);
}
.rt__t--br b,
.lr__t--br b {
  border-width: 0 2.4px 2.4px 0;
  border-bottom-right-radius: 28px;
  transform: translate(8px, 8px);
}
.rt.is-locked .rt__t b {
  opacity: 1;
  transform: none;
  transition:
    opacity 120ms ease,
    transform var(--dur-small) var(--ease-spring-small);
}
/* Reticles that belong to their target: the finished page with no script, and with Reduce Motion. */
.reticle--static {
  inset: -6px;
  --target-radius: 12px;
  --reticle-fill: transparent;
}
.has-flight .hero__lock,
.is-fine.has-flight .reticle--static {
  opacity: 0;
}
/* A lock the motion kit draws on its target. Prerendered, the static ring shows. Once hydrated, the
   host is marked and the kit's pieces take over, moved by transform alone. */
.lock-ring {
  position: absolute;
  pointer-events: none;
  --reticle-fill: transparent;
}
.lock-ring > .lock-ring__static {
  inset: 0;
}
.lock-ring[data-rig] > .lock-ring__static {
  display: none;
}
.lock-ring__rig {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  --rt-c: var(--reticle-core);
  --rt-t: var(--reticle-core);
}
.lock-ring__rig .lr__t b {
  opacity: 1;
  transform: none;
  transition: none;
}
/* ---------- Hero ---------- */
.hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 40px;
  min-height: 100svh;
  padding: 104px var(--g) 40px;
}
[data-theme^='v2'] .hero::before,
.band::before {
  content: '';
  position: absolute;
  inset: 0 0 0 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    var(--ground) 0%,
    var(--ground) 26%,
    color-mix(in srgb, var(--ground) 62%, transparent) 44%,
    transparent 64%
  );
  -webkit-mask: linear-gradient(to bottom, transparent 24%, black 62%);
  mask: linear-gradient(to bottom, transparent 24%, black 62%);
  pointer-events: none;
}
.hero__title {
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-weight: var(--weight-display);
  font-size: var(--h-xl);
  line-height: 0.98;
  letter-spacing: var(--type-hero-track);
}
.hero__l1,
.hero__word {
  display: block;
  width: max-content;
  max-width: 100%;
}
.hero__l1 {
  position: relative;
  z-index: 1;
}
.hero__word {
  position: relative;
  margin-left: 31%;
  padding: 0.02em 0.14em 0.1em 0.1em;
}
.hero__word em {
  position: relative;
  font-style: var(--hero-em-style);
}
.hero__plate {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: color-mix(in srgb, var(--ground) 76%, transparent);
}
.hero__lock {
  inset: 0;
  --target-radius: 24px;
  --reticle-tick-size: 24px;
  --reticle-tick-offset: 12px;
}
.hero__lock .reticle__ring {
  animation: site-fade var(--dur-small) var(--ease-out) both;
}
.hero__lock .reticle__tick {
  animation: site-tick-lock var(--dur-small) var(--ease-spring-small) 300ms both;
}
.hero__foot {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 32px;
  align-items: end;
}
.hero__copy {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 24px;
  justify-items: start;
}
.hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
}
.js .hero__lock .reticle__ring {
  animation-delay: 1s;
}
.js .hero__lock .reticle__tick {
  animation-delay: 1.3s;
}
.hero__dl {
  position: relative;
}
.hero__dl .reticle--static {
  opacity: 0;
  transition: opacity var(--dur-small) var(--ease-out);
}
.hero__dl.is-pointed .reticle--static {
  opacity: 1;
}
.ask {
  justify-self: end;
  width: min(100%, 26rem);
}
.ask__panel {
  display: grid;
  gap: 12px;
  padding: 20px;
}
.ask__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
}
.ask__title {
  font-weight: var(--weight-semibold);
}
.ask__line {
  min-height: 3rem;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  text-wrap: pretty;
}
.ask__line strong {
  font-weight: var(--weight-bold);
}
.ask__fine {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--text-2);
}
.ask__key {
  display: grid;
  grid-template-columns: 56px 56px minmax(0, 1fr);
  gap: 6px;
  width: 100%;
  min-height: 56px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-inner);
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: var(--weight-semibold);
}
.ask__cap {
  display: grid;
  place-items: center;
  min-height: 56px;
  border-radius: 14px;
  background: var(--surface-1);
  box-shadow: var(--shadow-key);
  color: var(--text);
  transition:
    transform 100ms var(--ease-out),
    background-color 180ms ease,
    color 180ms ease;
}
.ask__key[aria-pressed='true'] .ask__cap {
  background: var(--primary);
  color: var(--on-primary);
  transform: translateY(2px) scale(0.985);
}
.ask__dot {
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: var(--primary);
}
html:not(.js) .ask {
  display: none;
}
/* Version 2: the name at the foot, the sheet hung at the top. */
/* Version 1: the words sit in the dark, left of the locked word. The lower half is all light. */
@media (min-width: 900px) {
  [data-theme^='v1'] .hero {
    grid-template-columns: 31% minmax(0, 1fr);
    grid-template-rows: calc(var(--h-xl) * 0.98) auto minmax(0, 1fr);
    gap: 0;
  }
  [data-theme^='v1'] .hero__title {
    grid-column: 1 / -1;
    grid-row: 1 / span 2;
  }
  [data-theme^='v1'] .hero__foot {
    display: contents;
  }
  [data-theme^='v1'] .hero__copy {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    gap: 16px;
    padding: 24px 32px 16px 0;
  }
  [data-theme^='v1'] .hero__copy .lede {
    font-size: clamp(1.0625rem, 1.3vw, 1.375rem);
    line-height: 1.45;
  }
  [data-theme^='v1'] .hero__actions {
    gap: 12px 24px;
  }
  [data-theme^='v1'] .hero__actions .btn--xl {
    min-height: 56px;
    padding: 12px 24px;
    font-size: 1.0625rem;
  }
  [data-theme^='v1'] .ask {
    grid-column: 2;
    grid-row: 3;
    align-self: end;
    margin-top: 24px;
  }
}
@media (min-width: 900px) and (max-height: 859px) {
  [data-theme^='v1'] .ask {
    grid-row: 1 / -1;
    margin-top: 0;
  }
}
[data-theme^='v2'] .hero {
  grid-template-rows: auto 1fr auto;
  gap: 24px;
}
[data-theme^='v2'] .band::before {
  -webkit-mask: none;
  mask: none;
  background: linear-gradient(
    90deg,
    var(--ground) 0%,
    color-mix(in srgb, var(--ground) 80%, transparent) 40%,
    transparent 68%
  );
}
[data-theme^='v2'] .hero::before {
  background: linear-gradient(
    90deg,
    var(--ground) 0%,
    color-mix(in srgb, var(--ground) 72%, transparent) 34%,
    transparent 60%
  );
  -webkit-mask: linear-gradient(to bottom, transparent 30%, black 56%);
  mask: linear-gradient(to bottom, transparent 30%, black 56%);
}
[data-theme^='v2'] .hero__title {
  grid-row: 3;
  line-height: 1;
  letter-spacing: -0.05em;
}
[data-theme^='v2'] .hero__l1,
[data-theme^='v2'] .hero__word {
  display: inline-block;
  width: auto;
}
[data-theme^='v2'] .hero__word {
  margin-left: 0.14em;
  padding: 0 0.16em 0.1em 0.12em;
}
[data-theme^='v2'] .hero__foot {
  display: contents;
}
[data-theme^='v2'] .ask {
  grid-row: 1;
  justify-self: end;
}
[data-theme^='v2'] .hero__copy {
  grid-row: 2;
  align-self: end;
  max-width: 40rem;
}
@media (min-width: 900px) {
  [data-theme^='v2'] .hero {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  [data-theme^='v2'] .hero__title {
    grid-column: 1 / -1;
  }
  [data-theme^='v2'] .ask {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    width: 26rem;
  }
  [data-theme^='v2'] .hero__copy {
    grid-column: 1;
    max-width: 40rem;
  }
}

@media (max-width: 899px) {
  /* Stacked, the words reach the bright columns, so they get a soft calm patch of their own. */
  .hero__copy {
    position: relative;
    isolation: isolate;
  }
  .hero__copy::before {
    content: '';
    position: absolute;
    inset: -16px -24px;
    z-index: -1;
    background: var(--ground);
    filter: blur(24px);
    opacity: 0.88;
    pointer-events: none;
  }
  .hero {
    padding-top: 88px;
    gap: 32px;
    grid-template-rows: auto auto;
    align-content: start;
  }
  .hero__foot {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero__word {
    margin-left: 12%;
  }
  .ask {
    justify-self: stretch;
    width: 100%;
  }
  [data-theme^='v2'] .hero {
    grid-template-rows: auto auto auto;
  }
  [data-theme^='v2'] .hero__title {
    grid-row: 1;
  }
  [data-theme^='v2'] .hero__l1,
  [data-theme^='v2'] .hero__word {
    display: block;
  }
  [data-theme^='v2'] .hero__word {
    width: max-content;
    margin-left: -0.12em;
  }
  [data-theme^='v2'] .hero__copy {
    grid-row: 2;
  }
  [data-theme^='v2'] .ask {
    grid-row: 3;
  }
}

/* ---------- Stuck: a wall of everything the app can do ---------- */
.stuck {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 112svh;
  padding: var(--sec) var(--g);
  overflow: clip;
  border-radius: var(--radius-card);
  background: var(--ground);
  box-shadow: inset 0 1px 0 var(--edge-light);
}
.wall {
  position: absolute;
  inset: -12% 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0 32px;
  padding: 0 var(--g);
  color: var(--text-2);
  font-size: clamp(0.8125rem, 1.15vw, 1.25rem);
  line-height: 2;
  white-space: nowrap;
  opacity: 0.5;
  -webkit-mask: linear-gradient(to bottom, transparent 8%, black 20%, black 64%, transparent 84%);
  mask: linear-gradient(to bottom, transparent 8%, black 20%, black 64%, transparent 84%);
}
.wall__col {
  overflow: hidden;
  will-change: transform;
}
.wall__col:nth-child(even) {
  margin-top: -24px;
}
.wall b {
  color: var(--ink-accent);
  font-weight: var(--weight-semibold);
}
.stuck__body {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 32px;
  justify-items: start;
  width: min(100%, 60rem);
}
.stuck__body::before {
  content: '';
  position: absolute;
  inset: -40px -72px -40px calc(var(--g) * -1.5);
  z-index: -1;
  background: var(--ground);
  filter: blur(28px);
}
@media (max-width: 767px) {
  .wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 16px;
  }
  .wall__col:nth-child(n + 4) {
    display: none;
  }
}
/* ---------- The scene ----------
   Finished composition first. Script adds .is-live and the stage starts to hold. */
.scene {
  position: relative;
  padding: var(--sec) var(--g) 0;
  background: var(--ground);
}
.scene__stage {
  display: grid;
  gap: 32px;
}
.scene__title {
  max-width: 14em;
}
.scene__beats {
  display: grid;
  gap: 8px;
  max-width: 40rem;
  counter-reset: b;
}
.beat {
  font-size: var(--lede);
  line-height: 1.4;
}
.beat kbd {
  display: inline-block;
  padding: 0 0.4em;
  border-radius: 8px;
  background: var(--fill-2);
  box-shadow: var(--shadow-key);
  font-size: 0.86em;
  font-weight: var(--weight-medium);
}
.scene__window {
  position: relative;
  width: 100%;
  aspect-ratio: 1416 / 876;
  overflow: hidden;
  border-radius: 16px;
  --s: tan(atan2(100vw - 2 * var(--g), 1416px));
}
.kf {
  position: absolute;
  left: 0;
  top: 0;
  width: 1416px;
  height: 876px;
  overflow: hidden;
  border-radius: 16px;
  background: var(--kf-ground);
  box-shadow: var(--kf-shadow-window);
  color: var(--kf-text);
  font-family: var(--font-ui);
  transform: scale(var(--s));
  transform-origin: 0 0;
}
.kf-abs {
  position: absolute;
}
.kf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: var(--kf-text);
  box-shadow: var(--kf-edge-bottom);
}
.kf-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
  color: var(--kf-text-2);
  white-space: nowrap;
}
.kf-row--on {
  background: var(--kf-selection);
  color: var(--kf-text);
  font-weight: 500;
}
.kf-i {
  width: 16px;
  height: 16px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kf-i--dim {
  color: var(--kf-text-3);
}
.kf-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--kf-text-2);
}
.kf-tool--on {
  background: var(--kf-control-on);
  color: var(--kf-text);
}
.kf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  border-radius: 6px;
  background: var(--kf-control);
  color: var(--kf-text-2);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.kf-btn--on {
  background: var(--kf-control-on);
  color: var(--kf-text);
}
.kf-sec {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: var(--kf-text);
}
.kf-prop {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 12px 0 32px;
  font-size: 12px;
  line-height: 16px;
  color: var(--kf-text-2);
  white-space: nowrap;
}
.kf-prop span:first-child {
  flex: 1;
}
.kf-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 72px;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--kf-control);
  color: var(--kf-text);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.kf-rule {
  height: 1px;
  background: var(--kf-line);
}
.kf-on {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background: var(--kf-control-on);
  color: var(--kf-text);
  opacity: 0;
}
.kf-on--was {
  opacity: 1;
}
.kf-cursor {
  position: absolute;
  left: 0;
  top: 0;
  fill: var(--cursor-fill);
  stroke: var(--cursor-edge);
  stroke-width: 1.2;
  stroke-linejoin: round;
  transform: translate(528px, 470px);
  overflow: visible;
}
.scene .caption-pill {
  font-family: var(--font-ui);
}
.scene__q,
.scene__a {
  max-width: min(100%, 45rem);
}
.scene__cap {
  display: none;
}
.scene__lock {
  position: absolute;
  left: 0;
  top: 0;
}

/* Finished composition: the Reticle sits on Ease Out, the answer under the window. */
.scene:not(.is-live) .scene__q {
  display: none;
}
.scene:not(.is-live) .scene__static-lock {
  position: absolute;
  left: calc(838px * var(--s));
  top: calc(558px * var(--s));
  width: calc(80px * var(--s));
  height: calc(28px * var(--s));
  --target-radius: 6px;
  --reticle-fill: transparent;
  --reticle-tick-offset: 6px;
  --reticle-tick-size: 10px;
}
.scene:not(.is-live) .kf-cursor {
  transform: translate(872px, 590px);
}
.scene:not(.is-live) .kf-on {
  opacity: 1;
}
.scene:not(.is-live) .kf-on--was {
  opacity: 0;
}
.scene__flood {
  display: none;
}

/* Phone, finished composition: a true-size crop around Ease Out, not a window shrunk to nothing. */
@media (max-width: 767px) {
  .scene:not(.is-live) .scene__window {
    aspect-ratio: 358 / 240;
  }
  .scene:not(.is-live) .kf {
    --cx: tan(atan2(100vw - 2 * var(--g), 358px));
    transform: translate(-560px, -500px);
  }
  .scene:not(.is-live) .scene__static-lock {
    left: 278px;
    top: 58px;
    width: 80px;
    height: 28px;
  }
}
.scene.is-live {
  height: 560svh;
  padding: 0;
  background: transparent;
}
.scene.is-live .scene__stage {
  position: sticky;
  top: 0;
  display: block;
  height: 100svh;
  overflow: hidden;
}
.scene.is-live .scene__window {
  position: absolute;
  inset: 0;
  width: auto;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 0;
}
.scene.is-live .kf {
  transform: none;
  will-change: transform;
}
.scene.is-live .scene__static-lock {
  display: none;
}
.scene.is-live .scene__title {
  position: absolute;
  left: var(--g);
  top: 12svh;
  z-index: 2;
}
.scene.is-live .scene__beats {
  position: absolute;
  left: var(--g);
  right: var(--g);
  top: 20px;
  z-index: 2;
  max-width: none;
  pointer-events: none;
}
.scene.is-live .beat {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  font-family: var(--font-display);
  font-stretch: var(--title-stretch);
  font-size: var(--h-md);
  line-height: 1.15;
  letter-spacing: var(--type-title-1-track);
}
.scene.is-live .beat kbd {
  font-family: var(--font-ui);
  font-size: 0.72em;
  vertical-align: 0.08em;
}
.scene.is-live .scene__cap {
  position: absolute;
  left: var(--g);
  right: var(--g);
  bottom: 32px;
  z-index: 3;
  display: grid;
  justify-items: center;
  pointer-events: none;
}
.scene.is-live .scene__cap > * {
  grid-area: 1 / 1;
  align-self: end;
  opacity: 0;
}
.scene.is-live .scene__ind {
  position: absolute;
  right: var(--g);
  top: 28px;
  z-index: 3;
  opacity: 0;
}
html:not(.has-gl) .scene.is-live .scene__flood {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
  background: var(--primary);
  opacity: 0;
}
.scene__ind {
  display: none;
}
.scene.is-live .scene__ind {
  display: inline-flex;
}
@media (max-width: 767px) {
  .scene.is-live .scene__ind {
    top: 92px;
  }
}
/* ---------- Never: one control, blown up ---------- */
.scene.is-live + .never {
  margin-top: -36svh;
}
.never {
  position: relative;
  min-height: 100svh;
  padding: 104px var(--g) 64px;
  overflow: hidden;
  background: var(--primary);
  color: var(--on-primary);
  --ink-primary: var(--on-primary);
  --focus-ring: var(--on-primary);
}
.has-gl .never {
  background: transparent;
}
.never__copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 24px;
  max-width: min(42vw, 44rem);
}
.never__lede {
  font-size: clamp(1.5rem, 2vw, 1.875rem);
  line-height: 1.32;
  font-weight: var(--weight-medium);
  max-width: 30em;
  text-wrap: pretty;
}
.nope {
  position: absolute;
  left: 50vw;
  right: var(--g);
  bottom: 8svh;
  font-size: clamp(1rem, min(2vw, 3.4svh), 2.5rem);
}
.nope__label {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 0.4em;
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-size: 1.5em;
  line-height: 1.1;
  letter-spacing: var(--type-title-1-track);
}
.nope__switch {
  position: relative;
  display: block;
  width: 100%;
  height: 11em;
  padding: 0.8em;
  border: 0;
  border-radius: 999px;
  background: var(--nope-track);
  cursor: grab;
  touch-action: pan-y;
}
.nope__switch:focus-visible {
  outline-offset: 8px;
  border-radius: 999px;
}
.nope__switch:active {
  cursor: grabbing;
}
.nope__knob {
  display: block;
  width: 9.4em;
  height: 9.4em;
  border-radius: 50%;
  background: var(--nope-knob);
  will-change: transform;
}
.nope__track {
  position: relative;
  display: block;
}
.nope__msg {
  position: absolute;
  left: 10.2em;
  top: 50%;
  color: var(--nope-knob);
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-size: 1.1em;
  line-height: 1.1;
  letter-spacing: var(--type-title-1-track);
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
}
@media (max-width: 899px) {
  .never__copy {
    max-width: none;
  }
  .nope {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 56px;
    font-size: calc((100vw - 2 * var(--g)) / 22.5);
  }
}
/* ---------- How sure ---------- */
.sure {
  position: relative;
  padding: var(--sec) var(--g);
  background: var(--ground);
}
.sure__pin {
  display: grid;
  gap: 48px;
}
.sure__head {
  display: grid;
  gap: 20px;
  max-width: 54rem;
}
.sure__tabs {
  display: none;
  gap: 4px;
  padding: 4px;
  width: max-content;
  border-radius: var(--radius-pill);
  background: var(--fill-1);
  box-shadow: var(--shadow-hairline-inset);
}
.sure__tab {
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  font-size: 0.9375rem;
  font-weight: var(--weight-semibold);
  cursor: pointer;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform var(--press) var(--ease-out);
}
.sure__tab[aria-pressed='true'] {
  background: var(--primary);
  color: var(--on-primary);
}
.sure__tab:active,
.seg__opt:active span,
.ask__key:active {
  transform: scale(var(--press-scale));
}
@media (hover: hover) and (pointer: fine) {
  .sure__tab[aria-pressed='false']:hover {
    background: var(--fill-2);
  }
}
.sure__stage {
  display: grid;
  gap: 64px;
}
.state {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 32px 64px;
  align-items: center;
}
.state__text {
  display: grid;
  gap: 12px;
}
.state__q {
  color: var(--text-2);
  font-size: 1rem;
}
.state__text p:last-child {
  font-size: var(--lede);
  line-height: 1.45;
  max-width: 26em;
  text-wrap: pretty;
}
.frag {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 24rem;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--kf-ground);
  box-shadow: var(--shadow-hairline);
  color: var(--kf-text);
}
.frag svg.frag__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.frag__bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px;
  box-shadow: var(--kf-edge-bottom);
  font-size: 13px;
  color: var(--kf-text-3);
}
.frag__bar .kf-btn {
  padding: 0 14px;
  height: 32px;
  font-size: 13px;
  position: relative;
}
.frag__rule {
  display: flex;
  height: 28px;
  padding-left: 132px;
  box-shadow: var(--kf-edge-bottom);
  font-size: 12px;
  line-height: 28px;
  color: var(--kf-text-3);
}
.frag__rule span {
  flex: 1;
}
.frag__rows {
  flex: 1;
  display: grid;
  align-content: start;
}
.frag__row {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  font-size: 13px;
  color: var(--kf-text-2);
}
.frag__row--on {
  background: var(--kf-selection);
  color: var(--kf-text);
}
.frag__row i {
  position: absolute;
  left: 132px;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.frag__row b {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: var(--kf-mark);
  transform: rotate(45deg);
}
.frag__row b[data-on] {
  background: var(--kf-mark-on);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.frag__row s {
  position: absolute;
  top: 50%;
  height: 1px;
  background: var(--kf-bar-on);
}
.frag__row u {
  position: absolute;
  top: 50%;
  height: 12px;
  margin-top: -6px;
  border-radius: 3px;
  background: var(--kf-bar-on);
}
.frag__bigword {
  position: absolute;
  left: 50%;
  top: 38%;
  font-size: clamp(2rem, 4.4vw, 4.5rem);
  font-weight: 300;
  letter-spacing: 0.26em;
  color: var(--kf-art-title);
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
.frag .caption-pill {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: max-content;
  max-width: calc(100% - 32px);
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 12px 20px;
  transform: translateX(-50%);
}
.frag__lock {
  position: absolute;
  --target-radius: 6px;
  --reticle-fill: transparent;
  inset: 0;
}
.frag__region {
  position: absolute;
  left: 44%;
  top: 26%;
  width: 22%;
  height: 30%;
  --target-radius: 16px;
}
.frag__region .reticle__label {
  font-size: 0.8125rem;
}
.state.is-on .frag__lock .reticle__ring {
  animation: site-reticle-flight var(--dur-flight) var(--ease-spring-flight) both;
  --flight-x: -160px;
  --flight-y: 96px;
}
.state.is-on .frag__lock .reticle__tick {
  animation: site-tick-lock var(--dur-small) var(--ease-spring-small) 300ms both;
}
.state.is-on .frag__region {
  animation: site-fade var(--dur-flight) var(--ease-out) both;
}
.sure__note {
  margin-top: 56px;
  max-width: 42rem;
}
.sure.is-live {
  height: 320svh;
  padding: 0;
}
.sure.is-live .sure__pin {
  position: sticky;
  top: 0;
  height: 100svh;
  padding: 88px var(--g) 32px;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 20px 64px;
}
.sure.is-live .sure__head {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
}
.sure.is-live .sure__tabs {
  grid-column: 1;
  grid-row: 2;
  display: flex;
}
.sure.is-live .sure__stage {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  position: relative;
  min-height: 0;
  display: block;
}
.sure.is-live .state {
  position: absolute;
  inset: 0;
  align-items: stretch;
  opacity: 0;
  visibility: hidden;
  transition: opacity 240ms ease;
  pointer-events: none;
}
.sure.is-live .state.is-on {
  opacity: 1;
  visibility: visible;
}
.sure.is-live .state__text {
  align-self: end;
  padding-bottom: 72px;
}
.sure.is-live .frag {
  height: 100%;
  min-height: 0;
}
.sure.is-live .sure__note {
  grid-column: 1;
  grid-row: 4;
  margin: 0;
  position: relative;
}
.sure.is-live .sure__head,
.sure.is-live .sure__tabs {
  position: relative;
  z-index: 1;
}

@media (max-width: 899px) {
  .state {
    grid-template-columns: minmax(0, 1fr);
  }
  .frag {
    min-height: 20rem;
  }
  .frag__bar .kf-btn {
    padding: 0 8px;
  }
  .frag__bar > span:first-child {
    display: none;
  }
}

/* ---------- Session Notes ---------- */
.notes {
  position: relative;
  z-index: 2;
  padding: var(--sec) var(--g) 0;
  background: var(--calm);
}
.notes__head {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 32px 64px;
  align-items: end;
  margin-bottom: 56px;
}
.notes__win {
  position: relative;
  display: grid;
  grid-template-columns: 17rem minmax(0, 1fr);
  margin-bottom: -96px;
}
.notes__side {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 24px 16px;
}
.notes__side h3 {
  padding: 0 8px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: var(--font-title);
  font-weight: var(--weight-title);
  font-stretch: var(--title-stretch);
}
.notes__sess {
  display: block;
  padding: 8px;
  border-radius: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.notes__sess[data-on] {
  background: var(--fill-3);
}
.notes__sess b {
  display: block;
  font-weight: var(--weight-medium);
}
.notes__sess span {
  color: var(--text-2);
  font-size: 0.8125rem;
}
.notes__foot {
  padding: 8px;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--text-2);
}
.notes__sheet {
  min-width: 0;
  padding: 20px 32px 32px;
}
.notes__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
}
.notes__meta {
  font-size: 0.8125rem;
  color: var(--text-2);
}
.notes__title {
  margin-top: 12px;
  max-width: 16em;
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-weight: var(--weight-display);
  font-size: clamp(2.25rem, 3.6vw, 3.5rem);
  line-height: 1.08;
  letter-spacing: -0.024em;
}
.notes__title em {
  font-style: var(--hero-em-style);
}
.notes__deck {
  margin-top: 8px;
  max-width: 34em;
  color: var(--text-2);
}
.steps {
  margin-top: 24px;
  display: grid;
  gap: 16px;
  max-width: 42rem;
}
.step {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  column-gap: 12px;
  align-items: start;
}
.step__n {
  position: relative;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0.125rem 0 0 0.375rem;
  font-weight: var(--weight-semibold);
}
.step__n .reticle {
  inset: 0;
  --target-radius: 4px;
  --reticle-outset: 2px;
  --reticle-tick-offset: 5px;
  --reticle-tick-size: 8px;
  --reticle-fill: transparent;
}
.step__n .reticle__ring {
  border-color: var(--ink-primary);
  box-shadow: none;
}
.step__n .reticle__tick {
  border-color: var(--ink-primary);
  filter: none;
}
.step__n .reticle[data-state='approximate'] {
  inset: -4px;
}
.step__n .reticle[data-state='approximate'] .reticle__ring {
  box-shadow: none;
}
.step__t {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.step__t b {
  font-weight: var(--weight-semibold);
}
.step__d {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-2);
}
.step__tag {
  display: inline-block;
  margin-left: 8px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  background: var(--accent-fill);
  color: var(--on-accent);
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}
.chev {
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  fill: none;
  stroke: var(--text-3);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
[data-theme^='v2'] .notes__title {
  letter-spacing: -0.035em;
}
@media (max-width: 899px) {
  .notes__head {
    grid-template-columns: minmax(0, 1fr);
  }
  .notes__win {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: -64px;
  }
  .notes__side {
    display: none;
  }
  .notes__sheet {
    padding: 12px 16px 24px;
  }
}
/* ---------- Privacy: the mode flips, a hard cut to the other ground ---------- */
.privacy {
  position: relative;
  padding: calc(var(--sec) + 96px) var(--g) var(--sec);
  background: var(--ground);
  color: var(--text);
}
.privacy__head {
  display: grid;
  gap: 20px;
}
.ledger {
  width: 100%;
  margin-top: 56px;
  border-collapse: collapse;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.ledger th {
  padding: 0 24px 12px 0;
  text-align: left;
  font-size: 0.875rem;
  font-weight: var(--weight-medium);
  color: var(--text-2);
}
.ledger tbody th {
  padding: 20px 24px 20px 0;
  font-family: var(--font-title);
  font-stretch: var(--title-stretch);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.2;
  font-weight: var(--weight-title);
  color: var(--text);
  vertical-align: top;
}
.ledger td {
  padding: 20px 24px 20px 0;
  vertical-align: top;
}
.ledger tbody tr {
  box-shadow: var(--shadow-divider);
}
.caveat {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 46rem;
  margin-top: 40px;
  padding: 16px 20px;
  border-radius: var(--radius-inner);
  font-size: var(--lede);
  line-height: 1.4;
  font-weight: var(--weight-medium);
}
.privacy__rest {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 64px;
  margin-top: 72px;
}
.privacy__rest dt {
  font-weight: var(--weight-semibold);
  font-size: 1.125rem;
}
.privacy__rest dd {
  margin-top: 4px;
  color: var(--text-2);
  max-width: 32em;
  text-wrap: pretty;
}
.privacy__more {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .ledger thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .ledger,
  .ledger tbody,
  .ledger tr,
  .ledger th,
  .ledger td {
    display: block;
  }
  .ledger tbody tr {
    padding: 20px 0;
  }
  .ledger tbody th {
    padding: 0 0 8px;
  }
  .ledger td {
    padding: 0 0 4px;
  }
  .privacy__rest {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ---------- Pricing ---------- */
.price {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: 48px 64px;
  min-height: 100svh;
  padding: var(--sec) var(--g);
  align-items: center;
  background: linear-gradient(to bottom, var(--calm), var(--calm) calc(100% - 320px), transparent);
}
.price__side {
  display: grid;
  gap: 20px;
  align-self: start;
  justify-items: start;
}
.price__side h2 {
  max-width: 7.5em;
}
.price__fig {
  position: relative;
  display: grid;
  justify-items: start;
}
.price__num {
  display: flex;
  align-items: flex-start;
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-weight: var(--weight-display);
  font-size: clamp(9rem, min(25vw, 50svh), 30rem);
  line-height: 0.86;
  letter-spacing: -0.04em;
}
[data-theme^='v2'] .price__num {
  font-size: clamp(8rem, min(20vw, 44svh), 26rem);
}
.price__num--wide {
  font-size: clamp(7rem, min(21vw, 46svh), 26rem);
}
[data-theme^='v2'] .price__num--wide {
  font-size: clamp(6.5rem, min(18vw, 40svh), 22rem);
}
.price__cur {
  font-size: 0.42em;
  line-height: 1;
  margin: 0.16em 0.06em 0 0;
}
.price__tax {
  align-self: flex-end;
  margin: 0 0 0.14em 0.3em;
  font-family: var(--font-ui);
  font-size: clamp(1.125rem, 1.6vw, 1.5rem);
  line-height: 1.2;
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
  white-space: nowrap;
}
.price__lines {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin-top: 24px;
  font-size: clamp(1.125rem, 1.8vw, 1.75rem);
  line-height: 1.3;
  font-weight: var(--weight-medium);
}
.price__lines li {
  position: relative;
}
.price__renewal {
  position: relative;
  display: inline-block;
  padding: 0 0.3em;
  margin: 0 -0.3em;
}
.price__renewal .reticle--static {
  inset: -2px;
}
.price__fine {
  margin-top: 16px;
  font-size: var(--lede);
  line-height: 1.4;
}
.price__free {
  margin-top: 24px;
  color: var(--text-2);
}
.pass {
  position: absolute;
  right: 0;
  top: -2%;
  width: 22rem;
}
.pass__panel {
  display: grid;
  gap: 16px;
  padding: 20px;
}
.pass__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pass__title {
  font-family: var(--font-title);
  font-stretch: var(--title-stretch);
  font-weight: var(--weight-title);
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.pass__read {
  display: grid;
  gap: 4px;
}
.pass__figs {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.pass__fig {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: var(--weight-semibold);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.pass__of {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-2);
}
.pass__gauge {
  position: relative;
  display: block;
}
.pass__gauge .pinpoint {
  position: absolute;
  top: -2px;
  left: var(--ruler-value);
  margin-left: -6px;
}
@media (max-width: 899px) {
  .price {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .price__num {
    font-size: 34vw;
  }
  .pass {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin-top: 32px;
  }
}
/* ---------- The last lock ---------- */
.last {
  position: relative;
  isolation: isolate;
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 32px;
  min-height: 100svh;
  padding: 15svh var(--g) 28svh;
  text-align: center;
}
/* The pool stops above the coral: a dark wash over coral goes brown. */
.last::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 35%;
  z-index: -1;
  width: min(130%, 88rem);
  height: 68%;
  background: radial-gradient(
    closest-side,
    var(--ground) 40%,
    color-mix(in srgb, var(--ground) 72%, transparent) 66%,
    transparent 100%
  );
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.last h2 {
  max-width: 9em;
  font-size: clamp(3rem, 8.4vw, 10rem);
  line-height: 1;
}
.last__btn {
  position: relative;
}
.last__btn .btn {
  min-height: 72px;
  padding: 20px 40px;
  font-size: 1.25rem;
}
.last__note {
  font-size: 1rem;
}
/* ---------- Footer: a board of tiles, the name at full width ---------- */
.foot {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  background: var(--ground);
}
.tile {
  padding: 24px;
  border-radius: var(--radius-card);
  background: var(--surface-1);
  min-width: 0;
}
.tile--about {
  grid-column: span 4;
  display: grid;
  align-content: space-between;
  gap: 32px;
}
.tile--links {
  grid-column: span 3;
}
.tile--theme {
  grid-column: span 5;
}
.tile--name {
  grid-column: span 12;
  padding: 16px 24px 8px;
  overflow: hidden;
}
.tile h2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--weight-medium);
  color: var(--text-2);
}
.tile__big {
  font-size: 1.375rem;
  line-height: 1.3;
  font-weight: var(--weight-medium);
  max-width: 22em;
  text-wrap: balance;
}
.tile__legal {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--text-2);
}
.tile__legal + .tile__legal {
  margin-top: 4px;
}
.foot__links {
  display: grid;
  gap: 0;
  margin-top: 8px;
}
.foot__links a {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 1.0625rem;
  font-weight: var(--weight-medium);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .foot__links a:hover {
    text-decoration: underline;
  }
}
.foot__name {
  display: block;
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-style: var(--hero-em-style);
  font-weight: var(--weight-display);
  font-size: min(clamp(5rem, 24vw, 30rem), calc(176vw / var(--name-len, 6)));
  line-height: 0.96;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
[data-theme^='v2'] .foot__name {
  font-size: min(clamp(5rem, 22vw, 28rem), calc(164vw / var(--name-len, 6)));
  letter-spacing: -0.055em;
  font-weight: var(--weight-title);
}

@media (max-width: 899px) {
  .foot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
  }
  .tile {
    padding: 20px;
  }
  .tile--about,
  .tile--theme,
  .tile--name {
    grid-column: span 2;
  }
  .tile--links {
    grid-column: span 2;
  }
  .tile--name {
    order: -1;
    padding: 8px 16px 0;
  }
}

.seg {
  display: grid;
  gap: 8px;
}
.seg + .seg {
  margin-top: 16px;
}
.seg legend {
  padding: 0;
  margin-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--weight-medium);
  color: var(--text-2);
}
.seg__row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 4px;
  border-radius: var(--radius-inner);
  background: var(--fill-1);
}
.seg__opt {
  position: relative;
}
.seg__opt input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.seg__opt span {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 0.9375rem;
  font-weight: var(--weight-semibold);
  transition:
    background-color 180ms ease,
    color 180ms ease;
}
.seg__opt input:checked + span {
  background: var(--primary);
  color: var(--on-primary);
}
.seg__opt input:focus-visible + span {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
  .seg__opt input:not(:checked):hover + span {
    background: var(--fill-2);
  }
}
/* ---------- Inner pages ---------- */
.band {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-content: end;
  align-items: end;
  gap: 20px 64px;
  min-height: 58svh;
  padding: 136px var(--g) 64px;
}
.band > * {
  grid-column: 1;
}
.band > .band__frag {
  grid-column: 2;
  grid-row: 1 / span 4;
  justify-self: end;
  align-self: end;
  width: min(100%, 26rem);
}
.band h1 {
  max-width: 13em;
}
.band--tall {
  min-height: 76svh;
}
.pagesheet {
  position: relative;
  padding: 80px var(--g) var(--sec);
  background: var(--ground);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  box-shadow: inset 0 1px 0 var(--edge-light);
}
.pagesheet__cols {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: 48px 64px;
}
.pagesheet__cols + .pagesheet__cols {
  margin-top: 96px;
}
.pagesheet__cols > :first-child {
  align-self: start;
}
.plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.plan {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 32px;
  border-radius: var(--radius-card);
  background: var(--surface-1);
}
.plan__price {
  font-family: var(--font-display);
  font-stretch: var(--display-stretch);
  font-weight: var(--weight-display);
  font-size: clamp(3.5rem, 7vw, 6.5rem);
  line-height: 1;
  letter-spacing: -0.03em;
}
.plan__price small {
  font-family: var(--font-ui);
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: var(--weight-medium);
}
.plan ul {
  display: grid;
  gap: 6px;
}
.plan--pass {
  padding: 8px;
  background: var(--frame-fill);
  box-shadow: var(--shadow-frame);
  -webkit-backdrop-filter: var(--frame-blur);
  backdrop-filter: var(--frame-blur);
}
.plan--pass > .glass-frame__panel {
  display: grid;
  align-content: start;
  gap: 12px;
  height: 100%;
  padding: 24px;
}
.plan__ruler {
  margin-top: 12px;
}
.perm {
  display: grid;
  gap: 4px;
  padding: 16px;
}
.perm__t {
  font-family: var(--font-title);
  font-stretch: var(--title-stretch);
  font-weight: var(--weight-title);
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 8px;
}
.perm__r {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 8px 0;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.perm__r svg {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  fill: none;
  stroke: var(--ink-primary);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.perm__r b {
  display: block;
  font-weight: var(--weight-semibold);
}
.perm__r span {
  color: var(--text-2);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.facts {
  display: grid;
  gap: 28px;
  max-width: 44rem;
}
.facts dt {
  font-weight: var(--weight-semibold);
  font-size: 1.125rem;
}
.facts dd {
  margin-top: 4px;
  color: var(--text-2);
}
.path {
  display: grid;
  gap: 28px;
  max-width: 44rem;
  counter-reset: p;
}
.path li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 12px;
  counter-increment: p;
}
.path li::before {
  content: counter(p);
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-top: 2px;
  border-radius: 10px;
  background: var(--fill-2);
  font-weight: var(--weight-semibold);
}
.path b {
  display: block;
  font-size: 1.125rem;
  font-weight: var(--weight-semibold);
}
.path span {
  color: var(--text-2);
}
.notice {
  max-width: 40rem;
}
.status {
  max-width: 40rem;
}
@media (max-width: 899px) {
  .band {
    grid-template-columns: minmax(0, 1fr);
  }
  .band > .band__frag {
    grid-column: 1;
    grid-row: auto;
    justify-self: stretch;
    width: 100%;
  }
  .pagesheet__cols,
  .plans {
    grid-template-columns: minmax(0, 1fr);
  }
  .pagesheet {
    padding-top: 56px;
  }
  .plan {
    padding: 24px;
  }
}
/* Legal pages read first. The draft line is the first thing on the page. */
.legal {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  gap: 32px 64px;
  padding: 120px var(--g) var(--sec);
  background: var(--ground);
}
.draft {
  grid-column: 1 / -1;
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: 12px 0 8px;
  padding: 12px 20px;
  font-size: 1.125rem;
  font-weight: var(--weight-semibold);
}
.draft .reticle {
  inset: 0;
}
.legal__title {
  grid-column: 1 / -1;
  max-width: 14em;
}
.legal__toc {
  position: sticky;
  top: 96px;
  align-self: start;
  display: grid;
  gap: 0;
  font-size: 0.9375rem;
}
.legal__toc a {
  display: flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  color: var(--text-2);
}
@media (hover: hover) and (pointer: fine) {
  .legal__toc a:hover {
    color: var(--text);
  }
}
.legal__body {
  max-width: 42rem;
  display: grid;
  gap: 16px;
}
/* A long placeholder wraps, or it sets the width of the whole column and cuts every line. */
.legal__body .ph {
  white-space: normal;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.legal__body h2 {
  margin-top: 32px;
  scroll-margin-top: 96px;
  font-family: var(--font-title);
  font-stretch: var(--title-stretch);
  font-weight: var(--weight-title);
  font-size: var(--type-title-1);
  line-height: var(--type-title-1-line);
  letter-spacing: var(--type-title-1-track);
}
.legal__body h2:first-child {
  margin-top: 0;
}
.legal__body ul {
  display: grid;
  gap: 8px;
  padding-left: 1.25rem;
  list-style: disc;
}
.legal__body ul ::marker {
  color: var(--text-3);
}
.legal__body li {
  padding-left: 4px;
}
.legal table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.legal th,
.legal td {
  padding: 12px 16px 12px 0;
  text-align: left;
  vertical-align: top;
  box-shadow: var(--shadow-divider);
}
.legal thead th {
  box-shadow: none;
  font-weight: var(--weight-medium);
  color: var(--text-2);
}
.legal tbody th {
  font-weight: var(--weight-semibold);
}
.legal__scroll {
  overflow-x: auto;
}
@media (max-width: 899px) {
  .legal {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 96px;
  }
  .legal__toc {
    position: static;
  }
}
/* The 404 is served at whatever address was wrong, so it stands alone on the still field. */
.notfound {
  position: relative;
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 32px;
  min-height: 78svh;
  padding: 120px var(--g) var(--sec);
  background: var(--ground);
}
.notfound__icon {
  box-sizing: content-box;
  padding: 20px;
  border-radius: var(--radius-card);
  background: var(--surface-2);
  box-shadow: var(--shadow-hairline-inset);
  color: var(--ink-primary);
}
.notfound__line {
  max-width: 16em;
  text-wrap: balance;
}
@keyframes notfound-settle {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.92);
  }
}
/* The waitlist on the Download page. Inputs are 48 px tall, and 16 px type so no phone zooms in. */
.waitlist {
  scroll-margin-top: 96px;
}
.waitlist__lede {
  max-width: 36em;
  color: var(--text-2);
}
.waitlist__form {
  display: grid;
  gap: 8px;
  max-width: 36rem;
  margin-top: 20px;
}
.waitlist__label {
  font-size: 1.125rem;
  font-weight: var(--weight-semibold);
}
.waitlist__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.waitlist__input {
  flex: 1 1 16rem;
  box-sizing: border-box;
  min-width: 0;
  min-height: 48px;
  padding: 8px 16px;
  border: 0;
  border-radius: var(--radius-inner);
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--hairline-strong);
  color: var(--text);
  font: inherit;
  font-size: 1rem;
}
.waitlist__input[aria-invalid='true'] {
  box-shadow: inset 0 0 0 2px var(--ink-accent);
}
.waitlist__message {
  color: var(--ink-accent);
  font-weight: var(--weight-medium);
}
.waitlist__done,
.waitlist__fallback {
  max-width: 36rem;
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: var(--radius-inner);
  background: var(--notice-fill);
  box-shadow: inset 0 0 0 1px var(--notice-edge);
}
.btn:disabled {
  opacity: 0.6;
  cursor: progress;
}
/* ---------- Respect the system ---------- */
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
  .hero__lock .reticle__ring,
  .hero__lock .reticle__tick {
    animation: none;
  }
  .top,
  .top__bar::before {
    transition: none;
  }
  .ask__cap {
    transition:
      background-color 180ms ease,
      color 180ms ease;
  }
  .ask__key[aria-pressed='true'] .ask__cap {
    transform: none;
  }
  .nope__knob {
    will-change: auto;
  }
  .wall__col {
    will-change: auto;
  }
  .state.is-on .frag__lock .reticle__ring,
  .state.is-on .frag__lock .reticle__tick {
    animation: site-fade var(--dur-small) var(--ease-out) both;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .top__bar::before {
    background: var(--ground);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  [data-theme^='v2'] .top__nav {
    background: var(--ground);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-contrast: more) {
  .wall {
    opacity: 0.2;
  }
  .has-gl .field canvas {
    opacity: 0.2;
  }
  .top__bar::before {
    background: var(--ground);
  }
}

/* The token package resolves these, so they would miss its Increase Contrast values. Worked out
   again with the same formulas, so hairlines and edges follow. */
@media (prefers-contrast: more) {
  [data-theme] {
    --shadow-hairline: 0 0 0 1px var(--hairline);
    --shadow-hairline-inset: inset 0 0 0 1px var(--hairline);
    --shadow-divider: inset 0 1px 0 var(--hairline);
    --shadow-hairline-strong-inset: inset 0 0 0 1px var(--hairline-strong);
    --shadow-card: 0 0 0 1px var(--hairline), 0 1px 2px var(--shadow-1), 0 8px 24px var(--shadow-1);
    --shadow-raised:
      0 0 0 1px var(--hairline), 0 2px 4px var(--shadow-1), 0 12px 32px var(--shadow-2);
    --shadow-glass:
      inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 var(--edge-light), var(--shadow-float);
    --shadow-frame:
      inset 0 0 0 1px var(--frame-edge), inset 0 1px 0 var(--edge-light),
      0 4px 12px var(--shadow-1), 0 24px 56px var(--shadow-1);
    --shadow-key: inset 0 0 0 1px var(--hairline), inset 0 -2px 0 var(--hairline-strong);
  }

  [data-theme='v1-dark'] {
    --shadow-frame:
      inset 0 0 0 1px var(--frame-edge), inset 0 1px 0 var(--edge-light),
      0 4px 12px color-mix(in srgb, var(--ground) 20%, transparent),
      0 16px 40px color-mix(in srgb, var(--ground) 24%, transparent);
  }

  [data-theme$='light'] {
    --kf-line: var(--hairline);
    --kf-text-2: var(--text-2);
    --kf-text-3: var(--text-3);
    --kf-mark: var(--text-3);
    --kf-art: var(--hairline-strong);
    --kf-art-title: var(--text-2);
  }
}
/*$vite$:1*/