:root{--true-white:#fff;--true-black:#000;--white:#fbfbfb;--black:#444;--text-low:#bccdcd;--text-normal:#77828b;--text-bold:#434d4c;--accent-primary:#17e5c3;--accent-primary-highlight:#90efd2;--accent-secondary:#00bbe0;--accent-secondary-highlight:#12d8ff;--accent-tertiary:#ffc700;--confirm:#9ee93e;--warn:#ff8a70;--background:#f3f3f3;--secondary-background:#f0f0f0;--tertiary-background:#f5f4f5;--decor-01:#e6eaea;--decor-02:#d7dede;--decor-03:#c9e1e1;--decor-04:#88b0b3;--text:var(--text-normal);--text-h:var(--text-bold);--bg:var(--tertiary-background);--space-0:0;--space-2xs:2px;--space-xs:4px;--space-s:8px;--space-m:10px;--space-l:12px;--space-xl:16px;--space-2xl:20px;--space-3xl:24px;--space-4xl:28px;--space-5xl:40px;--space-6xl:48px;--space-7xl:64px;--radius-s:4px;--radius-m:6px;--radius-l:8px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:18px;--radius-round:999px;--layout-content-max:1440px;--layout-page-padding-x:64px;--layout-section-pad-top:24px;--layout-section-pad-bottom:64px;--layout-item-padding-x:20px;--layout-item-margin-bottom:24px;--layout-playground-media-max:520px;--layout-feature-gap:44px;--media-radius:var(--radius-xl);--media-feature-radius:var(--radius-3xl);--media-max-height:70vh;--media-max-height-cap:720px;--media-min-height:120px;--motion-duration-fast:.15s;--motion-duration-base:.22s;--motion-duration-slow:.52s;--motion-duration-intro:.72s;--motion-duration-intro-delayed:.76s;--motion-ease-standard:ease;--motion-ease-emphasized:cubic-bezier(.22, 1, .36, 1);--motion-enter-offset-y:22px;--motion-feature-enter-offset-y:200px;--interactive-lift-hover-y:-4px;--interactive-lift-active-y:-1px;--interactive-scale-hover:1.01;--interactive-scale-active:1.004;--interactive-media-scale-hover:1.035;--interactive-outline-width:2px;--interactive-outline-offset-hover:3px;--interactive-outline-offset-active:1px;--interactive-shadow-hover:0 18px 34px #434d4c24;--interactive-shadow-active:0 10px 20px #434d4c1a;--loader-size:30px;--loader-border-width:3px;--loader-track:#444d4c33;--loader-active:var(--accent-secondary)}@media (width<=1024px){:root{--layout-page-padding-x:20px;--layout-section-pad-top:12px;--layout-section-pad-bottom:40px;--layout-feature-gap:22px}}:root{--font-family-sans:"Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-s:.875rem;--font-size-m:1rem;--font-size-l:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-size-5xl:clamp(2.25rem, 3.2vw, 2.75rem);--font-size-6xl:clamp(2.75rem, 5vw, 3.5rem);--line-height-tight:1.15;--line-height-heading:1.2;--line-height-body:1.45;--line-height-relaxed:1.6;--letter-spacing-tight:-.03em;--letter-spacing-normal:.01em;--letter-spacing-wide:.02em;--type-caption-size:var(--font-size-xs);--type-body-size:var(--font-size-l);--type-heading-display-size:var(--font-size-6xl);--type-heading-display-size-mobile:var(--font-size-5xl);--type-caption-color:var(--text-normal);--type-caption-margin-top:8px;--type-heading-display-margin-top:96px;--type-heading-display-margin-top-mobile:48px;--sans:var(--font-family-sans);--base-font-size:var(--type-body-size);--base-line-height:var(--line-height-body);--base-letter-spacing:.18px;--heading-display-size:var(--type-heading-display-size);--heading-display-size-mobile:var(--type-heading-display-size-mobile);--heading-display-letter-spacing:-1.68px;--heading-display-margin-top:var(--type-heading-display-margin-top);--heading-display-margin-top-mobile:var(--type-heading-display-margin-top-mobile);--caption-font-size:var(--type-caption-size);--caption-color:var(--type-caption-color);--caption-margin-top:var(--type-caption-margin-top)}@media (width<=1024px){:root{--base-font-size:16px}}.u-content-container,.hero,.showcase-container,.compare-container,.playground-shell{width:min(100%, var(--layout-content-max));box-sizing:border-box;margin-inline:auto}.u-page-gutter,.hero,.showcase-container,.compare-container,.playground-shell{padding-inline:var(--layout-page-padding-x)}.u-grid{display:grid}.u-stack-8{gap:var(--space-s);display:grid}.u-stack-12{gap:var(--space-l);display:grid}.u-stack-24{gap:var(--space-3xl);display:grid}.u-flex-row-wrap{align-items:center;gap:var(--space-l);flex-wrap:wrap;display:flex}.u-text-left{text-align:left}.u-text-center{text-align:center}:root{--btn-radius:var(--radius-l);--btn-height:var(--space-6xl);--btn-height-mini:var(--space-5xl);--btn-font-size:calc(var(--font-size-xs) + var(--space-2xs) / 2);--btn-font-size-mini:var(--font-size-xs);--btn-font-weight:600;--btn-line-height:1;--btn-letter-spacing:calc(var(--letter-spacing-tight) / 3);--btn-padding-x:var(--space-3xl);--btn-padding-x-mini:var(--space-2xl);--btn-gap:var(--space-m);--btn-width-primary:calc(var(--space-4xl) * 8);--btn-width-secondary:calc(var(--space-2xl) * 8);--btn-width-tertiary:var(--btn-width-secondary);--btn-width-mobile-min:calc(var(--space-2xl) * 7);--btn-text-on-accent:var(--bg);--btn-text-default:var(--text-bold);--btn-text-tertiary:var(--true-white);--btn-shadow-primary:0 var(--space-s) var(--space-xl) color-mix(in srgb, var(--accent-tertiary) 42%, transparent);--btn-shadow-secondary:0 var(--space-s) var(--space-xl) color-mix(in srgb, var(--accent-secondary) 48%, transparent);--btn-shadow-tertiary:0 var(--space-s) var(--space-xl) color-mix(in srgb, var(--accent-primary) 42%, transparent);--btn-shadow-primary-hover:0 var(--space-m) calc(var(--space-l) + var(--space-xs) + var(--space-2xs)) color-mix(in srgb, var(--accent-tertiary) 55%, transparent);--btn-shadow-secondary-hover:0 var(--space-m) calc(var(--space-l) + var(--space-xs) + var(--space-2xs)) color-mix(in srgb, var(--accent-secondary) 58%, transparent);--btn-shadow-tertiary-hover:0 var(--space-m) calc(var(--space-l) + var(--space-xs) + var(--space-2xs)) color-mix(in srgb, var(--accent-primary) 55%, transparent);--btn-shadow-ghost-hover:0 var(--space-xs) var(--space-l) color-mix(in srgb, var(--decor-02) 72%, transparent);--btn-transition-fast:var(--motion-duration-fast) var(--motion-ease-standard);--btn-transition-base:var(--motion-duration-base) var(--motion-ease-emphasized);--btn-hover-translate-y:calc(var(--interactive-lift-hover-y) / 4);--btn-focus-outline-width:var(--interactive-outline-width);--btn-focus-outline-offset:var(--space-2xs);--btn-icon-size:var(--font-size-l)}button,a.btn,.btn{--_btn-height:var(--btn-height);--_btn-padding-x:var(--btn-padding-x);-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;justify-content:center;align-items:center;gap:var(--btn-gap);min-height:var(--_btn-height);padding-inline:var(--_btn-padding-x);border-radius:var(--btn-radius);font-family:var(--font-family-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--btn-transition-fast), background-color var(--btn-transition-base), color var(--btn-transition-base), box-shadow var(--btn-transition-base), border-color var(--btn-transition-base), width var(--btn-transition-base), padding var(--btn-transition-base);border:0;outline:0;flex-wrap:nowrap;text-decoration:none;display:inline-flex}button>svg,a.btn>svg,.btn>svg,button .btn__icon,a.btn .btn__icon,.btn .btn__icon{width:var(--btn-icon-size);height:var(--btn-icon-size);flex:none;display:inline-block}.btn--icon-left{flex-direction:row}.btn--icon-right{flex-direction:row-reverse}.btn--icon-only{--_btn-padding-x:var(--space-0);inline-size:var(--_btn-height);min-width:var(--_btn-height);justify-content:center;gap:var(--space-0)}.btn--mini{--_btn-height:var(--btn-height-mini);--_btn-padding-x:var(--btn-padding-x-mini);width:fit-content;inline-size:fit-content;min-width:0;max-width:100%;font-size:var(--btn-font-size-mini)}.btn_primary,.btn--primary{width:var(--btn-width-primary);color:var(--btn-text-default);background:var(--accent-tertiary);box-shadow:var(--btn-shadow-primary)}.btn_secondary,.btn--secondary{width:var(--btn-width-secondary);color:var(--btn-text-on-accent);background:var(--accent-secondary);box-shadow:var(--btn-shadow-secondary)}.btn_tertiary,.btn--tertiary{width:var(--btn-width-tertiary);color:var(--btn-text-tertiary);background:var(--accent-primary);box-shadow:var(--btn-shadow-tertiary)}.btn_ghost,.btn--ghost{width:auto;color:var(--text-normal);box-shadow:none;background:0 0;border:0}.btn_primary:hover,.btn--primary:hover{transform:translateY(var(--btn-hover-translate-y));background:color-mix(in srgb, var(--accent-tertiary) 88%, var(--true-white));box-shadow:var(--btn-shadow-primary-hover)}.btn_secondary:hover,.btn--secondary:hover{transform:translateY(var(--btn-hover-translate-y));background:color-mix(in srgb, var(--accent-secondary) 86%, var(--true-white));box-shadow:var(--btn-shadow-secondary-hover)}.btn_tertiary:hover,.btn--tertiary:hover{transform:translateY(var(--btn-hover-translate-y));background:color-mix(in srgb, var(--accent-primary) 88%, var(--true-white));box-shadow:var(--btn-shadow-tertiary-hover)}.btn_primary:active,.btn--primary:active,.btn_secondary:active,.btn--secondary:active,.btn_tertiary:active,.btn--tertiary:active{transform:translateY(var(--space-0));box-shadow:none}.btn_ghost:hover,.btn--ghost:hover{color:var(--text-bold);background:color-mix(in srgb, var(--true-black) 7%, transparent);box-shadow:var(--btn-shadow-ghost-hover)}.btn_ghost:active,.btn--ghost:active{background:color-mix(in srgb, var(--true-black) 7%, transparent);box-shadow:none}button:focus-visible,a.btn:focus-visible,.btn:focus-visible{outline:var(--btn-focus-outline-width) solid color-mix(in srgb, var(--accent-secondary) 75%, var(--bg));outline-offset:var(--btn-focus-outline-offset)}.btn_ghost:focus-visible,.btn--ghost:focus-visible{box-shadow:0 0 0 var(--btn-focus-outline-width) color-mix(in srgb, var(--decor-01) 80%, transparent);outline:0}button:disabled,a.btn[aria-disabled=true],.btn:disabled{opacity:.45;pointer-events:none;box-shadow:none;transform:none}@media (width<=1024px){.btn_primary,.btn--primary,.btn_secondary,.btn--secondary,.btn_tertiary,.btn--tertiary{width:auto;min-width:var(--btn-width-mobile-min)}}.surface-panel{background:var(--secondary-background);border:1px solid color-mix(in srgb, var(--text-normal) 18%, transparent);box-sizing:border-box;border-radius:14px;gap:14px;padding:20px;display:grid}.surface-card{background:var(--bg);border:1px solid color-mix(in srgb, var(--text-normal) 18%, transparent);box-sizing:border-box;border-radius:12px;gap:10px;padding:12px;display:grid}.stack-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.media-card{max-width:420px}.media-card__image{border-radius:var(--media-radius);width:100%;height:auto;display:block}.media-card__caption{font-size:var(--caption-font-size);color:var(--caption-color);margin:0;line-height:1.35}:root{--panel-nav-height:88px;--panel-nav-bg:color-mix(in oklab, var(--background) 80%, transparent);--panel-nav-fg:color-mix(in oklab, var(--black) 40%, transparent);--panel-nav-divider:color-mix(in oklab, var(--text-normal) 25%, transparent);--panel-nav-active:var(--accent-tertiary)}body.has-panel-navigation{padding-top:var(--panel-nav-height)}.panel-navigation{width:100%;min-height:var(--panel-nav-height);z-index:1000;background:var(--panel-nav-bg);-webkit-backdrop-filter:blur(10px);border:none;position:fixed;inset:0 0 auto}.panel-navigation__inner{max-width:min(960px,100%);min-height:var(--panel-nav-height);color:var(--panel-nav-fg);justify-content:flex-start;align-items:center;gap:24px;margin-inline:auto;padding-inline:clamp(16px,2.5vw,32px);display:flex}.panel-navigation__left,.panel-navigation__right{align-items:center;gap:4px;display:inline-flex}.panel-navigation__divider{background:var(--panel-nav-divider);flex:none;width:2px;height:32px}.panel-navigation__link,.panel-navigation__icon-link{color:var(--panel-nav-fg);position:relative}.panel-navigation__link{font-size:calc(var(--type-body-size) * 1.06);line-height:var(--line-height-body)}.panel-navigation__link:hover,.panel-navigation__link:focus-visible,.panel-navigation__icon-link:hover,.panel-navigation__icon-link:focus-visible{color:var(--text-bold)}.panel-navigation__logo{background:var(--text-normal);border-radius:999px;width:10px;height:10px;margin-right:2px;display:inline-block}.panel-navigation__link.is-active:after{content:"";background:var(--panel-nav-active);border-radius:999px;width:24px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.panel-navigation__icon-link{--btn-icon-size:24px;height:var(--btn-icon-size);aspect-ratio:1;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}@media (width<=720px){:root{--panel-nav-height:58px}}.hero{margin:var(--space-3xl) auto 0;gap:var(--layout-feature-gap);min-height:min(var(--media-max-height), var(--media-max-height-cap));opacity:0;transform:translateY(var(--motion-feature-enter-offset-y));animation:section-intro var(--motion-duration-intro) var(--motion-ease-emphasized) 60ms forwards;will-change:transform, opacity;grid-template-columns:2fr 1fr;align-items:center;display:grid}.hero-media{width:100%}.hero-media-frame{aspect-ratio:16/9;width:100%;max-height:var(--media-max-height);border-radius:var(--media-feature-radius);box-shadow:none;isolation:isolate;background:0 0;position:relative;overflow:hidden}.hero-video-launcher{margin:var(--space-0);padding:var(--space-0);cursor:pointer;z-index:3;opacity:1;width:100%;height:100%;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background:0 0;border:0;display:block;position:relative}.hero-video-launcher:focus-visible{outline:none}.hero-video-poster,.hero-video-preview,.hero-video-player{border-radius:inherit;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.hero-video-poster,.hero-video-preview{object-fit:cover}.hero-video-poster{z-index:1}.hero-video-preview{z-index:2;opacity:0;transition:opacity .18s var(--motion-ease-standard)}.hero-video-launcher.is-preview-ready:hover .hero-video-preview,.hero-video-launcher.is-preview-ready:focus-visible .hero-video-preview{opacity:1}.hero-video-play{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero-video-play:before{content:"";border-radius:var(--radius-round);width:84px;height:84px;transition:transform var(--motion-duration-base) var(--motion-ease-emphasized), background-color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard);background:#00000073;box-shadow:0 10px 24px #00000047}.hero-video-play-icon{border-top:var(--space-l) solid transparent;border-bottom:var(--space-l) solid transparent;border-left:var(--space-2xl) solid #fff;width:0;height:0;transition:transform var(--motion-duration-base) var(--motion-ease-emphasized), border-left-color var(--motion-duration-base) var(--motion-ease-standard);margin-left:6px;position:absolute}.hero-video-launcher:hover .hero-video-play:before,.hero-video-launcher:focus-visible .hero-video-play:before{background:#0000009e;transform:scale(1.08);box-shadow:0 14px 30px #00000057}.hero-video-launcher:hover .hero-video-play-icon,.hero-video-launcher:focus-visible .hero-video-play-icon{transform:translateX(var(--space-2xs)) scale(1.05);border-left-color:#fff}.hero-video-player{border-radius:inherit;object-fit:cover;clip-path:inset(0 round var(--media-feature-radius));z-index:1;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background:0 0}.hero-media-frame.is-playing .hero-video-launcher{opacity:0;pointer-events:none}.hero-media-frame.is-playing .hero-video-player{opacity:1;pointer-events:auto;z-index:4}.hero-copy{gap:var(--space-m);align-content:center;display:grid}.hero-kicker{font-size:var(--caption-font-size);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-secondary);font-weight:700}.hero-title{margin:var(--space-0);text-align:left;color:var(--text-h);letter-spacing:-.03em;font-size:clamp(30px,4vw,56px);line-height:1.03}.hero-subtitle{margin:var(--space-0);color:var(--text-h);font-size:clamp(18px,1.6vw,24px);font-weight:600;line-height:1.25}.hero-text{color:var(--text);max-width:42ch;font-size:.9rem;line-height:1.4}@keyframes section-intro{0%{opacity:0;transform:translateY(var(--motion-enter-offset-y))}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero{min-height:0;margin-top:var(--space-xl);grid-template-columns:1fr}.hero-media-frame{max-height:56vh}.hero-copy{text-align:center;padding:var(--space-2xl) var(--space-l) var(--space-4xl);align-content:center;justify-items:center}.hero-kicker,.hero-title,.hero-subtitle,.hero-text{text-align:center}.hero-text{max-width:52ch}}@media (prefers-reduced-motion:reduce){.hero,.showcase-container{opacity:1;transform:none;animation:none!important}.hero-video-launcher,.hero-video-preview,.hero-video-play:before,.hero-video-play-icon{transition:none}}.showcase-container{padding-block:var(--layout-section-pad-top) var(--layout-section-pad-bottom);z-index:1;opacity:0;transform:translateY(var(--motion-enter-offset-y));animation:section-intro var(--motion-duration-intro-delayed) var(--motion-ease-emphasized) .16s forwards;will-change:transform, opacity;position:relative}.showcase-grid{width:100%;margin:0 auto;position:relative}.showcase-item{padding:0 var(--layout-item-padding-x);margin-bottom:var(--layout-item-margin-bottom);box-sizing:border-box;z-index:0;position:relative}:is(.showcase-item:has(.media-shell.is-interactive:hover),.showcase-item:has(.media-shell.is-interactive:focus-within)){z-index:3}.showcase-grid.columns-1 .showcase-item{width:100%}.showcase-grid.columns-2 .showcase-item{width:50%}.showcase-grid.columns-3 .showcase-item{width:33.3333%}.showcase-grid.columns-4 .showcase-item{width:25%}.media-shell{border-radius:var(--media-radius);background:var(--tertiary-background);min-height:var(--media-min-height);transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized), box-shadow var(--motion-duration-slow) var(--motion-ease-emphasized);will-change:transform;position:relative;overflow:hidden}.media-shell:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #434d4c14}.media-shell.is-interactive:hover,.media-shell.is-interactive:focus-within{transform:translateY(var(--interactive-lift-hover-y)) scale(var(--interactive-scale-hover));outline:var(--interactive-outline-width) solid var(--accent-tertiary);outline-offset:var(--interactive-outline-offset-hover);box-shadow:var(--interactive-shadow-hover)}.media-shell.is-interactive:hover:before,.media-shell.is-interactive:focus-within:before{opacity:1}.media-shell.is-interactive:active{transform:translateY(var(--interactive-lift-active-y)) scale(var(--interactive-scale-active));outline:var(--interactive-outline-width) var(--accent-tertiary);outline-offset:var(--interactive-outline-offset-active);box-shadow:var(--interactive-shadow-active)}.showcase-item img,.showcase-item video,.showcase-item iframe{border-radius:var(--media-radius);width:100%;height:auto;display:block}.media-shell img,.media-shell video{opacity:0;transform-origin:50%;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), transform .9s var(--motion-ease-emphasized), filter .9s var(--motion-ease-standard);will-change:transform;transform:scale(1)}.media-shell.is-loaded img,.media-shell.is-loaded video{opacity:1}.media-shell.is-interactive:hover img,.media-shell.is-interactive:hover video,.media-shell.is-interactive:focus-within img,.media-shell.is-interactive:focus-within video{transform:scale(var(--interactive-media-scale-hover));filter:saturate(1.02)contrast(1.01)}.media-clickable{cursor:zoom-in;outline:none}.media-clickable:focus-visible{outline:none}.media-loader{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.media-loader:before{content:"";width:var(--loader-size);height:var(--loader-size);border:var(--loader-border-width) solid var(--loader-track);border-top-color:var(--loader-active);border-radius:50%;animation:.9s linear infinite media-spin}.media-shell.is-loaded .media-loader{display:none}.caption{margin-top:var(--caption-margin-top);font-size:var(--caption-font-size);text-align:center;color:var(--caption-color);line-height:1.4}.compare-container{padding-block:var(--space-s) var(--space-l);z-index:2;position:relative}.compare-grid{width:100%;margin:0 auto;position:relative}.compare-item{padding:0 var(--layout-item-padding-x);margin-bottom:var(--layout-item-margin-bottom);box-sizing:border-box;z-index:0;position:relative}:is(.compare-item:has(.compare-card:hover),.compare-item:has(.compare-card:focus-visible),.compare-item:has(.compare-card:focus-within)){z-index:3}.compare-grid.columns-1 .compare-item{width:100%}.compare-grid.columns-2 .compare-item{width:50%}.compare-card{width:100%;text-align:inherit;cursor:zoom-in;min-height:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:stretch;gap:0;padding:0;transition:none;display:block}.compare-card:focus-visible{outline:none}.compare-card__pair{border-radius:var(--media-radius);--compare-card-ratio:1.6;outline:var(--interactive-outline-width) solid transparent;transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized), box-shadow var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid;overflow:hidden}.compare-card__slot{aspect-ratio:var(--compare-card-ratio);background:var(--tertiary-background);position:relative;overflow:hidden}.compare-card__badge{top:var(--space-s);left:var(--space-s);z-index:4;border-radius:var(--radius-m);letter-spacing:.02em;color:var(--tertiary-background);pointer-events:none;background:#7d7d7d80;padding:5px 9px;font-size:11px;line-height:1;position:absolute}.compare-card__slot--after .compare-card__badge{left:auto;right:var(--space-s)}.compare-card__slot>.media-shell{border-radius:0;width:100%;height:100%;min-height:0;overflow:hidden}.compare-card__slot .media-shell img,.compare-card__slot .media-shell video{object-fit:cover;width:100%;height:100%}.compare-card:hover .compare-card__pair,.compare-card:focus-visible .compare-card__pair,.compare-card:focus-within .compare-card__pair{transform:translateY(var(--interactive-lift-hover-y)) scale(var(--interactive-scale-hover));outline-color:var(--accent-tertiary);outline-offset:var(--interactive-outline-offset-hover);box-shadow:var(--interactive-shadow-hover)}.compare-card:active .compare-card__pair{transform:translateY(var(--interactive-lift-active-y)) scale(var(--interactive-scale-active));outline-offset:var(--interactive-outline-offset-active);box-shadow:var(--interactive-shadow-active);outline-color:#ffc700bf}.compare-card:hover .media-shell img,.compare-card:hover .media-shell video,.compare-card:focus-visible .media-shell img,.compare-card:focus-visible .media-shell video,.compare-card:focus-within .media-shell img,.compare-card:focus-within .media-shell video{transform:scale(var(--interactive-media-scale-hover));filter:saturate(1.02)contrast(1.01)}.compare-card__media{object-fit:cover;width:100%;height:100%;min-height:0;display:block}@keyframes media-spin{to{transform:rotate(360deg)}}.lightbox{--lightbox-side-gutter:132px;background:color-mix(in srgb, var(--background) 80%, transparent);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(115%);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 18px 14px;transition:opacity .15s ease-in,visibility 0s linear .15s;display:flex;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease-out}.lightbox-stage{width:var(--lightbox-stage-fit-width,min(1500px, calc(100vw - (var(--lightbox-side-gutter) * 2))));max-width:min(1500px, calc(100vw - (var(--lightbox-side-gutter) * 2)));grid-template-columns:minmax(0,1fr);place-items:center;gap:10px;max-height:calc(100vh - 170px);display:grid}.lightbox-stage.is-pair{width:min(1500px, calc(100vw - (var(--lightbox-side-gutter) * 2)));grid-template-columns:repeat(2,minmax(0,1fr));place-items:stretch stretch;max-height:calc(100vh - 190px)}.lightbox-pane{width:fit-content;max-width:100%;min-height:0;max-height:inherit;background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-stage.is-pair .lightbox-pane{width:100%;height:100%}.lightbox-pane__badge{top:var(--space-s);left:var(--space-s);z-index:4;border-radius:var(--radius-m);letter-spacing:.02em;color:var(--tertiary-background);pointer-events:none;background:#7d7d7d80;padding:5px 9px;font-size:11px;line-height:1;position:absolute}.lightbox-pane__badge--after{left:auto;right:var(--space-s)}.lightbox-content{object-fit:contain;opacity:0;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 170px);transition:opacity .15s,transform .15s ease-in-out;display:block;transform:translateY(8px)scale(.985)}.lightbox-stage.is-pair .lightbox-content{width:100%;height:100%;max-height:calc(100vh - 190px)}.lightbox-content.is-visible{opacity:1;transform:translateY(0)scale(1)}.lightbox-caption{text-align:center;color:var(--text-bold);max-width:min(60vw,1100px);margin:16px 0 0;font-size:16px;line-height:1.4}.lightbox-loader{position:absolute;inset:0}.lightbox:not(.is-loading) .lightbox-loader{display:none}.close-btn{z-index:3;inline-size:64px;justify-content:center;align-items:center;min-width:64px;min-height:64px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.close-btn .btn__icon{width:22px;height:22px}.lightbox-nav{z-index:3;inline-size:clamp(52px,5vw,72px);min-width:clamp(52px,5vw,72px);justify-content:center;align-items:center;block-size:60vh;min-block-size:220px;max-block-size:640px;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav .btn__icon{width:22px;height:22px}.lightbox-nav--prev{left:14px}.lightbox-nav--next{right:14px}.lightbox-nav:hover,.lightbox-nav:focus-visible{transform:translateY(calc(-50% - 1px))}@media (width<=1100px){.lightbox{--lightbox-side-gutter:106px}}@media (width<=900px){.lightbox{--lightbox-side-gutter:18px;padding:14px 10px 10px}.lightbox-stage,.lightbox-stage.is-pair{grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 190px)}.lightbox-nav{inline-size:clamp(48px,9vw,64px);min-width:clamp(48px,9vw,64px);block-size:52vh;min-block-size:180px}.lightbox-nav--prev{left:8px}.lightbox-nav--next{right:8px}.close-btn{inline-size:56px;min-width:56px;min-height:56px;top:8px;right:8px}.close-btn .btn__icon{width:20px;height:20px}}.stats{width:min(1280px,100% - 48px);margin:-40px auto 80px}.stats-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.stat-ticker{background:var(--decor-01);text-align:center;border:1px solid #ffffff14;border-radius:12px;gap:6px;min-width:170px;max-width:240px;padding:12px 14px;display:grid}.stat-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--decor-04);margin:0;font-size:.72rem;font-weight:600}.stat-line{justify-content:center;align-items:baseline;gap:6px;margin:0;padding-bottom:6px;line-height:1;display:inline-flex}.stat-first{color:var(--text-normal);font-size:1rem;font-weight:600}.stat-separator{color:#8e94a3;font-size:1rem;transform:translateY(-1px)}.stat-second{color:var(--accent-secondary);font-size:1.5rem;font-weight:700}@media (width<=1080px){.stats{margin-top:-8px}}@media (width<=640px){.stats{width:min(1280px,100% - 24px);margin-top:20px}.stats-row{gap:10px}.stat-ticker{min-width:calc(50% - 10px)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}body{margin:var(--space-0);font-family:var(--sans);font-size:var(--base-font-size);line-height:var(--base-line-height);letter-spacing:var(--base-letter-spacing);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin-top:var(--heading-display-margin-top);color:var(--text-h);font-weight:1200;font-size:var(--heading-display-size);letter-spacing:var(--heading-display-letter-spacing);text-align:center}@media (width<=1024px){h1{font-size:var(--heading-display-size-mobile);margin-top:var(--heading-display-margin-top-mobile)}}p{margin:var(--space-0)}.playground-shell{padding-block:var(--space-3xl) var(--space-7xl);gap:var(--space-3xl);display:grid}.playground-header{margin-top:var(--space-xl);gap:var(--space-s);display:grid}.playground-header>h1{margin:var(--space-0);text-align:left;color:var(--text-h);letter-spacing:-.02em;font-size:clamp(30px,5vw,48px);line-height:1.06}.playground-header>.type-body{max-width:72ch}.surface-panel>.type-h2{margin-bottom:var(--space-2xs)}.surface-panel>.type-body,.surface-panel>.type-caption{max-width:72ch}.token-grid{gap:var(--space-l);isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;display:grid;position:relative}.token-grid>.token-card{box-sizing:border-box;min-width:0}.token-card{z-index:0;align-content:start;gap:6px;height:auto;min-height:0;position:relative}.token-swatch{border-radius:var(--radius-l);border:1px solid color-mix(in srgb, var(--text-normal) 18%, transparent);box-sizing:border-box;width:100%}.token-name{margin:var(--space-0);color:var(--text-h);overflow-wrap:anywhere;font-size:.86rem;font-weight:600;line-height:1.3}.token-hex{margin:var(--space-0);color:var(--caption-color);font-size:var(--caption-font-size);letter-spacing:.02em;text-transform:uppercase;line-height:1.25}.token-card .type-h3,.token-card .type-caption{margin:var(--space-0)}.token-card .stack-row{margin-top:var(--space-xs)}.playground-shell .stats{width:100%;margin:var(--space-0)}.playground-shell .stats-row{justify-content:flex-start}.playground-shell .media-card{max-width:var(--layout-playground-media-max)}@media (width<=1024px){.playground-shell{padding-block:var(--space-xl) var(--space-5xl)}.token-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=640px){.token-grid{grid-template-columns:1fr}}