@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.ecu-button{font-family:IBM Plex Sans Condensed,sans-serif;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ecu-button:active{transform:translateY(1px)}.ecu-button:focus-visible{outline:2px solid var(--ecu-focus-ring, #8b8ee0);outline-offset:2px}.ecu-button--sm{font-size:13px;padding:6px 14px}.ecu-button--md{font-size:14px;padding:9px 18px}.ecu-button--lg{font-size:16px;padding:14px 28px;width:100%;border-radius:30px}.ecu-button--solid,.ecu-button--outline{border-radius:10px}.ecu-button--pill{border-radius:999px;border-color:transparent}.ecu-button--outline{background:var(--ecu-surface, #ffffff);color:var(--ecu-ink, #363333);border-color:var(--ecu-border-strong, #363333)}.ecu-button--lavender-beam.ecu-button--solid{background:var(--ecu-lavender-beam, #baaeff);color:var(--ecu-ink, #363333);border-color:var(--ecu-border-strong, #363333)}.ecu-button--lavender-beam.ecu-button--pill{background:var(--ecu-lavender-beam, #baaeff);color:var(--ecu-ink, #363333)}.ecu-button--peony-fizz.ecu-button--solid{background:var(--ecu-peony-fizz, #f2b9e0);color:var(--ecu-ink, #363333);border-color:var(--ecu-border-strong, #363333)}.ecu-button--peony-fizz.ecu-button--pill{background:var(--ecu-peony-fizz, #f2b9e0);color:var(--ecu-ink, #363333)}.ecu-button--marzipan-cloud.ecu-button--solid{background:var(--ecu-marzipan-cloud, #fffae0);color:var(--ecu-ink, #363333);border-color:var(--ecu-border-strong, #363333)}.ecu-button--marzipan-cloud.ecu-button--pill{background:var(--ecu-marzipan-cloud, #fffae0);color:var(--ecu-ink, #363333)}.ecu-button--pistachio-swirl.ecu-button--solid{background:var(--ecu-pistachio-swirl, #bbffdd);color:var(--ecu-ink, #363333);border-color:var(--ecu-border-strong, #363333)}.ecu-button--pistachio-swirl.ecu-button--pill{background:var(--ecu-pistachio-swirl, #bbffdd);color:var(--ecu-ink, #363333)}.ecu-button--lg.ecu-button--outline{background:var(--ecu-surface, #ffffff);border-color:var(--ecu-border-strong, #363333)}.ecu-button--lg.ecu-button--pill.ecu-button--lavender-beam{background:#c2cde7}.ecu-button:hover{box-shadow:0 2px #36333340}.ecu-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ecu-card{border-radius:20px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;font-family:IBM Plex Sans Condensed,sans-serif;font-size:13px;font-weight:600;color:var(--ecu-ink, #353333);transition:transform .15s ease,box-shadow .15s ease;position:relative}.ecu-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3633331f}.ecu-card__accent{width:28px;height:28px;border-radius:999px;background:var(--ecu-surface, #ffffff);margin-bottom:12px}.ecu-card--pistachio-swirl{background:var(--ecu-pistachio-swirl-tint, #eaf9d2)}.ecu-card--marzipan-cloud{background:var(--ecu-marzipan-cloud-tint, #fffae0)}.ecu-card--peony-fizz{background:var(--ecu-peony-fizz-tint, #fae7ef)}.ecu-card--glacier-mist{background:var(--ecu-glacier-mist-tint, #ecf3fe)}.ecu-card--lavender-beam{background:var(--ecu-lavender-beam-tint, #e8e1fa)}.ecu-card--mochi-cream{background:var(--ecu-mochi-cream-tint, #faedff)}.ecu-card--hover-accent.ecu-card--pistachio-swirl{background:var(--ecu-pistachio-swirl, #bbffdd)}.ecu-card--hover-accent.ecu-card--marzipan-cloud{background:var(--ecu-marzipan-cloud, #fffae0)}.ecu-card--hover-accent.ecu-card--peony-fizz{background:var(--ecu-peony-fizz, #f2b9e0)}.ecu-card--hover-accent.ecu-card--glacier-mist{background:var(--ecu-glacier-mist-tint-hover, #eafdfc)}.ecu-card--hover-accent.ecu-card--lavender-beam{background:var(--ecu-lavender-beam, #baaeff)}.ecu-card--hover-accent.ecu-card--mochi-cream{background:#f7e0ff}.ecu-nav{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px}.ecu-nav__item{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:none;background:transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease}.ecu-nav__item svg{width:18px;height:18px}.ecu-nav--light{background:transparent}.ecu-nav--light .ecu-nav__item{color:#353333}.ecu-nav--light .ecu-nav__item--active{background:#e2dffc}.ecu-nav--outline{border:1.5px solid #353333;background:#fff}.ecu-nav--outline .ecu-nav__item{color:#353333}.ecu-nav--outline .ecu-nav__item--active{background:#f0efec}.ecu-nav--dark{background:#1a1a1a}.ecu-nav--dark .ecu-nav__item{color:#fff}.ecu-nav--dark .ecu-nav__item--active{background:#fff;color:#1a1a1a}.ecu-nav__item:focus-visible{outline:2px solid #8b8ee0;outline-offset:2px}.ecu-field{display:flex;flex-direction:column;gap:6px;font-family:IBM Plex Sans Condensed,sans-serif}.ecu-field__label{font-size:13px;font-weight:600;color:#363333}.ecu-input{border-radius:14px;border:1.5px solid #B4B1AD;padding:10px 14px;font-size:14px;font-family:inherit;color:#363333;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.ecu-input::placeholder{color:#857b7b}.ecu-input:focus-visible{outline:none;border-color:#baaeff;box-shadow:0 0 0 3px #baaeff59}.ecu-input--error{border-color:#e9808a}.ecu-input--error:focus-visible{box-shadow:0 0 0 3px #e9808a40}.ecu-input:disabled{background:#f0efec;color:#857b7b;cursor:not-allowed}.ecu-field__hint{font-size:12px;color:#696262}.ecu-field__error{font-size:12px;color:#c0394a}.ecu-badge{display:inline-flex;align-items:center;font-family:IBM Plex Sans Condensed,sans-serif;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;color:var(--ecu-ink, #363333);line-height:1.6}.ecu-badge--lavender-beam{background:var(--ecu-lavender-beam-tint, #e8e1fa)}.ecu-badge--peony-fizz{background:var(--ecu-peony-fizz-tint, #fae7ef)}.ecu-badge--marzipan-cloud{background:var(--ecu-marzipan-cloud-tint, #fffae0)}.ecu-badge--pistachio-swirl{background:var(--ecu-pistachio-swirl-tint, #eaf9d2)}.ecu-badge--gray{background:var(--ecu-gray-tint, #efece6);color:var(--ecu-gray-ink, #696262)}.ecu-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;flex-shrink:0;font-family:IBM Plex Sans Condensed,sans-serif;font-weight:700;color:#363333}.ecu-avatar__img{width:100%;height:100%;object-fit:cover}.ecu-avatar--sm{width:28px;height:28px;font-size:11px}.ecu-avatar--md{width:40px;height:40px;font-size:14px}.ecu-avatar--lg{width:64px;height:64px;font-size:20px}.ecu-avatar--lavender-beam{background:#e8e1fa}.ecu-avatar--peony-fizz{background:#fae7ef}.ecu-avatar--marzipan-cloud{background:#fffae0}.ecu-avatar--pistachio-swirl{background:#eaf9d2}.ecu-theme-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1.5px solid var(--ecu-border, #b4b1ad);background:var(--ecu-surface, #ffffff)}.ecu-theme-switcher__option{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:none;color:var(--ecu-ink-soft, #696262);cursor:pointer;transition:background-color .15s ease,color .15s ease}.ecu-theme-switcher__option:hover{color:var(--ecu-ink, #363333)}.ecu-theme-switcher__option--active{background:var(--ecu-lavender-beam-tint, #e8e1fa);color:var(--ecu-ink, #363333)}.ecu-theme-switcher__option:focus-visible{outline:2px solid var(--ecu-focus-ring, #8b8ee0);outline-offset:2px}[data-ecu-theme=accessible] .ecu-theme-switcher__option--active{background:#000!important;color:#fff!important}:root,[data-ecu-theme=light]{--ecu-ink: #363333;--ecu-ink-soft: #696262;--ecu-muted: #857b7b;--ecu-surface: #ffffff;--ecu-surface-alt: #f0efec;--ecu-border: #b4b1ad;--ecu-border-strong: #363333;--ecu-focus-ring: #8b8ee0;--ecu-error: #e9808a;--ecu-error-strong: #c0394a;--ecu-lavender-beam: #baaeff;--ecu-lavender-beam-tint: #e8e1fa;--ecu-peony-fizz: #f2b9e0;--ecu-peony-fizz-tint: #fae7ef;--ecu-marzipan-cloud: #fffae0;--ecu-marzipan-cloud-tint: #fffae0;--ecu-pistachio-swirl: #bbffdd;--ecu-pistachio-swirl-tint: #eaf9d2;--ecu-glacier-mist-tint: #ecf3fe;--ecu-glacier-mist-tint-hover: #eafdfc;--ecu-mochi-cream-tint: #faedff;--ecu-gray-tint: #efece6;--ecu-gray-ink: #696262}[data-ecu-theme=dark]{--ecu-ink: #f0eef5;--ecu-ink-soft: #c9c5d6;--ecu-muted: #9a95ad;--ecu-surface: #16151c;--ecu-surface-alt: #201f2b;--ecu-border: #6b5a9e;--ecu-border-strong: #f0eef5;--ecu-focus-ring: #b9a8e8;--ecu-error: #ff9aa8;--ecu-error-strong: #ff7a8c;--ecu-lavender-beam: #baaeff;--ecu-lavender-beam-tint: #2a2740;--ecu-peony-fizz: #f2b9e0;--ecu-peony-fizz-tint: #332430;--ecu-marzipan-cloud: #ffe680;--ecu-marzipan-cloud-tint: #33301a;--ecu-pistachio-swirl: #a8e0b8;--ecu-pistachio-swirl-tint: #223326;--ecu-glacier-mist-tint: #1e2c33;--ecu-glacier-mist-tint-hover: #223540;--ecu-mochi-cream-tint: #2c2438;--ecu-gray-tint: #29262f;--ecu-gray-ink: #9a95ad}[data-ecu-theme=accessible]{--ecu-ink: #000000;--ecu-ink-soft: #1a1a1a;--ecu-muted: #333333;--ecu-surface: #ffffff;--ecu-surface-alt: #ffffff;--ecu-border: #000000;--ecu-border-strong: #000000;--ecu-focus-ring: #000000;--ecu-error: #000000;--ecu-error-strong: #000000;--ecu-lavender-beam: #ffffff;--ecu-lavender-beam-tint: #ffffff;--ecu-peony-fizz: #ffffff;--ecu-peony-fizz-tint: #ffffff;--ecu-marzipan-cloud: #ffffff;--ecu-marzipan-cloud-tint: #ffffff;--ecu-pistachio-swirl: #ffffff;--ecu-pistachio-swirl-tint: #ffffff;--ecu-glacier-mist-tint: #ffffff;--ecu-glacier-mist-tint-hover: #ffffff;--ecu-mochi-cream-tint: #ffffff;--ecu-gray-tint: #ffffff;--ecu-gray-ink: #000000}[data-ecu-theme=accessible] .ecu-button,[data-ecu-theme=accessible] .ecu-badge,[data-ecu-theme=accessible] .ecu-card,[data-ecu-theme=accessible] .ecu-avatar{background:#fff!important;border:1.5px solid #000000!important;color:#000!important}[data-ecu-theme=accessible] *{animation-duration:.001ms!important;transition-duration:.001ms!important}:root{--paper: #f0efec;--ink: #363333;--ink-soft: #696262;--border: #363333;--purple: #baaeff;--purple-tint: #e8e1fa;--pink: #f2b9e0;--pink-tint: #fae7ef;--yellow: #fffae0;--green: #bbffdd;--green-tint: #eaf9d2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans Condensed,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:880px;margin:0 auto;padding:72px 24px 48px}.hero{text-align:left;margin-bottom:56px}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.08em;text-transform:lowercase;color:var(--ink-soft);margin:0 0 12px;display:flex;align-items:center;gap:6px}.eyebrow__mark{width:12px;height:12px;display:inline-block}.wordmark{font-size:clamp(48px,9vw,88px);font-weight:700;line-height:1;margin:0 0 20px;color:var(--ink);letter-spacing:-.02em}.tagline{font-size:19px;line-height:1.5;color:var(--ink-soft);max-width:560px;margin:0 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cta-link{text-decoration:none;min-width:160px}.cta-link button{width:100%}.install-snippet{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:14px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:8px 14px}.demo-frame{background:var(--ecu-surface, #ffffff);color:var(--ecu-ink, #363333);border:3px solid var(--ecu-border-strong, var(--border));border-radius:24px;box-shadow:8px 8px 0 0 var(--ecu-border-strong, var(--border));padding:24px;margin-bottom:64px;transition:background-color .2s ease,color .2s ease}.demo-frame__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.demo-frame__toggle{display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px}.demo-frame__toggle-label{color:var(--ecu-ink-soft, var(--ink-soft))}.demo-frame__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}@media (max-width: 640px){.demo-frame__grid{grid-template-columns:1fr}}.demo-frame__col{display:flex;flex-direction:column;gap:16px}.demo-frame__row{display:flex;flex-wrap:wrap;gap:10px}.demo-frame__card-body{display:flex;align-items:center;gap:10px}.demo-frame .ecu-field__label{color:var(--ecu-ink, #363333)}.components-list{margin-bottom:64px}.components-list h2{font-size:22px;margin-bottom:20px}.components-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.components-list li{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--ink-soft)}.footer{border-top:1.5px solid var(--border);padding-top:24px;font-size:14px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer a{color:var(--ink);font-weight:600}.footer-links{display:flex;gap:16px}.footer-links a{text-decoration:none;border-bottom:1.5px solid var(--purple)}