/* Buena Design System — generated from fuego.buena.org. Link this file; do not edit or fork. */
:root{--bds-bg-low:#0f1115;--bds-bg-med:#1c2027;--bds-bg-high:#30333a;--bds-text-primary:#ffffff;--bds-text-second:#e1ded7;--bds-text-third:#62635f;--bds-border-primary:#e1ded7;--bds-border-second:#b1b0a8;--bds-border-third:#66635d;--bds-focus-ring:#ffffff;--bds-accent:#ef7b2c;--bds-green:#c6d39a;--bds-magenta:#d75ba1;--bds-red:#de594f;--bds-yellow:#fbe587;--bds-blue:#6493b0;--bds-orange:#ed9356;--bds-white:#0F1116;--bds-success:#a7be5a;--bds-warning:#fde25e;--bds-error:#de594f;--bds-info:#6493b0;--bds-icon:#ece8dc;--bds-transparent:transparent;--bds-inverse:#f7f7f5;--bds-overlay:#00000099;--bds-neon-pink:#FF2D9B;--bds-neon-pink-subtle:#2A0A1E;--bds-frosted-surface:#FFFFFF0D;--bds-button-bg-primary:#ffffff;--bds-button-bg-second:#15181c;--bds-button-bg-third:transparent;--bds-new-0w6b:new-0w6b;--bds-new-xjqd:#16181D;--bds-new-e7rk:#f7f7f5;--bds-card-overlay-deep:#0d1b3e;--bds-card-navy:#0d1b3e;--bds-radius-none:0px;--bds-radius-xs:2px;--bds-radius-sm:4px;--bds-radius-md:6px;--bds-radius-lg:8px;--bds-radius-xl:12px;--bds-radius-2xl:16px;--bds-radius-full:9999px;--bds-radius-card-xl:20px;--bds-space-xs:6px;--bds-space-sm:8px;--bds-space-md:12px;--bds-space-lg:16px;--bds-space-xl:24px;--bds-space-2xl:32px;--bds-space-3xl:48px;--bds-space-4xl:64px;--bds-space-space-xw8o:4px;--bds-space-space-e5hp:2px;--bds-space-space-3onx:20px;--bds-border-width-thin:0.7px;--bds-border-width-base:1.5px;--bds-border-width-thick:2px;--bds-border-width-border-width-193q:1px;--bds-control-xs:16px;--bds-control-sm:20px;--bds-control-md:28px;--bds-control-lg:40px;--bds-control-xl:48px;--bds-shadow-none:none;--bds-shadow-subtle:0px 1px 2px 0px rgba(0, 0, 0, 0.4);--bds-shadow-down:0px 4px 12px 0px rgba(0,0,0,0.40);--bds-shadow-lift:0 10px 28px rgba(0,0,0,0.45);--bds-shadow-overlay:0px 16px 40px 0px rgba(0, 0, 0, 1);--bds-shadow-extrude:0px 6px 0px 0px color-mix(in srgb, var(--bds-accent) 45%, transparent);--bds-shadow-neon-glow-pink:0px 1px 16px -7px color-mix(in srgb, var(--bds-border-primary) 75%, transparent);--bds-shadow-neon-text-glow:0px 2px 15px -7px color-mix(in srgb, var(--bds-accent) 100%, transparent), 0px 0px 38px -5px color-mix(in srgb, var(--bds-green) 100%, transparent);--bds-shadow-glow:0px 0px 21px -6px color-mix(in srgb, var(--bds-green) 100%, transparent);--bds-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-font-sans:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-cyber-hero-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-cyber-hero-size:72px;--bds-text-cyber-hero-weight:900;--bds-text-cyber-hero-line:78px;--bds-text-cyber-hero-tracking:-2px;--bds-text-cyber-hero-word:normal;--bds-text-cyber-hero-transform:none;--bds-text-cyber-hero-style:normal;--bds-text-cyber-hero-decoration:none;--bds-text-cyber-hero-para:0;--bds-text-cyber-hero-list-indent:24px;--bds-text-cyber-hero-marker-gap:8px;--bds-text-cyber-hero:900 72px/78px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-xl-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-xl-size:36px;--bds-text-xl-weight:600;--bds-text-xl-line:40px;--bds-text-xl-tracking:-0.4px;--bds-text-xl-word:normal;--bds-text-xl-transform:none;--bds-text-xl-style:normal;--bds-text-xl-decoration:none;--bds-text-xl-para:0;--bds-text-xl-list-indent:24px;--bds-text-xl-marker-gap:8px;--bds-text-xl:600 36px/40px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-style-2x5i-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-style-2x5i-size:36px;--bds-text-style-2x5i-weight:500;--bds-text-style-2x5i-line:40px;--bds-text-style-2x5i-tracking:-0.4px;--bds-text-style-2x5i-word:normal;--bds-text-style-2x5i-transform:none;--bds-text-style-2x5i-style:normal;--bds-text-style-2x5i-decoration:none;--bds-text-style-2x5i-para:0;--bds-text-style-2x5i-list-indent:24px;--bds-text-style-2x5i-marker-gap:8px;--bds-text-style-2x5i:500 36px/40px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-black-size:28px;--bds-text-lg-black-weight:800;--bds-text-lg-black-line:32px;--bds-text-lg-black-tracking:-0.3px;--bds-text-lg-black-word:normal;--bds-text-lg-black-transform:none;--bds-text-lg-black-style:normal;--bds-text-lg-black-decoration:none;--bds-text-lg-black-para:0;--bds-text-lg-black-list-indent:24px;--bds-text-lg-black-marker-gap:8px;--bds-text-lg-black:800 28px/32px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-size:28px;--bds-text-lg-weight:500;--bds-text-lg-line:32px;--bds-text-lg-tracking:-0.3px;--bds-text-lg-word:normal;--bds-text-lg-transform:none;--bds-text-lg-style:normal;--bds-text-lg-decoration:none;--bds-text-lg-para:0;--bds-text-lg-list-indent:24px;--bds-text-lg-marker-gap:8px;--bds-text-lg:500 28px/32px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-black-size:22px;--bds-text-md-black-weight:800;--bds-text-md-black-line:28px;--bds-text-md-black-tracking:-0.2px;--bds-text-md-black-word:normal;--bds-text-md-black-transform:none;--bds-text-md-black-style:normal;--bds-text-md-black-decoration:none;--bds-text-md-black-para:0;--bds-text-md-black-list-indent:24px;--bds-text-md-black-marker-gap:8px;--bds-text-md-black:800 22px/28px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-size:22px;--bds-text-md-weight:500;--bds-text-md-line:28px;--bds-text-md-tracking:-0.2px;--bds-text-md-word:normal;--bds-text-md-transform:none;--bds-text-md-style:normal;--bds-text-md-decoration:none;--bds-text-md-para:0;--bds-text-md-list-indent:24px;--bds-text-md-marker-gap:8px;--bds-text-md:500 22px/28px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-sm-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-sm-size:20px;--bds-text-sm-weight:500;--bds-text-sm-line:24px;--bds-text-sm-tracking:-0.1px;--bds-text-sm-word:normal;--bds-text-sm-transform:none;--bds-text-sm-style:normal;--bds-text-sm-decoration:none;--bds-text-sm-para:0;--bds-text-sm-list-indent:24px;--bds-text-sm-marker-gap:8px;--bds-text-sm:500 20px/24px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-bold-size:17px;--bds-text-subhead-bold-weight:700;--bds-text-subhead-bold-line:22px;--bds-text-subhead-bold-tracking:0px;--bds-text-subhead-bold-word:normal;--bds-text-subhead-bold-transform:none;--bds-text-subhead-bold-style:normal;--bds-text-subhead-bold-decoration:none;--bds-text-subhead-bold-para:0;--bds-text-subhead-bold-list-indent:24px;--bds-text-subhead-bold-marker-gap:8px;--bds-text-subhead-bold:700 17px/22px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-size:17px;--bds-text-subhead-weight:400;--bds-text-subhead-line:22px;--bds-text-subhead-tracking:0px;--bds-text-subhead-word:normal;--bds-text-subhead-transform:none;--bds-text-subhead-style:normal;--bds-text-subhead-decoration:none;--bds-text-subhead-para:0;--bds-text-subhead-list-indent:24px;--bds-text-subhead-marker-gap:8px;--bds-text-subhead:400 17px/22px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-black-size:15px;--bds-text-body-black-weight:800;--bds-text-body-black-line:20px;--bds-text-body-black-tracking:0px;--bds-text-body-black-word:normal;--bds-text-body-black-transform:none;--bds-text-body-black-style:normal;--bds-text-body-black-decoration:none;--bds-text-body-black-para:0;--bds-text-body-black-list-indent:24px;--bds-text-body-black-marker-gap:8px;--bds-text-body-black:800 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-bold-size:15px;--bds-text-body-bold-weight:700;--bds-text-body-bold-line:20px;--bds-text-body-bold-tracking:0px;--bds-text-body-bold-word:normal;--bds-text-body-bold-transform:none;--bds-text-body-bold-style:normal;--bds-text-body-bold-decoration:none;--bds-text-body-bold-para:0;--bds-text-body-bold-list-indent:24px;--bds-text-body-bold-marker-gap:8px;--bds-text-body-bold:700 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-semibold-size:15px;--bds-text-body-semibold-weight:500;--bds-text-body-semibold-line:20px;--bds-text-body-semibold-tracking:0px;--bds-text-body-semibold-word:normal;--bds-text-body-semibold-transform:none;--bds-text-body-semibold-style:normal;--bds-text-body-semibold-decoration:none;--bds-text-body-semibold-para:0;--bds-text-body-semibold-list-indent:24px;--bds-text-body-semibold-marker-gap:8px;--bds-text-body-semibold:500 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-size:15px;--bds-text-body-weight:400;--bds-text-body-line:20px;--bds-text-body-tracking:0px;--bds-text-body-word:normal;--bds-text-body-transform:none;--bds-text-body-style:normal;--bds-text-body-decoration:none;--bds-text-body-para:0;--bds-text-body-list-indent:24px;--bds-text-body-marker-gap:8px;--bds-text-body:400 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-black-size:13px;--bds-text-body-sm-black-weight:800;--bds-text-body-sm-black-line:18px;--bds-text-body-sm-black-tracking:0px;--bds-text-body-sm-black-word:normal;--bds-text-body-sm-black-transform:none;--bds-text-body-sm-black-style:normal;--bds-text-body-sm-black-decoration:none;--bds-text-body-sm-black-para:0;--bds-text-body-sm-black-list-indent:24px;--bds-text-body-sm-black-marker-gap:8px;--bds-text-body-sm-black:800 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-bold-size:13px;--bds-text-body-sm-bold-weight:700;--bds-text-body-sm-bold-line:18px;--bds-text-body-sm-bold-tracking:0px;--bds-text-body-sm-bold-word:normal;--bds-text-body-sm-bold-transform:none;--bds-text-body-sm-bold-style:normal;--bds-text-body-sm-bold-decoration:none;--bds-text-body-sm-bold-para:0;--bds-text-body-sm-bold-list-indent:24px;--bds-text-body-sm-bold-marker-gap:8px;--bds-text-body-sm-bold:700 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-semibold-size:13px;--bds-text-body-sm-semibold-weight:600;--bds-text-body-sm-semibold-line:18px;--bds-text-body-sm-semibold-tracking:0px;--bds-text-body-sm-semibold-word:normal;--bds-text-body-sm-semibold-transform:none;--bds-text-body-sm-semibold-style:normal;--bds-text-body-sm-semibold-decoration:none;--bds-text-body-sm-semibold-para:0;--bds-text-body-sm-semibold-list-indent:24px;--bds-text-body-sm-semibold-marker-gap:8px;--bds-text-body-sm-semibold:600 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-medium-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-medium-size:13px;--bds-text-body-sm-medium-weight:500;--bds-text-body-sm-medium-line:18px;--bds-text-body-sm-medium-tracking:0px;--bds-text-body-sm-medium-word:normal;--bds-text-body-sm-medium-transform:none;--bds-text-body-sm-medium-style:normal;--bds-text-body-sm-medium-decoration:none;--bds-text-body-sm-medium-para:0;--bds-text-body-sm-medium-list-indent:24px;--bds-text-body-sm-medium-marker-gap:8px;--bds-text-body-sm-medium:500 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-size:13px;--bds-text-body-sm-weight:400;--bds-text-body-sm-line:18px;--bds-text-body-sm-tracking:0px;--bds-text-body-sm-word:normal;--bds-text-body-sm-transform:none;--bds-text-body-sm-style:normal;--bds-text-body-sm-decoration:none;--bds-text-body-sm-para:0;--bds-text-body-sm-list-indent:24px;--bds-text-body-sm-marker-gap:8px;--bds-text-body-sm:400 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-black-size:12px;--bds-text-caption-black-weight:800;--bds-text-caption-black-line:16px;--bds-text-caption-black-tracking:0.1px;--bds-text-caption-black-word:normal;--bds-text-caption-black-transform:none;--bds-text-caption-black-style:normal;--bds-text-caption-black-decoration:none;--bds-text-caption-black-para:0;--bds-text-caption-black-list-indent:24px;--bds-text-caption-black-marker-gap:8px;--bds-text-caption-black:800 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-bold-size:12px;--bds-text-caption-bold-weight:700;--bds-text-caption-bold-line:16px;--bds-text-caption-bold-tracking:0.1px;--bds-text-caption-bold-word:normal;--bds-text-caption-bold-transform:none;--bds-text-caption-bold-style:normal;--bds-text-caption-bold-decoration:none;--bds-text-caption-bold-para:0;--bds-text-caption-bold-list-indent:24px;--bds-text-caption-bold-marker-gap:8px;--bds-text-caption-bold:700 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-semibold-size:12px;--bds-text-caption-semibold-weight:600;--bds-text-caption-semibold-line:16px;--bds-text-caption-semibold-tracking:0.1px;--bds-text-caption-semibold-word:normal;--bds-text-caption-semibold-transform:none;--bds-text-caption-semibold-style:normal;--bds-text-caption-semibold-decoration:none;--bds-text-caption-semibold-para:0;--bds-text-caption-semibold-list-indent:24px;--bds-text-caption-semibold-marker-gap:8px;--bds-text-caption-semibold:600 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-size:12px;--bds-text-caption-weight:500;--bds-text-caption-line:16px;--bds-text-caption-tracking:0.1px;--bds-text-caption-word:normal;--bds-text-caption-transform:none;--bds-text-caption-style:normal;--bds-text-caption-decoration:none;--bds-text-caption-para:0;--bds-text-caption-list-indent:24px;--bds-text-caption-marker-gap:8px;--bds-text-caption:500 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-black-size:11px;--bds-text-footnote-black-weight:800;--bds-text-footnote-black-line:14px;--bds-text-footnote-black-tracking:0.2px;--bds-text-footnote-black-word:normal;--bds-text-footnote-black-transform:none;--bds-text-footnote-black-style:normal;--bds-text-footnote-black-decoration:none;--bds-text-footnote-black-para:0;--bds-text-footnote-black-list-indent:24px;--bds-text-footnote-black-marker-gap:8px;--bds-text-footnote-black:800 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-bold-size:11px;--bds-text-footnote-bold-weight:700;--bds-text-footnote-bold-line:14px;--bds-text-footnote-bold-tracking:0.2px;--bds-text-footnote-bold-word:normal;--bds-text-footnote-bold-transform:none;--bds-text-footnote-bold-style:normal;--bds-text-footnote-bold-decoration:none;--bds-text-footnote-bold-para:0;--bds-text-footnote-bold-list-indent:24px;--bds-text-footnote-bold-marker-gap:8px;--bds-text-footnote-bold:700 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-size:11px;--bds-text-footnote-weight:500;--bds-text-footnote-line:14px;--bds-text-footnote-tracking:0.2px;--bds-text-footnote-word:normal;--bds-text-footnote-transform:none;--bds-text-footnote-style:normal;--bds-text-footnote-decoration:none;--bds-text-footnote-para:0;--bds-text-footnote-list-indent:24px;--bds-text-footnote-marker-gap:8px;--bds-text-footnote:500 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-feature-eyebrow-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-feature-eyebrow-size:11px;--bds-text-feature-eyebrow-weight:600;--bds-text-feature-eyebrow-line:16px;--bds-text-feature-eyebrow-tracking:2px;--bds-text-feature-eyebrow-word:normal;--bds-text-feature-eyebrow-transform:none;--bds-text-feature-eyebrow-style:normal;--bds-text-feature-eyebrow-decoration:none;--bds-text-feature-eyebrow-para:0;--bds-text-feature-eyebrow-list-indent:24px;--bds-text-feature-eyebrow-marker-gap:8px;--bds-text-feature-eyebrow:600 11px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-card-display-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-card-display-size:36px;--bds-text-card-display-weight:400;--bds-text-card-display-line:42px;--bds-text-card-display-tracking:-0.5px;--bds-text-card-display-word:normal;--bds-text-card-display-transform:none;--bds-text-card-display-style:normal;--bds-text-card-display-decoration:none;--bds-text-card-display-para:0;--bds-text-card-display-list-indent:24px;--bds-text-card-display-marker-gap:8px;--bds-text-card-display:400 36px/42px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif}
:root[data-fuego="light"],:root[data-theme="light"]{--bds-bg-low:#f7f7f5;--bds-bg-med:#f3f1eb;--bds-bg-high:#edebe3;--bds-text-primary:#0f1115;--bds-text-second:#1c2027;--bds-text-third:#62635f;--bds-border-primary:#66635d;--bds-border-second:#b1b0a8;--bds-border-third:#e1ded7;--bds-focus-ring:#0f1115;--bds-accent:#ef7b2c;--bds-green:#c6d39a;--bds-magenta:#d75ba1;--bds-red:#de594f;--bds-yellow:#fbe587;--bds-blue:#6493b0;--bds-orange:#ed9356;--bds-white:#0F1116;--bds-success:#a7be5a;--bds-warning:#fde25e;--bds-error:#b61c10;--bds-info:#6493b0;--bds-icon:#1c2027;--bds-transparent:transparent;--bds-inverse:#0F1116;--bds-overlay:#0f111573;--bds-neon-pink:#FF2D9B;--bds-neon-pink-subtle:#2A0A1E;--bds-frosted-surface:#FFFFFF0D;--bds-button-bg-primary:#0f1115;--bds-button-bg-second:#f7f5ee;--bds-button-bg-third:transparent;--bds-new-0w6b:new-0w6b;--bds-new-xjqd:#f3f1eb;--bds-new-e7rk:#f7f7f5;--bds-card-overlay-deep:#0d1b3e;--bds-card-navy:#0d1b3e;--bds-radius-none:0px;--bds-radius-xs:2px;--bds-radius-sm:4px;--bds-radius-md:6px;--bds-radius-lg:8px;--bds-radius-xl:12px;--bds-radius-2xl:16px;--bds-radius-full:9999px;--bds-radius-card-xl:20px;--bds-space-xs:6px;--bds-space-sm:8px;--bds-space-md:12px;--bds-space-lg:16px;--bds-space-xl:24px;--bds-space-2xl:32px;--bds-space-3xl:48px;--bds-space-4xl:64px;--bds-space-space-xw8o:4px;--bds-space-space-e5hp:2px;--bds-space-space-3onx:20px;--bds-border-width-thin:0.7px;--bds-border-width-base:1.5px;--bds-border-width-thick:2px;--bds-border-width-border-width-193q:1px;--bds-control-xs:16px;--bds-control-sm:20px;--bds-control-md:28px;--bds-control-lg:40px;--bds-control-xl:48px;--bds-shadow-none:none;--bds-shadow-subtle:0px 1px 4px 0px rgba(0, 0, 0, 0.15);--bds-shadow-down:0px 4px 12px -4px rgba(0, 0, 0, 0.35);--bds-shadow-lift:0px 7px 12px -2px color-mix(in srgb, var(--bds-border-primary) 25%, transparent), 0px 2px 3px -2px color-mix(in srgb, var(--bds-focus-ring) 45%, transparent);--bds-shadow-overlay:0px 16px 20px -6px color-mix(in srgb, var(--bds-border-primary) 35%, transparent), 0px 3px 8px -2px color-mix(in srgb, var(--bds-text-primary) 30%, transparent);--bds-shadow-extrude:0px 6px 0px 0px rgba(0,0,0,0.45);--bds-shadow-neon-glow-pink:0px 0px 26px 4px color-mix(in srgb, var(--bds-accent) 22%, transparent);--bds-shadow-neon-text-glow:0px -1px 43px -8px color-mix(in srgb, var(--bds-accent) 50%, transparent);--bds-shadow-glow:0px 2px 19px -7px color-mix(in srgb, var(--bds-accent) 100%, transparent);--bds-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-font-sans:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-cyber-hero-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-cyber-hero-size:72px;--bds-text-cyber-hero-weight:900;--bds-text-cyber-hero-line:78px;--bds-text-cyber-hero-tracking:-2px;--bds-text-cyber-hero-word:normal;--bds-text-cyber-hero-transform:none;--bds-text-cyber-hero-style:normal;--bds-text-cyber-hero-decoration:none;--bds-text-cyber-hero-para:0;--bds-text-cyber-hero-list-indent:24px;--bds-text-cyber-hero-marker-gap:8px;--bds-text-cyber-hero:900 72px/78px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-xl-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-xl-size:36px;--bds-text-xl-weight:600;--bds-text-xl-line:40px;--bds-text-xl-tracking:-0.4px;--bds-text-xl-word:normal;--bds-text-xl-transform:none;--bds-text-xl-style:normal;--bds-text-xl-decoration:none;--bds-text-xl-para:0;--bds-text-xl-list-indent:24px;--bds-text-xl-marker-gap:8px;--bds-text-xl:600 36px/40px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-style-2x5i-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-style-2x5i-size:36px;--bds-text-style-2x5i-weight:500;--bds-text-style-2x5i-line:40px;--bds-text-style-2x5i-tracking:-0.4px;--bds-text-style-2x5i-word:normal;--bds-text-style-2x5i-transform:none;--bds-text-style-2x5i-style:normal;--bds-text-style-2x5i-decoration:none;--bds-text-style-2x5i-para:0;--bds-text-style-2x5i-list-indent:24px;--bds-text-style-2x5i-marker-gap:8px;--bds-text-style-2x5i:500 36px/40px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-black-size:28px;--bds-text-lg-black-weight:800;--bds-text-lg-black-line:32px;--bds-text-lg-black-tracking:-0.3px;--bds-text-lg-black-word:normal;--bds-text-lg-black-transform:none;--bds-text-lg-black-style:normal;--bds-text-lg-black-decoration:none;--bds-text-lg-black-para:0;--bds-text-lg-black-list-indent:24px;--bds-text-lg-black-marker-gap:8px;--bds-text-lg-black:800 28px/32px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-lg-size:28px;--bds-text-lg-weight:500;--bds-text-lg-line:32px;--bds-text-lg-tracking:-0.3px;--bds-text-lg-word:normal;--bds-text-lg-transform:none;--bds-text-lg-style:normal;--bds-text-lg-decoration:none;--bds-text-lg-para:0;--bds-text-lg-list-indent:24px;--bds-text-lg-marker-gap:8px;--bds-text-lg:500 28px/32px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-black-size:22px;--bds-text-md-black-weight:800;--bds-text-md-black-line:28px;--bds-text-md-black-tracking:-0.2px;--bds-text-md-black-word:normal;--bds-text-md-black-transform:none;--bds-text-md-black-style:normal;--bds-text-md-black-decoration:none;--bds-text-md-black-para:0;--bds-text-md-black-list-indent:24px;--bds-text-md-black-marker-gap:8px;--bds-text-md-black:800 22px/28px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-md-size:22px;--bds-text-md-weight:500;--bds-text-md-line:28px;--bds-text-md-tracking:-0.2px;--bds-text-md-word:normal;--bds-text-md-transform:none;--bds-text-md-style:normal;--bds-text-md-decoration:none;--bds-text-md-para:0;--bds-text-md-list-indent:24px;--bds-text-md-marker-gap:8px;--bds-text-md:500 22px/28px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-sm-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-sm-size:20px;--bds-text-sm-weight:500;--bds-text-sm-line:24px;--bds-text-sm-tracking:-0.1px;--bds-text-sm-word:normal;--bds-text-sm-transform:none;--bds-text-sm-style:normal;--bds-text-sm-decoration:none;--bds-text-sm-para:0;--bds-text-sm-list-indent:24px;--bds-text-sm-marker-gap:8px;--bds-text-sm:500 20px/24px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-bold-size:17px;--bds-text-subhead-bold-weight:700;--bds-text-subhead-bold-line:22px;--bds-text-subhead-bold-tracking:0px;--bds-text-subhead-bold-word:normal;--bds-text-subhead-bold-transform:none;--bds-text-subhead-bold-style:normal;--bds-text-subhead-bold-decoration:none;--bds-text-subhead-bold-para:0;--bds-text-subhead-bold-list-indent:24px;--bds-text-subhead-bold-marker-gap:8px;--bds-text-subhead-bold:700 17px/22px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-subhead-size:17px;--bds-text-subhead-weight:400;--bds-text-subhead-line:22px;--bds-text-subhead-tracking:0px;--bds-text-subhead-word:normal;--bds-text-subhead-transform:none;--bds-text-subhead-style:normal;--bds-text-subhead-decoration:none;--bds-text-subhead-para:0;--bds-text-subhead-list-indent:24px;--bds-text-subhead-marker-gap:8px;--bds-text-subhead:400 17px/22px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-black-size:15px;--bds-text-body-black-weight:800;--bds-text-body-black-line:20px;--bds-text-body-black-tracking:0px;--bds-text-body-black-word:normal;--bds-text-body-black-transform:none;--bds-text-body-black-style:normal;--bds-text-body-black-decoration:none;--bds-text-body-black-para:0;--bds-text-body-black-list-indent:24px;--bds-text-body-black-marker-gap:8px;--bds-text-body-black:800 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-bold-size:15px;--bds-text-body-bold-weight:700;--bds-text-body-bold-line:20px;--bds-text-body-bold-tracking:0px;--bds-text-body-bold-word:normal;--bds-text-body-bold-transform:none;--bds-text-body-bold-style:normal;--bds-text-body-bold-decoration:none;--bds-text-body-bold-para:0;--bds-text-body-bold-list-indent:24px;--bds-text-body-bold-marker-gap:8px;--bds-text-body-bold:700 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-semibold-size:15px;--bds-text-body-semibold-weight:500;--bds-text-body-semibold-line:20px;--bds-text-body-semibold-tracking:0px;--bds-text-body-semibold-word:normal;--bds-text-body-semibold-transform:none;--bds-text-body-semibold-style:normal;--bds-text-body-semibold-decoration:none;--bds-text-body-semibold-para:0;--bds-text-body-semibold-list-indent:24px;--bds-text-body-semibold-marker-gap:8px;--bds-text-body-semibold:500 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-size:15px;--bds-text-body-weight:400;--bds-text-body-line:20px;--bds-text-body-tracking:0px;--bds-text-body-word:normal;--bds-text-body-transform:none;--bds-text-body-style:normal;--bds-text-body-decoration:none;--bds-text-body-para:0;--bds-text-body-list-indent:24px;--bds-text-body-marker-gap:8px;--bds-text-body:400 15px/20px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-black-size:13px;--bds-text-body-sm-black-weight:800;--bds-text-body-sm-black-line:18px;--bds-text-body-sm-black-tracking:0px;--bds-text-body-sm-black-word:normal;--bds-text-body-sm-black-transform:none;--bds-text-body-sm-black-style:normal;--bds-text-body-sm-black-decoration:none;--bds-text-body-sm-black-para:0;--bds-text-body-sm-black-list-indent:24px;--bds-text-body-sm-black-marker-gap:8px;--bds-text-body-sm-black:800 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-bold-size:13px;--bds-text-body-sm-bold-weight:700;--bds-text-body-sm-bold-line:18px;--bds-text-body-sm-bold-tracking:0px;--bds-text-body-sm-bold-word:normal;--bds-text-body-sm-bold-transform:none;--bds-text-body-sm-bold-style:normal;--bds-text-body-sm-bold-decoration:none;--bds-text-body-sm-bold-para:0;--bds-text-body-sm-bold-list-indent:24px;--bds-text-body-sm-bold-marker-gap:8px;--bds-text-body-sm-bold:700 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-semibold-size:13px;--bds-text-body-sm-semibold-weight:600;--bds-text-body-sm-semibold-line:18px;--bds-text-body-sm-semibold-tracking:0px;--bds-text-body-sm-semibold-word:normal;--bds-text-body-sm-semibold-transform:none;--bds-text-body-sm-semibold-style:normal;--bds-text-body-sm-semibold-decoration:none;--bds-text-body-sm-semibold-para:0;--bds-text-body-sm-semibold-list-indent:24px;--bds-text-body-sm-semibold-marker-gap:8px;--bds-text-body-sm-semibold:600 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-medium-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-medium-size:13px;--bds-text-body-sm-medium-weight:500;--bds-text-body-sm-medium-line:18px;--bds-text-body-sm-medium-tracking:0px;--bds-text-body-sm-medium-word:normal;--bds-text-body-sm-medium-transform:none;--bds-text-body-sm-medium-style:normal;--bds-text-body-sm-medium-decoration:none;--bds-text-body-sm-medium-para:0;--bds-text-body-sm-medium-list-indent:24px;--bds-text-body-sm-medium-marker-gap:8px;--bds-text-body-sm-medium:500 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-body-sm-size:13px;--bds-text-body-sm-weight:400;--bds-text-body-sm-line:18px;--bds-text-body-sm-tracking:0px;--bds-text-body-sm-word:normal;--bds-text-body-sm-transform:none;--bds-text-body-sm-style:normal;--bds-text-body-sm-decoration:none;--bds-text-body-sm-para:0;--bds-text-body-sm-list-indent:24px;--bds-text-body-sm-marker-gap:8px;--bds-text-body-sm:400 13px/18px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-black-size:12px;--bds-text-caption-black-weight:800;--bds-text-caption-black-line:16px;--bds-text-caption-black-tracking:0.1px;--bds-text-caption-black-word:normal;--bds-text-caption-black-transform:none;--bds-text-caption-black-style:normal;--bds-text-caption-black-decoration:none;--bds-text-caption-black-para:0;--bds-text-caption-black-list-indent:24px;--bds-text-caption-black-marker-gap:8px;--bds-text-caption-black:800 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-bold-size:12px;--bds-text-caption-bold-weight:700;--bds-text-caption-bold-line:16px;--bds-text-caption-bold-tracking:0.1px;--bds-text-caption-bold-word:normal;--bds-text-caption-bold-transform:none;--bds-text-caption-bold-style:normal;--bds-text-caption-bold-decoration:none;--bds-text-caption-bold-para:0;--bds-text-caption-bold-list-indent:24px;--bds-text-caption-bold-marker-gap:8px;--bds-text-caption-bold:700 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-semibold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-semibold-size:12px;--bds-text-caption-semibold-weight:600;--bds-text-caption-semibold-line:16px;--bds-text-caption-semibold-tracking:0.1px;--bds-text-caption-semibold-word:normal;--bds-text-caption-semibold-transform:none;--bds-text-caption-semibold-style:normal;--bds-text-caption-semibold-decoration:none;--bds-text-caption-semibold-para:0;--bds-text-caption-semibold-list-indent:24px;--bds-text-caption-semibold-marker-gap:8px;--bds-text-caption-semibold:600 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-caption-size:12px;--bds-text-caption-weight:500;--bds-text-caption-line:16px;--bds-text-caption-tracking:0.1px;--bds-text-caption-word:normal;--bds-text-caption-transform:none;--bds-text-caption-style:normal;--bds-text-caption-decoration:none;--bds-text-caption-para:0;--bds-text-caption-list-indent:24px;--bds-text-caption-marker-gap:8px;--bds-text-caption:500 12px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-black-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-black-size:11px;--bds-text-footnote-black-weight:800;--bds-text-footnote-black-line:14px;--bds-text-footnote-black-tracking:0.2px;--bds-text-footnote-black-word:normal;--bds-text-footnote-black-transform:none;--bds-text-footnote-black-style:normal;--bds-text-footnote-black-decoration:none;--bds-text-footnote-black-para:0;--bds-text-footnote-black-list-indent:24px;--bds-text-footnote-black-marker-gap:8px;--bds-text-footnote-black:800 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-bold-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-bold-size:11px;--bds-text-footnote-bold-weight:700;--bds-text-footnote-bold-line:14px;--bds-text-footnote-bold-tracking:0.2px;--bds-text-footnote-bold-word:normal;--bds-text-footnote-bold-transform:none;--bds-text-footnote-bold-style:normal;--bds-text-footnote-bold-decoration:none;--bds-text-footnote-bold-para:0;--bds-text-footnote-bold-list-indent:24px;--bds-text-footnote-bold-marker-gap:8px;--bds-text-footnote-bold:700 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-footnote-size:11px;--bds-text-footnote-weight:500;--bds-text-footnote-line:14px;--bds-text-footnote-tracking:0.2px;--bds-text-footnote-word:normal;--bds-text-footnote-transform:none;--bds-text-footnote-style:normal;--bds-text-footnote-decoration:none;--bds-text-footnote-para:0;--bds-text-footnote-list-indent:24px;--bds-text-footnote-marker-gap:8px;--bds-text-footnote:500 11px/14px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-feature-eyebrow-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-feature-eyebrow-size:11px;--bds-text-feature-eyebrow-weight:600;--bds-text-feature-eyebrow-line:16px;--bds-text-feature-eyebrow-tracking:2px;--bds-text-feature-eyebrow-word:normal;--bds-text-feature-eyebrow-transform:none;--bds-text-feature-eyebrow-style:normal;--bds-text-feature-eyebrow-decoration:none;--bds-text-feature-eyebrow-para:0;--bds-text-feature-eyebrow-list-indent:24px;--bds-text-feature-eyebrow-marker-gap:8px;--bds-text-feature-eyebrow:600 11px/16px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-card-display-font:'Satoshi Variable', 'Satoshi', system-ui, sans-serif;--bds-text-card-display-size:36px;--bds-text-card-display-weight:400;--bds-text-card-display-line:42px;--bds-text-card-display-tracking:-0.5px;--bds-text-card-display-word:normal;--bds-text-card-display-transform:none;--bds-text-card-display-style:normal;--bds-text-card-display-decoration:none;--bds-text-card-display-para:0;--bds-text-card-display-list-indent:24px;--bds-text-card-display-marker-gap:8px;--bds-text-card-display:400 36px/42px 'Satoshi Variable', 'Satoshi', system-ui, sans-serif}
bds-icon{display:inline-flex;vertical-align:middle;line-height:0}

/* Button — .btn */
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-sm);
  border:var(--bds-border-width-base) solid transparent;
  border-radius:var(--bds-radius-full);
  padding:var(--bds-space-space-xw8o) var(--bds-space-md);
  font-family:var(--bds-text-body-bold-font);
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  line-height:var(--bds-text-body-bold-line);
  letter-spacing:var(--bds-text-body-bold-tracking);
  word-spacing:var(--bds-text-body-bold-word);
  text-transform:var(--bds-text-body-bold-transform);
  font-style:var(--bds-text-body-bold-style);
  text-decoration:var(--bds-text-body-bold-decoration);
  cursor:pointer;
  white-space:nowrap;
}

.btn[data-size="sm"] {
  padding:var(--bds-space-xs) var(--bds-space-md);
  font-size:var(--bds-text-caption-size);
  line-height:var(--bds-text-caption-line)
}

.btn[data-size="lg"] {
  padding:var(--bds-space-md) var(--bds-space-xl);
  font-size:var(--bds-text-body-size);
  line-height:var(--bds-text-body-line)
}

.btn[data-tone="ghost"] {
  border-color:var(--bds-border-second);
  color:var(--bds-text-primary);
  background:transparent
}

.btn[data-tone="danger"] {
  background-color:var(--bds-red);
  color:var(--bds-text-primary)
}

.btn[data-tone="accent"] {
  background-color:var(--bds-green);
  color:var(--bds-white)
}

.btn {
  background-color:var(--bds-button-bg-primary);
  color:var(--bds-bg-low);
}

.btn:hover {
  background-color:var(--bds-icon);
  color:var(--bds-bg-low);
}

.btn:active {
  background-color:var(--bds-border-second);
  color:var(--bds-bg-low);
}

.btn:disabled {
  background-color:var(--bds-bg-high);
  color:var(--bds-text-third);
  opacity:0.7;
}

/* Chip — .chip */
.chip {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-xs);
  border:var(--bds-border-width-thin) solid transparent;
  border-radius:var(--bds-radius-full);
  padding:var(--bds-space-xs) var(--bds-space-md);
  font-family:var(--bds-text-caption-font);
  font-size:var(--bds-text-caption-size);
  font-weight:var(--bds-text-caption-weight);
  line-height:var(--bds-text-caption-line);
  letter-spacing:var(--bds-text-caption-tracking);
  word-spacing:var(--bds-text-caption-word);
  text-transform:var(--bds-text-caption-transform);
  font-style:var(--bds-text-caption-style);
  text-decoration:var(--bds-text-caption-decoration);
  cursor:pointer;
}

.chip {
  background-color:var(--bds-accent);
  color:var(--bds-white);
}

.chip:hover {
  background-color:var(--bds-accent);
  color:var(--bds-bg-low);
  box-shadow:var(--bds-shadow-subtle);
}

.chip:disabled {
  background-color:var(--bds-bg-high);
  color:var(--bds-text-third);
}

/* Badge — .badge */
.badge {
  display:inline-flex;
  align-items:center;
  border:var(--bds-border-width-thin) solid transparent;
  border-radius:var(--bds-radius-md);
  padding:var(--bds-space-xs) var(--bds-space-sm);
  font-family:var(--bds-text-footnote-font);
  font-size:var(--bds-text-footnote-size);
  font-weight:var(--bds-text-footnote-weight);
  line-height:var(--bds-text-footnote-line);
  letter-spacing:var(--bds-text-footnote-tracking);
  word-spacing:var(--bds-text-footnote-word);
  text-transform:var(--bds-text-footnote-transform);
  font-style:var(--bds-text-footnote-style);
  text-decoration:var(--bds-text-footnote-decoration);
  text-transform:uppercase;
}

.badge {
  background-color:color-mix(in srgb,var(--bds-accent) 18%,transparent);
  color:var(--bds-accent);
}

/* Input — .input */
.input {
  display:block;
  border:var(--bds-border-width-base) solid var(--bds-border-third);
  border-radius:var(--bds-radius-lg);
  padding:var(--bds-space-sm) var(--bds-space-md);
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
  word-spacing:var(--bds-text-body-word);
  text-transform:var(--bds-text-body-transform);
  font-style:var(--bds-text-body-style);
  text-decoration:var(--bds-text-body-decoration);
  outline:none;
  border-width:var(--bds-border-width-thin);
}
.input::placeholder {
  color:var(--bds-text-third);
}

.input {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-second);
  color:var(--bds-text-primary);
}

.input:hover {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-primary);
  box-shadow:var(--bds-shadow-subtle);
}

.input:disabled {
  background-color:var(--bds-bg-low);
  border-color:var(--bds-border-third);
  color:var(--bds-text-third);
}

/* Checkbox — .checkbox */
.checkbox {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
  word-spacing:var(--bds-text-body-word);
  text-transform:var(--bds-text-body-transform);
  font-style:var(--bds-text-body-style);
  text-decoration:var(--bds-text-body-decoration);
  cursor:pointer;
  border:none;
  background:none;
  color:var(--bds-text-primary);
}
.checkbox .bx {
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:var(--bds-radius-md);
  background:var(--bds-accent);
  color:var(--bds-bg-low);
  font-size:var(--bds-text-body-sm-black-size);
  font-weight:var(--bds-text-body-sm-black-weight);
  transition:background .12s;
}
.checkbox.bds-off .bx {
  background:transparent;
  border:var(--bds-border-width-base) solid var(--bds-border-third);
  color:transparent;
}

.checkbox {
  color:var(--bds-text-primary);
}

/* Switch — .switch */
.switch {
  position:relative;
  width:38px;
  height:20px;
  border-radius:var(--bds-radius-full);
  border:none;
  padding:0;
  cursor:pointer;
  background:var(--bds-accent);
}
.switch .kn {
  position:absolute;
  top:2px;
  left:20px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--bds-white);
  box-shadow:var(--bds-shadow-subtle);
  transition:left .18s ease;
}
.switch.bds-off {
  background:var(--bds-bg-high);
}
.switch.bds-off .kn {
  left:2px;
}

.switch {
  background:var(--bds-accent);
}

.switch:disabled {
  opacity:0.7;
  background:var(--bds-bg-high);
}

/* Pill — .pill */
.pill {
  display:inline-flex;
  align-items:center;
  border:var(--bds-border-width-base) solid transparent;
  border-radius:var(--bds-radius-full);
  padding:var(--bds-space-space-xw8o) var(--bds-space-md);
  font-family:var(--bds-text-body-sm-font);
  font-size:var(--bds-text-body-sm-size);
  font-weight:var(--bds-text-body-sm-weight);
  line-height:var(--bds-text-body-sm-line);
  letter-spacing:var(--bds-text-body-sm-tracking);
  word-spacing:var(--bds-text-body-sm-word);
  text-transform:var(--bds-text-body-sm-transform);
  font-style:var(--bds-text-body-sm-style);
  text-decoration:var(--bds-text-body-sm-decoration);
  cursor:pointer;
}

.pill {
  background-color:var(--bds-inverse);
  color:var(--bds-bg-low);
}

.pill:hover {
  background-color:var(--bds-icon);
  color:var(--bds-bg-low);
}

.pill:active {
  background-color:var(--bds-border-second);
  color:var(--bds-bg-low);
}

/* Tab — .tab */
.tab {
  display:inline-flex;
  align-items:center;
  border:none;
  background:none;
  padding:var(--bds-space-sm) 0;
  font-family:var(--bds-text-body-semibold-font);
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  line-height:var(--bds-text-body-semibold-line);
  letter-spacing:var(--bds-text-body-semibold-tracking);
  word-spacing:var(--bds-text-body-semibold-word);
  text-transform:var(--bds-text-body-semibold-transform);
  font-style:var(--bds-text-body-semibold-style);
  text-decoration:var(--bds-text-body-semibold-decoration);
  cursor:pointer;
  border-bottom:var(--bds-border-width-thick) solid var(--bds-border-primary);
}
.tab.bds-off {
  color:var(--bds-text-third);
  border-bottom-color:transparent;
}

.tab[data-active="inactive"] {
  border-color:var(--bds-transparent);
  color:var(--bds-text-third)
}

.tab {
  border-color:var(--bds-white);
  color:var(--bds-text-primary);
}

.tab:hover {
  border-color:var(--bds-white);
  color:var(--bds-text-primary);
  border-width:var(--bds-border-width-thick);
}

/* Segmented — .segmented */
.segmented {
  display:inline-flex;
  gap:2px;
  padding:var(--bds-space-space-xw8o);
  border-radius:var(--bds-radius-full);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  font-family:var(--bds-text-body-sm-font);
  font-size:var(--bds-text-body-sm-size);
  font-weight:var(--bds-text-body-sm-weight);
  line-height:var(--bds-text-body-sm-line);
  letter-spacing:var(--bds-text-body-sm-tracking);
  word-spacing:var(--bds-text-body-sm-word);
  text-transform:var(--bds-text-body-sm-transform);
  font-style:var(--bds-text-body-sm-style);
  text-decoration:var(--bds-text-body-sm-decoration);
  border-width:var(--bds-border-width-thin);
}
.segmented .sg {
  padding:var(--bds-space-sm) var(--bds-space-lg);
  border-radius:var(--bds-radius-full);
  color:var(--bds-text-second);
  cursor:pointer;
}
.segmented .sg.on {
  background:var(--bds-white);
  color:var(--bds-bg-low);
}

.segmented {
  border-color:var(--bds-border-third);
}

/* Card — .card */
.card {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-space-xw8o);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-2xl);
  padding:var(--bds-space-space-3onx);
  text-align:left;
  font-family:var(--bds-text-cyber-hero-font);
  font-size:var(--bds-text-cyber-hero-size);
  font-weight:var(--bds-text-cyber-hero-weight);
  line-height:var(--bds-text-cyber-hero-line);
  letter-spacing:var(--bds-text-cyber-hero-tracking);
  word-spacing:var(--bds-text-cyber-hero-word);
  text-transform:var(--bds-text-cyber-hero-transform);
  font-style:var(--bds-text-cyber-hero-style);
  text-decoration:var(--bds-text-cyber-hero-decoration);
}
.card .ct {
  font-family:var(--bds-text-md-font);
  font-size:var(--bds-text-md-size);
  font-weight:var(--bds-text-md-weight);
  line-height:var(--bds-text-md-line);
  letter-spacing:var(--bds-text-md-tracking);
  word-spacing:var(--bds-text-md-word);
  text-transform:var(--bds-text-md-transform);
  font-style:var(--bds-text-md-style);
  text-decoration:var(--bds-text-md-decoration);
  color:var(--bds-text-primary);
}
.card .cd {
  font-family:var(--bds-text-body-sm-font);
  font-size:var(--bds-text-body-sm-size);
  font-weight:var(--bds-text-body-sm-weight);
  line-height:var(--bds-text-body-sm-line);
  letter-spacing:var(--bds-text-body-sm-tracking);
  word-spacing:var(--bds-text-body-sm-word);
  text-transform:var(--bds-text-body-sm-transform);
  font-style:var(--bds-text-body-sm-style);
  text-decoration:var(--bds-text-body-sm-decoration);
  color:var(--bds-text-second);
}
.card .cm {
  display:none;
  min-height:112px;
  border-radius:var(--bds-radius-lg);
  background:var(--bds-bg-high);
  overflow:hidden;
}
.card .cm img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.card[data-media="top"] .cm {
  display:block;
}
.card .cb {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-space-xw8o);
  min-width:0;
  flex:1;
}
.card .ca {
  display:none;
}
.card[data-action="button"] .ca {
  display:flex;
  gap:var(--bds-space-sm);
  margin-top:var(--bds-space-xs);
}
.card[data-direction="row"] {
  flex-direction:row;
  align-items:center;
  width:320px;
}
.card[data-direction="row"] .cm {
  min-height:0;
  align-self:stretch;
  width:96px;
  flex-shrink:0;
}

.card {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-third);
}

.card:hover {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
  box-shadow:var(--bds-shadow-lift);
}

/* Icon Button — .icon-btn */
.icon-btn {
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:var(--bds-radius-xl);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  cursor:pointer;
}

.icon-btn {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
  color:var(--bds-icon);
}

.icon-btn:hover {
  background-color:var(--bds-bg-high);
  border-color:var(--bds-border-second);
  color:var(--bds-text-primary);
}

.icon-btn:active {
  background-color:var(--bds-bg-low);
  color:var(--bds-icon);
}

/* Tooltip — .tooltip */
.tooltip {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-xs);
  max-width:230px;
  border-radius:var(--bds-radius-lg);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  text-align:left;
}
.tooltip .tt {
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
  word-spacing:var(--bds-text-body-word);
  text-transform:var(--bds-text-body-transform);
  font-style:var(--bds-text-body-style);
  text-decoration:var(--bds-text-body-decoration);
}
.tooltip .tb {
  font-family:var(--bds-text-caption-font);
  font-size:var(--bds-text-caption-size);
  font-weight:var(--bds-text-caption-weight);
  line-height:var(--bds-text-caption-line);
  letter-spacing:var(--bds-text-caption-tracking);
  word-spacing:var(--bds-text-caption-word);
  text-transform:var(--bds-text-caption-transform);
  font-style:var(--bds-text-caption-style);
  text-decoration:var(--bds-text-caption-decoration);
  color:var(--bds-text-second);
}
.tooltip::before {
  content:"";
  position:absolute;
  top:-6px;
  left:24px;
  width:12px;
  height:12px;
  background:inherit;
  transform:rotate(45deg);
  border-radius:var(--bds-radius-xs);
}

.tooltip {
  background-color:var(--bds-bg-med);
  color:var(--bds-text-primary);
}

/* Avatar — .avatar */
.avatar {
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
}

.avatar[data-size="sm"] {
  width:32px;
  height:32px;
  font-size:var(--bds-text-caption-size)
}

.avatar[data-size="lg"] {
  width:56px;
  height:56px;
  font-size:var(--bds-text-subhead-size)
}

.avatar {
  background-color:var(--bds-accent);
  color:var(--bds-bg-low);
}

/* Avatar Group — .avatar-group */
.avatar-group {
  display:inline-flex;
  font-family:var(--bds-font);
}
.avatar-group .avatar {
  width:32px;
  height:32px;
  font-size:var(--bds-text-caption-size);
  box-shadow:0 0 0 2px var(--bds-bg-low);
  margin-left:-var(--bds-space-sm);
}
.avatar-group .avatar:first-child {
  margin-left:0;
}
.avatar-group .more {
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
}

/* Status Dot — .status-dot */
.status-dot {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-medium-size);
  font-weight:var(--bds-text-body-sm-medium-weight);
}
.status-dot .dot {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--bds-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bds-accent) 25%,transparent);
}

.status-dot {
  color:var(--bds-text-primary);
}

/* Progress Bar — .progress */
.progress {
  height:8px;
  border-radius:var(--bds-radius-full);
  overflow:hidden;
  background:var(--bds-bg-high);
}
.progress .fill {
  width:62%;
  height:100%;
  border-radius:var(--bds-radius-full);
  background:var(--bds-accent);
}

/* Spinner — .spinner */
@keyframes bds-spin {
  to {
  transform:rotate(360deg)
}

}
.spinner {
  width:28px;
  height:28px;
  border-radius:50%;
  border:var(--bds-border-width-thick) solid var(--bds-bg-high);
  border-top-color:var(--bds-accent);
  animation:bds-spin .7s linear infinite;
}

/* Skeleton — .skeleton */
@keyframes bds-shimmer {
  0% {
  background-position:-220px 0
}
100% {
  background-position:220px 0
}

}
.skeleton {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-sm);
}
.skeleton .ln {
  height:12px;
  border-radius:var(--bds-radius-md);
  background:linear-gradient(90deg,var(--bds-bg-high) 25%,var(--bds-bg-med) 37%,var(--bds-bg-high) 63%);
  background-size:440px 100%;
  animation:bds-shimmer 1.3s linear infinite;
}
.skeleton .w1 {
  width:100%
}
.skeleton .w2 {
  width:80%
}
.skeleton .w3 {
  width:55%
}

/* Radio — .radio */
.radio {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-size);
  cursor:pointer;
  color:var(--bds-text-primary);
}
.radio .rd {
  width:19px;
  height:19px;
  border-radius:50%;
  border:var(--bds-border-width-thick) solid var(--bds-accent);
  display:inline-grid;
  place-items:center;
}
.radio .rd::after {
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--bds-accent);
}
.radio.bds-off .rd {
  border-color:var(--bds-border-third);
}
.radio.bds-off .rd::after {
  background:transparent;
}

.radio {
  color:var(--bds-text-primary);
}

/* Slider — .slider */
.slider {
  padding:var(--bds-space-sm) 0;
}
.slider .track {
  position:relative;
  height:5px;
  border-radius:var(--bds-radius-full);
  background:var(--bds-bg-high);
}
.slider .range {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:55%;
  border-radius:var(--bds-radius-full);
  background:var(--bds-accent);
}
.slider .thumb {
  position:absolute;
  left:55%;
  top:50%;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--bds-green);
  transform:translate(-50%,-50%);
  box-shadow:var(--bds-shadow-subtle);
}

/* Textarea — .textarea */
.textarea {
  display:block;
  height:74px;
  border:var(--bds-border-width-base) solid var(--bds-border-third);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-size);
  line-height:1.5;
  color:var(--bds-text-third);
  border-width:var(--bds-border-width-thin);
}
.textarea::placeholder {
  color:var(--bds-text-third);
}

.textarea {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-second);
}

.textarea:hover {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-second);
  box-shadow:var(--bds-shadow-subtle);
}

/* Search Bar — .search */
.search {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  border:var(--bds-border-width-base) solid var(--bds-border-third);
  border-radius:var(--bds-radius-full);
  padding:var(--bds-space-sm) var(--bds-space-lg);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-size);
  color:var(--bds-text-third);
  border-width:var(--bds-border-width-thin);
}

.search {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-second);
}

.search:hover {
  background-color:var(--bds-new-e7rk);
  border-color:var(--bds-border-second);
  box-shadow:var(--bds-shadow-subtle);
}

/* Link — .link */
.link {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
  padding:var(--bds-space-2xl) var(--bds-space-lg);
}

.link {
  color:var(--bds-text-primary);
}

.link:hover {
  color:var(--bds-text-primary);
}

/* Tag — .tag */
.tag {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  border-radius:var(--bds-radius-lg);
  padding:var(--bds-space-xs) var(--bds-space-sm) var(--bds-space-xs) var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-medium-size);
  font-weight:var(--bds-text-body-sm-medium-weight);
  border-width:var(--bds-border-width-thin);
}
.tag .x {
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  border-radius:var(--bds-radius-md);
  background:var(--bds-transparent);
  font-size:var(--bds-text-body-sm-size);
  cursor:pointer;
}

.tag {
  background-color:var(--bds-bg-high);
  border-color:var(--bds-transparent);
  color:var(--bds-text-second);
}

/* Counter Badge — .counter */
.counter {
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 var(--bds-space-sm);
  border-radius:var(--bds-radius-full);
  font-family:var(--bds-font);
  font-size:var(--bds-text-footnote-black-size);
  font-weight:var(--bds-text-footnote-black-weight);
}

.counter {
  background-color:var(--bds-red);
  color:var(--bds-new-e7rk);
}

/* Keyboard Key — .kbd */
.kbd {
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 var(--bds-space-sm);
  border-radius:var(--bds-radius-lg);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-bottom-width:var(--bds-border-width-thick);
  font-family:var(--bds-font);
  font-size:var(--bds-text-caption-semibold-size);
  font-weight:var(--bds-text-caption-semibold-weight);
}

.kbd {
  background-color:var(--bds-bg-high);
  border-color:var(--bds-border-third);
  color:var(--bds-text-second);
}

/* Divider — .divider */
.divider {
  display:flex;
  align-items:center;
  gap:var(--bds-space-md);
  font-family:var(--bds-font);
}
.divider .ln {
  flex:1;
  height:1px;
  background:var(--bds-border-third);
}
.divider .lbl {
  font-size:var(--bds-text-footnote-bold-size);
  font-weight:var(--bds-text-footnote-bold-weight);
  letter-spacing:.08em;
  color:var(--bds-text-third);
}

/* Breadcrumb — .breadcrumb */
.breadcrumb {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-third);
}
.breadcrumb .sep {
  color:var(--bds-border-third);
}
.breadcrumb .cur {
  color:var(--bds-text-primary);
  font-weight:var(--bds-text-body-sm-semibold-weight);
}

/* Pagination — .pagination */
.pagination {
  display:inline-flex;
  gap:var(--bds-space-xs);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
}
.pagination .pg {
  display:inline-grid;
  place-items:center;
  min-width:30px;
  height:30px;
  border-radius:var(--bds-radius-lg);
  color:var(--bds-text-second);
  cursor:pointer;
}
.pagination .pg.on {
  background:var(--bds-button-bg-second);
  color:var(--bds-text-primary);
}

/* Stepper — .stepper */
.stepper {
  display:inline-flex;
  align-items:center;
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-lg);
  overflow:hidden;
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
}
.stepper .st {
  width:32px;
  height:32px;
  border:none;
  background:none;
  color:var(--bds-text-primary);
  font-size:var(--bds-text-subhead-size);
  cursor:pointer;
}
.stepper .val {
  min-width:34px;
  text-align:center;
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  color:var(--bds-text-primary);
}

/* Rating — .rating */
.rating {
  display:inline-flex;
  gap:var(--bds-space-space-e5hp);
  font-size:var(--bds-text-subhead-size);
}
.rating .st {
  color:var(--bds-border-third);
  cursor:pointer;
}
.rating .st.on {
  color:var(--bds-yellow);
}

/* Alert — .alert */
.alert {
  display:flex;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  border:var(--bds-border-width-thin) solid color-mix(in srgb,var(--bds-yellow) 35%,transparent);
}
.alert .ic {
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--bds-yellow);
  color:var(--bds-bg-low);
  font-weight:var(--bds-text-body-black-weight);
  font-size:var(--bds-text-body-black-size);
}
.alert .at {
  font-size:var(--bds-text-body-sm-bold-size);
  font-weight:var(--bds-text-body-sm-bold-weight);
  color:var(--bds-text-primary);
}
.alert .ab {
  font-size:var(--bds-text-body-sm-size);
  line-height:1.5;
  color:var(--bds-text-second);
  margin-top:2px;
}

.alert {
  background:color-mix(in srgb,var(--bds-yellow) 12%,transparent);
}

/* Toast — .toast */
.toast {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  box-shadow:var(--bds-shadow-overlay);
  border-width:var(--bds-border-width-thin);
}
.toast .ic {
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--bds-success);
  color:var(--bds-bg-low);
  font-weight:var(--bds-text-caption-black-weight);
  font-size:var(--bds-text-caption-black-size);
}
.toast .tx {
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
}
.toast .x {
  color:var(--bds-text-third);
  cursor:pointer;
  font-size:var(--bds-text-body-size);
}

.toast {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-transparent);
  color:var(--bds-text-primary);
}

/* Accordion — .accordion */
.accordion {
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-xl);
  overflow:hidden;
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
}
.accordion .row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--bds-space-md) var(--bds-space-lg);
  cursor:pointer;
}
.accordion .t {
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  color:var(--bds-text-primary);
}
.accordion .chev {
  color:var(--bds-text-third);
  transition:transform .2s;
}
.accordion .body {
  padding:0 var(--bds-space-lg) var(--bds-space-lg);
  font-size:var(--bds-text-body-sm-size);
  line-height:1.5;
  color:var(--bds-text-second);
}
.accordion.collapsed .chev {
  transform:rotate(-90deg);
}
.accordion.collapsed .body {
  display:none;
}

/* Empty State — .empty */
.empty {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-xl) var(--bds-space-lg);
  font-family:var(--bds-font);
}
.empty .eic {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-high);
  color:var(--bds-text-third);
  font-size:var(--bds-text-md-size);
  margin-bottom:var(--bds-space-xs);
}
.empty .et {
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  color:var(--bds-text-primary);
}
.empty .ed {
  font-size:var(--bds-text-body-sm-size);
  line-height:1.5;
  color:var(--bds-text-second);
}

/* Modal — .modal */
.modal {
  display:flex;
  flex-direction:column;
  border-radius:var(--bds-radius-2xl);
  padding:var(--bds-space-lg);
  font-family:var(--bds-font);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  box-shadow:var(--bds-shadow-overlay);
}
.modal .mt {
  font-size:var(--bds-text-subhead-bold-size);
  font-weight:var(--bds-text-subhead-bold-weight);
  color:var(--bds-text-primary);
}
.modal .mb {
  font-size:var(--bds-text-body-sm-size);
  line-height:1.5;
  color:var(--bds-text-second);
  margin-top:var(--bds-space-sm);
}
.modal .ma {
  display:flex;
  justify-content:flex-end;
  gap:var(--bds-space-sm);
  margin-top:var(--bds-space-lg);
}
.modal .mc {
  padding:var(--bds-space-sm) var(--bds-space-lg);
  border-radius:var(--bds-radius-lg);
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
  color:var(--bds-text-third);
  cursor:pointer;
}
.modal .mp {
  padding:var(--bds-space-sm) var(--bds-space-lg);
  border-radius:var(--bds-radius-lg);
  font-size:var(--bds-text-body-sm-bold-size);
  font-weight:var(--bds-text-body-sm-bold-weight);
  background:var(--bds-red);
  color:var(--bds-text-primary);
  cursor:pointer;
}

.modal {
  background-color:var(--bds-bg-med);
}

/* Nav Item — .nav-item */
.nav-item {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-lg);
  padding:var(--bds-space-sm) var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  cursor:pointer;
}
.nav-item .ni-ic {
  font-size:var(--bds-text-body-size);
  opacity:.8;
}
.nav-item.on {
  background:var(--bds-bg-med);
}

.nav-item {
  background-color:var(--bds-bg-med);
  color:var(--bds-text-second);
}

.nav-item:hover {
  background-color:var(--bds-bg-high);
  color:var(--bds-text-primary);
}

/* Form Field — .field */
.field {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-space-xw8o);
  font-family:var(--bds-font);
}
.field .fl {
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
  color:var(--bds-text-primary);
}
.field .fi {
  border:var(--bds-border-width-thin) solid var(--bds-border-second);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-md);
  font-size:var(--bds-text-body-size);
  color:var(--bds-text-second);
  background:var(--bds-bg-med);
}
.field .fh {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
}

.field {
  background-color:var(--bds-transparent);
  border-color:var(--bds-transparent);
}

/* Date Field — .date */
.date {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bds-space-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm) var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-size);
  color:var(--bds-text-primary);
  border-width:var(--bds-border-width-thin);
}
.date svg {
  color:var(--bds-text-third);
}

.date {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
}

.date:hover {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
}

/* Dropdown — .select */
.select {
  position:relative;
  font-family:var(--bds-font);
}
.select .sel-tr {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bds-space-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-second);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm) var(--bds-space-md);
  font-size:var(--bds-text-body-size);
  color:var(--bds-text-primary);
  background:var(--bds-bg-med);
  cursor:pointer;
}
.select .sel-tr svg {
  color:var(--bds-text-third);
  transition:transform .15s;
}
.select.open .sel-tr svg {
  transform:rotate(180deg);
}
.select .sel-menu {
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  z-index:5;
  display:none;
  flex-direction:column;
  padding:var(--bds-space-sm);
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-high);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  box-shadow:var(--bds-shadow-overlay);
}
.select.open .sel-menu {
  display:flex;
}

.select {
  border-color:var(--bds-transparent);
}

/* Menu Item — .mi */
.mi {
  display:flex;
  align-items:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-sm) var(--bds-space-md);
  border-radius:var(--bds-radius-lg);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-medium-size);
  cursor:pointer;
}
.mi.danger {
  color:var(--bds-red);
}

.mi {
  color:var(--bds-text-primary);
}

.mi:hover {
  background-color:var(--bds-bg-high);
  color:var(--bds-text-primary);
}

.mi:active {
  background-color:var(--bds-bg-low);
}

.mi.on {
  background-color:var(--bds-white);
  color:var(--bds-new-e7rk);
}

/* Context Menu — .menu */
.menu {
  display:flex;
  flex-direction:column;
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-space-e5hp);
  font-family:var(--bds-font);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  box-shadow:var(--bds-shadow-overlay);
}
.menu .sep {
  height:1px;
  margin:var(--bds-space-xs) var(--bds-space-sm);
  background:var(--bds-border-third);
}

.menu {
  background-color:var(--bds-bg-med);
}

/* Tabs Bar — .tabs */
.tabs {
  display:inline-flex;
  gap:var(--bds-space-xl);
  border-bottom:var(--bds-border-width-thin) solid var(--bds-border-third);
  font-family:var(--bds-font);
}
.tabs .tab {
  margin-bottom:0px;
}

/* Button Group — .btn-group */
.btn-group {
  display:inline-flex;
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-lg);
  overflow:hidden;
  font-family:var(--bds-font);
}
.btn-group .bg {
  border:none;
  background:var(--bds-bg-med);
  color:var(--bds-text-third);
  padding:var(--bds-space-sm) var(--bds-space-lg);
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
  cursor:pointer;
  border-right:var(--bds-border-width-thin) solid var(--bds-border-second);
}
.btn-group .bg:last-child {
  border-right:none;
}
.btn-group .bg.on {
  background:var(--bds-new-e7rk);
  color:var(--bds-white);
}

.btn-group {
  border-color:var(--bds-border-second);
}

/* Color Swatch — .swatch */
.swatch {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md);
  font-family:var(--bds-font);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
}
.swatch .sw {
  width:38px;
  height:38px;
  border-radius:var(--bds-radius-lg);
  background:var(--bds-accent);
}
.swatch .meta {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.swatch .sl {
  font-size:var(--bds-text-body-sm-semibold-size);
  font-weight:var(--bds-text-body-sm-semibold-weight);
  color:var(--bds-text-primary);
}
.swatch .sv {
  font-size:var(--bds-text-caption-size);
  font-family:ui-monospace,monospace;
  color:var(--bds-text-third);
}

/* File Dropzone — .dropzone */
.dropzone {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--bds-space-xs);
  padding:var(--bds-space-xl);
  border:var(--bds-border-width-thick) dashed var(--bds-border-third);
  border-radius:var(--bds-radius-2xl);
  font-family:var(--bds-font);
  text-align:center;
  cursor:pointer;
  border-width:var(--bds-border-width-base);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'none'%20rx%3D'16'%20stroke%3D'%23deddd5'%20stroke-width%3D'3'%20stroke-dasharray%3D'10%2030'%20stroke-dashoffset%3D'5'%2F%3E%3C%2Fsvg%3E");
  border-color:transparent;
}
.dropzone .dz-ic {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-high);
  color:var(--bds-accent);
  font-size:var(--bds-text-subhead-size);
  margin-bottom:var(--bds-space-xs);
}
.dropzone .dz-t {
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  color:var(--bds-text-primary);
}
.dropzone .dz-s {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
}

.dropzone {
  background:color-mix(in srgb,var(--bds-bg-high) 30%,transparent);
}

.dropzone:hover {
  border-color:var(--bds-accent);
}

/* Command Palette — .cmdk */
.cmdk {
  display:flex;
  flex-direction:column;
  border-radius:var(--bds-radius-2xl);
  padding:var(--bds-space-space-xw8o);
  font-family:var(--bds-font);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  box-shadow:var(--bds-shadow-overlay);
}
.cmdk .cq {
  display:flex;
  align-items:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md) var(--bds-space-md);
  color:var(--bds-text-third);
  font-size:var(--bds-text-body-sm-size);
  border-bottom:var(--bds-border-width-thin) solid var(--bds-border-third);
  margin-bottom:var(--bds-space-sm);
}
.cmdk .cr {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--bds-space-sm) var(--bds-space-md);
  border-radius:var(--bds-radius-lg);
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-primary);
  cursor:pointer;
}
.cmdk .cr.on {
  background:var(--bds-bg-high);
}
.cmdk .cr .k {
  font-size:var(--bds-text-footnote-size);
  color:var(--bds-text-third);
}

.cmdk {
  background-color:var(--bds-bg-med);
}

/* Tree View — .tree */
.tree {
  display:flex;
  flex-direction:column;
  padding:var(--bds-space-space-xw8o);
  font-family:var(--bds-font);
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.tree .tr {
  display:flex;
  align-items:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-sm) var(--bds-space-sm);
  border-radius:var(--bds-radius-lg);
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-primary);
  cursor:pointer;
}
.tree .tr .cv {
  font-size:var(--bds-text-footnote-size);
  color:var(--bds-text-third);
  width:10px;
}
.tree .tr.ind {
  padding-left:var(--bds-space-xl);
  color:var(--bds-text-second);
}
.tree .tr.on {
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
}

/* Notification — .notification */
.notification {
  display:flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.notification .nav {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--bds-magenta);
  color:var(--bds-bg-low);
  font-weight:var(--bds-text-body-sm-bold-weight);
  font-size:var(--bds-text-body-sm-bold-size);
}
.notification .nx {
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-primary);
}
.notification .nx b {
  font-weight:var(--bds-text-body-sm-bold-weight);
}
.notification .nt {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
  margin-top:2px;
}
.notification .ndot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--bds-accent);
  flex-shrink:0;
}

/* Toolbar — .toolbar */
.toolbar {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-xs);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-xs);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.toolbar .tbtn {
  width:30px;
  height:30px;
  border:none;
  border-radius:var(--bds-radius-lg);
  background:none;
  color:var(--bds-text-second);
  font-size:var(--bds-text-body-sm-bold-size);
  font-weight:var(--bds-text-body-sm-bold-weight);
  cursor:pointer;
}
.toolbar .tbtn.on {
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
}
.toolbar .tdiv {
  width:1px;
  height:18px;
  background:var(--bds-border-third);
  margin:0 var(--bds-space-xs);
}

/* Combobox — .combobox */
.combobox {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bds-space-md);
  border:var(--bds-border-width-base) solid var(--bds-accent);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm) var(--bds-space-md);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-size);
  cursor:text;
  border-width:var(--bds-border-width-thin);
}
.combobox .cx {
  color:var(--bds-text-third);
}

.combobox {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
  color:var(--bds-text-primary);
}

/* Multiselect — .multiselect */
.multiselect {
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--bds-space-sm);
  border:var(--bds-border-width-thin) solid var(--bds-border-second);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm) var(--bds-space-sm);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
}
.multiselect .ms {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-xs);
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
  border-radius:var(--bds-radius-md);
  padding:var(--bds-space-xs) var(--bds-space-sm);
  font-size:var(--bds-text-caption-semibold-size);
  font-weight:var(--bds-text-caption-semibold-weight);
}
.multiselect .ms i {
  font-style:normal;
  color:var(--bds-text-third);
  cursor:pointer;
}
.multiselect .msph {
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-third);
}

/* Data Table Row — .table-row */
.table-row {
  display:inline-flex;
  align-items:center;
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-size);
  border-bottom:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
  color:var(--bds-text-primary);
}
.table-row .td {
  flex:1;
}
.table-row .nm {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  flex:1.6;
  font-weight:var(--bds-text-body-sm-semibold-weight);
}
.table-row .tav {
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--bds-blue);
  color:var(--bds-bg-low);
  font-size:var(--bds-text-footnote-bold-size);
  font-weight:var(--bds-text-footnote-bold-weight);
}
.table-row .tb-badge {
  font-size:var(--bds-text-footnote-bold-size);
  font-weight:var(--bds-text-footnote-bold-weight);
  color:var(--bds-accent);
  background:color-mix(in srgb,var(--bds-accent) 16%,transparent);
  padding:var(--bds-space-xs) var(--bds-space-sm);
  border-radius:var(--bds-radius-md);
}

/* Progress Steps — .steps */
.steps {
  display:inline-flex;
  align-items:center;
  font-family:var(--bds-font);
}
.steps .sp {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  font-size:var(--bds-text-caption-bold-size);
  font-weight:var(--bds-text-caption-bold-weight);
  background:var(--bds-bg-high);
  color:var(--bds-text-third);
}
.steps .sp.done {
  background:var(--bds-accent);
  color:var(--bds-bg-low);
}
.steps .sp.on {
  background:none;
  border:var(--bds-border-width-thick) solid var(--bds-accent);
  color:var(--bds-accent);
}
.steps .bar {
  width:34px;
  height:2px;
  background:var(--bds-bg-high);
}
.steps .bar.done {
  background:var(--bds-accent);
}

/* Code Block — .code-block */
.code-block {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-xs);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:var(--bds-text-body-sm-size);
  line-height:1.6;
  background:var(--bds-bg-low);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.code-block .ln {
  color:var(--bds-text-primary);
}
.code-block .kw {
  color:var(--bds-magenta);
}
.code-block .vr {
  color:var(--bds-blue);
}
.code-block .st {
  color:var(--bds-accent);
}
.code-block .cm {
  color:var(--bds-text-third);
}

/* Sidebar — .sidebar */
.sidebar {
  display:flex;
  flex-direction:column;
  gap:0;
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-space-xw8o);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.sidebar .nav-item {
  width:auto;
}

/* Top App Bar — .appbar */
.appbar {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.appbar .ab-mark {
  color:var(--bds-accent);
  font-size:var(--bds-text-footnote-size);
}
.appbar .ab-t {
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  color:var(--bds-text-primary);
}
.appbar .ab-sp {
  flex:1;
}
.appbar .ab-ic {
  font-size:var(--bds-text-body-sm-size);
  opacity:.7;
}
.appbar .ab-av {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--bds-accent);
  color:var(--bds-bg-low);
  font-size:var(--bds-text-caption-bold-size);
  font-weight:var(--bds-text-caption-bold-weight);
}

/* Bottom Sheet — .sheet */
.sheet {
  display:flex;
  flex-direction:column;
  border-radius:var(--bds-radius-2xl) var(--bds-radius-2xl) var(--bds-radius-xl) var(--bds-radius-xl);
  padding:var(--bds-space-space-e5hp) var(--bds-space-lg) var(--bds-space-lg);
  font-family:var(--bds-font);
  background:var(--bds-bg-high);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.sheet .grab {
  width:38px;
  height:4px;
  border-radius:var(--bds-radius-full);
  background:var(--bds-bg-low);
  align-self:center;
  margin:var(--bds-space-xs) 0 var(--bds-space-md);
}
.sheet .sh-t {
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  color:var(--bds-text-primary);
  margin-bottom:var(--bds-space-sm);
}
.sheet .mi {
  margin:0 calc(var(--bds-space-sm) * -1);
}
.sheet .sh-ic {
  opacity:.7;
}

.sheet {
  background-color:var(--bds-bg-med);
}

/* Banner — .banner */
.banner {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-size);
  background:color-mix(in srgb,var(--bds-accent) 14%,transparent);
  border:var(--bds-border-width-thin) solid color-mix(in srgb,var(--bds-accent) 35%,transparent);
  color:var(--bds-text-primary);
}
.banner .bn-ic {
  color:var(--bds-accent);
}
.banner .bn-t {
  flex:1;
}
.banner .bn-a {
  font-weight:var(--bds-text-body-sm-bold-weight);
  color:var(--bds-accent);
  cursor:pointer;
}
.banner .bn-x {
  color:var(--bds-text-third);
  cursor:pointer;
}

/* Snackbar — .snackbar */
.snackbar {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-lg);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-sm-size);
  box-shadow:var(--bds-shadow-overlay);
}
.snackbar .sb-a {
  font-weight:var(--bds-text-body-sm-bold-weight);
  color:var(--bds-accent);
  cursor:pointer;
}

.snackbar {
  background-color:var(--bds-bg-med);
  color:var(--bds-text-primary);
}

/* Stat Tile — .stat */
.stat {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-xs);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-lg) var(--bds-space-lg);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.stat .sl2 {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
}
.stat .sv2 {
  font-size:var(--bds-text-lg-black-size);
  font-weight:var(--bds-text-lg-black-weight);
  color:var(--bds-text-primary);
  letter-spacing:-.02em;
}
.stat .sd2 {
  font-size:var(--bds-text-caption-semibold-size);
  font-weight:var(--bds-text-caption-semibold-weight);
  color:var(--bds-accent);
}

/* Stat Comparison — .stat-cmp */
.stat-cmp {
  display:inline-flex;
  align-items:stretch;
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-lg) var(--bds-space-sm);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.stat-cmp .sc {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-xs);
  padding:0 var(--bds-space-lg);
}
.stat-cmp .scl {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
}
.stat-cmp .scv {
  font-size:var(--bds-text-md-black-size);
  font-weight:var(--bds-text-md-black-weight);
  color:var(--bds-text-primary);
}
.stat-cmp .scv.dim {
  color:var(--bds-text-second);
}
.stat-cmp .scsep {
  width:1px;
  background:var(--bds-border-third);
}

/* Calendar Cell — .cal-cell */
.cal-cell {
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-xs);
  width:46px;
  height:46px;
  border-radius:var(--bds-radius-xl);
  font-family:var(--bds-font);
  background:var(--bds-accent);
  cursor:pointer;
}
.cal-cell .cn {
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  color:var(--bds-bg-low);
}
.cal-cell .cdot {
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--bds-bg-low);
}
.cal-cell.bds-off {
  background:transparent;
}
.cal-cell.bds-off .cn {
  color:var(--bds-text-primary);
}
.cal-cell.bds-off .cdot {
  background:var(--bds-accent);
}

/* Media Controls — .media */
.media {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-md);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm) var(--bds-space-lg);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.media .mc2 {
  width:30px;
  height:30px;
  border:none;
  border-radius:50%;
  background:none;
  color:var(--bds-text-primary);
  font-size:var(--bds-text-caption-size);
  cursor:pointer;
}
.media .mc2.play {
  background:var(--bds-accent);
  color:var(--bds-bg-low);
}
.media .mbar {
  flex:1;
  height:4px;
  border-radius:var(--bds-radius-full);
  background:var(--bds-bg-high);
}
.media .mfill {
  width:40%;
  height:100%;
  border-radius:var(--bds-radius-full);
  background:var(--bds-accent);
}
.media .mt {
  font-size:var(--bds-text-footnote-size);
  color:var(--bds-text-third);
}

/* Carousel — .carousel */
.carousel {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--bds-space-md);
  font-family:var(--bds-font);
}
.carousel .cslide {
  display:grid;
  place-items:center;
  width:100%;
  height:120px;
  border-radius:var(--bds-radius-xl);
  background:linear-gradient(135deg,var(--bds-accent),var(--bds-blue));
  color:var(--bds-bg-low);
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
}
.carousel .cdots {
  display:flex;
  gap:var(--bds-space-sm);
}
.carousel .cdd {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--bds-border-third);
}
.carousel .cdd.on {
  background:var(--bds-text-primary);
  width:20px;
  border-radius:var(--bds-radius-full);
}

/* Segmented Icon Tabs — .seg-icon */
.seg-icon {
  display:inline-flex;
  gap:2px;
  padding:var(--bds-space-xs);
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  font-family:var(--bds-font);
}
.seg-icon .sgi {
  display:grid;
  place-items:center;
  width:34px;
  height:30px;
  border-radius:var(--bds-radius-lg);
  color:var(--bds-text-second);
  cursor:pointer;
  font-size:var(--bds-text-body-size);
}
.seg-icon .sgi.on {
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
}

/* Inline Edit — .inline-edit */
.inline-edit {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-sm);
  border-radius:var(--bds-radius-lg);
  padding:var(--bds-space-sm) var(--bds-space-sm);
  font-family:var(--bds-font);
  font-size:var(--bds-text-body-semibold-size);
  font-weight:var(--bds-text-body-semibold-weight);
  color:var(--bds-text-primary);
  border:var(--bds-border-width-thin) dashed transparent;
  cursor:text;
}
.inline-edit .ie-p {
  font-size:var(--bds-text-caption-size);
  color:var(--bds-text-third);
}

.inline-edit:hover {
  border-color:var(--bds-border-third);
}

/* Color Picker — .cpick */
.cpick {
  display:flex;
  align-items:center;
  gap:var(--bds-space-sm);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
}
.cpick .cp-cur {
  width:42px;
  height:42px;
  border-radius:var(--bds-radius-sm);
  background:var(--bds-accent);
  box-shadow:0 0 0 2px var(--bds-bg-low),0 0 0 4px var(--bds-accent);
}
.cpick .cp-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--bds-space-space-xw8o);
}
.cpick .cp-grid span {
  width:20px;
  height:20px;
  border-radius:var(--bds-radius-xs);
  cursor:pointer;
}

/* Time Menu — .time-menu */
.time-menu {
  display:flex;
  flex-direction:column;
  max-height:172px;
  overflow:auto;
  padding:var(--bds-space-space-xw8o);
  border-radius:var(--bds-radius-xl);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  box-shadow:var(--bds-shadow-overlay);
  font-family:var(--bds-font);
  border-width:var(--bds-border-width-thin);
}
.time-menu .mi {
  justify-content:center;
}
.time-menu {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
}

.time-menu {
  background-color:var(--bds-bg-med);
  border-color:var(--bds-border-second);
}

/* Combobox Multi — .combo-multi */
.combo-multi {
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--bds-space-sm);
  border:var(--bds-border-width-base) solid var(--bds-accent);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-sm);
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border-width:var(--bds-border-width-thin);
}
.combo-multi .ms {
  display:inline-flex;
  align-items:center;
  gap:var(--bds-space-xs);
  background:var(--bds-bg-high);
  color:var(--bds-text-primary);
  border-radius:var(--bds-radius-md);
  padding:var(--bds-space-xs) var(--bds-space-sm);
  font-size:var(--bds-text-caption-semibold-size);
  font-weight:var(--bds-text-caption-semibold-weight);
}
.combo-multi .ms i {
  font-style:normal;
  color:var(--bds-text-third);
  cursor:pointer;
}
.combo-multi .msph {
  flex:1;
  min-width:64px;
  font-size:var(--bds-text-body-sm-size);
  color:var(--bds-text-third);
}
.combo-multi svg {
  color:var(--bds-text-third);
}
.combo-multi {
  border-color:var(--bds-border-third);
}

.combo-multi {
  border-color:var(--bds-border-third);
}

/* Tray — .tray */
.tray {
  display:flex;
  flex-direction:column;
  border-radius:var(--bds-radius-2xl);
  overflow:hidden;
  font-family:var(--bds-font);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-second);
  border-width:var(--bds-border-width-thin);
}
.tray-h {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--bds-space-md) var(--bds-space-lg);
  border-bottom:var(--bds-border-width-thin) solid var(--bds-border-second);
}
.tray-t {
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  color:var(--bds-text-primary);
}
.tray-x {
  color:var(--bds-text-second);
  cursor:pointer;
  font-size:var(--bds-text-subhead-size);
}
.tray-b {
  padding:var(--bds-space-lg);
  font-size:var(--bds-text-body-sm-size);
  line-height:1.5;
  color:var(--bds-text-second);
}

.tray {
  border-color:var(--bds-border-second);
}

/* Notification List — .notif-list */
.notif-list {
  display:flex;
  flex-direction:column;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md);
  border-radius:var(--bds-radius-2xl);
  background:var(--bds-bg-low);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  font-family:var(--bds-font);
}
.notif-list .nl-h {
  font-size:var(--bds-text-body-sm-bold-size);
  font-weight:var(--bds-text-body-sm-bold-weight);
  color:var(--bds-text-primary);
  padding:2px var(--bds-space-xs) var(--bds-space-xs);
}
.notif-list .notification {
  width:auto;
}

/* Feature Media Card — .feature-media-card */
.feature-media-card {
  position: relative;
  border-radius: var(--bds-radius-card-xl);
  overflow: hidden;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: var(--bds-card-overlay-deep);
  flex: 1;
}
.feature-media-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.feature-media-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature-media-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(13,27,62,0.25) 0%, rgba(13,27,62,0.72) 100%);
}
.feature-media-card__body {
  position: relative;
  z-index: 2;
  padding: var(--bds-space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-sm);
}
.feature-media-card__eyebrow {
  position: absolute;
  top: var(--bds-space-xl);
  left: var(--bds-space-xl);
  z-index: 3;
  font-size: var(--bds-text-caption-size);
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--bds-text-primary);
  text-transform: uppercase;
}
.feature-media-card__title {
  margin: 0;
  font-size: var(--bds-text-xl-size);
  font-weight: var(--bds-text-xl-weight, 400);
  line-height: 1.15;
  color: var(--bds-text-primary);
  font-family: Georgia, 'Times New Roman', serif;
}
.feature-media-card__desc {
  margin: 0;
  font-size: var(--bds-text-body-size);
  color: var(--bds-text-second);
  line-height: 1.5;
}

.feature-media-card {
  background-color:var(--bds-bg-low);
}

/* New Component — .thing */
.thing {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md) var(--bds-space-lg);
  border-radius:var(--bds-radius-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
  color:var(--bds-text-primary);
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
}

.thing[data-variant="outlined"] {
  background-color:var(--bds-transparent);
  border-color:var(--bds-border-primary)
}

.thing:hover {
  background-color:var(--bds-green);
}

/* New Component — .thing */
.thing {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md) var(--bds-space-lg);
  border-radius:var(--bds-radius-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
  color:var(--bds-text-primary);
  font-family:var(--bds-text-body-bold-font);
  font-size:var(--bds-text-body-bold-size);
  font-weight:var(--bds-text-body-bold-weight);
  line-height:var(--bds-text-body-bold-line);
  letter-spacing:var(--bds-text-body-bold-tracking);
}

.thing[data-variant="secondary"] {
  background-color:var(--bds-accent)
}

/* New Component — .thing */
.thing {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md) var(--bds-space-lg);
  border-radius:var(--bds-radius-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
  color:var(--bds-text-primary);
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
}

.thing[data-size="large"] {
  font-size:var(--bds-text-body-size);
  transform:scale(1.5)
}

.thing:hover {
  background-color:var(--bds-blue);
  border-radius:var(--bds-radius-2xl);
}

.thing:active {
  background-color:var(--bds-neon-pink);
}

/* Logo Bar — .logo-bar */
.logo-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bds-space-lg);
}
.logo-bar__item {
  display: flex;
  align-items: center;
  gap: var(--bds-space-xs);
  font-size: var(--bds-text-body-sm-size, 0.875rem);
  font-weight: 600;
  color: var(--bds-text-third);
  letter-spacing: 0.01em;
  opacity: 0.7;
}

/* New Component — .thing */
.thing {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bds-space-sm);
  padding:var(--bds-space-md) var(--bds-space-lg);
  border-radius:var(--bds-radius-md);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  background:var(--bds-bg-med);
  color:var(--bds-text-primary);
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
}

/* Kuato Wordmark — .kuato-wordmark */
.kuato-wordmark {
  display: flex;
  align-items: center;
  gap: var(--bds-space-xs);
  cursor: pointer;
}
.kuato-wordmark__name {
  font-size: var(--bds-text-lg-size, 1.25rem);
  font-weight: 700;
  color: var(--bds-text-primary);
  letter-spacing: -0.02em;
}

/* Neon Pricing Card — .neon-pricing-card */
.neon-pricing-card {
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-lg);
  padding: var(--bds-space-2xl);
  border-radius: var(--bds-radius-2xl);
  background: var(--bds-neon-pink-subtle, var(--bds-new-dwk1));
  border: var(--bds-border-width-thin) solid var(--bds-neon-pink, var(--bds-magenta));
  box-shadow: var(--bds-shadow-neon-glow-pink, var(--bds-shadow-glow));
  transition: transform 0.2s ease;
  font-family:var(--bds-text-body-font);
  font-size:var(--bds-text-body-size);
  font-weight:var(--bds-text-body-weight);
  line-height:var(--bds-text-body-line);
  letter-spacing:var(--bds-text-body-tracking);
  word-spacing:var(--bds-text-body-word);
  text-transform:var(--bds-text-body-transform);
  font-style:var(--bds-text-body-style);
  text-decoration:var(--bds-text-body-decoration);
}
.neon-pricing-card:hover {
  transform: translateY(-4px);
}
.neon-pricing-card__tier {
  font-size: var(--bds-text-footnote-size);
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--bds-neon-pink, var(--bds-magenta));
}
.neon-pricing-card__price {
  font-size: var(--bds-text-xl-size);
  font-weight: 900;
  line-height: 1;
  color: var(--bds-white);
}
.neon-pricing-card__currency {
  font-size: var(--bds-text-md-size);
  font-weight: 700;
  vertical-align: top;
  margin-top: var(--bds-space-sm);
  display: inline-block;
  color: var(--bds-neon-pink, var(--bds-magenta));
}
.neon-pricing-card__period {
  font-size: var(--bds-text-subhead-size);
  font-weight: 400;
  color: var(--bds-text-second);
}
.neon-pricing-card__desc {
  font-size: var(--bds-text-body-size);
  color: var(--bds-text-second);
  line-height: 1.6;
  margin: 0;
}
.neon-pricing-card__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-sm);
  color: var(--bds-text-primary);
  font-size: var(--bds-text-body-size);
}
.neon-pricing-card__cta {
  margin-top: auto;
  padding: var(--bds-space-md) var(--bds-space-xl);
  border-radius: var(--bds-radius-lg);
  border: var(--bds-border-width-thin) solid var(--bds-neon-pink, var(--bds-magenta));
  background: transparent;
  color: var(--bds-neon-pink, var(--bds-magenta));
  font-weight: 700;
  font-size: var(--bds-text-body-size);
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}
.neon-pricing-card__cta:hover {
  background: color-mix(in srgb, var(--bds-neon-pink) 15%, transparent);
  box-shadow: var(--bds-shadow-neon-glow-pink, var(--bds-shadow-glow));
}

.neon-pricing-card {
  background-color:var(--bds-bg-low);
  border-color:var(--bds-accent);
  box-shadow:var(--bds-shadow-neon-glow-pink);
}

.neon-pricing-card:hover {
  background-color:var(--bds-bg-med);
  box-shadow:var(--bds-shadow-neon-text-glow);
}

/* Image Block — .image-block */
.image-block {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  border-radius: var(--bds-radius-xl);
  overflow: hidden;
}
.image-block__img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
}

/* Testimonial Author Card — .testimonial-author-card */
.testimonial-author-card {
  display:flex;
  align-items:center;
  gap:var(--bds-space-md);
  background:var(--bds-bg-med);
  border:var(--bds-border-width-thin) solid var(--bds-border-third);
  border-radius:var(--bds-radius-xl);
  padding:var(--bds-space-md) var(--bds-space-lg);
  box-shadow:var(--bds-shadow-subtle);
}
.testimonial-author-card__meta {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.testimonial-author-card__name {
  font-family:var(--bds-text-body-sm-font);
  font-size:var(--bds-text-body-sm-size);
  font-weight:var(--bds-text-body-sm-weight);
  line-height:var(--bds-text-body-sm-line);
  color:var(--bds-text-primary);
}
.testimonial-author-card__title {
  font-family:var(--bds-text-caption-font);
  font-size:var(--bds-text-caption-size);
  font-weight:var(--bds-text-caption-weight);
  line-height:var(--bds-text-caption-line);
  color:var(--bds-text-second);
}

/* Neon Eyebrow Badge — .neon-eyebrow-badge */
.neon-eyebrow-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--bds-space-xs);
  padding: var(--bds-space-xs) var(--bds-space-md);
  border-radius: var(--bds-radius-full);
  background: color-mix(in srgb, var(--bds-neon-pink) 12%, transparent);
  border: var(--bds-border-width-thin) solid var(--bds-neon-pink, var(--bds-magenta));
  box-shadow: var(--bds-shadow-neon-glow-pink, var(--bds-shadow-glow));
}
.neon-eyebrow-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--bds-radius-full);
  background: var(--bds-neon-pink, var(--bds-magenta));
  box-shadow: 0 0 6px var(--bds-neon-pink, var(--bds-magenta));
}
.neon-eyebrow-badge__label {
  font-size: var(--bds-text-footnote-size);
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--bds-neon-pink, var(--bds-magenta));
  text-transform: uppercase;
}

/* Neon Pricing Card Featured — .neon-pricing-card-featured */
.neon-pricing-card-featured {
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-lg);
  padding: var(--bds-space-2xl);
  border-radius: var(--bds-radius-2xl);
  background: linear-gradient(135deg, color-mix(in srgb, var(--bds-neon-pink) 18%, transparent) 0%, color-mix(in srgb, var(--bds-neon-pink) 6%, transparent) 100%);
  border: var(--bds-border-width-thick) solid var(--bds-neon-pink, var(--bds-magenta));
  box-shadow: var(--bds-shadow-neon-glow-pink, var(--bds-shadow-glow)), 0 0 120px 20px color-mix(in srgb, var(--bds-neon-pink) 15%, transparent);
  position: relative;
  transform: scale(1.04);
}
.neon-pricing-card-featured__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--bds-space-xs) var(--bds-space-md);
  border-radius: var(--bds-radius-full);
  background: var(--bds-neon-pink, var(--bds-magenta));
  color: var(--bds-white);
  font-size: var(--bds-text-footnote-size);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  align-self: flex-start;
  box-shadow: 0 0 16px color-mix(in srgb, var(--bds-neon-pink) 70%, transparent);
}
.neon-pricing-card-featured__tier {
  font-size: var(--bds-text-footnote-size);
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--bds-neon-pink, var(--bds-magenta));
}
.neon-pricing-card-featured__price {
  font-size: var(--bds-text-xl-size);
  font-weight: 900;
  line-height: 1;
  color: var(--bds-white);
  text-shadow: 0 0 24px color-mix(in srgb, var(--bds-neon-pink) 80%, transparent);
}
.neon-pricing-card-featured__currency {
  font-size: var(--bds-text-md-size);
  font-weight: 700;
  vertical-align: top;
  margin-top: var(--bds-space-sm);
  display: inline-block;
  color: var(--bds-neon-pink, var(--bds-magenta));
}
.neon-pricing-card-featured__period {
  font-size: var(--bds-text-subhead-size);
  font-weight: 400;
  color: var(--bds-text-second);
}
.neon-pricing-card-featured__desc {
  font-size: var(--bds-text-body-size);
  color: var(--bds-text-second);
  line-height: 1.6;
  margin: 0;
}
.neon-pricing-card-featured__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-sm);
  color: var(--bds-text-primary);
  font-size: var(--bds-text-body-size);
}
.neon-pricing-card-featured__cta {
  margin-top: auto;
  padding: var(--bds-space-md) var(--bds-space-xl);
  border-radius: var(--bds-radius-lg);
  border: none;
  background: var(--bds-neon-pink, var(--bds-magenta));
  color: var(--bds-white);
  font-weight: 800;
  font-size: var(--bds-text-body-size);
  letter-spacing: 0.05em;
  cursor: pointer;
  box-shadow: 0 0 24px color-mix(in srgb, var(--bds-neon-pink) 60%, transparent);
  transition: box-shadow 0.2s, transform 0.2s;
}
.neon-pricing-card-featured__cta:hover {
  box-shadow: 0 0 48px color-mix(in srgb, var(--bds-neon-pink) 90%, transparent);
  transform: translateY(-2px);
}