:root{--fd-site-max:1200px;--fd-section-pad-y:clamp(72px, 9vw, 128px);--fd-radius-section:22px;--fd-shadow-soft:0 1px 0 #0f172a0a, 0 6px 24px -16px #0f172a1f;--fd-shadow-elev:0 1px 0 #0f172a0a, 0 18px 60px -32px #0f172a38;--fd-line:#0f172a14;--fd-line-soft:#0f172a0d;--fd-page-bg:var(--fd-color-neutral-cream);--fd-surface-card:#fff;--fd-text-strong:var(--fd-color-neutral-charcoal);--fd-text-muted:var(--fd-color-neutral-blue-gray);--fd-text-subtle:#475569}html,body{max-width:100vw;overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fd-page-bg);color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-body);font-feature-settings:"ss01", "cv11";font-size:var(--fd-font-size-body);line-height:var(--fd-line-height-body);min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}code,pre{font-family:var(--font-geist-mono), var(--fd-font-mono)}::selection{color:var(--fd-text-strong);background:#5ec5512e}.skip-link{background:var(--fd-text-strong);border-radius:var(--fd-radius-md);color:var(--fd-color-neutral-almost-white);z-index:100;padding:10px 14px;position:absolute;top:-120px;left:16px}.skip-link:focus-visible{outline:2px solid var(--fd-color-brand-green);outline-offset:2px;top:16px}.fd-skeleton{background:color-mix(in srgb, var(--fd-line-soft) 72%, var(--fd-surface-card));border:1px solid var(--fd-line-soft);border-radius:var(--fd-radius-md);animation:1.4s ease-in-out infinite fd-skeleton-pulse;display:block}.fd-skeleton--brand{width:148px;height:30px}.fd-skeleton--nav-link{width:92px;height:14px}.fd-skeleton--nav-action{width:118px;height:40px}.fd-loading-hero{max-width:var(--fd-site-max);grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-items:center;gap:clamp(32px,5vw,72px);min-height:calc(100vh - 64px);margin:0 auto;padding:80px 24px;display:grid}.fd-loading-hero__copy,.fd-loading-panel,.fd-product-card--loading{gap:var(--fd-space-4);display:grid}.fd-loading-hero__copy{max-width:620px}.fd-loading-hero__actions{gap:var(--fd-space-3);margin-top:var(--fd-space-2);flex-wrap:wrap;display:flex}.fd-skeleton--eyebrow{width:96px;height:12px}.fd-skeleton--title{width:min(420px,82vw);height:clamp(52px,7vw,82px)}.fd-skeleton--product-title{width:min(280px,70vw);height:clamp(42px,6vw,64px)}.fd-skeleton--lede,.fd-skeleton--product-lede{width:min(560px,100%);height:18px}.fd-skeleton--button{width:148px;height:44px}.fd-skeleton--button-muted{width:132px;height:44px}.fd-loading-panel{background:var(--fd-surface-card);border:1px solid var(--fd-line);box-shadow:var(--fd-shadow-soft);min-height:360px;padding:var(--fd-space-6);border-radius:18px}.fd-skeleton--panel-row{width:100%;height:18px}.fd-skeleton--panel-row-short{width:64%;height:18px}.fd-skeleton--card-title{width:48%;height:22px}@keyframes fd-skeleton-pulse{0%,to{opacity:.54}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.fd-skeleton{animation:none}.fd-nav__links a,.fd-nav__mobile-menu__links a,.fd-nav__mobile-menu__links a:after{transition:none}}.fd-nav{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:color-mix(in srgb, var(--fd-page-bg) 80%, transparent);border-bottom:1px solid var(--fd-line);z-index:30;position:sticky;top:0}.fd-nav__inner{height:64px;max-width:var(--fd-site-max);align-items:center;gap:32px;margin:0 auto;padding:0 24px;display:flex}.fd-nav__brand{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.01em;flex:none;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.fd-nav__brand-mark{background:var(--fd-text-strong);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.fd-nav__brand-mark span{background:var(--fd-color-brand-green);border-radius:4px;width:8px;height:8px}.fd-nav__links{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.fd-nav__links a{color:var(--fd-text-muted);border:1px solid #0000;border-radius:9999px;align-items:center;min-height:34px;padding:0 13px;font-size:14px;font-weight:500;transition:background .14s,border-color .14s,box-shadow .14s,color .14s;display:inline-flex;position:relative}.fd-nav__links a:hover,.fd-nav__links a:focus-visible{background:color-mix(in srgb, var(--fd-surface-card) 78%, transparent);border-color:color-mix(in srgb, var(--fd-line) 78%, transparent);color:var(--fd-text-strong)}.fd-nav__links a:focus-visible{outline:2px solid var(--fd-focus-ring);outline-offset:2px}.fd-nav__links a[data-active=true]{background:color-mix(in srgb, var(--fd-surface-card) 82%, transparent);border-color:color-mix(in srgb, var(--fd-text-strong) 12%, var(--fd-line));color:var(--fd-text-strong);box-shadow:inset 0 1px #ffffffb8,0 12px 30px -28px #0f172a6b}.fd-nav__links a[data-active=true]:before{background:color-mix(in srgb, var(--fd-text-strong) 72%, var(--fd-color-brand-green));content:"";border-radius:9999px;width:18px;height:2px;position:absolute;inset-block-end:5px;inset-inline-start:50%;transform:translate(-50%)}.fd-nav__actions{flex:none;align-items:center;gap:10px;display:flex}.fd-nav__menu{justify-content:center;align-items:center;display:none}.fd-nav__menu,.fd-nav__menu:active,.fd-nav__menu:focus-visible{border:1px solid #0000}.fd-nav__menu{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:var(--fd-glass-surface-strong);border:1px solid var(--fd-glass-border-soft);box-shadow:inset 0 1px 0 var(--fd-glass-highlight);color:var(--fd-text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:none}.fd-nav__menu:hover,.fd-nav__menu:focus-visible{color:var(--fd-text-strong)}.fd-nav__menu:focus-visible{outline:2px solid var(--fd-color-brand-green);outline-offset:1px}.fd-nav__menu svg{display:block}.fd-nav__mobile-menu{z-index:80;position:fixed;inset:0}.fd-nav__mobile-menu__backdrop{background:color-mix(in srgb, var(--fd-color-neutral-charcoal) 42%, transparent);border:0;position:absolute;inset:0}.fd-nav__mobile-menu__panel{-webkit-backdrop-filter:blur(var(--fd-glass-blur-strong)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-strong)) saturate(var(--fd-glass-saturation));background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-card) 94%, transparent), color-mix(in srgb, var(--fd-background) 90%, var(--fd-surface-card))), var(--fd-glass-surface-raised);border-right:1px solid var(--fd-glass-border-soft);box-shadow:var(--fd-shadow-modal);gap:var(--fd-space-5);max-width:360px;height:100%;padding:var(--fd-space-5);transform-origin:0;grid-template-rows:auto minmax(0,1fr) auto;width:min(86vw,360px);display:grid;position:relative;overflow:hidden}.fd-nav__mobile-menu__header{color:var(--fd-text-strong);padding-bottom:var(--fd-space-4);justify-content:space-between;align-items:center;display:flex;position:relative}.fd-nav__mobile-menu__header:after{background:linear-gradient(90deg, color-mix(in srgb, var(--fd-color-brand-green) 30%, var(--fd-line)), var(--fd-line-soft));content:"";bottom:0;height:1px;position:absolute;inset-inline:0}.fd-nav__mobile-menu__header strong{font-size:18px;font-weight:var(--fd-font-weight-semibold);letter-spacing:-.012em;line-height:1.2;display:block}.fd-nav__mobile-menu__eyebrow{color:var(--fd-text-subtle);font-size:11px;font-weight:var(--fd-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;display:block}.fd-nav__mobile-menu__links{align-content:start;gap:var(--fd-space-2);min-width:0;padding-right:2px;display:grid;overflow-y:auto}.fd-nav__mobile-menu__links a{border-radius:var(--fd-radius-lg);color:var(--fd-text-muted);font-size:15px;font-weight:var(--fd-font-weight-medium);min-height:48px;padding:0 var(--fd-space-4);border:1px solid #0000;justify-content:flex-start;align-items:center;transition:background .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:flex;position:relative}.fd-nav__mobile-menu__links a:after{content:none}.fd-nav__mobile-menu__links a:hover,.fd-nav__mobile-menu__links a:focus-visible{background:color-mix(in srgb, var(--fd-surface-card) 74%, transparent);color:var(--fd-text-strong);border-color:#0000;transform:none}.fd-nav__mobile-menu__links a:focus-visible{outline:2px solid var(--fd-focus-ring);outline-offset:2px}.fd-nav__mobile-menu__links a[data-active=true]{background:color-mix(in srgb, var(--fd-surface-card) 86%, transparent);border-color:color-mix(in srgb, var(--fd-text-strong) 12%, var(--fd-line));color:var(--fd-text-strong);box-shadow:inset 0 1px #ffffffad,0 10px 28px -24px #0f172a6b}.fd-nav__mobile-menu__links a[data-active=true]:after{content:none}.fd-nav__mobile-menu__cta{background:var(--fd-text-strong);color:var(--fd-color-neutral-almost-white);font-size:14px;font-weight:var(--fd-font-weight-semibold);border-radius:12px;justify-content:center;align-items:center;min-height:48px;display:flex;box-shadow:0 18px 42px -28px #0f172a8c}.fd-nav__mobile-menu__close{background:color-mix(in srgb, var(--fd-surface-card) 82%, transparent);border:1px solid var(--fd-line-soft);color:var(--fd-text-muted);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.fd-nav__mobile-menu__close:hover,.fd-nav__mobile-menu__close:focus-visible{background:var(--fd-surface-card);border-color:var(--fd-line);color:var(--fd-text-strong)}.fd-nav__mobile-menu__close:focus-visible{outline:2px solid var(--fd-focus-ring);outline-offset:2px}.fd-product-page{padding:0}.fd-product-hero{gap:var(--fd-space-8);max-width:var(--fd-site-max);padding:var(--fd-space-10) var(--fd-space-6) var(--fd-space-12);margin:0 auto;display:grid}.fd-product-hero__header,.fd-product-hero__grid,.fd-product-preview{width:100%}.fd-product-hero__title{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.035em;font-size:clamp(38px,5.6vw,64px);font-weight:600;line-height:1}.fd-product-hero__lede{color:var(--fd-text-muted);max-width:min(760px,100%);margin-top:12px;font-size:clamp(18px,2.7vw,22px);line-height:1.5}.fd-product-hero__actions{align-items:center;gap:var(--fd-space-3);margin-top:var(--fd-space-4);flex-wrap:wrap;display:flex}.fd-product-hero__button{flex:none;min-height:44px}.fd-product-hero__meta{color:var(--fd-text-subtle);gap:var(--fd-space-3);margin-top:var(--fd-space-6);display:grid}.fd-product-hero__meta strong{color:var(--fd-text-strong)}.fd-product-hero__grid{background:var(--fd-surface-card);border:1px solid var(--fd-line);box-shadow:var(--fd-shadow-soft);gap:var(--fd-space-5);padding:var(--fd-space-5);border-radius:16px;display:grid;overflow:hidden}.fd-product-card{background:var(--fd-surface-sunken);border:1px solid var(--fd-line-soft);padding:var(--fd-space-4);border-radius:14px}.fd-product-card h2{color:var(--fd-text-strong);font-size:var(--fd-font-size-body-large);margin-bottom:var(--fd-space-2)}.fd-product-list{gap:var(--fd-space-2);margin-top:var(--fd-space-3);padding-left:0;list-style:none;display:grid}.fd-product-list li{background:var(--fd-color-neutral-white);border:1px solid var(--fd-line-soft);color:var(--fd-text-muted);border-radius:10px;padding:12px 14px}.fd-nav__icon{border:1px solid var(--fd-line);color:var(--fd-text-muted);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.fd-nav__icon:hover{background:var(--fd-surface-card);color:var(--fd-text-strong);border-color:#0f172a24}.fd-cta{background:var(--fd-text-strong);color:var(--fd-color-neutral-almost-white);border-radius:9999px;align-items:center;gap:6px;height:36px;padding:0 14px 0 16px;font-size:13px;font-weight:500;transition:background .14s,color .14s;display:inline-flex}.fd-cta:hover{background:var(--fd-color-neutral-slate)}.fd-cta svg{transition:transform .16s}.fd-cta:hover svg{transform:translate(1px,-1px)}.fd-hero{padding:clamp(48px,7vw,88px) 24px clamp(56px,8vw,96px)}.fd-hero__inner{max-width:var(--fd-site-max);grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(40px,6vw,80px);margin:0 auto;display:grid}.fd-hero__copy{gap:24px;display:grid}.fd-eyebrow{color:var(--fd-text-subtle);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.fd-eyebrow__dot{background:var(--fd-color-brand-green);border-radius:9999px;width:6px;height:6px;display:inline-block}.fd-hero__title{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.035em;font-size:clamp(56px,9vw,104px);font-weight:600;line-height:.94}.fd-hero__lede{color:var(--fd-text-strong);letter-spacing:-.012em;max-width:520px;font-size:clamp(20px,2.6vw,26px);font-weight:500;line-height:1.32}.fd-hero__body{color:var(--fd-text-muted);max-width:540px;font-size:16px;line-height:1.65}.fd-hero__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.fd-button{border-radius:10px;align-items:center;gap:6px;height:44px;padding:0 18px;font-size:14px;font-weight:500;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.fd-button--primary{background:var(--fd-text-strong);color:var(--fd-color-neutral-almost-white)}.fd-button--primary:hover{background:var(--fd-color-neutral-slate)}.fd-button--ghost{color:var(--fd-text-strong);background:0 0;border:1px solid #0f172a24}.fd-button--ghost:hover{background:var(--fd-surface-card);border-color:#0f172a38}.fd-button:focus-visible{outline:2px solid var(--fd-color-brand-green);outline-offset:2px}.fd-hero__meta{border-top:1px solid var(--fd-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px;padding-top:24px;display:grid}.fd-hero__meta dt{color:var(--fd-text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.fd-hero__meta dd{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.015em;margin-top:4px;font-size:22px;font-weight:600}.fd-hero__visual{position:relative}.fd-visual{background:var(--fd-surface-card);border:1px solid var(--fd-line);box-shadow:var(--fd-shadow-elev);border-radius:18px;overflow:hidden}.fd-visual__chrome{border-bottom:1px solid var(--fd-line-soft);background:linear-gradient(#0f172a06,#0f172a04);align-items:center;gap:6px;padding:14px 16px;display:flex}.fd-visual__chrome-dot{background:#0f172a1f;border-radius:9999px;width:9px;height:9px}.fd-visual__chrome-dot:first-child{background:var(--fd-color-brand-green)}.fd-visual__chrome-title{color:var(--fd-text-subtle);font-family:var(--font-geist-mono), var(--fd-font-mono);margin-left:12px;font-size:12px}.fd-visual__body{gap:20px;padding:22px 22px 20px;display:grid}.fd-visual__group{gap:12px;display:grid}.fd-visual__group-label{color:var(--fd-text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.fd-visual__swatches{gap:8px;display:grid}.fd-swatch{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line-soft);border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.fd-swatch__chip{border:1px solid #0f172a14;border-radius:6px;width:24px;height:24px}.fd-swatch__name{color:var(--fd-text-strong);font-size:13px;font-weight:500}.fd-swatch__hex{color:var(--fd-text-subtle);font-family:var(--font-geist-mono), var(--fd-font-mono);font-size:12px}.fd-visual__footer{gap:8px;padding-top:8px;display:flex}.fd-visual__pill{background:var(--fd-color-neutral-pale-green);color:var(--fd-color-brand-green-active);border:1px solid #5ec55138;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.fd-visual__pill--ghost{background:var(--fd-color-neutral-mist);border-color:var(--fd-line-soft);color:var(--fd-text-muted)}.fd-visual__dot{background:var(--fd-color-brand-green);border-radius:9999px;width:6px;height:6px}.fd-section{padding:var(--fd-section-pad-y) 24px}.fd-section--quiet{background:linear-gradient(180deg, var(--fd-surface-card) 0%, var(--fd-page-bg) 100%);border-block:1px solid var(--fd-line)}.fd-section--accent{background:var(--fd-text-strong);color:var(--fd-color-neutral-almost-white)}.fd-section--cta{padding-bottom:clamp(80px,9vw,112px)}.fd-section__inner{max-width:var(--fd-site-max);margin:0 auto}.fd-section__head{gap:14px;max-width:720px;margin-bottom:56px;display:grid}.fd-section__head h2{color:inherit;font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.024em;font-size:clamp(32px,4.4vw,52px);font-weight:600;line-height:1.05}.fd-section__head p{color:var(--fd-text-muted);max-width:600px;font-size:17px;line-height:1.6}.fd-section--accent .fd-section__head p{color:#f8faf7c7}.fd-section--accent .fd-eyebrow{color:#f8faf7b3}.fd-section--accent .fd-eyebrow__dot{background:var(--fd-color-brand-green)}.fd-grid{gap:16px;display:grid}.fd-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-feature{background:var(--fd-surface-card);border:1px solid var(--fd-line);border-radius:14px;gap:12px;padding:24px;transition:border-color .16s,transform .16s;display:grid}.fd-feature:hover{border-color:#0f172a29;transform:translateY(-1px)}.fd-feature__icon{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line-soft);color:var(--fd-text-strong);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.fd-feature h3{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.012em;font-size:17px;font-weight:600}.fd-feature p{color:var(--fd-text-muted);font-size:14.5px;line-height:1.6}.fd-principles{border-top:1px solid var(--fd-line)}.fd-principle{border-bottom:1px solid var(--fd-line);grid-template-columns:96px 1fr;align-items:start;gap:24px;padding:28px 0;display:grid}.fd-principle__index{color:var(--fd-color-brand-green-active);font-family:var(--font-geist-mono), var(--fd-font-mono);letter-spacing:.04em;font-size:13px;font-weight:500}.fd-principle h3{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.015em;margin-bottom:6px;font-size:22px;font-weight:600}.fd-principle p{color:var(--fd-text-muted);max-width:640px;font-size:16px;line-height:1.6}.fd-token-block{background:var(--fd-surface-card);border:1px solid var(--fd-line);border-radius:16px;padding:28px}.fd-token-block+.fd-token-block{margin-top:16px}.fd-token-row{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.fd-token-head{border-bottom:1px solid var(--fd-line-soft);color:var(--fd-text-subtle);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;font-size:12px;font-weight:600;display:flex}.fd-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fd-color-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.fd-color{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line-soft);border-radius:12px;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:12px 14px;display:grid}.fd-color__chip{border:1px solid #0f172a14;border-radius:8px;width:40px;height:40px}.fd-color__meta{gap:2px;display:grid}.fd-color__name{color:var(--fd-text-strong);font-size:13.5px;font-weight:500}.fd-color__hex,.fd-color__token{font-family:var(--font-geist-mono), var(--fd-font-mono);font-size:11.5px}.fd-color__hex{color:var(--fd-text-muted)}.fd-color__token{color:var(--fd-text-subtle)}.fd-type-scale{gap:14px;display:grid}.fd-type-row{grid-template-columns:96px 1fr;align-items:baseline;gap:16px;display:grid}.fd-type-sample{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.02em;font-weight:500;line-height:1}.fd-type-meta{gap:2px;display:grid}.fd-type-meta span{color:var(--fd-text-strong);font-size:13.5px;font-weight:500}.fd-type-meta code{color:var(--fd-text-subtle);font-size:11.5px}.fd-spacing-scale{gap:8px;margin-bottom:24px;display:grid}.fd-space-row{grid-template-columns:56px 1fr;align-items:center;gap:14px;display:grid}.fd-space-bar{background:var(--fd-color-brand-green);border-radius:4px;height:10px;display:inline-block}.fd-space-label{color:var(--fd-text-muted);font-family:var(--font-geist-mono), var(--fd-font-mono);font-size:12px}.fd-radius-row{border-top:1px solid var(--fd-line-soft);flex-wrap:wrap;gap:14px;padding-top:18px;display:flex}.fd-radius{justify-items:center;gap:6px;display:grid}.fd-radius__sample{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line);width:40px;height:40px;display:inline-block}.fd-radius__label{color:var(--fd-text-subtle);font-family:var(--font-geist-mono), var(--fd-font-mono);font-size:11px}.fd-enterui{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;display:grid}.fd-enterui__copy{gap:24px;display:grid}.fd-enterui__copy h2{color:var(--fd-color-neutral-almost-white);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.024em;font-size:clamp(34px,4.4vw,52px);font-weight:600;line-height:1.05}.fd-enterui__copy p{color:#f8faf7c7;max-width:520px;font-size:17px;line-height:1.65}.fd-section--accent .fd-button--primary{background:var(--fd-color-brand-green);color:var(--fd-color-neutral-charcoal)}.fd-section--accent .fd-button--primary:hover{background:var(--fd-color-brand-green-hover)}.fd-section--accent .fd-button--ghost{color:var(--fd-color-neutral-almost-white);border-color:#f8faf72e}.fd-section--accent .fd-button--ghost:hover{background:#f8faf70f;border-color:#f8faf752}.fd-stat-grid{border-top:1px solid #f8faf71f;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:12px;padding-top:24px;display:grid}.fd-stat-grid dt{color:#f8faf799;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.fd-stat-grid dd{color:var(--fd-color-neutral-almost-white);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.012em;margin-top:4px;font-size:22px;font-weight:600}.fd-enterui__code{gap:14px;display:grid}.fd-code{background:#0f172a8c;border:1px solid #f8faf714;border-radius:14px;overflow:hidden}.fd-code__head{color:#f8faf7b3;font-family:var(--font-geist-mono), var(--fd-font-mono);background:#0f172a73;border-bottom:1px solid #f8faf714;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.fd-code pre{color:#f8faf7eb;font-family:var(--font-geist-mono), var(--fd-font-mono);margin:0;padding:18px;font-size:13.5px;line-height:1.6;overflow-x:auto}.fd-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.fd-preview{background:var(--fd-surface-card);border:1px solid var(--fd-line);border-radius:14px;grid-template-rows:auto 1fr;display:grid}.fd-preview--wide{grid-column:span 2}.fd-preview__head{border-bottom:1px solid var(--fd-line-soft);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.fd-preview__head span{color:var(--fd-text-strong);letter-spacing:-.005em;font-size:13px;font-weight:600}.fd-preview__head code{color:var(--fd-text-subtle);font-size:11.5px}.fd-preview__body{background:var(--fd-color-neutral-mist);border-radius:0 0 14px 14px;flex-wrap:wrap;align-items:center;gap:10px;min-height:180px;padding:28px;display:flex}.fd-preview__row{flex-wrap:wrap;align-items:center;gap:10px}.fd-preview__stack{gap:12px;width:100%;display:grid}.fd-preview__inline{color:var(--fd-text-strong);align-items:center;gap:10px;font-size:14px;display:inline-flex}.fd-preview__inline label{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fd-preview .eui-card,.fd-preview .eui-field{width:100%}.fd-dialog-preview{border-radius:12px;width:100%;position:relative;overflow:hidden}.fd-dialog-preview__overlay{background:#0f172a52;width:100%;height:100%;position:absolute;inset:0}.fd-dialog-preview__content{background:var(--fd-surface-card);border:1px solid var(--fd-line);box-shadow:var(--fd-shadow-elev);z-index:1;border-radius:14px;gap:18px;max-width:460px;margin:32px auto;padding:24px;display:grid;position:relative}.fd-dialog-preview__head h3{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.012em;font-size:18px;font-weight:600}.fd-dialog-preview__head p{color:var(--fd-text-muted);margin-top:6px;font-size:14px;line-height:1.55}.fd-dialog-preview__form{gap:8px;display:grid}.fd-dialog-preview__label{color:var(--fd-text-strong);font-size:12.5px;font-weight:500}.fd-dialog-preview__field{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line);border-radius:10px;height:80px;display:block}.fd-dialog-preview__footer{justify-content:flex-end;gap:8px;display:flex}.fd-dialog-preview__btn{border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.fd-dialog-preview__btn--ghost{border:1px solid var(--fd-line);color:var(--fd-text-strong)}.fd-dialog-preview__btn--primary{background:var(--fd-text-strong);color:var(--fd-color-neutral-almost-white)}.fd-resource{background:var(--fd-surface-card);border:1px solid var(--fd-line);border-radius:14px;grid-template-columns:36px 1fr 18px;align-items:start;gap:16px;padding:24px;transition:border-color .16s,transform .16s;display:grid}.fd-resource:hover{border-color:#0f172a2e;transform:translateY(-1px)}.fd-resource__icon{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line-soft);color:var(--fd-text-strong);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.fd-resource h3{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:600}.fd-resource p{color:var(--fd-text-muted);font-size:14px;line-height:1.55}.fd-resource__arrow{color:var(--fd-text-subtle);margin-top:2px;transition:transform .16s}.fd-resource:hover .fd-resource__arrow{color:var(--fd-text-strong);transform:translate(2px,-2px)}.fd-final{background:var(--fd-color-neutral-mist);border:1px solid var(--fd-line);text-align:center;border-radius:22px;place-items:center;gap:18px;padding:clamp(40px,6vw,72px) 24px;display:grid}.fd-final svg{color:var(--fd-color-brand-green-active)}.fd-final h2{color:var(--fd-text-strong);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.022em;max-width:720px;font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.1}.fd-final p{color:var(--fd-text-muted);max-width:580px;font-size:16px;line-height:1.6}.fd-final .fd-hero__actions{justify-content:center}.fd-home{background:var(--fd-page-bg);color:var(--fd-text-strong)}.fd-home section{scroll-margin-top:96px}.fd-home-hero,.fd-home-section,.fd-home-closing,.fd-home-footer{max-width:var(--fd-site-max);padding-inline:var(--fd-space-6);margin:0 auto}.fd-home-hero{min-height:calc(100vh - 64px);padding-block:clamp(72px, 10vw, 132px) var(--fd-space-20);grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:center;gap:clamp(40px,6vw,84px);display:grid}.fd-home-hero__content,.fd-home-section__head,.fd-home-enterui__content,.fd-home-closing>div:first-child{gap:var(--fd-space-4);min-width:0;display:grid}.fd-home-kicker{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-2);letter-spacing:.04em;line-height:var(--fd-line-height-caption);text-transform:uppercase;display:inline-flex}.fd-home-kicker span{background:var(--fd-color-brand-green);border-radius:var(--fd-radius-full);box-shadow:0 0 0 4px color-mix(in srgb, var(--fd-color-brand-green) 12%, transparent);width:7px;height:7px;display:inline-block}.fd-home-hero h1,.fd-home-section h2,.fd-home-closing h2{color:var(--fd-foreground);font-family:var(--font-geist-sans), var(--fd-font-heading);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;margin:0}.fd-home-hero h1{font-size:clamp(44px,7vw,76px);line-height:.98}.fd-home-hero__lede{color:var(--fd-foreground);max-width:680px;margin:0;font-size:clamp(20px,2vw,26px);line-height:1.36}.fd-home-section__head p,.fd-home-enterui__content p,.fd-home-closing p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-body);max-width:760px;margin:0}.fd-home-hero__actions,.fd-home-closing__actions,.fd-home-component-actions{align-items:center;gap:var(--fd-space-3);flex-wrap:wrap;display:flex}.fd-home-button{border-radius:var(--fd-radius-md);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-2);min-height:44px;padding:0 var(--fd-space-4);-webkit-user-select:none;user-select:none;justify-content:center;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.fd-home-button:hover{transform:translateY(-1px)}.fd-home-button:focus-visible,.fd-home-resource-card:focus-visible{box-shadow:var(--fd-shadow-focus);outline:0}.fd-home-button--primary{background:var(--fd-primary);border:1px solid var(--fd-primary);box-shadow:var(--fd-shadow-floating-button);color:var(--fd-primary-foreground)}.fd-home-button--primary:hover{background:var(--fd-primary-hover);border-color:var(--fd-primary-hover)}.fd-home-button--secondary{background:var(--fd-surface-raised);border:1px solid var(--fd-border);color:var(--fd-foreground)}.fd-home-button--secondary:hover{background:var(--fd-secondary);border-color:var(--fd-input)}.fd-home-system-preview{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-2xl);box-shadow:var(--fd-shadow-card-elevated);gap:var(--fd-space-4);min-width:0;padding:var(--fd-space-5);display:grid;overflow:hidden}.fd-home-system-preview__top,.fd-home-surface-preview,.fd-home-dashboard-preview__header,.fd-home-resource-card__top{align-items:center;gap:var(--fd-space-3);justify-content:space-between;min-width:0;display:flex}.fd-home-system-preview__top span,.fd-home-dashboard-preview__header strong,.fd-home-surface-preview strong{color:var(--fd-foreground);font-weight:var(--fd-font-weight-semibold)}.fd-home-token-panel,.fd-home-token-card,.fd-home-dashboard-preview,.fd-home-install-card{background:color-mix(in srgb, var(--fd-surface-sunken) 42%, var(--fd-surface-raised));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg)}.fd-home-token-panel{gap:var(--fd-space-2);padding:var(--fd-space-3);display:grid}.fd-home-token-row{align-items:center;gap:var(--fd-space-3);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.fd-home-token-row strong{color:var(--fd-foreground);font-size:var(--fd-font-size-label);display:block}.fd-home-token-row small,.fd-home-surface-preview small,.fd-home-dashboard-preview small,.fd-home-resource-card small,.fd-home-install-card small{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption);display:block}.fd-home-token-swatch{background:var(--fd-home-swatch);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);width:34px;height:34px;box-shadow:inset 0 1px #ffffff6b}.fd-home-component-matrix{gap:var(--fd-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fd-home-component-matrix span{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);min-height:78px}.fd-home-component-matrix span:nth-child(2){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fd-color-brand-green) 18%, transparent)}.fd-home-surface-preview{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);padding:var(--fd-space-4)}.fd-home-section{padding-block:var(--fd-section-pad-y)}.fd-home-section__head{margin-bottom:var(--fd-space-8)}.fd-home-section h2,.fd-home-closing h2{font-size:clamp(30px,4vw,46px);line-height:var(--fd-line-height-heading)}.fd-home-layer-grid,.fd-home-principles,.fd-home-resource-grid{gap:var(--fd-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fd-home-principles,.fd-home-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-home-layer-card,.fd-home-principle,.fd-home-resource-card{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card-soft);gap:var(--fd-space-3);min-width:0;padding:var(--fd-space-5);display:grid}.fd-home-layer-card__icon{background:var(--fd-secondary);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);color:var(--fd-foreground);justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.fd-home-layer-card small,.fd-home-principle span{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);text-transform:uppercase}.fd-home-layer-card h3,.fd-home-principle h3,.fd-home-token-card h3,.fd-home-resource-card h3{color:var(--fd-foreground);font-size:var(--fd-font-size-h3);letter-spacing:0;line-height:var(--fd-line-height-heading);margin:0}.fd-home-layer-card p,.fd-home-principle p,.fd-home-token-card p,.fd-home-resource-card p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small);line-height:var(--fd-line-height-body);margin:0}.fd-home-token-grid{gap:var(--fd-space-4);grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));display:grid}.fd-home-token-card{box-shadow:var(--fd-shadow-card-soft);gap:var(--fd-space-4);min-width:0;padding:var(--fd-space-5);display:grid}.fd-home-card-title{color:var(--fd-foreground);align-items:center;gap:var(--fd-space-2);display:flex}.fd-home-card-title h3{font-size:var(--fd-font-size-h4)}.fd-home-type-scale,.fd-home-spacing-scale,.fd-home-shape-preview{gap:var(--fd-space-3);display:grid}.fd-home-type-scale div,.fd-home-spacing-scale div{align-items:center;gap:var(--fd-space-2);grid-template-columns:64px minmax(0,1fr);display:grid}.fd-home-type-scale span,.fd-home-spacing-scale span{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption)}.fd-home-type-scale strong{color:var(--fd-foreground);font-size:var(--fd-font-size-h3)}.fd-home-type-scale small{color:var(--fd-muted-foreground);grid-column:2}.fd-home-spacing-scale i{background:var(--fd-foreground);border-radius:var(--fd-radius-full);height:8px;display:block}.fd-home-shape-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-home-shape-preview span{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);min-height:82px}.fd-home-shape-preview span:first-child{border-radius:var(--fd-radius-sm)}.fd-home-shape-preview span:nth-child(2){border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card-soft)}.fd-home-shape-preview span:nth-child(3){border-radius:var(--fd-radius-2xl);box-shadow:var(--fd-shadow-card-elevated)}.fd-home-enterui{align-items:center;gap:var(--fd-space-10);grid-template-columns:minmax(0,1fr) minmax(320px,440px);display:grid}.fd-home-check-list{gap:var(--fd-space-3);display:grid}.fd-home-check-list li{color:var(--fd-foreground-subtle);align-items:center;gap:var(--fd-space-2);display:flex}.fd-home-check-list svg{color:var(--fd-color-brand-green);flex:none}.fd-home-install-card{box-shadow:var(--fd-shadow-card-elevated);gap:var(--fd-space-4);padding:var(--fd-space-5);display:grid}.fd-home-install-card__bar{gap:6px;display:flex}.fd-home-install-card__bar span{background:var(--fd-border);border-radius:var(--fd-radius-full);width:9px;height:9px}.fd-home-install-card__bar span:first-child{background:var(--fd-color-brand-green)}.fd-home-install-card code{color:var(--fd-foreground);font-size:var(--fd-font-size-body-small);white-space:nowrap;line-height:1.7;display:block;overflow-x:auto}.fd-home-component-preview{align-items:stretch;gap:var(--fd-space-4);grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);display:grid}.fd-home-component-stack{gap:var(--fd-space-4);display:grid}.fd-home-field-row{gap:var(--fd-space-2);display:grid}.fd-home-dashboard-preview{box-shadow:var(--fd-shadow-card-soft);gap:var(--fd-space-5);padding:var(--fd-space-5);display:grid}.fd-home-dashboard-preview__metrics{gap:var(--fd-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fd-home-dashboard-preview__metrics span{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);padding:var(--fd-space-3);gap:2px;display:grid}.fd-home-dashboard-preview__metrics strong{color:var(--fd-foreground);font-size:var(--fd-font-size-h3)}.fd-home-switch-row{color:var(--fd-foreground-subtle);align-items:center;gap:var(--fd-space-3);display:flex}.fd-home-resource-card{color:inherit;transition:border-color .16s,box-shadow .16s,transform .16s}.fd-home-resource-card:hover{border-color:var(--fd-input);box-shadow:var(--fd-shadow-card-elevated);transform:translateY(-2px)}.fd-home-resource-card__top svg{color:var(--fd-foreground)}.fd-home-resource-card__top small{background:var(--fd-secondary);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);padding:5px 8px}.fd-home-closing{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-2xl);box-shadow:var(--fd-shadow-card-elevated);align-items:center;gap:var(--fd-space-8);margin-block:var(--fd-space-16);padding-block:var(--fd-space-8);grid-template-columns:minmax(0,1fr) auto;display:grid}.fd-home-footer{border-top:1px solid var(--fd-border-subtle);color:var(--fd-foreground-muted);padding-block:var(--fd-space-6);text-align:center;justify-content:center;align-items:center;display:flex}.fd-home-footer small{font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.fd-home-footer a{color:var(--fd-foreground);font-weight:var(--fd-font-weight-medium);text-underline-offset:.18em;text-decoration:none;transition:color .16s}.fd-home-footer a:hover{color:var(--fd-primary)}.fd-home-footer a:focus-visible{border-radius:var(--fd-radius-sm);outline:2px solid var(--fd-ring);outline-offset:3px}.fd-footer{background:var(--fd-text-strong);color:#f8faf7c7}.fd-footer__inner{max-width:var(--fd-site-max);grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:56px;margin:0 auto;padding:64px 24px 40px;display:grid}.fd-footer__brand{gap:14px;max-width:320px;display:grid}.fd-footer__brand .fd-nav__brand-mark{background:#f8faf71a}.fd-footer__brand-name{color:var(--fd-color-neutral-almost-white);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:-.01em;font-size:16px;font-weight:600}.fd-footer__brand p{color:#f8faf79e;font-size:14px;line-height:1.6}.fd-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.fd-footer__cols h4{color:var(--fd-color-neutral-almost-white);font-family:var(--font-geist-sans), var(--fd-font-heading);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600}.fd-footer__cols ul{gap:8px;display:grid}.fd-footer__cols a{color:#f8faf79e;font-size:14px;transition:color .14s}.fd-footer__cols a:hover{color:var(--fd-color-neutral-almost-white)}.fd-footer__bottom{color:#f8faf780;max-width:var(--fd-site-max);border-top:1px solid #f8faf714;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:20px 24px 32px;font-size:12.5px;display:flex}@media (max-width:1080px){.fd-grid--3,.fd-color-grid--compact,.fd-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-preview--wide{grid-column:span 2}.fd-token-row{grid-template-columns:1fr}.fd-enterui{grid-template-columns:1fr;gap:32px}.fd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-footer__inner{grid-template-columns:1fr;gap:40px}}@media (max-width:880px){.fd-loading-hero{grid-template-columns:1fr;min-height:auto}.fd-nav__links{display:none}.fd-nav__menu{display:inline-flex}.fd-hero__inner{grid-template-columns:1fr}.fd-hero__visual{order:2}.fd-principle{grid-template-columns:1fr;gap:8px}.fd-color-grid{grid-template-columns:1fr}.fd-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){button,[role=button],.fd-button,.fd-cta,.fd-nav__menu,.fd-nav__mobile-menu__links a,.fd-nav__mobile-menu__cta,.fd-nav__mobile-menu__close,.fd-product-hero__button{-webkit-user-select:none;user-select:none}.fd-grid--3{grid-template-columns:1fr}.fd-loading-hero{padding:48px var(--fd-space-4)}.fd-loading-panel{min-height:260px;padding:var(--fd-space-4)}.fd-nav__links{display:none}.fd-nav__menu{display:inline-flex}.fd-nav__actions{display:none}.fd-component-grid{grid-template-columns:1fr}.fd-preview--wide{grid-column:span 1}.fd-hero__meta{grid-template-columns:1fr 1fr;row-gap:16px}.fd-stat-grid{grid-template-columns:1fr 1fr}.fd-section__head{margin-bottom:32px}.fd-product-hero{padding:var(--fd-space-7) var(--fd-space-4) var(--fd-space-10)}.fd-product-hero__title{font-size:clamp(34px,10vw,46px)}.fd-product-hero__lede{font-size:16px}.fd-product-hero__grid{padding:var(--fd-space-4)}.fd-product-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fd-product-hero__actions{align-items:flex-start;gap:var(--fd-space-2);flex-direction:column}.fd-product-list li{padding-inline:12px}}@media (max-width:480px){.fd-product-hero__title{font-size:clamp(32px,14vw,40px)}.fd-product-list{grid-template-columns:1fr}.fd-product-hero{padding:var(--fd-space-6) var(--fd-space-3) var(--fd-space-8)}.fd-product-hero__actions{margin-top:var(--fd-space-3);width:100%}.fd-product-hero__button{width:100%}}@media (max-width:1080px){.fd-home-hero,.fd-home-enterui,.fd-home-component-preview{grid-template-columns:1fr}.fd-home-layer-grid,.fd-home-token-grid,.fd-home-principles,.fd-home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.fd-home-hero,.fd-home-section,.fd-home-closing,.fd-home-footer{padding-inline:var(--fd-space-4)}.fd-home-hero{min-height:auto;padding-block:var(--fd-space-12) var(--fd-space-10)}.fd-home-section{padding-block:var(--fd-space-12)}.fd-home-system-preview{padding:var(--fd-space-4)}.fd-home-layer-grid,.fd-home-principles,.fd-home-token-grid,.fd-home-resource-grid{grid-template-columns:1fr}.fd-home-component-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-home-closing,.fd-home-footer{grid-template-columns:1fr}}@media (max-width:520px){.fd-home-hero h1{font-size:clamp(40px,13vw,54px)}.fd-home-hero__lede,.fd-home-section__head p,.fd-home-enterui__content p,.fd-home-closing p{font-size:var(--fd-font-size-body)}.fd-home-button,.fd-home-hero__actions,.fd-home-closing__actions{width:100%}.fd-home-button{justify-content:center}.fd-home-token-card,.fd-home-layer-card,.fd-home-principle,.fd-home-resource-card,.fd-home-dashboard-preview{padding:var(--fd-space-4)}.fd-home-dashboard-preview__metrics{grid-template-columns:1fr}}
html,body{max-width:100vw;overflow-x:clip}body{background:var(--fd-background);color:var(--fd-foreground);min-height:100vh}::selection{background:color-mix(in srgb, var(--fd-color-brand-aqua) 55%, transparent);color:var(--fd-foreground)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh}.site-footer{border-top:1px solid var(--fd-border-subtle);color:var(--fd-foreground-muted);max-width:1440px;padding:var(--fd-space-6);text-align:center;justify-content:center;align-items:center;margin:0 auto;display:flex}.site-footer small{font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.site-footer a{color:var(--fd-foreground);font-weight:var(--fd-font-weight-medium);text-underline-offset:.18em;text-decoration:none;transition:color .16s}.site-footer a:hover{color:var(--fd-primary)}.site-footer a:focus-visible{border-radius:var(--fd-radius-sm);outline:2px solid var(--fd-ring);outline-offset:3px}
.component-home{align-content:start;gap:var(--fd-space-8);margin:clamp(var(--fd-space-4), 2.5vw, var(--fd-space-8)) auto 0;max-width:1440px;min-height:calc(100vh - 80px);padding:var(--fd-space-6);display:grid;position:relative}.component-muted{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-body);margin:0}.component-showcase-toolbar{background:color-mix(in srgb, var(--fd-surface-raised) 88%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);align-items:start;gap:var(--fd-space-5);padding:var(--fd-space-5);z-index:5;grid-template-columns:minmax(0,1fr) minmax(280px,460px);display:grid;position:relative}.component-showcase-group__header h3{color:var(--fd-foreground);font-family:var(--fd-font-family-heading);font-size:var(--fd-font-size-heading-4);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;line-height:var(--fd-line-height-heading);margin:0}.component-showcase-group__header p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-body);max-width:760px;margin:0}.component-showcase-tabs.eui-tabs{align-self:center;gap:0;min-width:0}.component-showcase-tabs .eui-tabs__list{gap:var(--fd-space-1);flex-wrap:wrap;width:fit-content;display:flex}.component-showcase-tabs .eui-tabs__trigger{min-height:34px}.component-showcase-toolbar__search{gap:var(--fd-space-2);min-width:0;display:grid}.component-showcase-toolbar__search-head{align-items:center;gap:var(--fd-space-3);justify-content:space-between;min-width:0;display:flex}.component-showcase-toolbar__search label,.component-showcase-toolbar__search-head span{color:var(--fd-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-caption)}.component-showcase-toolbar__search-head span{color:var(--fd-foreground-muted);white-space:nowrap}.component-showcase-searchbox{min-width:0;position:relative}.component-showcase-searchbox .eui-search-input{width:100%}.component-showcase-suggestions{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card-elevated);gap:var(--fd-space-1);margin-top:var(--fd-space-2);max-height:min(360px,58vh);padding:var(--fd-space-2);z-index:30;display:grid;position:absolute;top:100%;left:0;right:0;overflow:auto}.component-showcase-suggestion{border-radius:var(--fd-radius-md);color:var(--fd-foreground);cursor:pointer;font:inherit;min-height:42px;padding:var(--fd-space-2) var(--fd-space-3);text-align:left;background:0 0;border:0;align-items:center;gap:2px;display:grid}.component-showcase-suggestion:hover,.component-showcase-suggestion:focus-visible{background:var(--fd-surface-sunken);outline:0}.component-showcase-suggestion:focus-visible{box-shadow:var(--fd-shadow-focus)}.component-showcase-suggestion span{font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label)}.component-showcase-suggestion small,.component-showcase-toolbar__meta{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.component-home__showcase{gap:var(--fd-space-6);min-width:0;display:grid}.component-showcase-group{gap:var(--fd-space-4);min-width:0;display:grid}.component-showcase-group__header{border-left:3px solid var(--fd-primary);gap:var(--fd-space-1);min-width:0;padding-left:var(--fd-space-3);display:grid}.component-home__grid{align-items:stretch;column-gap:var(--fd-space-4);grid-auto-flow:dense;row-gap:var(--fd-space-4);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(128px,auto);display:grid}.component-home__grid--feature,.component-home__grid.component-home__grid--feature-pair{grid-template-columns:repeat(4,minmax(0,1fr))}.component-home__grid--deferred{margin-top:0}.component-showcase-group__header+.component-home__grid--deferred,.component-home__grid--deferred+.component-home__grid{margin-top:var(--fd-space-2)}.component-home__grid+.component-showcase-group__header{margin-top:var(--fd-space-8)}.component-card--feature.eui-card{min-height:0}.component-card--feature .eui-card__content{gap:var(--fd-space-3);flex-direction:column;display:flex}.component-card--overlay .eui-card__content{justify-content:stretch}.component-overlay-grid{gap:var(--fd-space-3);flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,1fr);min-width:0;display:grid}.component-overlay-item{background:color-mix(in srgb, var(--fd-surface-sunken) 74%, var(--fd-surface-raised));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);align-items:center;gap:var(--fd-space-3);min-width:0;height:100%;min-height:76px;padding:var(--fd-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.component-overlay-item strong,.component-overlay-item span{min-width:0;display:block}.component-overlay-item strong{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label)}.component-overlay-item span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption);margin-top:var(--fd-space-1)}.component-overlay-item .eui-button{white-space:nowrap;min-height:32px}.component-overlay-summary{border-top:1px solid var(--fd-border-subtle);align-items:center;gap:var(--fd-space-3);margin-top:var(--fd-space-1);min-width:0;padding-top:var(--fd-space-3);background:0 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.component-overlay-summary span,.component-overlay-summary strong{min-width:0;display:block}.component-overlay-summary span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.component-overlay-summary strong{color:var(--fd-foreground);font-size:var(--fd-font-size-body);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label);margin-top:2px}.component-home__deferred{contain:layout paint style;content-visibility:auto;contain-intrinsic-size:auto 960px;gap:var(--fd-space-8);min-width:0;display:grid}.component-home--loading{content-visibility:visible}.component-home--loading-compact{max-width:none;min-height:auto;margin:0;padding:0}.component-skeleton{background:color-mix(in srgb, var(--fd-surface-sunken) 86%, var(--fd-surface-raised));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);animation:1.4s ease-in-out infinite component-skeleton-pulse;display:block}.component-skeleton--eyebrow{width:88px;height:12px}.component-skeleton--title{width:min(240px,70vw);height:38px}.component-skeleton--lede{width:min(520px,100%);height:16px}.component-card--skeleton{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);box-shadow:0 1px 1px color-mix(in srgb, var(--fd-foreground) 5%, transparent);gap:var(--fd-space-4);min-height:260px;padding:var(--fd-space-5);display:grid}.component-card__skeleton-header,.component-card__skeleton-body{gap:var(--fd-space-3);display:grid}.component-card__skeleton-body{align-content:end;min-height:132px}.component-skeleton--heading{width:52%;height:18px}.component-skeleton--copy{width:78%;height:14px}.component-skeleton--control{width:min(180px,80%);height:38px}.component-skeleton--line{width:100%;height:13px}.component-skeleton--line-short{width:64%;height:13px}@keyframes component-skeleton-pulse{0%,to{opacity:.54}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.component-skeleton{animation:none}}.component-card{contain:layout paint style;contain-intrinsic-size:auto 320px;content-visibility:auto;min-width:0}.component-card[hidden]{display:none}:is(.component-home__grid>.component-card--analytics,.component-home__grid>.component-card--feature,.component-home__grid>.component-card:has(.eui-calendar-view),.component-home__grid>.component-card:has(.eui-form-layout),.component-home__grid>.component-card:has(.eui-kanban-board),.component-home__grid>.component-card:has(.eui-resource-calendar),.component-home__grid>.component-card:has(.eui-split-view),.component-home__grid>.component-card:has(.eui-transfer-list)){--component-card-col-span:2;--component-card-row-span:2}:is(.component-home__grid>.component-card:has(.eui-data-grid),.component-home__grid>.component-card:has(.eui-data-table),.component-home__grid>.component-card:has(.eui-permission-matrix)){--component-card-col-span:3;--component-card-row-span:3}:is(.component-home__grid>.component-card:has(.eui-area-chart),.component-home__grid>.component-card:has(.eui-heatmap),.component-home__grid>.component-card:has(.eui-line-chart),.component-home__grid>.component-card:has(.eui-stacked-bar-chart),.component-home__grid>.component-card:has(.eui-timeline-detail)){--component-card-col-span:2}.component-home__grid>.component-card:has(.eui-release-stepper){--component-card-row-span:2}:is(.component-home__grid>.component-card:has(.eui-json-viewer),.component-home__grid>.component-card:has(.eui-log-viewer),.component-home__grid>.component-card:has(.eui-rich-text-editor)){--component-card-col-span:2;--component-card-row-span:3}.component-home .component-card.eui-card{background:color-mix(in srgb, var(--fd-surface-raised) 96%, transparent);border-color:var(--fd-border-subtle);height:100%;box-shadow:0 1px 1px color-mix(in srgb, var(--fd-foreground) 4%, transparent), 0 12px 30px -28px color-mix(in srgb, var(--fd-primary) 36%, transparent);flex-direction:column;display:flex}.component-home .component-card.eui-card:hover{border-color:color-mix(in srgb, var(--fd-primary) 18%, var(--fd-border))}@media (max-width:1200px){.component-home__grid,.component-home__grid--feature,.component-home__grid.component-home__grid--feature-pair{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.component-showcase-toolbar{grid-template-columns:1fr;align-items:stretch}.component-home__grid,.component-home__grid--feature,.component-home__grid.component-home__grid--feature-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.component-home__grid>.component-card{--component-card-col-span:1;--component-card-row-span:1}:is(.component-home__grid>.component-card--analytics,.component-home__grid>.component-card--feature,.component-home__grid>.component-card:has(.eui-area-chart),.component-home__grid>.component-card:has(.eui-calendar-view),.component-home__grid>.component-card:has(.eui-data-grid),.component-home__grid>.component-card:has(.eui-data-table),.component-home__grid>.component-card:has(.eui-form-layout),.component-home__grid>.component-card:has(.eui-heatmap),.component-home__grid>.component-card:has(.eui-json-viewer),.component-home__grid>.component-card:has(.eui-kanban-board),.component-home__grid>.component-card:has(.eui-line-chart),.component-home__grid>.component-card:has(.eui-log-viewer),.component-home__grid>.component-card:has(.eui-permission-matrix),.component-home__grid>.component-card:has(.eui-resource-calendar),.component-home__grid>.component-card:has(.eui-rich-text-editor),.component-home__grid>.component-card:has(.eui-split-view),.component-home__grid>.component-card:has(.eui-stacked-bar-chart),.component-home__grid>.component-card:has(.eui-timeline-detail),.component-home__grid>.component-card:has(.eui-transfer-list)){--component-card-col-span:2}}@media (max-width:720px){.component-home__grid,.component-home__grid--feature,.component-home__grid.component-home__grid--feature-pair{grid-template-columns:1fr}.component-home__grid>.component-card{--component-card-col-span:1;--component-card-row-span:1}.component-overlay-grid{grid-template-columns:1fr}.component-overlay-summary{grid-template-columns:1fr;align-items:start}}.component-card .eui-card__content{flex:auto;min-width:0}.component-card__sample{border-top:1px solid var(--eui-border-subtle);color:var(--fd-foreground);align-items:center;gap:var(--fd-space-3);min-width:0;padding-top:var(--fd-space-3);background:0 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.component-card__sample strong,.component-card__sample span{display:block}.component-card__sample strong{font-size:var(--fd-font-size-body);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label)}.component-card__sample span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-body)}.component-card__sample--layer,.component-card__sample--tile{min-height:72px;padding:var(--fd-space-4);border-top:0;grid-template-columns:1fr;justify-items:center}.component-aspect-sample{background:var(--eui-surface-sunken);border:1px solid var(--eui-border-subtle);border-radius:var(--fd-radius-lg)}.component-aspect-sample__mark{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);letter-spacing:.04em;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.component-card__row{align-items:center;gap:var(--fd-space-3);flex-wrap:wrap;display:flex}.component-card__row--start{align-items:flex-start}.component-card__row--compact{gap:var(--fd-space-2)}.component-card__stack{align-content:start;gap:var(--fd-space-3);min-width:0;display:grid}.component-card--analytics .eui-card__content{overflow:hidden}.component-analytics-summary{align-items:center;gap:var(--fd-space-3);grid-template-columns:minmax(150px,.9fr) minmax(0,1fr);min-width:0;display:grid}.component-analytics-summary .eui-comparison-metric{border-radius:var(--fd-radius-md);min-width:0;padding:var(--fd-space-3);gap:2px}.component-analytics-summary .eui-comparison-metric__value{font-size:var(--fd-font-size-heading-4);line-height:var(--fd-line-height-heading)}.component-analytics-charts{gap:2px;min-width:0;display:grid}.component-analytics-charts .eui-area-chart,.component-analytics-charts .eui-line-chart{max-height:56px}.component-analytics-footer{border-top:1px solid var(--fd-border-subtle);align-items:center;gap:var(--fd-space-3);min-width:0;padding-top:var(--fd-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.component-card--date-range,.component-card--otp{contain:layout style}.component-card--date-range .eui-card__content,.component-card--otp .eui-card__content{overflow:hidden}.component-card--otp .eui-otp-input{grid-template-columns:repeat(6,minmax(38px,1fr));width:100%}.component-card--otp .eui-otp-input__slot{aspect-ratio:1;width:100%;min-width:0}.component-home .eui-time-input,.component-card--date-range .eui-date-range-picker{max-width:100%}.component-card__inline-text{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);align-items:center;gap:var(--fd-space-3);line-height:var(--fd-line-height-label);flex-wrap:wrap;display:inline-flex}.component-card__identity-list{border-top:1px solid var(--fd-border-subtle);gap:var(--fd-space-2);padding:var(--fd-space-3) 0 0;margin:0;list-style:none;display:grid}.component-card__identity-list li{align-items:center;gap:var(--fd-space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.component-card__identity-list span{gap:2px;min-width:0;display:grid}.component-card__identity-list strong{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label)}.component-card__identity-list small{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.component-split-sample{min-height:300px}.component-split-sample .eui-nav-link{width:100%}.component-control-row{cursor:pointer;align-items:center;gap:var(--fd-space-3);width:fit-content;min-width:0;display:inline-flex}.component-control-row:has(:disabled){color:var(--fd-foreground-muted);cursor:not-allowed}.component-control-panel,.component-type-panel{gap:var(--fd-space-3);background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:grid}.component-control-panel{align-content:start}.component-control-panel__label{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);letter-spacing:.04em;line-height:var(--fd-line-height-caption);text-transform:uppercase}.component-confirm-preview{border:0;border-bottom:1px solid var(--eui-border-subtle);gap:var(--fd-space-3);min-width:0;padding:0 0 var(--fd-space-3);background:0 0;border-radius:0;display:grid}.component-confirm-preview span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.component-confirm-preview strong{color:var(--fd-foreground);font-family:var(--fd-font-heading);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-heading)}.component-confirm-preview{grid-template-columns:minmax(0,1fr) auto;align-items:center}.component-context-trigger{background:var(--eui-surface);border:1px solid var(--eui-border-subtle);border-radius:var(--fd-radius-md);color:var(--fd-foreground-muted);cursor:pointer;font:inherit;font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-medium);line-height:var(--fd-line-height-label);min-height:36px;padding:0 var(--fd-space-3);justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.component-context-trigger:hover{background:var(--fd-hover);color:var(--fd-foreground)}.component-context-trigger:focus-visible{box-shadow:var(--fd-shadow-focus);outline:0}.component-progress{flex:180px;min-width:min(100%,160px)}.component-form{width:100%;max-width:520px}.component-mini-shell.eui-app-shell{border:1px solid var(--eui-border-subtle);border-radius:var(--fd-radius-lg);grid-template:"header header""sidebar main"1fr/170px minmax(0,1fr);min-height:360px;overflow:hidden}.component-mini-shell .eui-header{min-height:52px;padding-inline:var(--fd-space-4)}.component-mini-shell .eui-header__nav .eui-button{min-height:30px}.component-mini-shell .eui-sidebar{height:100%;min-height:100%;padding:var(--fd-space-3)}.component-mini-shell .eui-container{padding-inline:0}.component-mini-shell__main{background:var(--eui-surface-sunken);min-width:0;padding:var(--fd-space-4);grid-area:main}.component-home .eui-select__trigger,.component-home .eui-combobox__trigger{width:100%}.component-doc-link{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-1);text-decoration:none;display:inline-flex}.component-doc-link:hover{text-decoration:underline}@media (max-width:640px){.component-confirm-preview{grid-template-columns:1fr}}.component-home{gap:var(--fd-space-4);max-width:1480px}.component-home__sr-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.component-showcase-toolbar{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 92%, transparent), color-mix(in srgb, var(--fd-surface-raised) 78%, transparent)), var(--fd-surface);border-color:var(--fd-border-subtle);border-radius:var(--fd-radius-lg);align-items:end;gap:var(--fd-space-4);padding:var(--fd-space-3);grid-template-columns:minmax(0,1fr) minmax(320px,520px)}.component-showcase-categories{background:color-mix(in srgb, var(--fd-muted) 46%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:5px;display:flex}.component-showcase-category{border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);cursor:pointer;font:inherit;font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;background:0 0;border:1px solid #0000;align-items:center;gap:7px;min-height:32px;padding:0 9px 0 12px;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.component-showcase-category small{background:color-mix(in srgb, var(--fd-surface-raised) 72%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);font-size:11px;font-weight:var(--fd-font-weight-semibold);justify-content:center;align-items:center;min-width:22px;padding:3px 6px;line-height:1;display:inline-flex}.component-showcase-category:hover{background:color-mix(in srgb, var(--fd-surface-raised) 74%, transparent);color:var(--fd-foreground);transform:translateY(-1px)}.component-showcase-category[aria-selected=true]{background:var(--fd-surface-raised);border-color:color-mix(in srgb, var(--fd-primary) 18%, var(--fd-border));box-shadow:inset 0 1px 0 #ffffffb8, 0 1px 2px color-mix(in srgb, var(--fd-foreground) 7%, transparent), 0 8px 18px -16px color-mix(in srgb, var(--fd-primary) 34%, transparent);color:var(--fd-foreground);transform:none}.component-showcase-category[aria-selected=true] small{background:color-mix(in srgb, var(--fd-primary) 9%, var(--fd-surface-raised));border-color:color-mix(in srgb, var(--fd-primary) 18%, var(--fd-border));color:var(--fd-foreground)}.component-showcase-category:focus-visible{box-shadow:var(--fd-shadow-focus);outline:0}.component-showcase-suggestion[aria-selected=true]{background:var(--fd-surface-sunken);color:var(--fd-foreground)}.component-home__grid{align-items:stretch;gap:var(--fd-space-4);grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:250px;min-width:0;display:grid}.component-home__grid>.component-card{--component-card-col-span:1;--component-card-row-span:1;grid-column:span var(--component-card-col-span);grid-row:span var(--component-card-row-span)}.component-home__grid>.component-card[data-size="2x1"]{--component-card-col-span:2}.component-home__grid>.component-card[data-size="1x2"]{--component-card-row-span:2}.component-home__grid>.component-card[data-size="2x2"]{--component-card-col-span:2;--component-card-row-span:2}.component-card{background:color-mix(in srgb, var(--fd-surface-raised) 96%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);box-shadow:0 1px 1px color-mix(in srgb, var(--fd-foreground) 4%, transparent), 0 14px 34px -30px color-mix(in srgb, var(--fd-primary) 34%, transparent);contain:layout paint style;contain-intrinsic-size:auto 250px;content-visibility:auto;gap:var(--fd-space-3);min-width:0;padding:var(--fd-space-4);grid-template-rows:auto auto minmax(0,1fr);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.component-card:hover{border-color:color-mix(in srgb, var(--fd-primary) 18%, var(--fd-border));box-shadow:0 1px 2px color-mix(in srgb, var(--fd-foreground) 5%, transparent), 0 18px 42px -34px color-mix(in srgb, var(--fd-primary) 42%, transparent);transform:translateY(-1px)}.component-card--placeholder{box-shadow:0 1px 1px color-mix(in srgb, var(--fd-foreground) 4%, transparent), 0 12px 28px -30px color-mix(in srgb, var(--fd-primary) 26%, transparent);pointer-events:none;min-height:0}.component-card--placeholder:hover{border-color:var(--fd-border-subtle);box-shadow:0 1px 1px color-mix(in srgb, var(--fd-foreground) 4%, transparent), 0 12px 28px -30px color-mix(in srgb, var(--fd-primary) 26%, transparent);transform:none}.component-card--placeholder .component-card__skeleton-body{align-content:center;min-height:0}.component-card__header{align-items:start;gap:var(--fd-space-3);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.component-card__header h3{color:var(--fd-foreground);font-family:var(--fd-font-family-heading);font-size:var(--fd-font-size-body-large);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;line-height:var(--fd-line-height-label);overflow-wrap:anywhere;margin:0}.component-card__header span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption);margin-top:2px;display:inline-flex}.component-card__header a{border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);min-height:28px;padding:0 var(--fd-space-2);align-items:center;text-decoration:none;display:inline-flex}.component-card__header a:hover{background:var(--fd-hover);color:var(--fd-foreground)}.component-card__header a:focus-visible{box-shadow:var(--fd-shadow-focus);outline:0}.component-card__description{-webkit-line-clamp:2;color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-body);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.component-card__preview{min-width:0;min-height:0;padding-top:var(--fd-space-1);justify-content:center;align-items:center;display:flex;overflow:auto}:is(.component-card:has(.eui-autocomplete--open),.component-card:has(.eui-combobox__content)){contain:layout style;z-index:8;overflow:visible}:is(.component-card:has(.eui-autocomplete--open) .component-card__preview,.component-card:has(.eui-combobox__content) .component-card__preview){overflow:visible}.component-card__preview .eui-donut-chart{aspect-ratio:1;max-width:min(100%,118px);max-height:min(100%,118px)}.component-card__preview .eui-donut-chart__svg{width:100%;max-width:100%;height:auto;max-height:100%}.component-card[data-size="1x2"] .component-card__preview,.component-card[data-size="2x1"] .component-card__preview,.component-card[data-size="2x2"] .component-card__preview{justify-content:stretch;align-items:stretch}.component-card__preview>:is(.eui-data-grid,.eui-data-table,.eui-table-container,.eui-calendar,.eui-calendar-view,.eui-resource-calendar,.eui-kanban-board,.eui-log-viewer,.eui-json-viewer,.eui-diff-viewer,.eui-permission-matrix,.eui-form,.eui-form-layout,.eui-page-layout,.eui-app-shell,.eui-transfer-list){width:100%}.component-card__preview :is(input,textarea,select){max-width:100%}.component-preview-checkline{background:color-mix(in srgb, var(--fd-surface-sunken) 54%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);align-items:center;gap:var(--fd-space-3);min-width:min(100%,220px);padding:var(--fd-space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.component-preview-checkline span{gap:2px;min-width:0;display:grid}.component-preview-checkline strong{color:var(--fd-foreground);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-label)}.component-preview-checkline small{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption)}.component-card__preview .component-preview-cron-input,.component-card__preview .component-preview-date-preset,.component-card__preview .eui-url-input{min-width:min(100%,320px)}.component-card__preview .component-preview-date-preset{align-self:stretch;width:100%}.component-card__preview .eui-data-table,.component-card__preview .eui-data-grid,.component-card__preview .eui-table{font-size:var(--fd-font-size-caption)}.component-card__preview .eui-calendar-view,.component-card__preview .eui-resource-calendar,.component-card__preview .eui-kanban-board,.component-card__preview .eui-log-viewer,.component-card__preview .eui-json-viewer,.component-card__preview .eui-diff-viewer{max-height:100%}.component-card__preview .eui-app-shell{min-height:240px}.component-card__preview .eui-chart-card,.component-card__preview .eui-card{width:min(100%,320px)}.component-card[data-component-name=RichTextEditor] .component-card__preview{overflow:hidden}.component-preview-rich-editor.eui-rich-text-editor{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fd-surface-raised) 82%, transparent), 0 16px 34px -34px color-mix(in srgb, var(--fd-primary) 28%, transparent);grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0}.component-preview-rich-editor .eui-rich-text-editor__toolbar{background:color-mix(in srgb, var(--fd-surface-sunken) 76%, var(--fd-surface-raised));gap:var(--fd-space-1);padding:var(--fd-space-2)}.component-preview-rich-editor .eui-rich-text-editor__button{border-radius:var(--fd-radius-md);min-width:34px;min-height:34px;padding-inline:var(--fd-space-2)}.component-preview-rich-editor .eui-rich-text-editor__input{background:var(--fd-surface-raised);color:var(--fd-foreground);font-size:var(--fd-font-size-label);height:100%;min-height:0;padding:var(--fd-space-4);resize:none;line-height:1.65}.component-preview-rich-editor .eui-rich-text-editor__footer{padding-block:var(--fd-space-1)}.component-preview-code-input{background:color-mix(in srgb, var(--fd-surface-sunken) 76%, var(--fd-surface-raised));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);align-content:center;gap:var(--fd-space-3);min-height:100%;padding:var(--fd-space-4);width:100%;display:grid}.component-preview-code-input__header{align-items:center;gap:var(--fd-space-2);justify-content:space-between;min-width:0;display:flex}.component-preview-code-input__label{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-preview-code-input__meta{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);padding:5px var(--fd-space-2);flex:none;line-height:1}.component-preview-code-input__control.eui-otp-input{--component-code-slots:6;gap:var(--fd-space-2);grid-template-columns:repeat(var(--component-code-slots), minmax(30px, 1fr));width:100%;display:grid}.component-preview-code-input__control.eui-otp-input[data-slots="4"]{--component-code-slots:4}.component-preview-code-input__control .eui-otp-input__slot{aspect-ratio:1;background:var(--fd-surface-raised);border-color:var(--fd-border);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fd-surface-raised) 86%, transparent);color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);width:100%;min-width:0;min-height:40px}.component-preview-code-input__control .eui-otp-input__slot:hover{border-color:color-mix(in srgb, var(--fd-primary) 38%, var(--fd-border))}.component-preview-code-input__control .eui-otp-input__slot:focus-visible{border-color:var(--fd-ring);box-shadow:0 0 0 3px var(--fd-focus-ring), 0 10px 24px -20px color-mix(in srgb, var(--fd-brand-accent) 46%, transparent)}.component-preview-code-input__hint{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-body)}.component-preview-row,.component-preview-stack{align-items:center;gap:var(--fd-space-2);flex-wrap:wrap;justify-content:center;min-width:0;display:flex}.component-preview-stack{flex-direction:column;align-items:stretch;width:100%}.component-preview-native-button,.component-preview-pill{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);color:var(--fd-foreground);font:inherit;font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);min-height:34px;padding:0 var(--fd-space-3);justify-content:center;align-items:center;display:inline-flex}.component-preview-native-button{cursor:pointer}.component-preview-native-button[data-muted=true]{color:var(--fd-foreground-muted)}.component-preview-native-button:focus-visible{box-shadow:var(--fd-shadow-focus);outline:0}.component-preview-toast{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 84%, transparent), transparent), var(--fd-surface);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fd-surface) 70%, transparent), 0 14px 34px -28px color-mix(in srgb, var(--fd-foreground) 48%, transparent);align-items:center;gap:var(--fd-space-3);max-width:100%;min-height:64px;padding:var(--fd-space-3);grid-template-columns:auto minmax(0,1fr) auto;width:min(100%,360px);display:grid}.component-preview-toast__dot{background:var(--fd-info);border-radius:var(--fd-radius-full);box-shadow:0 0 0 4px color-mix(in srgb, var(--fd-info) 12%, transparent);width:9px;height:9px}.component-preview-toast[data-variant=success] .component-preview-toast__dot{background:var(--fd-success);box-shadow:0 0 0 4px color-mix(in srgb, var(--fd-success) 12%, transparent)}.component-preview-toast__body{gap:2px;min-width:0;display:grid}.component-preview-toast__body strong{color:var(--fd-foreground);font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-label)}.component-preview-toast__body span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:var(--fd-line-height-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.component-preview-toast__action{min-height:30px}.component-preview-toaster{align-items:center;gap:var(--fd-space-3);justify-items:center;width:100%;max-width:100%;display:grid}.component-preview-fallback{color:var(--fd-error);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold)}.component-preview-card-surface{width:min(100%,260px)}.component-preview-form{width:100%}.component-preview-shell{border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);overflow:hidden}.component-preview-layer{border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);width:110px;height:72px;display:block}.component-preview-layer--back{background:var(--fd-surface-sunken);transform:translate(-12px,-8px)}.component-preview-layer--front{background:var(--fd-surface-raised);box-shadow:var(--fd-shadow-card);transform:translate(12px,8px)}.component-preview-long{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);line-height:1.8}.component-preview-media{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.component-showcase-empty{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);color:var(--fd-foreground-muted);align-items:center;gap:var(--fd-space-1);min-height:250px;padding:var(--fd-space-8);text-align:center;justify-items:center;display:grid}.component-showcase-empty strong{color:var(--fd-foreground);font-size:var(--fd-font-size-heading-5)}@media (max-width:1180px){.component-home__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.component-showcase-toolbar{grid-template-columns:1fr;align-items:stretch}.component-home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.component-home{gap:var(--fd-space-4);padding:var(--fd-space-3)}.component-showcase-toolbar{border-radius:var(--fd-radius-xl);gap:var(--fd-space-4);padding:var(--fd-space-3)}.component-showcase-categories{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 76%, transparent), color-mix(in srgb, var(--fd-muted) 58%, transparent)), var(--fd-muted);border-color:color-mix(in srgb, var(--fd-border-subtle) 86%, transparent);border-radius:var(--fd-radius-lg);overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0;padding:6px;scroll-padding-inline:6px;display:flex;overflow-x:auto;box-shadow:inset 0 1px #ffffffb3}.component-showcase-categories::-webkit-scrollbar{display:none}.component-showcase-category{font-size:var(--fd-font-size-label);white-space:nowrap;flex:none;min-height:38px;padding:0 10px 0 13px}.component-showcase-category small{min-width:25px;padding:4px 7px;font-size:11px}.component-showcase-category[aria-selected=true]{box-shadow:inset 0 1px 0 #ffffffc2, 0 1px 2px color-mix(in srgb, var(--fd-foreground) 8%, transparent), 0 8px 18px -14px color-mix(in srgb, var(--fd-primary) 28%, transparent)}.component-showcase-toolbar__search{gap:var(--fd-space-3)}.component-showcase-toolbar__search-head{align-items:end;gap:var(--fd-space-2)}.component-showcase-toolbar__search label{font-size:var(--fd-font-size-label);line-height:var(--fd-line-height-label)}.component-showcase-toolbar__search-head span{background:color-mix(in srgb, var(--fd-muted) 70%, var(--fd-surface-raised));border:1px solid color-mix(in srgb, var(--fd-border-subtle) 86%, transparent);border-radius:var(--fd-radius-full);align-items:center;min-height:24px;padding:0 8px;font-size:11px;line-height:1;display:inline-flex}.component-showcase-searchbox .eui-search-input{border-radius:var(--fd-radius-xl);min-height:46px}.component-showcase-searchbox .eui-search-input input{font-size:var(--fd-font-size-body)}.component-showcase-suggestions{border-radius:var(--fd-radius-xl);max-height:min(320px,52vh)}.component-home__grid{grid-template-columns:1fr;grid-auto-rows:minmax(250px,auto)}.component-home__grid>.component-card,.component-home__grid>.component-card[data-size="2x1"],.component-home__grid>.component-card[data-size="2x2"]{--component-card-col-span:1}}@media (max-width:768px){.component-home{padding:var(--fd-space-4)}.component-home__grid,.component-home__grid--feature,.component-home__grid.component-home__grid--feature-pair{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(250px,auto);grid-auto-flow:row}.component-home__grid>.component-card,.component-home__grid>.component-card[data-size="1x1"],.component-home__grid>.component-card[data-size="1x2"],.component-home__grid>.component-card[data-size="2x1"],.component-home__grid>.component-card[data-size="2x2"]{--component-card-col-span:1;--component-card-row-span:1;grid-area:auto/1/auto/-1;width:100%}.component-card__header{grid-template-columns:minmax(0,1fr) auto}.component-card__header h3{overflow-wrap:normal;word-break:normal}}
.crypto-page{--crypto-sidebar-width:clamp(400px, 28vw, 520px);background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 96%, var(--fd-muted)) 0%, var(--fd-background) 34rem), var(--fd-background);color:var(--fd-foreground);min-height:100svh}.crypto-shell{grid-template:"header header" auto "sidebar main" 1fr / var(--crypto-sidebar-width) minmax(0, 1fr);background:0 0;min-height:100svh}.crypto-shell__header{z-index:30;position:sticky;top:0}.crypto-header{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:color-mix(in srgb, var(--fd-surface) 91%, transparent);border-bottom:1px solid var(--fd-border-subtle);align-items:center;gap:clamp(var(--fd-space-2), 1vw, var(--fd-space-4));min-height:72px;padding:var(--fd-space-3) clamp(var(--fd-space-4), 2vw, var(--fd-space-6));justify-content:space-between;display:flex}.crypto-brand,.crypto-header__actions,.crypto-chart-actions,.crypto-copy-row,.crypto-spinner-row,.crypto-check-row,.crypto-time-range{align-items:center;gap:var(--fd-space-3);display:flex}.crypto-brand{flex:none;min-width:0}.crypto-brand__mark{background:var(--fd-primary);border-radius:var(--fd-radius-lg);color:var(--fd-primary-foreground);font-family:var(--fd-font-mono);font-size:12px;font-weight:var(--fd-font-weight-semibold);justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.crypto-brand h1{color:var(--fd-foreground);font-size:var(--fd-font-size-body-large);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;margin:0;line-height:1.1}.crypto-brand span:not(.crypto-brand__mark):not(.eui-environment-badge__label){color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption)}.crypto-header__nav{flex:auto;min-width:0}.crypto-header__actions{flex:0 auto;justify-content:flex-end;min-width:0}.crypto-header__actions .eui-search-command{width:clamp(220px,22vw,380px)}.crypto-header__actions .eui-workspace-switcher__trigger-copy,.crypto-header__actions .eui-user-menu__trigger-text{max-width:148px}.crypto-shell__sidebar{background:color-mix(in srgb, var(--fd-surface-subtle) 86%, var(--fd-surface));border-right:1px solid var(--fd-border-subtle);min-height:0;overflow:auto}.crypto-sidebar{align-content:start;gap:var(--fd-space-4);min-width:0;padding:var(--fd-space-4);background:0 0;border:0;display:grid;overflow:hidden}.crypto-sidebar .eui-sidebar__section,.crypto-sidebar .eui-sidebar__nav,.crypto-sidebar .eui-sidebar__item,.crypto-sidebar .eui-sidebar__branch{min-width:0}.crypto-sidebar .eui-sidebar__item[data-active=true]{background:linear-gradient(90deg, color-mix(in srgb, var(--fd-info) 7%, transparent), transparent 58%), var(--fd-surface-raised);border-color:color-mix(in srgb, var(--fd-info) 22%, var(--fd-border))}.crypto-sidebar .eui-sidebar__item[data-active=true]:before{background:var(--fd-info)}.crypto-main{align-content:start;gap:var(--fd-space-4);padding:var(--fd-space-4) clamp(var(--fd-space-4), 1.7vw, var(--fd-space-6)) var(--fd-space-6);display:grid;overflow:auto}.crypto-topbar{background:color-mix(in srgb, var(--fd-surface-raised) 96%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--fd-glass-shadow);min-width:0}.crypto-topbar .eui-top-bar__search{max-width:min(34vw,560px)}.crypto-topbar .eui-top-bar__trail{min-width:0}.crypto-trading-grid{align-items:start;gap:var(--fd-space-5);grid-template-columns:minmax(0,1fr) minmax(320px,380px);display:grid}.crypto-trading-grid__center,.crypto-trading-grid__side,.crypto-admin-stack,.crypto-reporting,.crypto-wallet-tools,.crypto-popover-stack{gap:var(--fd-space-4);min-width:0;display:grid}.crypto-selected-pair{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 94%, transparent), color-mix(in srgb, var(--fd-surface) 98%, transparent)), var(--fd-surface);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--fd-glass-shadow);align-items:center;gap:var(--fd-space-3);min-width:0;padding:var(--fd-space-4);grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr) auto;display:grid}.crypto-selected-pair__asset,.crypto-asset{align-items:center;gap:var(--fd-space-3);min-width:0;display:inline-flex}.crypto-selected-pair__asset img{object-fit:contain;width:52px;height:52px}.crypto-selected-pair__asset h2,.crypto-section-heading h2{color:var(--fd-foreground);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;line-height:var(--fd-line-height-heading);margin:0}.crypto-selected-pair__asset span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small)}.crypto-selected-pair__metrics{gap:var(--fd-space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.crypto-price-chart{min-height:400px}.crypto-price-chart .eui-chart-card__body{gap:var(--fd-space-3);display:grid}.crypto-time-range{border:0;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0}.crypto-market-depth-grid,.crypto-portfolio-grid,.crypto-flow-grid,.crypto-settings-grid,.crypto-activity-grid,.crypto-admin-grid,.crypto-developer-grid,.crypto-dev-grid{gap:var(--fd-space-5);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.crypto-admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr)}.crypto-developer-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.crypto-card{min-width:0}.crypto-wide-card{grid-column:1/-1}.crypto-market-overview{border-radius:var(--fd-radius-xl);box-shadow:none;gap:var(--fd-space-3);padding:var(--fd-space-4);overflow:hidden}.crypto-market-overview .eui-data-view__header,.crypto-market-overview .eui-data-view__toolbar,.crypto-market-overview .eui-data-view__content{min-width:0}.crypto-market-overview .eui-data-view__description{max-width:32ch}.crypto-market-overview .eui-data-view__toolbar{align-items:stretch}.crypto-market-overview .eui-data-view__toolbar-main{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.crypto-market-overview .eui-search-input{width:100%}.crypto-market-toolbar{align-items:center;gap:var(--fd-space-2);flex-wrap:wrap;display:flex}.crypto-market-toolbar>*{flex:none}.crypto-autocomplete{flex:180px;min-width:min(100%,180px)}.crypto-market-overview .eui-segmented-control,.crypto-market-overview .eui-saved-views{max-width:100%;overflow-x:auto}.crypto-market-overview .eui-saved-views__list{flex:none}.crypto-market-overview .eui-data-grid{max-height:520px;overflow:auto}.crypto-market-overview .eui-table-container{max-width:100%}.crypto-market-overview .eui-table{min-width:840px}.crypto-asset__icon{background:var(--fd-surface-raised);border-radius:var(--fd-radius-full);object-fit:contain;flex:none;width:32px;height:32px}.crypto-asset__copy{gap:2px;min-width:0;display:grid}.crypto-asset__copy strong,.crypto-pair-button{color:var(--fd-foreground);font-size:var(--fd-font-size-body-small);font-weight:var(--fd-font-weight-semibold);letter-spacing:0}.crypto-asset__copy span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crypto-pair-button{border-radius:var(--fd-radius-sm);cursor:pointer;background:0 0;border:0;padding:2px 4px}.crypto-pair-button:focus-visible{outline:2px solid var(--fd-ring);outline-offset:2px}.crypto-order-book .eui-card__content,.crypto-recent-trades .eui-card__content,.crypto-order-form .eui-card__content{gap:var(--fd-space-4);display:grid}.crypto-depth-lists{gap:var(--fd-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crypto-depth-list{gap:4px;min-width:0;display:grid}.crypto-depth-list__head,.crypto-depth-row{gap:var(--fd-space-2);grid-template-columns:minmax(86px,1fr) minmax(54px,.7fr) minmax(70px,.8fr);min-width:0;display:grid}.crypto-depth-list__head{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-medium)}.crypto-depth-row{border-radius:var(--fd-radius-sm);color:var(--fd-foreground-subtle);font-family:var(--fd-font-mono);padding:5px 6px;font-size:11px;position:relative;overflow:hidden}.crypto-depth-row:before{background:color-mix(in srgb, var(--fd-info) 12%, transparent);content:"";width:var(--depth);position:absolute;inset:0 auto 0 0}.crypto-depth-list[data-side=ask] .crypto-depth-row:before{background:color-mix(in srgb, var(--fd-error) 12%, transparent)}.crypto-depth-list[data-side=bid] .crypto-depth-row:before{background:color-mix(in srgb, var(--fd-success) 12%, transparent)}.crypto-depth-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.crypto-order-form .eui-form{gap:var(--fd-space-4);display:grid}.crypto-order-form__slider{gap:var(--fd-space-3);display:grid}.crypto-order-form__submit{width:100%}.crypto-confirm-summary{background:var(--fd-surface-subtle);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);gap:var(--fd-space-2);padding:var(--fd-space-4);grid-template-columns:1fr auto;display:grid}.crypto-confirm-summary span{color:var(--fd-foreground-muted)}.crypto-balance-summary,.crypto-section{gap:var(--fd-space-4);min-width:0;display:grid}.crypto-metric-grid{gap:var(--fd-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crypto-section{scroll-margin-top:120px}.crypto-section-heading{align-items:center;gap:var(--fd-space-4);justify-content:space-between;min-width:0;display:flex}.crypto-section-heading>div{gap:var(--fd-space-2);min-width:0;display:grid}.crypto-wallet-tools{align-content:start}.crypto-copy-row{background:var(--fd-surface-subtle);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);min-width:0;padding:var(--fd-space-3);justify-content:space-between}.crypto-copy-row code{color:var(--fd-foreground-subtle);font-family:var(--fd-font-mono);font-size:var(--fd-font-size-caption);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.crypto-generated-address{background:var(--fd-surface-subtle);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);gap:var(--fd-space-3);min-height:150px;padding:var(--fd-space-4);display:grid;position:relative;overflow:hidden}.crypto-transfer-steps{margin-bottom:var(--fd-space-3)}.crypto-compact-state{padding-block:var(--fd-space-4)}.crypto-check-row{color:var(--fd-foreground-subtle);font-size:var(--fd-font-size-body-small);line-height:var(--fd-line-height-body);align-items:flex-start}.crypto-reporting .eui-calendar-view{min-height:320px}.crypto-activity-grid{grid-template-columns:minmax(260px,.8fr) minmax(260px,.8fr)}.crypto-dev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crypto-admin-grid .crypto-wide-card{grid-column:span 1}.crypto-admin-stack .eui-webhook-endpoint{min-width:0}.crypto-spinner-row{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small)}.crypto-popover-option{color:var(--fd-foreground-subtle);align-items:center;gap:var(--fd-space-2);display:flex}.crypto-price-chart svg,.crypto-card svg{max-width:100%}@media (max-width:1280px){.crypto-shell{grid-template:"header""sidebar""main"1fr/minmax(0,1fr)}.crypto-shell__sidebar{border-bottom:1px solid var(--fd-border-subtle);border-right:0;max-height:54svh;display:block}.crypto-sidebar{grid-template-columns:minmax(0,.28fr) minmax(0,1fr)}}@media (max-width:1100px){.crypto-trading-grid,.crypto-market-depth-grid,.crypto-portfolio-grid,.crypto-flow-grid,.crypto-settings-grid,.crypto-activity-grid,.crypto-admin-grid,.crypto-developer-grid,.crypto-dev-grid{grid-template-columns:minmax(0,1fr)}.crypto-admin-grid .crypto-wide-card{grid-column:1/-1}.crypto-selected-pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.crypto-header{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.crypto-header__nav{overflow-x:auto}.crypto-header__actions{justify-content:flex-start;overflow-x:auto}.crypto-header__actions .eui-search-command{width:220px;min-width:220px}.crypto-main{padding:var(--fd-space-4)}.crypto-topbar{top:var(--fd-space-3)}.crypto-sidebar{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.crypto-main,.crypto-sidebar{padding:var(--fd-space-3)}.crypto-selected-pair,.crypto-card,.crypto-market-overview{border-radius:var(--fd-radius-lg)}.crypto-selected-pair__metrics,.crypto-metric-grid,.crypto-depth-lists{grid-template-columns:minmax(0,1fr)}.crypto-section-heading{align-items:flex-start;display:grid}.crypto-copy-row,.crypto-chart-actions,.crypto-time-range{flex-wrap:wrap;align-items:stretch}.crypto-brand{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.component-card{transition:none}}[data-theme=dark] body{background:linear-gradient(#94a3b806,#0000 280px),#080f1d}[data-theme=dark] .site-header{background:#080f1dd6;border-bottom-color:#94a3b81f}[data-theme=dark] .site-header__links a{color:#cbd5e1bd}[data-theme=dark] .site-header__links a:hover{color:#f8fafc;background:#94a3b814}[data-theme=dark] .site-header__toggle{color:#cbd5e1b8;background:#0f172ac7;border-color:#94a3b829}[data-theme=dark] .component-home{--eui-background:#080f1d;--eui-foreground:#f8fafc;--eui-foreground-subtle:#d9e2ef;--eui-foreground-muted:#9aa8bb;--eui-surface:#101a2b;--eui-surface-subtle:#0d1626;--eui-surface-raised:#152136;--eui-surface-sunken:#09111f;--eui-card:#111c2e;--eui-card-foreground:#f4f7fb;--eui-primary:var(--fd-brand-accent);--eui-primary-foreground:#0a1220;--eui-primary-hover:#a3e665;--eui-primary-active:#7fc945;--eui-secondary:#94a3b814;--eui-secondary-foreground:#e2e8f0;--eui-muted:#94a3b814;--eui-muted-foreground:#8897ab;--eui-border:#94a3b838;--eui-border-subtle:#94a3b81a;--eui-input:#94a3b838;--eui-ring:#8fb5ff;--eui-focus-ring:#8fb5ff42;--eui-hover:#94a3b814;--eui-active:#94a3b81f;--eui-glass-surface:#0f172a94;--eui-glass-surface-strong:#111c2eb8;--eui-glass-surface-raised:#121d2fd6;--eui-glass-border-soft:#94a3b824;--eui-glass-highlight:#ffffff0e;--eui-glass-shadow:inset 0 1px 0 #ffffff0a, 0 1px 1px #00000057, 0 18px 42px #00000047;--eui-success-foreground:#dff8e7;--eui-warning-foreground:#ffe9b5;--eui-error-foreground:#ffd8d8;--eui-info-foreground:#c9f7ff}[data-theme=dark] .component-card{background:linear-gradient(#ffffff0c 0%,#ffffff05 42%,#ffffff02 100%),#101b2ddb;border-color:#94a3b826;box-shadow:inset 0 1px #ffffff0d,0 1px #ffffff06,0 18px 44px #0000003d}[data-theme=dark] .component-card--skeleton{background:linear-gradient(#ffffff0d,#ffffff04),#101b2dc7;border-color:#94a3b824;box-shadow:inset 0 1px #ffffff0b,0 14px 40px #0003}[data-theme=dark] .component-card--placeholder{background:linear-gradient(#ffffff0a,#ffffff03),#0c1524ad;border-color:#94a3b81c;box-shadow:inset 0 1px #ffffff09,0 12px 30px #00000029}[data-theme=dark] .component-skeleton{background:linear-gradient(90deg,#94a3b817,#cbd5e129,#94a3b817),#94a3b81a;border-color:#94a3b81f}[data-theme=dark] .component-skeleton--control{background:linear-gradient(90deg,#8fb5ff1f,#cbd5e12e,#8fb5ff1f),#94a3b81f;border-color:#8fb5ff29}[data-theme=dark] .component-card__sample{border-color:#94a3b821}[data-theme=dark] .component-home .eui-button--primary{box-shadow:inset 0 1px 0 #ffffff47, 0 1px 2px #0003, 0 14px 30px -16px #00000094, 0 20px 38px -18px color-mix(in srgb, var(--eui-color-brand-aqua) 58%, transparent), 0 30px 58px -28px color-mix(in srgb, var(--eui-color-brand-aqua) 42%, transparent)}[data-theme=dark] .component-home .eui-button--primary:hover:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 #ffffff57, 0 1px 2px #00000038, 0 18px 36px -15px #000000a3, 0 22px 42px -16px color-mix(in srgb, var(--eui-color-brand-aqua) 76%, transparent), 0 34px 68px -28px color-mix(in srgb, var(--eui-color-brand-aqua) 54%, transparent)}[data-theme=dark] .component-home .eui-button--primary:active:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 2px #0000003d, 0 10px 24px -14px color-mix(in srgb, var(--eui-color-brand-aqua) 58%, transparent)}[data-theme=dark] .component-home .eui-button--secondary,[data-theme=dark] .component-home .eui-button--ghost{border-color:#94a3b81f;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .component-home .eui-input,[data-theme=dark] .component-home .eui-textarea{background:#080f1d57;border-color:#94a3b82e;box-shadow:inset 0 1px #ffffff09}[data-theme=dark] .component-home .eui-input:focus,[data-theme=dark] .component-home .eui-textarea:focus{background:var(--eui-color-neutral-white);color:var(--eui-color-neutral-charcoal)}[data-theme=dark] .component-home .eui-tabs__content{background:#070d1994;border-color:#94a3b81a}
.examples-index{gap:var(--fd-space-8);max-width:1180px;padding:clamp(var(--fd-space-8), 8vw, var(--fd-space-13)) var(--fd-space-6);margin:0 auto;display:grid}.examples-index__head{gap:var(--fd-space-4);max-width:760px;display:grid}.examples-index__head h1{color:var(--fd-foreground);letter-spacing:0;margin:0;font-size:clamp(3rem,7vw,5.75rem);line-height:.92}.examples-index__head p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-body);margin:0}.examples-index__grid{gap:var(--fd-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.examples-index__card{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--fd-shadow-card-soft);gap:var(--fd-space-3);min-height:260px;padding:var(--fd-space-5);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.examples-index__card:hover{border-color:color-mix(in srgb, var(--fd-color-brand-aqua) 48%, var(--fd-border));box-shadow:var(--fd-shadow-card-elevated);transform:translateY(-2px)}.examples-index__card span{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);letter-spacing:var(--fd-letter-spacing-uppercase);text-transform:uppercase}.examples-index__card strong{color:var(--fd-foreground);font-size:var(--fd-font-size-h3);line-height:var(--fd-line-height-heading)}.examples-index__card p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small);line-height:var(--fd-line-height-body);margin:0}.examples-index__card small{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-2);margin-top:auto;display:inline-flex}.example-page{background:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--fd-info-soft) 42%, transparent), transparent 28rem), linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 82%, transparent), var(--fd-background) 40rem);color:var(--fd-foreground);min-height:100svh}.example-dashboard,.example-landing{--example-page-padding:clamp(1rem, 4vw, 2.5rem)}.example-section{gap:var(--fd-space-6);max-width:1180px;padding-inline:var(--example-page-padding);width:100%;margin-inline:auto;display:grid}.example-dashboard__shell{background:color-mix(in srgb, var(--fd-surface) 96%, transparent);box-shadow:none;border:0;border-radius:0;width:100%;max-width:none;min-height:100svh;margin:0;overflow:hidden}.example-dashboard__topbar{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:color-mix(in srgb, var(--fd-surface) 88%, transparent);border-bottom:1px solid var(--fd-border-subtle);align-items:center;gap:var(--fd-space-4);padding:var(--fd-space-4) var(--fd-space-5);justify-content:space-between;display:flex}.example-dashboard__switchers,.example-dashboard__top-actions,.example-dashboard__toolbar,.example-dashboard__toolbar-actions,.example-landing__actions,.example-landing__social,.example-landing__visual-header,.example-landing__trust-row{align-items:center;gap:var(--fd-space-3);display:flex}.example-dashboard__sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-sunken) 78%, transparent), transparent 18rem), var(--fd-surface-subtle);border-right:1px solid var(--fd-border-subtle);padding:var(--fd-space-5)}.example-dashboard__brand{background:color-mix(in srgb, var(--fd-surface-raised) 70%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);gap:var(--fd-space-2);margin-bottom:var(--fd-space-6);padding:var(--fd-space-3);display:grid}.example-dashboard__brand strong{font-size:var(--fd-font-size-body-large);letter-spacing:0}.example-dashboard__nav{gap:var(--fd-space-2);display:grid}.example-dashboard__nav-button{border-radius:var(--fd-radius-lg);justify-content:flex-start;width:100%;min-height:38px}.example-dashboard__main{gap:var(--fd-space-6);padding:clamp(1rem, 2.4vw, var(--fd-space-7));display:grid;overflow:auto}.example-dashboard__alert{max-width:760px}.example-dashboard__analytics,.example-dashboard__bottom-grid,.example-landing__pricing{gap:var(--fd-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-dashboard__content-grid{gap:var(--fd-space-5);grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);display:grid}.example-dashboard__table-card{min-width:0}.example-dashboard__analytics>.eui-chart-card,.example-dashboard__bottom-grid>.eui-card,.example-dashboard__side-stack>.eui-card,.example-landing__feature-grid>.eui-card,.example-landing__pricing>.eui-card{height:100%}.example-dashboard__toolbar{margin-bottom:var(--fd-space-4);flex-wrap:wrap;justify-content:space-between}.example-dashboard__toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.example-dashboard__side-stack,.example-dashboard__targets,.example-landing__copy,.example-landing__feature-grid,.example-landing__form,.example-landing__checks,.example-landing__platform-copy,.example-dashboard__flags{gap:var(--fd-space-4);display:grid}.example-landing{gap:clamp(4rem,8vw,7rem);min-height:100svh;display:grid}.example-landing__hero{max-width:1280px;min-height:100svh;padding:clamp(2rem, 7vw, 5rem) var(--example-page-padding);grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;margin-inline:auto;display:grid}.example-landing__copy{align-content:center;max-width:680px}.example-landing__copy h1,.example-landing__final h2{color:var(--fd-foreground);letter-spacing:0;margin:0;font-size:clamp(3rem,7vw,5.6rem);line-height:.95}.example-landing__copy p,.example-landing__final p{color:var(--fd-foreground-muted);margin:0;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.55}.example-landing__social{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small);margin-top:var(--fd-space-2);flex-wrap:wrap}.example-landing__visual{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 82%, transparent), transparent 62%), var(--fd-surface);border:1px solid color-mix(in srgb, var(--fd-border-subtle) 84%, transparent);border-radius:var(--fd-radius-2xl);box-shadow:inset 0 1px 0 var(--fd-glass-highlight), 0 28px 80px -60px color-mix(in srgb, var(--fd-foreground) 48%, transparent);gap:var(--fd-space-5);min-width:0;padding:clamp(1rem,3vw,1.75rem);display:grid}.example-landing__visual-header{justify-content:space-between}.example-landing__feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.example-landing__feature-icon{background:color-mix(in srgb, var(--fd-info-soft) 48%, var(--fd-surface));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);color:var(--fd-accent);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.example-landing__platform{grid-template-columns:minmax(0,.85fr) minmax(380px,1fr);align-items:start}.example-landing__tabs{min-width:0}.example-landing__trust-row{color:var(--fd-foreground-muted);min-height:8rem;padding:var(--fd-space-4) 0}.example-landing__pricing-card .eui-card__content,.example-landing__lead-card .eui-card__content{gap:var(--fd-space-4);display:grid}.example-landing__checks{color:var(--fd-foreground-muted);margin:0;padding:0;list-style:none}.example-landing__checks li{align-items:center;gap:var(--fd-space-2);display:flex}.example-landing__checks svg{color:var(--fd-accent);flex:none}.example-landing__final{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 86%, transparent), transparent 70%), var(--fd-surface);border:1px solid color-mix(in srgb, var(--fd-border-subtle) 84%, transparent);border-radius:var(--fd-radius-2xl);box-shadow:inset 0 1px 0 var(--fd-glass-highlight), 0 24px 64px -52px color-mix(in srgb, var(--fd-foreground) 40%, transparent);align-items:center;gap:var(--fd-space-5);margin:0 auto var(--fd-space-8);text-align:center;max-width:1180px;width:min(calc(100% - (var(--example-page-padding) * 2)), 1180px);justify-items:center;padding:clamp(2rem,5vw,4rem);display:grid}.example-landing__final h2{max-width:900px;font-size:clamp(2.5rem,5vw,4.8rem)}.example-landing__final p{max-width:720px}.example-landing__message{color:var(--fd-foreground-muted);align-items:center;gap:var(--fd-space-2);justify-content:center;display:inline-flex}@media (max-width:1020px){.examples-index__grid,.example-dashboard__analytics,.example-dashboard__bottom-grid,.example-dashboard__content-grid,.example-landing__hero,.example-landing__platform,.example-landing__pricing{grid-template-columns:1fr}.example-landing__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.examples-index{padding-inline:var(--fd-space-4)}.examples-index__grid{grid-template-columns:1fr}.examples-index__head h1{font-size:clamp(2.6rem,16vw,4rem)}.example-dashboard__shell{border-radius:0;width:100%;min-height:100svh}.example-dashboard__topbar,.example-dashboard__toolbar,.example-dashboard__toolbar-actions,.example-landing__visual-header{flex-direction:column;align-items:stretch}.example-dashboard__switchers,.example-dashboard__top-actions{flex-wrap:wrap}.example-dashboard__main{padding:var(--fd-space-4)}.example-landing__feature-grid{grid-template-columns:1fr}.example-landing__copy h1{font-size:clamp(2.6rem,16vw,4rem)}}