:root{--glass-radius-none: 0px;--glass-radius-sm: 6px;--glass-radius-md: 12px;--glass-radius-lg: 18px;--glass-radius-xl: 24px;--glass-radius-full: 9999px;--glass-radius: var(--glass-radius-md);--glass-shadow-radius: 16px;--glass-shadow-y: 10px;--glass-blur-regular: 20px;--glass-blur-clear: 12px;--glass-blur-scrim: 10px;--glass-saturation-regular: 180%;--glass-saturation-clear: 120%;--glass-saturation-scrim: 140%;--glass-stroke: .22;--glass-highlight: .16;--glass-shadow-opacity: .1;--glass-panel-inactive-opacity: .92;--glass-panel-inactive-saturate: .85;--glass-crystallize-duration: .4s;--glass-crystallize-easing: cubic-bezier(.34, 1.56, .64, 1);--glass-bg-regular: rgba(255, 255, 255, .72);--glass-bg-clear: rgba(255, 255, 255, .45);--glass-bg-panel: rgba(255, 255, 255, .68);--glass-scrim-bg-soft: rgba(255, 255, 255, .26);--glass-scrim-bg-regular: rgba(255, 255, 255, .38);--glass-scrim-bg-strong: rgba(255, 255, 255, .52);--glass-border: rgba(255, 255, 255, var(--glass-stroke));--glass-highlight-border: rgba(255, 255, 255, var(--glass-highlight));--glass-shadow: rgba(0, 0, 0, var(--glass-shadow-opacity));--glass-focus-ring: rgba(100, 149, 237, .5);--glass-bg-regular-light: rgba(255, 255, 255, .72);--glass-bg-clear-light: rgba(255, 255, 255, .45);--glass-bg-panel-light: rgba(255, 255, 255, .68);--glass-scrim-bg-soft-light: rgba(255, 255, 255, .26);--glass-scrim-bg-regular-light: rgba(255, 255, 255, .38);--glass-scrim-bg-strong-light: rgba(255, 255, 255, .52);--glass-border-light: rgba(255, 255, 255, var(--glass-stroke));--glass-highlight-border-light: rgba(255, 255, 255, var(--glass-highlight));--glass-shadow-light: rgba(0, 0, 0, var(--glass-shadow-opacity));--glass-focus-ring-light: rgba(100, 149, 237, .5);--glass-bg-regular-dark: rgba(15, 20, 40, .68);--glass-bg-clear-dark: rgba(10, 17, 40, .4);--glass-bg-panel-dark: rgba(17, 29, 53, .72);--glass-scrim-bg-soft-dark: rgba(0, 0, 0, .28);--glass-scrim-bg-regular-dark: rgba(0, 0, 0, .42);--glass-scrim-bg-strong-dark: rgba(0, 0, 0, .58);--glass-border-dark: rgba(255, 255, 255, .1);--glass-highlight-border-dark: rgba(255, 255, 255, .08);--glass-shadow-dark: rgba(0, 0, 0, .28);--glass-focus-ring-dark: rgba(100, 149, 237, .6);--glass-solid-bg: rgb(245, 245, 245);--glass-solid-bg-alt: rgb(240, 240, 240);--glass-solid-border: rgb(200, 200, 200);--glass-high-contrast-border: rgb(40, 40, 40);--glass-high-contrast-focus: rgb(0, 80, 200);color-scheme:light}@media (prefers-color-scheme: dark){:root{--glass-bg-regular: rgba(15, 20, 40, .68);--glass-bg-clear: rgba(10, 17, 40, .4);--glass-bg-panel: rgba(17, 29, 53, .72);--glass-scrim-bg-soft: var(--glass-scrim-bg-soft-dark);--glass-scrim-bg-regular: var(--glass-scrim-bg-regular-dark);--glass-scrim-bg-strong: var(--glass-scrim-bg-strong-dark);--glass-border: rgba(255, 255, 255, .1);--glass-highlight-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .28);--glass-focus-ring: rgba(100, 149, 237, .6);--glass-solid-bg: rgb(17, 20, 35);--glass-solid-bg-alt: rgb(22, 26, 42);--glass-solid-border: rgb(50, 58, 80);--glass-high-contrast-border: rgb(200, 210, 255);--glass-high-contrast-focus: rgb(120, 170, 255);color-scheme:dark}}:is(.light,[data-theme=light]){--glass-bg-regular: rgba(255, 255, 255, .72);--glass-bg-clear: rgba(255, 255, 255, .45);--glass-bg-panel: rgba(255, 255, 255, .68);--glass-scrim-bg-soft: var(--glass-scrim-bg-soft-light);--glass-scrim-bg-regular: var(--glass-scrim-bg-regular-light);--glass-scrim-bg-strong: var(--glass-scrim-bg-strong-light);--glass-border: rgba(255, 255, 255, var(--glass-stroke));--glass-highlight-border: rgba(255, 255, 255, var(--glass-highlight));--glass-shadow: rgba(0, 0, 0, var(--glass-shadow-opacity));--glass-focus-ring: rgba(100, 149, 237, .5);--glass-solid-bg: rgb(245, 245, 245);--glass-solid-bg-alt: rgb(240, 240, 240);--glass-solid-border: rgb(200, 200, 200);--glass-high-contrast-border: rgb(40, 40, 40);--glass-high-contrast-focus: rgb(0, 80, 200);color-scheme:light}:is(.dark,[data-theme=dark]){--glass-bg-regular: rgba(15, 20, 40, .68);--glass-bg-clear: rgba(10, 17, 40, .4);--glass-bg-panel: rgba(17, 29, 53, .72);--glass-scrim-bg-soft: var(--glass-scrim-bg-soft-dark);--glass-scrim-bg-regular: var(--glass-scrim-bg-regular-dark);--glass-scrim-bg-strong: var(--glass-scrim-bg-strong-dark);--glass-border: rgba(255, 255, 255, .1);--glass-highlight-border: rgba(255, 255, 255, .08);--glass-shadow: rgba(0, 0, 0, .28);--glass-focus-ring: rgba(100, 149, 237, .6);--glass-solid-bg: rgb(17, 20, 35);--glass-solid-bg-alt: rgb(22, 26, 42);--glass-solid-border: rgb(50, 58, 80);--glass-high-contrast-border: rgb(200, 210, 255);--glass-high-contrast-focus: rgb(120, 170, 255);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}html,body,#root{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f0f0f5}[data-theme=light] body{color:#172033}.demo-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#080b14;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v1H0V0zm0 40h1V0h-1v40z' fill='%23c4b5fd' fill-opacity='0.18' fill-rule='evenodd'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%237dd3fc' fill-opacity='0.22'/%3E%3C/svg%3E"),linear-gradient(120deg,rgba(20,184,166,.28) 0 18%,transparent 18% 38%,rgba(245,158,11,.2) 38% 54%,transparent 54%),linear-gradient(135deg,#070912,#10192a 52%,#1c1230);animation:patternPan 30s linear infinite}[data-theme=light] .demo-bg{background-color:#eef4fb;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v1H0V0zm0 40h1V0h-1v40z' fill='%232563eb' fill-opacity='0.12' fill-rule='evenodd'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%230f766e' fill-opacity='0.16'/%3E%3C/svg%3E"),linear-gradient(120deg,rgba(20,184,166,.18) 0 18%,transparent 18% 38%,rgba(245,158,11,.16) 38% 54%,transparent 54%),linear-gradient(135deg,#f8fbff,#ddebf7 52%,#f3e8ff)}@keyframes patternPan{0%{background-position:0 0,0 0}to{background-position:40px 40px,0 0}}.demo-container{position:relative;z-index:1;max-width:1100px;padding:48px 24px 80px;margin:0 auto}.demo-hero{margin-bottom:72px;text-align:center}.demo-hero-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-bottom:16px}.demo-hero h1{margin-bottom:16px;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#e2e8f0,#a78bfa,#818cf8);-webkit-background-clip:text;background-clip:text}[data-theme=light] .demo-hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a,#2563eb 48%,#0f766e);-webkit-background-clip:text;background-clip:text}.demo-hero p{max-width:560px;margin:0 auto 32px;font-size:1.125rem;line-height:1.6;color:#e0e0f0b3}[data-theme=light] .demo-hero p{color:#172033b8}.demo-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 16px;font-size:.8rem;font-weight:500;color:#e0e0f099;letter-spacing:.03em;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-badge span{font-weight:600;color:#a78bfa}.demo-theme-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:2px;padding:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-theme-toggle button{min-height:30px;font:inherit;font-size:.78rem;font-weight:700;color:#e0e0f0b8;cursor:pointer;background:transparent;border:0;border-radius:6px}.demo-theme-toggle button[aria-pressed=true]{color:#ede9fe;background:#a78bfa38}[data-theme=light] .demo-badge,[data-theme=light] .demo-theme-toggle{color:#1720339e;background:#ffffff94;border-color:#2563eb2e}[data-theme=light] .demo-badge span{color:#2563eb}[data-theme=light] .demo-theme-toggle button{color:#172033ad}[data-theme=light] .demo-theme-toggle button[aria-pressed=true]{color:#1e40af;background:#2563eb24}.demo-section{margin-bottom:64px}.demo-section-label{margin-bottom:8px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.12em}[data-theme=light] .demo-section-label{color:#2563eb}.demo-section-title{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#f0f0f5}[data-theme=light] .demo-section-title{color:#172033}.demo-section-desc{margin-bottom:24px;font-size:.9rem;line-height:1.5;color:#e0e0f08c}[data-theme=light] .demo-section-desc{color:#172033a3}.showcase-stage{position:relative;padding:32px;overflow:hidden;background:#070a1457;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:inset 0 1px #ffffff0f;isolation:isolate}[data-theme=light] .showcase-stage{background:#ffffff6b;border-color:#0f172a14;box-shadow:inset 0 1px #ffffffb8}.showcase-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:var(--showcase-backdrop);background-size:var(--showcase-backdrop-size, auto);opacity:.92}.showcase-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%),linear-gradient(90deg,rgba(7,10,20,.18),transparent 22%,transparent 78%,rgba(7,10,20,.2))}.showcase-stage>*{position:relative;z-index:1}.showcase-regular{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .16) 0 1px, transparent 1px 48px ), repeating-linear-gradient( 0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 40px ), linear-gradient( 110deg, rgba(56, 189, 248, .68) 0 16%, rgba(15, 23, 42, 0) 16% 24%, rgba(244, 114, 182, .48) 24% 42%, rgba(15, 23, 42, 0) 42% 54%, rgba(250, 204, 21, .42) 54% 72%, rgba(15, 23, 42, .08) 72% ), linear-gradient(135deg, #08111f, #1e1b4b)}[data-theme=light] .showcase-regular{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(15, 23, 42, .1) 0 1px, transparent 1px 48px ), repeating-linear-gradient( 0deg, rgba(15, 23, 42, .08) 0 1px, transparent 1px 40px ), linear-gradient( 110deg, rgba(14, 165, 233, .34) 0 16%, rgba(255, 255, 255, 0) 16% 24%, rgba(236, 72, 153, .22) 24% 42%, rgba(255, 255, 255, 0) 42% 54%, rgba(250, 204, 21, .3) 54% 72%, rgba(255, 255, 255, .2) 72% ), linear-gradient(135deg, #e0f2fe, #f5f3ff)}.showcase-panels{padding:0;overflow:visible;background:transparent;border:0;box-shadow:none}.showcase-panels:before,.showcase-panels:after{display:none}.showcase-separator{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .13) 0 1px, transparent 1px 34px ), linear-gradient( 90deg, rgba(52, 211, 153, .45) 0 32%, rgba(59, 130, 246, .44) 32% 66%, rgba(251, 191, 36, .4) 66% 100% ), linear-gradient(135deg, #08111f, #17112e)}[data-theme=light] .showcase-separator{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(15, 23, 42, .1) 0 1px, transparent 1px 34px ), linear-gradient( 90deg, rgba(52, 211, 153, .26) 0 32%, rgba(59, 130, 246, .22) 32% 66%, rgba(251, 191, 36, .28) 66% 100% ), linear-gradient(135deg, #e0f2fe, #f5f3ff)}.showcase-vibrant{--showcase-backdrop: repeating-linear-gradient( 45deg, rgba(255, 255, 255, .2) 0 1px, transparent 1px 16px ), repeating-linear-gradient( 90deg, rgba(125, 211, 252, .18) 0 1px, transparent 1px 24px ), linear-gradient( 115deg, rgba(14, 165, 233, .78) 0 20%, rgba(236, 72, 153, .58) 20% 46%, rgba(34, 197, 94, .45) 46% 68%, rgba(245, 158, 11, .55) 68% 100% ), linear-gradient(135deg, #04111f, #1e1b4b)}[data-theme=light] .showcase-vibrant{--showcase-backdrop: repeating-linear-gradient( 45deg, rgba(255, 255, 255, .24) 0 1px, transparent 1px 16px ), repeating-linear-gradient( 90deg, rgba(15, 23, 42, .12) 0 1px, transparent 1px 24px ), linear-gradient( 115deg, rgba(14, 165, 233, .58) 0 20%, rgba(236, 72, 153, .42) 20% 46%, rgba(34, 197, 94, .36) 46% 68%, rgba(245, 158, 11, .48) 68% 100% ), linear-gradient(135deg, #ecfeff, #eef2ff)}.showcase-scrim{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .18) 0 1px, transparent 1px 40px ), repeating-linear-gradient( 0deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 40px ), linear-gradient( 135deg, rgba(6, 182, 212, .68), rgba(124, 58, 237, .58) 48%, rgba(244, 63, 94, .54) ), linear-gradient(135deg, #07111f, #1e1b4b)}[data-theme=light] .showcase-scrim{--showcase-backdrop: repeating-linear-gradient( 90deg, rgba(15, 23, 42, .1) 0 1px, transparent 1px 40px ), repeating-linear-gradient( 0deg, rgba(15, 23, 42, .08) 0 1px, transparent 1px 40px ), linear-gradient( 135deg, rgba(6, 182, 212, .36), rgba(124, 58, 237, .24) 48%, rgba(244, 63, 94, .3) ), linear-gradient(135deg, #ecfeff, #f5f3ff)}.demo-nav-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 20px}.demo-nav-logo{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#e2e8f0}[data-theme=light] .demo-nav-logo{color:#172033}.demo-nav-links{display:flex;gap:24px;list-style:none}.demo-nav-links a{font-size:.875rem;font-weight:500;color:#e0e0f0b3;text-decoration:none;transition:color .2s}[data-theme=light] .demo-nav-links a{color:#172033a8}.demo-nav-links a:hover{color:#e2e8f0}[data-theme=light] .demo-nav-links a:hover{color:#172033}.demo-nav-btn{padding:7px 18px;font-size:.8rem;font-weight:600;color:#c4b5fd;cursor:pointer;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:8px;transition:all .2s}[data-theme=light] .demo-nav-btn{color:#1e40af;background:#2563eb1a;border-color:#2563eb38}.demo-nav-btn:hover{background:#a78bfa33;border-color:#a78bfa80}[data-theme=light] .demo-nav-btn:hover{background:#2563eb29;border-color:#2563eb5c}.demo-panels-container{display:flex;gap:0;align-items:stretch;height:320px}.demo-panel-content{display:flex;flex-direction:column;gap:12px;height:100%;padding:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.demo-panel-content h3{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:#e2e8f0}[data-theme=light] .demo-panel-content h3{color:#172033}.demo-panel-content p{font-size:.8rem;line-height:1.5;color:#e0e0f08c}[data-theme=light] .demo-panel-content p{color:#17203394}.demo-panel-tag{display:inline-flex;gap:6px;align-items:center;width:fit-content;padding:4px 10px;margin-top:auto;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px}.demo-panel-tag.focused{color:#6ee7b7;background:#34d39926;border:1px solid rgba(52,211,153,.2)}.demo-panel-tag.inactive{color:#94a3b8;background:#94a3b81a;border:1px solid rgba(148,163,184,.15)}[data-theme=light] .demo-panel-tag.inactive{color:#475569;background:#47556914;border-color:#47556924}.demo-skeleton{display:flex;flex:1;flex-direction:column;gap:8px}.demo-skeleton-line{height:8px;background:#ffffff0f;border-radius:4px}[data-theme=light] .demo-skeleton-line{background:#0f172a14}.demo-skeleton-line:nth-child(1){width:80%}.demo-skeleton-line:nth-child(2){width:60%}.demo-skeleton-line:nth-child(3){width:90%}.demo-skeleton-line:nth-child(4){width:45%}.demo-clear-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;height:280px;padding-bottom:20px}.demo-clear-toolbar{display:flex;gap:12px;align-items:center;width:fit-content;padding:10px 20px}.demo-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1rem;color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.demo-tool-btn:hover{background:#ffffff26;border-color:#fff3}.demo-tool-btn.active{color:#c4b5fd;background:#a78bfa33;border-color:#a78bfa66}.demo-tool-divider{width:1px;height:24px;background:#ffffff1a}.demo-scrim-stage{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;border-radius:18px}.demo-scrim-preview{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0;width:100%;height:100%}.demo-scrim-panel{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:18px 24px}.demo-scrim-panel a{font-size:.86rem;font-weight:700;color:#e0e0f0d1;text-decoration:none}[data-theme=light] .demo-scrim-panel a{color:#172033c7}.demo-link-card strong{font-size:1rem}.demo-separator-stage{display:flex;gap:0;align-items:stretch;height:150px}.demo-separator-stack{display:grid;gap:24px}.demo-separator-example{display:grid;gap:10px}.demo-example-label{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;color:#e0e0f094;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .demo-example-label{color:#17203394}.demo-resize-stage{touch-action:none}.demo-separator-pane{display:flex;flex:1;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;color:#e0e0f066;letter-spacing:.02em}[data-theme=light] .demo-separator-pane{color:#1720337a}.demo-code{padding:16px 20px;margin:16px 0 0;overflow-x:auto;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.78rem;line-height:1.7;color:#e0e0f0b3;white-space:pre;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:10px}[data-theme=light] .demo-code{color:#172033c7;background:#ffffffbd;border-color:#0f172a1a}.demo-code code{font:inherit}.demo-code .kw{color:#c4b5fd}.demo-code .str{color:#6ee7b7}.demo-code .tag{color:#818cf8}.demo-code .attr{color:#93c5fd}.demo-code .cmt{color:#94a3b880}[data-theme=light] .demo-code .kw{color:#7c3aed}[data-theme=light] .demo-code .str{color:#047857}[data-theme=light] .demo-code .tag{color:#1d4ed8}[data-theme=light] .demo-code .attr{color:#0369a1}[data-theme=light] .demo-code .cmt{color:#4755699e}.demo-footer{padding:48px 0 0;text-align:center;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .demo-footer{border-top-color:#0f172a1a}.demo-footer p{font-size:.8rem;color:#e0e0f059}[data-theme=light] .demo-footer p{color:#1720337a}.demo-footer a{font-weight:500;color:#a78bfa;text-decoration:none}[data-theme=light] .demo-footer a{color:#2563eb}.demo-footer a:hover{text-decoration:underline}.demo-adoption-grid,.demo-integration-grid,.demo-recipe-grid,.demo-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-adoption-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.demo-adoption h3{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:.95rem;color:#e2e8f0}[data-theme=light] .demo-adoption h3{color:#172033}.demo-comparison-grid{display:grid;gap:10px}.demo-comparison-row{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;padding:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:8px}.demo-comparison-row strong{color:#f8fafc}.demo-comparison-row span{line-height:1.5;color:#e0e0f0ad}.demo-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-recipe-link,.demo-trust-grid>div{display:grid;gap:8px;min-height:132px;padding:18px;color:inherit;text-decoration:none;background:#070a145c;border:1px solid rgba(255,255,255,.08);border-radius:8px}[data-theme=light] .demo-recipe-link,[data-theme=light] .demo-trust-grid>div{background:#ffffff8a;border-color:#0f172a1a}.demo-recipe-link span,.demo-trust-grid span{font-size:.82rem;line-height:1.5;color:#e0e0f08f}[data-theme=light] .demo-recipe-link span,[data-theme=light] .demo-trust-grid span{color:#17203399}.demo-recipe-link strong,.demo-trust-grid strong{font-size:.94rem;line-height:1.35;color:#e2e8f0}[data-theme=light] .demo-recipe-link strong,[data-theme=light] .demo-trust-grid strong{color:#172033}.demo-recipe-link:hover{background:#a78bfa1f;border-color:#a78bfa6b}[data-theme=light] .demo-recipe-link:hover{background:#2563eb1a;border-color:#2563eb57}@media (max-width: 720px){.demo-comparison-row{grid-template-columns:1fr}}@media (max-width: 640px){.demo-container{padding:32px 16px 48px}.demo-panels-container{flex-direction:column;height:auto}.demo-panel-content{min-height:160px}.demo-nav-links{display:none}.showcase-stage{padding:20px}.demo-adoption-grid,.demo-integration-grid,.demo-recipe-grid,.demo-trust-grid{grid-template-columns:1fr}}@keyframes _crystallize_13pq7_1{0%{opacity:0;transform:scale(.97) translateZ(0);backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}to{opacity:1;transform:scale(1) translateZ(0);backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular));-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular))}}._regular_13pq7_31{position:relative;background-color:var(--glass-bg-regular);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow),inset 0 1px 0 var(--glass-highlight-border);-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular));backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular));transform:translateZ(0);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;will-change:backdrop-filter}._clear_13pq7_53{position:relative;background-color:var(--glass-bg-clear);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow),inset 0 1px 0 var(--glass-highlight-border);-webkit-backdrop-filter:blur(var(--glass-blur-clear)) saturate(var(--glass-saturation-clear));backdrop-filter:blur(var(--glass-blur-clear)) saturate(var(--glass-saturation-clear));transform:translateZ(0);transition:background-color .2s ease,border-color .2s ease}._clearDimmed_13pq7_76:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:#0000002e;border-radius:inherit}._clearDimmed_13pq7_76>*{position:relative;z-index:1}._scrim_13pq7_91{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;background-color:var(--glass-scrim-bg-regular);border:0;box-shadow:none;-webkit-backdrop-filter:blur(var(--glass-blur-scrim)) saturate(var(--glass-saturation-scrim));backdrop-filter:blur(var(--glass-blur-scrim)) saturate(var(--glass-saturation-scrim));transform:translateZ(0);transition:background-color .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}._scrimSoft_13pq7_115{background-color:var(--glass-scrim-bg-soft)}._scrimRegular_13pq7_119{background-color:var(--glass-scrim-bg-regular)}._scrimStrong_13pq7_123{background-color:var(--glass-scrim-bg-strong)}._panel_13pq7_129{position:relative;background-color:var(--glass-bg-panel);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow),inset 0 1px 0 var(--glass-highlight-border);-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular));backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-saturation-regular));transform:translateZ(0);transition:opacity var(--glass-crystallize-duration) ease,filter var(--glass-crystallize-duration) ease,box-shadow .2s ease,border-color .2s ease}._radiusNone_13pq7_149{border-radius:var(--glass-radius-none)}._radiusSm_13pq7_153{border-radius:var(--glass-radius-sm)}._radiusMd_13pq7_157{border-radius:var(--glass-radius-md)}._radiusLg_13pq7_161{border-radius:var(--glass-radius-lg)}._radiusXl_13pq7_165{border-radius:var(--glass-radius-xl)}._radiusFull_13pq7_169{border-radius:var(--glass-radius-full)}._panelFocused_13pq7_174{z-index:1;border-color:var(--glass-focus-ring);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow),inset 0 1px 0 var(--glass-highlight-border),0 0 0 3px var(--glass-focus-ring)}._panelInactive_13pq7_184{opacity:var(--glass-panel-inactive-opacity);filter:saturate(var(--glass-panel-inactive-saturate))}._panelAnimate_13pq7_190{animation:_crystallize_13pq7_1 var(--glass-crystallize-duration) var(--glass-crystallize-easing) both}._separator_13pq7_197{position:relative;z-index:2;flex-shrink:0;background-color:var(--glass-border);border-radius:2px;opacity:.55;transition:opacity .2s ease,background-color .2s ease}._separatorVertical_13pq7_209{width:1px;height:100%}._separatorHorizontal_13pq7_214{width:100%;height:1px}._separatorResizable_13pq7_219._separatorVertical_13pq7_209{cursor:col-resize}._separatorResizable_13pq7_219._separatorHorizontal_13pq7_214{cursor:row-resize}._separatorResizable_13pq7_219._separatorVertical_13pq7_209:before{position:absolute;top:0;right:-8px;bottom:0;left:-8px;content:"";background:transparent}._separatorResizable_13pq7_219._separatorHorizontal_13pq7_214:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:"";background:transparent}._separatorResizable_13pq7_219:hover,._separatorResizable_13pq7_219:active{background-color:var(--glass-focus-ring);opacity:.85}:is(.light,[data-theme=light]) ._regular_13pq7_31{background-color:var(--glass-bg-regular-light);border-color:var(--glass-border-light);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-light),inset 0 1px 0 var(--glass-highlight-border-light)}:is(.light,[data-theme=light]) ._clear_13pq7_53{background-color:var(--glass-bg-clear-light);border-color:var(--glass-border-light);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-light),inset 0 1px 0 var(--glass-highlight-border-light)}:is(.light,[data-theme=light]) ._panel_13pq7_129{background-color:var(--glass-bg-panel-light);border-color:var(--glass-border-light);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-light),inset 0 1px 0 var(--glass-highlight-border-light)}:is(.light,[data-theme=light]) ._panelFocused_13pq7_174{border-color:var(--glass-focus-ring-light);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-light),inset 0 1px 0 var(--glass-highlight-border-light),0 0 0 3px var(--glass-focus-ring-light)}:is(.light,[data-theme=light]) ._separator_13pq7_197{background-color:var(--glass-border-light)}:is(.light,[data-theme=light]) ._scrimSoft_13pq7_115{background-color:var(--glass-scrim-bg-soft-light)}:is(.light,[data-theme=light]) ._scrimRegular_13pq7_119{background-color:var(--glass-scrim-bg-regular-light)}:is(.light,[data-theme=light]) ._scrimStrong_13pq7_123{background-color:var(--glass-scrim-bg-strong-light)}:is(.light,[data-theme=light]) ._separatorResizable_13pq7_219:hover,:is(.light,[data-theme=light]) ._separatorResizable_13pq7_219:active,:is(.light,[data-theme=light]) ._separatorResizable_13pq7_219:focus-visible{background-color:var(--glass-focus-ring-light)}:is(.dark,[data-theme=dark]) ._regular_13pq7_31{background-color:var(--glass-bg-regular-dark);border-color:var(--glass-border-dark);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-dark),inset 0 1px 0 var(--glass-highlight-border-dark)}:is(.dark,[data-theme=dark]) ._clear_13pq7_53{background-color:var(--glass-bg-clear-dark);border-color:var(--glass-border-dark);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-dark),inset 0 1px 0 var(--glass-highlight-border-dark)}:is(.dark,[data-theme=dark]) ._panel_13pq7_129{background-color:var(--glass-bg-panel-dark);border-color:var(--glass-border-dark);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-dark),inset 0 1px 0 var(--glass-highlight-border-dark)}:is(.dark,[data-theme=dark]) ._panelFocused_13pq7_174{border-color:var(--glass-focus-ring-dark);box-shadow:0 var(--glass-shadow-y) var(--glass-shadow-radius) var(--glass-shadow-dark),inset 0 1px 0 var(--glass-highlight-border-dark),0 0 0 3px var(--glass-focus-ring-dark)}:is(.dark,[data-theme=dark]) ._separator_13pq7_197{background-color:var(--glass-border-dark)}:is(.dark,[data-theme=dark]) ._scrimSoft_13pq7_115{background-color:var(--glass-scrim-bg-soft-dark)}:is(.dark,[data-theme=dark]) ._scrimRegular_13pq7_119{background-color:var(--glass-scrim-bg-regular-dark)}:is(.dark,[data-theme=dark]) ._scrimStrong_13pq7_123{background-color:var(--glass-scrim-bg-strong-dark)}:is(.dark,[data-theme=dark]) ._separatorResizable_13pq7_219:hover,:is(.dark,[data-theme=dark]) ._separatorResizable_13pq7_219:active,:is(.dark,[data-theme=dark]) ._separatorResizable_13pq7_219:focus-visible{background-color:var(--glass-focus-ring-dark)}._separatorResizable_13pq7_219:focus-visible{outline:3px solid var(--glass-focus-ring);outline-offset:3px;background-color:var(--glass-focus-ring);opacity:1}@media (prefers-reduced-transparency: reduce){._regular_13pq7_31,._clear_13pq7_53,._panel_13pq7_129,._scrim_13pq7_91{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}._regular_13pq7_31{background-color:var(--glass-solid-bg);border-color:var(--glass-solid-border)}._clear_13pq7_53{background-color:var(--glass-solid-bg-alt);border-color:var(--glass-solid-border)}._panel_13pq7_129{background-color:var(--glass-solid-bg);border-color:var(--glass-solid-border)}._scrim_13pq7_91{background-color:#00000073}._clearDimmed_13pq7_76:before{display:none}}@media (prefers-reduced-motion: reduce){._panelAnimate_13pq7_190{animation:none!important}._panel_13pq7_129,._regular_13pq7_31,._clear_13pq7_53,._separator_13pq7_197,._scrim_13pq7_91{transition:none!important}}@media (prefers-contrast: more){._regular_13pq7_31,._clear_13pq7_53,._panel_13pq7_129{border-color:var(--glass-high-contrast-border);border-width:2px;box-shadow:none}._panelFocused_13pq7_174{border-color:var(--glass-high-contrast-focus);box-shadow:0 0 0 3px var(--glass-high-contrast-focus)}._separator_13pq7_197{background-color:var(--glass-high-contrast-border);opacity:1}._scrim_13pq7_91{background-color:#000000b3}._separatorResizable_13pq7_219:focus-visible{outline-color:var(--glass-high-contrast-focus);background-color:var(--glass-high-contrast-focus)}}