*{box-sizing:border-box}:root{font-family:var(--fluid-font-family-sans);color-scheme:light dark;background:var(--fluid-surface-base);color:var(--fluid-text-primary)}body{margin:0;min-height:100vh;line-height:1.55}a{color:var(--fluid-accent-base)}header.site-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:color-mix(in srgb,var(--fluid-surface-base) 85%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--fluid-border-default)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;text-decoration:none;color:inherit}.brand-mark{width:1.7rem;height:1.7rem;display:block;flex:none}nav.primary{display:flex;align-items:center;gap:.4rem;font-size:.9rem}nav.primary a{text-decoration:none;color:var(--fluid-text-secondary);padding:.4rem .75rem;border-radius:6px;transition:background .1s ease,color .1s ease}nav.primary a:hover{background:var(--fluid-surface-muted);color:var(--fluid-text-primary)}.landing-button{display:inline-flex;min-block-size:2.5rem;align-items:center;justify-content:center;gap:var(--fluid-space-2, .5rem);padding:.55rem 1rem;border:1px solid transparent;border-radius:var(--fluid-radius-md, .375rem);background:var(--fluid-accent-base);color:var(--fluid-accent-text);font:inherit;font-weight:var(--fluid-font-weight-medium, 500);line-height:var(--fluid-font-line-height-tight, 1.2);text-decoration:none;transition:background .1s ease,color .1s ease,border-color .1s ease}.landing-button:hover{background:var(--fluid-accent-hover);color:var(--fluid-accent-text)}.landing-button.secondary{border-color:var(--fluid-border-default);background:var(--fluid-surface-base);color:var(--fluid-accent-base)}.landing-button.secondary:hover{border-color:var(--fluid-border-strong);background:var(--fluid-surface-muted)}.landing-button.ghost{background:transparent;color:var(--fluid-accent-base)}.landing-button.ghost:hover{background:color-mix(in srgb,var(--fluid-accent-base) 12%,transparent)}.landing-button.compact{min-block-size:2.125rem;padding:.4rem .75rem}nav.primary a.landing-button.secondary{padding:.4rem .75rem;background:var(--fluid-surface-base);color:var(--fluid-accent-base)}nav.primary a.landing-button.secondary:hover{background:var(--fluid-surface-muted);color:var(--fluid-accent-base)}.landing-button:focus-visible,nav.primary a:focus-visible,.surface-card:focus-visible{outline:var(--fluid-focus-ring-width, 2px) solid var(--fluid-focus-ring-color);outline-offset:var(--fluid-focus-ring-offset, 2px)}.hero{max-width:76rem;margin:3.5rem auto 5rem;padding:0 1.25rem;display:grid;grid-template-columns:minmax(0,1fr) 30rem;gap:3rem;align-items:center}.hero h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.02em;margin:1.25rem 0 1rem}.hero h1 .accent{background:linear-gradient(135deg,var(--fluid-accent-base, #2563eb),#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title{display:flex;flex-direction:column;gap:.3rem}.hero-name-row{display:flex;align-items:center;gap:1rem}.hero-mark{inline-size:clamp(2.5rem,5vw,3.5rem);block-size:clamp(2.5rem,5vw,3.5rem);flex:none;border-radius:22.9%;box-shadow:0 10px 24px -10px #2563eb73}.hero-name{font-size:clamp(2.75rem,6vw,4.25rem);line-height:1;padding-block-end:.05em}.hero-tagline{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.1;font-weight:700}.hero p.lead{color:var(--fluid-text-secondary);font-size:1.1rem;max-width:34rem;margin:0 0 1.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-install{display:inline-flex;align-items:center;gap:.5rem;max-inline-size:100%;box-sizing:border-box;margin-block-start:1.25rem;padding:.45rem .5rem .45rem .9rem;border:1px solid var(--fluid-border-default);border-radius:var(--fluid-radius-md, .5rem);background:var(--fluid-surface-subtle, var(--fluid-surface-muted))}.hero-install code{min-inline-size:0;overflow:hidden;font-family:var(--fluid-font-family-mono);font-size:.85rem;color:var(--fluid-text-primary);text-overflow:ellipsis;white-space:nowrap}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1.25rem;margin:0 0 2rem;padding-block:1.25rem;border-block:1px solid var(--fluid-border-default)}.hero-stat{display:flex;flex-direction:column;gap:.1rem;min-width:0}.hero-stat:before{content:"";inline-size:1.5rem;block-size:3px;border-radius:999px;background:linear-gradient(90deg,var(--fluid-accent-base, #2563eb),#22d3ee);margin-block-end:.5rem}.hero-stat-label{order:2;font-size:.85rem;font-weight:600}.hero-stat-value{order:1;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero-stat-note{order:3;margin:0;font-size:.78rem;line-height:1.35;color:var(--fluid-text-secondary)}@property --fluid-accent-base{syntax: "<color>"; inherits: true; initial-value: #2563eb;}@property --fluid-accent-hover{syntax: "<color>"; inherits: true; initial-value: #1d4ed8;}@property --fluid-accent-active{syntax: "<color>"; inherits: true; initial-value: #1e40af;}@property --fluid-color-brand-50{syntax: "<color>"; inherits: true; initial-value: #eff6ff;}@property --fluid-color-brand-200{syntax: "<color>"; inherits: true; initial-value: #bfdbfe;}@property --fluid-color-brand-800{syntax: "<color>"; inherits: true; initial-value: #1e40af;}@property --fluid-radius-sm{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --fluid-radius-md{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --fluid-radius-lg{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --fluid-radius-xl{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --fluid-field-border-radius{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --fluid-space-1{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --fluid-space-3{syntax: "<length>"; inherits: true; initial-value: 12px;}.hero-stage{position:relative;inline-size:30rem;block-size:21rem;border:1px solid var(--fluid-color-brand-200, var(--fluid-border-default));border-radius:var(--fluid-radius-xl, 1.5rem);background:var(--fluid-surface-subtle);transition-property:--fluid-accent-base,--fluid-accent-hover,--fluid-accent-active,--fluid-color-brand-50,--fluid-color-brand-200,--fluid-color-brand-800,--fluid-radius-sm,--fluid-radius-md,--fluid-radius-lg,--fluid-radius-xl,--fluid-field-border-radius,background-color,border-color,border-radius;transition-duration:1.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hero-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(70% 70% at 16% 18%,#8b5cf6,transparent 60%),radial-gradient(70% 70% at 84% 24%,#06b6d4,transparent 58%),radial-gradient(80% 80% at 58% 96%,#f43f5e,transparent 60%),linear-gradient(135deg,#c7d2fe,#a5f3fc);opacity:0;transition:opacity 1.1s ease;pointer-events:none;z-index:0}.hero-stage[data-fluid-brand=glass]:before{opacity:1}.hero-stage[data-fluid-brand=glass]{background:var(--fluid-surface-subtle)}.hero-stage-tag{position:absolute;z-index:3;inset-block-start:1rem;inset-inline-start:1.1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.72rem;font-weight:600;color:var(--fluid-text-secondary);background:var(--fluid-surface-base);border:1px solid var(--fluid-border-default);border-radius:999px;box-shadow:0 1px 2px #00000014;transition:background-color 1.1s ease,color 1.1s ease,border-color 1.1s ease}.hero-stage-tag fluid-icon{color:var(--fluid-accent-base);font-size:.85rem}.hero-stage .pin{position:absolute;z-index:2;margin:0;animation:hero-pin-float calc(var(--hero-float-dur, 6s) * 1.6) ease-in-out var(--hero-float-delay, 0s) infinite}.hero-stage .pin:hover{animation-play-state:paused}@keyframes hero-pin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-stage fluid-card::part(header),.hero-stage fluid-card::part(body),.hero-stage fluid-card::part(footer){transition:padding 1.1s cubic-bezier(.4,0,.2,1)}.hero-stage fluid-card::part(base),.hero-stage fluid-input::part(base){-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color 1.1s ease,border-color 1.1s ease,backdrop-filter 1.1s ease}.hero-stage[data-fluid-brand=glass] .hero-stage-tag{background-color:#fff9;border-color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(prefers-reduced-motion:reduce){.hero-stage,.hero-stage:before,.hero-stage-tag,.hero-stage fluid-card::part(base),.hero-stage fluid-input::part(base),.hero-stage fluid-card::part(header),.hero-stage fluid-card::part(body),.hero-stage fluid-card::part(footer){transition:none}.hero-stage .pin{animation:none}}.hero-stage fluid-card{--fluid-card-shadow: 0 12px 32px -12px rgb(0 0 0 / 22%)}.pin-search{display:flex;align-items:center;gap:.5rem;inline-size:14rem;inset-block-start:1rem;inset-inline-start:14.5rem;--hero-float-dur: 6.4s;--hero-float-delay: -3.3s}.pin-search fluid-input{flex:1 1 auto;min-inline-size:0}.pin-profile{inline-size:16rem;inset-block-start:6.75rem;inset-inline-start:3.5rem;--hero-float-dur: 8.2s;--hero-float-delay: -.7s}.pin-profile fluid-description-item::part(base){flex-direction:row;align-items:baseline;justify-content:space-between;gap:1rem}.profile-head{display:flex;align-items:center;gap:.75rem;margin-block-end:.75rem}.profile-eyebrow{display:block;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fluid-text-secondary)}.profile-name{font-size:1.05rem}.profile-actions{display:flex;gap:.5rem;margin-block-start:.85rem}.portal-section{max-width:72rem}.portal-frame{border:1px solid var(--fluid-border-default);border-radius:var(--fluid-radius-lg, .75rem);overflow:hidden;box-shadow:0 24px 48px -24px #00000040;background:var(--fluid-surface-base);color:var(--fluid-text-primary);font-family:var(--fluid-font-family-sans)}.portal-chrome{display:flex;gap:.4rem;padding:.6rem .9rem;border-block-end:1px solid var(--fluid-border-default);background:var(--fluid-surface-subtle, var(--fluid-surface-muted))}.portal-chrome span{inline-size:.65rem;block-size:.65rem;border-radius:50%;background:var(--fluid-border-strong, var(--fluid-border-default));opacity:.55}.portal{display:grid;grid-template-columns:auto minmax(0,1fr);background:var(--fluid-surface-subtle, var(--fluid-surface-muted))}.portal-side{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.25rem 0 1.25rem 1.25rem;padding:.75rem .5rem;border:1px solid var(--fluid-border-default);border-radius:.9rem;background:var(--fluid-surface-base)}.portal-rail fluid-button,.portal-rail-foot fluid-button{--fluid-button-radius: .65rem}.portal-brand{display:flex;align-items:center;gap:.5rem;padding-inline:.5rem;font-size:.95rem}.portal-mark{inline-size:1.4rem;block-size:1.4rem;flex:none;border-radius:22.9%}.portal-rail,.portal-rail-foot{display:flex;flex-direction:column;align-items:center;gap:.5rem}.portal-rail-foot{margin-block-start:auto}.portal-main{display:flex;flex-direction:column;min-inline-size:0}.portal-menubar{display:flex;align-items:center;gap:.25rem}.portal-menubar>a{text-decoration:none;color:var(--fluid-text-secondary);font-size:.9rem;padding:.35rem .75rem;border-radius:var(--fluid-radius-md, .375rem)}.portal-menubar>a:hover{background:var(--fluid-surface-muted);color:var(--fluid-text-primary)}.portal-menubar>a[aria-current=page]{color:var(--fluid-accent-base);font-weight:600}.portal-menubar fluid-button::part(base){font-size:.9rem;font-weight:400;color:var(--fluid-text-secondary);padding:.35rem .75rem;min-block-size:0;gap:.3rem}.portal-bar-end{display:flex;align-items:center;gap:.5rem}.portal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--fluid-text-secondary)}.kpi-chip{display:inline-flex;align-items:center;justify-content:center;inline-size:2.1rem;block-size:2.1rem;border-radius:.65rem;background:color-mix(in srgb,var(--fluid-accent-base) 12%,transparent);color:var(--fluid-accent-base)}.kpi-value{display:block;margin-block:.3rem .55rem;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-foot{display:flex;justify-content:flex-end}.portal-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.portal-controls-end{display:flex;align-items:center;gap:.6rem}.portal-mix{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.85rem}.portal-mix li{display:flex;align-items:center;gap:.5rem}.mix-dot{inline-size:.55rem;block-size:.55rem;border-radius:50%;flex:none}.mix-val{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums}.portal-frame[data-fluid-brand=glass] .portal{background:transparent}.portal-frame[data-fluid-brand=glass] .portal-head{padding:.85rem 1.1rem;border-radius:var(--fluid-radius-lg)}.portal-frame[data-fluid-brand=glass] .portal-rail fluid-button[variant=primary]{--fluid-button-bg: var(--glass-frost);--fluid-button-hover-bg: var(--glass-frost-strong);--fluid-button-fg: var(--fluid-accent-base)}.portal-frame[data-fluid-brand=glass] .portal-rail fluid-button[variant=primary]::part(base){-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.portal-theme-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:1rem}.portal-theme-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--fluid-text-secondary)}.portal-theme-label fluid-icon{color:var(--fluid-accent-base)}.portal-theme-hint{font-size:.78rem;color:var(--fluid-text-secondary)}.portal-theme-hint code{font-family:var(--fluid-font-family-mono);font-size:.72rem;padding:.1rem .35rem;border-radius:var(--fluid-radius-sm);background:var(--fluid-surface-muted)}.portal-appearance{display:inline-flex;align-items:center;gap:.5rem;margin-inline-start:auto}.portal-measure{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.portal-stage{position:relative}.portal-annotation-probe{position:absolute;inline-size:0;block-size:0;overflow:hidden;opacity:0;pointer-events:none}.portal-annotations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:3}.portal-stage.annotations-off .portal-annotations{display:none}.portal-measure-svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.mm-radius{fill:none;stroke:#2563eb;stroke-width:2}.mm-padding{stroke:#f43f5e;stroke-width:2}.mm-font{stroke:#10b981;stroke-width:2}.mm-primary{stroke:#7c3aed;stroke-width:2}.mm-surface{stroke:#d97706;stroke-width:2}.mm-lead{stroke-width:1.25;stroke-dasharray:4 4;opacity:.55}.mm-dot{stroke:none}.mm-dot.mm-radius{fill:#2563eb}.mm-dot.mm-padding{fill:#f43f5e}.mm-dot.mm-font{fill:#10b981}.mm-dot.mm-primary{fill:#7c3aed}.mm-dot.mm-surface{fill:#d97706}.portal-measure-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.mm-label{position:absolute;transform:translate(-50%,-50%);font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap;padding:.22rem .55rem;border-radius:999px;border:1px solid;box-shadow:0 2px 10px #0f172a29}.mm-label.mm-align-end{transform:translate(-100%,-50%)}.mm-label.mm-align-start{transform:translateY(-50%)}.mm-l-radius{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.mm-l-primary{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.mm-l-padding{background:#ffe4e6;color:#be123c;border-color:#fda4af}.mm-l-font{background:#d1fae5;color:#047857;border-color:#6ee7b7}.mm-l-surface{background:#fef3c7;color:#b45309;border-color:#fcd34d}@media(max-width:720px){.portal-annotations{display:none}}.portal-frame,.portal-frame fluid-card::part(base),.portal-frame fluid-input::part(base){transition:background-color .5s ease,border-color .5s ease,backdrop-filter .5s ease}.portal-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;grid-template-areas:"balance netflow traffic" "revenue revenue traffic";gap:1.25rem;align-items:stretch}.kpi-balance{grid-area:balance}.kpi-netflow{grid-area:netflow}.portal-chart-card{grid-area:revenue}.portal-donut-card{grid-area:traffic}.portal-donut-card::part(base){block-size:100%}.portal-donut-card::part(body){flex:1;display:flex;flex-direction:column}.portal-traffic-foot{margin-block-start:auto;padding-block-start:.85rem;border-block-start:1px solid var(--fluid-border-default);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.portal-traffic-note{font-size:.78rem;color:var(--fluid-text-secondary)}.portal-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem}.portal-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--fluid-text-secondary)}.portal-title{margin:.15rem 0 0;font-size:1.35rem;line-height:1.2}.portal-sub{margin:.15rem 0 0;font-size:.9rem;color:var(--fluid-text-secondary)}.portal-table-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.portal-table-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:.75rem;font-size:.85rem;color:var(--fluid-text-secondary)}.portal-grid .card-h{margin-block-end:.6rem}@media(max-width:56rem){.portal{grid-template-columns:minmax(0,1fr)}.portal-side{display:none}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"balance netflow" "revenue revenue" "traffic traffic"}}section.row{max-width:64rem;margin:0 auto 4.5rem;padding:0 1.25rem}section.row h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 .5rem;text-align:center;letter-spacing:-.01em}section.row>p.subhead{text-align:center;color:var(--fluid-text-secondary);max-width:36rem;margin:0 auto 2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}footer.site-footer{border-top:1px solid var(--fluid-border-default);padding:2rem 1.25rem;color:var(--fluid-text-secondary);font-size:.875rem;text-align:center}footer.site-footer a{color:inherit;text-decoration:underline}@media(max-width:640px){header.site-nav{flex-wrap:wrap;gap:.5rem;max-inline-size:100%;box-sizing:border-box}nav.primary{width:100%;min-width:0;max-inline-size:100%;box-sizing:border-box;flex-wrap:wrap}nav.primary a{flex:none}}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem}.nav-theme{display:inline-flex;align-items:center;gap:.35rem;margin-inline-start:.35rem;padding-inline-start:.75rem;border-inline-start:1px solid var(--fluid-border-default)}@media(max-width:700px){.nav-theme{display:none}}@media(max-width:72rem){.hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;max-width:44rem}.hero-showcase{display:flex;justify-content:center;min-width:0}}@media(max-width:36rem){.hero-stage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;inline-size:100%;block-size:auto;box-sizing:border-box;padding:4rem 1rem 1rem}.hero-stage .pin{position:static;inset:auto}.pin-profile,.pin-search{inline-size:100%}}.stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1rem;padding:1.75rem 1.25rem;border:1px solid var(--fluid-border-default);border-radius:var(--fluid-radius-lg, .75rem);background:var(--fluid-surface-subtle, var(--fluid-surface-muted))}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}.stat-num{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--fluid-accent-base),#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.85rem;color:var(--fluid-text-secondary)}.feature-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--fluid-accent-base)}.feature-head strong{color:var(--fluid-text-primary)}.wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem;align-items:center}.wall-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.wall-cell.wall-wide{grid-column:1 / -1}.chart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem}.card-h{margin:0;font-size:1rem}@media(max-width:760px){.chart-grid{grid-template-columns:1fr}}.motion-band{margin:0 0 4.5rem;padding:3.5rem 1.25rem 4rem;background:radial-gradient(120% 130% at 50% 0%,color-mix(in srgb,var(--fluid-accent-base) 12%,transparent),transparent 60%),var(--fluid-surface-subtle);border-block:1px solid var(--fluid-border-default)}.motion-band-inner{max-width:64rem;margin:0 auto}.motion-eyebrow{display:block;text-align:center;font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--fluid-accent-base);margin-block-end:.5rem}.motion-band h2{font-size:clamp(1.5rem,3vw,2.1rem);text-align:center;margin:0 0 .5rem;letter-spacing:-.01em}.motion-band .subhead{text-align:center;color:var(--fluid-text-secondary);max-width:44rem;margin:0 auto 2rem}.motion-cta{text-align:center;margin-block-start:1.75rem}.motion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.motion-copy{margin:0 0 .9rem;color:var(--fluid-text-secondary);font-size:.95rem}.motion-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1rem}.motion-stage{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;min-block-size:3.25rem;margin-block-end:1rem}.motion-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--fluid-radius-full, 999px);background:color-mix(in srgb,var(--fluid-accent-base) 12%,transparent);color:var(--fluid-accent-base);font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.8rem;font-weight:600}.motion-code{margin:1rem 0 0;padding:.75rem .9rem;border-radius:var(--fluid-radius-md, .5rem);background:var(--fluid-surface-muted);color:var(--fluid-text-primary);font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.78rem;line-height:1.5;overflow-x:auto}.anim-page{background:var(--fluid-surface-base);color:var(--fluid-text-primary);transition:background-color .3s ease,color .3s ease}.anim-brand-picker{inline-size:8.5rem}.anim-hero{max-width:52rem;margin:3.5rem auto 4rem;padding:0 1.25rem;text-align:center}.anim-hero-title{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.02em;margin:.25rem 0 1rem}.anim-hero-lead{color:var(--fluid-text-secondary);font-size:1.05rem;max-width:42rem;margin:0 auto 1.75rem}.anim-hero-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem}.anim-install{font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.85rem;padding:.4rem .75rem;border-radius:var(--fluid-radius-md, .5rem);background:var(--fluid-surface-muted);border:1px solid var(--fluid-border-default)}.anim-effects{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin-block-end:1.5rem}.anim-tile{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.1rem .75rem;border-radius:var(--fluid-radius-lg, .75rem);border:1px solid var(--fluid-border-default);background:var(--fluid-surface-base);color:var(--fluid-text-primary);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform var(--fluid-duration-fast, .12s) ease,border-color var(--fluid-duration-fast, .12s) ease,background var(--fluid-duration-fast, .12s) ease}.anim-tile:hover{transform:translateY(-2px);border-color:var(--fluid-accent-base)}.anim-tile:focus-visible{outline:var(--fluid-focus-ring-width, 2px) solid var(--fluid-focus-ring-color, var(--fluid-accent-base));outline-offset:2px}.anim-tile-emoji{font-size:1.6rem;line-height:1}.anim-tile-kind{color:var(--fluid-text-secondary);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.anim-tile[aria-pressed=true]{border-color:var(--fluid-accent-base);background:color-mix(in srgb,var(--fluid-accent-base) 12%,var(--fluid-surface-base))}.anim-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-end:1.5rem}.anim-chip{padding:.4rem .9rem;border-radius:var(--fluid-radius-full, 999px);border:1px solid var(--fluid-border-default);background:var(--fluid-surface-base);color:var(--fluid-text-primary);font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.82rem;font-weight:600;cursor:pointer}.anim-chip:hover{border-color:var(--fluid-accent-base);color:var(--fluid-accent-base)}.anim-chip:focus-visible{outline:var(--fluid-focus-ring-width, 2px) solid var(--fluid-focus-ring-color, var(--fluid-accent-base));outline-offset:2px}.anim-install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.anim-foot-note{text-align:center;color:var(--fluid-text-secondary);font-size:.9rem;margin-block-start:1.5rem}.anim-footer{text-align:center;padding:3rem 1.25rem 4rem;border-block-start:1px solid var(--fluid-border-default);background:var(--fluid-surface-subtle)}.anim-footer .brand{display:inline-flex;margin:0 auto .5rem}.anim-footer-links{color:var(--fluid-text-secondary);margin:.25rem 0}.anim-footer-fine{color:var(--fluid-text-secondary);font-size:.82rem;margin:.5rem 0 0}.anim-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 1.5rem;padding:1.1rem 1.25rem;margin-block-end:1.5rem;border:1px solid var(--fluid-border-default);border-radius:var(--fluid-radius-lg, .75rem);background:var(--fluid-surface-subtle)}.anim-control-heading{grid-column:1 / -1;display:flex;align-items:baseline;gap:.6rem;padding-block-end:.75rem;border-block-end:1px solid var(--fluid-border-default)}.anim-control-heading strong{font-size:1rem}.anim-control-heading span{color:var(--fluid-text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.anim-control-heading .anim-effect-description{margin-inline-start:auto;font-size:.82rem;text-transform:none;letter-spacing:0}.anim-control-fields{display:contents}.anim-control{display:flex;flex-direction:column;gap:.35rem}.anim-control[hidden],[data-multi-origin][hidden]{display:none}.anim-control-label{font-size:.8rem;font-weight:600;color:var(--fluid-text-secondary)}.anim-control--switch .anim-switch-slot{display:flex;align-items:center;min-block-size:38px}.anim-control-label b{color:var(--fluid-accent-base);font-variant-numeric:tabular-nums}#effect-fire{align-self:end;justify-self:start;inline-size:max-content;max-inline-size:100%;block-size:fit-content}.anim-stage{display:flex;align-items:center;justify-content:center;min-block-size:9rem;margin-block-end:1.5rem;padding:1.5rem;border:1px dashed var(--fluid-border-default);border-radius:var(--fluid-radius-lg, .75rem);background:var(--fluid-surface-subtle);overflow:hidden}.anim-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.4rem;border-radius:var(--fluid-radius-lg, .75rem);border:1px solid var(--fluid-accent-base);background:var(--fluid-surface-base);color:var(--fluid-text-primary);font-size:1.15rem;font-weight:700;box-shadow:var(--fluid-shadow-md)}.anim-preview-emoji{color:var(--fluid-accent-base);font-size:1.35rem}.anim-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:-.5rem 0 1rem}.anim-preview-timing{color:var(--fluid-text-secondary);font-family:var(--fluid-font-family-mono, ui-monospace, monospace);font-size:.78rem}.anim-chip[aria-pressed=true]{border-color:var(--fluid-accent-base);background:color-mix(in srgb,var(--fluid-accent-base) 14%,var(--fluid-surface-base));color:var(--fluid-accent-base)}.anim-origin-demo{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:1rem;color:var(--fluid-text-secondary);font-size:.9rem}.whatsnew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;align-items:stretch}.wn-card{height:100%}.wn-blurb{margin:.5rem 0 0;color:var(--fluid-text-secondary);font-size:.95rem}.wn-stage{margin-top:1.1rem;min-height:12rem;display:flex;align-items:center;justify-content:center;border-radius:var(--fluid-radius-md);background:var(--fluid-surface-sunken, var(--fluid-surface-muted));padding:1rem}.fx-actions{flex-wrap:wrap;gap:.5rem}.wn-parser{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:16rem}.wn-drop{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;border:1.5px dashed var(--fluid-border-default);border-radius:var(--fluid-radius-md);color:var(--fluid-text-secondary);font-family:var(--fluid-font-family-mono);font-size:.85rem}.wn-parser-note{font-size:.8rem;color:var(--fluid-text-secondary);text-align:center}.wn-stack{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:16rem}.wn-picks{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.7rem}.wn-fold-copy{margin:0;font-size:.85rem;color:var(--fluid-text-secondary)}.wn-columns{display:flex;gap:3px;width:100%}.wn-col{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.55rem .5rem;border:1px solid var(--fluid-border-default);border-radius:var(--fluid-radius-sm, .25rem);background:var(--fluid-surface-base);font-size:.72rem;font-family:var(--fluid-font-family-mono);color:var(--fluid-text-secondary);white-space:nowrap;overflow:hidden}.wn-col i{flex:none;width:3px;height:1rem;border-radius:2px;background:var(--fluid-accent-base);opacity:.55}.pack-name{font-family:var(--fluid-font-family-mono);font-size:.9rem;color:var(--fluid-accent-base);font-weight:600}.surface-card{text-decoration:none;color:inherit;display:block}.surface-card fluid-card{transition:transform .12s ease;height:100%}.surface-card:hover fluid-card{transform:translateY(-3px)}.surface-card strong{display:inline-flex;align-items:center;gap:.35rem}.cta-hero{border-radius:var(--fluid-radius-lg, 16px);overflow:hidden;--fluid-hero-overlay: linear-gradient( to bottom, color-mix(in srgb, var(--fluid-surface-base) 85%, transparent) 0%, color-mix(in srgb, var(--fluid-surface-base) 62%, transparent) 52%, color-mix(in srgb, var(--fluid-surface-base) 5%, transparent) 100% )}.cta-hero::part(base){min-height:38rem}.cta-hero [slot=media]{height:100%}.cta-hero [slot=media] img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.cta-row .hero-actions{justify-content:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-bottom:.75rem}html[data-fluid-brand=neon]{--fluid-accent-base: #ff00e5;--fluid-accent-hover: #ff57ee;--fluid-accent-active: #cc00b8;--fluid-accent-text: #11001a;--fluid-surface-base: #0b0014;--fluid-surface-subtle: #16001f;--fluid-surface-muted: #220233;--fluid-text-primary: #f6e9ff;--fluid-text-secondary: #c9a3ff;--fluid-border-default: #5a1480;--fluid-border-strong: #8a23bf}:root{--fluid-color-white: #ffffff;--fluid-color-black: #000000;--fluid-color-neutral-50: #fafafa;--fluid-color-neutral-100: #f4f4f5;--fluid-color-neutral-200: #e4e4e7;--fluid-color-neutral-300: #d4d4d8;--fluid-color-neutral-400: #a1a1aa;--fluid-color-neutral-500: #71717a;--fluid-color-neutral-600: #52525b;--fluid-color-neutral-700: #3f3f46;--fluid-color-neutral-800: #27272a;--fluid-color-neutral-900: #18181b;--fluid-color-neutral-950: #09090b;--fluid-color-brand-50: #eff6ff;--fluid-color-brand-100: #dbeafe;--fluid-color-brand-200: #bfdbfe;--fluid-color-brand-300: #93c5fd;--fluid-color-brand-400: #60a5fa;--fluid-color-brand-500: #3b82f6;--fluid-color-brand-600: #2563eb;--fluid-color-brand-700: #1d4ed8;--fluid-color-brand-800: #1e40af;--fluid-color-brand-900: #1e3a8a;--fluid-color-emerald-50: #ecfdf5;--fluid-color-emerald-100: #d1fae5;--fluid-color-emerald-200: #a7f3d0;--fluid-color-emerald-300: #6ee7b7;--fluid-color-emerald-400: #34d399;--fluid-color-emerald-500: #10b981;--fluid-color-emerald-600: #059669;--fluid-color-emerald-700: #047857;--fluid-color-emerald-800: #065f46;--fluid-color-emerald-900: #064e3b;--fluid-color-red-50: #fef2f2;--fluid-color-red-100: #fee2e2;--fluid-color-red-200: #fecaca;--fluid-color-red-300: #fca5a5;--fluid-color-red-400: #f87171;--fluid-color-red-500: #ef4444;--fluid-color-red-600: #dc2626;--fluid-color-red-700: #b91c1c;--fluid-color-red-800: #991b1b;--fluid-color-red-900: #7f1d1d;--fluid-color-amber-50: #fffbeb;--fluid-color-amber-100: #fef3c7;--fluid-color-amber-200: #fde68a;--fluid-color-amber-300: #fcd34d;--fluid-color-amber-400: #fbbf24;--fluid-color-amber-500: #f59e0b;--fluid-color-amber-600: #d97706;--fluid-color-amber-700: #b45309;--fluid-color-amber-800: #92400e;--fluid-color-amber-900: #78350f;--fluid-color-sky-50: #f0f9ff;--fluid-color-sky-100: #e0f2fe;--fluid-color-sky-200: #bae6fd;--fluid-color-sky-300: #7dd3fc;--fluid-color-sky-400: #38bdf8;--fluid-color-sky-500: #0ea5e9;--fluid-color-sky-600: #0284c7;--fluid-color-sky-700: #0369a1;--fluid-color-sky-800: #075985;--fluid-color-sky-900: #0c4a6e;--fluid-font-family-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fluid-font-family-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fluid-font-family-display: var(--fluid-font-family-sans);--fluid-font-size-xs: .6875rem;--fluid-font-size-sm: .75rem;--fluid-font-size-md: .875rem;--fluid-font-size-lg: 1rem;--fluid-font-size-xl: 1.125rem;--fluid-font-size-2xl: 1.25rem;--fluid-font-size-3xl: 1.5rem;--fluid-font-size-4xl: 1.875rem;--fluid-font-weight-regular: 400;--fluid-font-weight-medium: 500;--fluid-font-weight-semibold: 600;--fluid-font-weight-bold: 700;--fluid-font-line-height-tight: 1.2;--fluid-font-line-height-snug: 1.4;--fluid-font-line-height-normal: 1.5;--fluid-font-line-height-relaxed: 1.625;--fluid-font-letter-spacing-tight: -.01em;--fluid-font-letter-spacing-normal: 0;--fluid-font-letter-spacing-wide: .02em;--fluid-font-letter-spacing-widest: .08em;--fluid-space-0: 0;--fluid-space-1: .25rem;--fluid-space-2: .5rem;--fluid-space-3: .75rem;--fluid-space-4: 1rem;--fluid-space-5: 1.25rem;--fluid-space-6: 1.5rem;--fluid-space-8: 2rem;--fluid-space-10: 2.5rem;--fluid-space-12: 3rem;--fluid-radius-none: 0;--fluid-radius-sm: .25rem;--fluid-radius-md: .5rem;--fluid-radius-lg: .75rem;--fluid-radius-xl: 1rem;--fluid-radius-full: 9999px;--fluid-border-width-default: 1px;--fluid-border-width-divider: 1px;--fluid-duration-fast: .12s;--fluid-duration-normal: .2s;--fluid-duration-slow: .32s;--fluid-duration-slower: .48s;--fluid-easing-standard: cubic-bezier(.2, 0, 0, 1);--fluid-easing-decelerate: cubic-bezier(0, 0, 0, 1);--fluid-easing-accelerate: cubic-bezier(.3, 0, 1, 1);--fluid-easing-emphasized: cubic-bezier(.05, .7, .1, 1);--fluid-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--fluid-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--fluid-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--fluid-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--fluid-focus-ring-width: 2px;--fluid-focus-ring-offset: 2px;--fluid-target-min: 24px;--fluid-field-height-sm: 1.75rem;--fluid-field-height-md: 2.25rem;--fluid-field-height-lg: 2.75rem;--fluid-field-padding-x-sm: .5rem;--fluid-field-padding-x-md: .75rem;--fluid-field-padding-x-lg: 1rem;--fluid-field-border-width: var(--fluid-border-width-default);--fluid-field-border-radius: .5rem;--fluid-gradient-glossy: linear-gradient(180deg, rgb(255 255 255 / .1) 0%, rgb(255 255 255 / .02) 35%, transparent 60%, rgb(0 0 0 / .04) 100%);--fluid-gradient-glossy-inverse: linear-gradient(180deg, rgb(0 0 0 / .06) 0%, rgb(0 0 0 / .02) 35%, transparent 60%, rgb(255 255 255 / .04) 100%)}[data-fluid-conformance=aaa]{--fluid-target-min: 44px;--fluid-focus-ring-width: 3px}:root{--fluid-motion: 1}@media(prefers-reduced-motion:reduce){:root{--fluid-motion: 0;--fluid-duration-fast: .01ms;--fluid-duration-normal: .01ms;--fluid-duration-slow: .01ms;--fluid-duration-slower: .01ms}}:root,:host,[data-fluid-theme=light]{--fluid-surface-base: var(--fluid-color-white);--fluid-surface-subtle: var(--fluid-color-neutral-50);--fluid-surface-muted: var(--fluid-color-neutral-100);--fluid-text-primary: var(--fluid-color-neutral-900);--fluid-text-secondary: var(--fluid-color-neutral-600);--fluid-text-inverse: var(--fluid-color-white);--fluid-border-default: var(--fluid-color-neutral-200);--fluid-border-strong: var(--fluid-color-neutral-300);--fluid-accent-base: var(--fluid-color-brand-600);--fluid-accent-hover: var(--fluid-color-brand-700);--fluid-accent-active: var(--fluid-color-brand-800);--fluid-accent-text: var(--fluid-color-white);--fluid-neutral-base: var(--fluid-color-neutral-700);--fluid-neutral-hover: var(--fluid-color-neutral-800);--fluid-neutral-active: var(--fluid-color-neutral-900);--fluid-neutral-text: var(--fluid-color-white);--fluid-success-base: var(--fluid-color-emerald-700);--fluid-success-hover: var(--fluid-color-emerald-800);--fluid-success-active: var(--fluid-color-emerald-900);--fluid-success-text: var(--fluid-color-white);--fluid-danger-base: var(--fluid-color-red-600);--fluid-danger-hover: var(--fluid-color-red-700);--fluid-danger-active: var(--fluid-color-red-800);--fluid-danger-text: var(--fluid-color-white);--fluid-warning-base: var(--fluid-color-amber-500);--fluid-warning-hover: var(--fluid-color-amber-400);--fluid-warning-active: var(--fluid-color-amber-300);--fluid-warning-text: var(--fluid-color-neutral-950);--fluid-info-base: var(--fluid-color-sky-700);--fluid-info-hover: var(--fluid-color-sky-800);--fluid-info-active: var(--fluid-color-sky-900);--fluid-info-text: var(--fluid-color-white);--fluid-focus-ring-color: var(--fluid-color-brand-500);color-scheme:light}:root[data-fluid-conformance=aaa],[data-fluid-theme=light][data-fluid-conformance=aaa],[data-fluid-theme=light] [data-fluid-conformance=aaa],:root:not([data-fluid-theme=dark]) [data-fluid-conformance=aaa]{--fluid-text-secondary: var(--fluid-color-neutral-600);--fluid-accent-base: var(--fluid-color-brand-800);--fluid-accent-hover: var(--fluid-color-brand-900);--fluid-accent-active: color-mix(in srgb, var(--fluid-color-brand-900) 85%, var(--fluid-color-neutral-950));--fluid-success-base: var(--fluid-color-emerald-800);--fluid-success-hover: var(--fluid-color-emerald-900);--fluid-success-active: color-mix(in srgb, var(--fluid-color-emerald-900) 85%, var(--fluid-color-neutral-950));--fluid-danger-base: var(--fluid-color-red-800);--fluid-danger-hover: var(--fluid-color-red-900);--fluid-danger-active: color-mix(in srgb, var(--fluid-color-red-900) 85%, var(--fluid-color-neutral-950));--fluid-info-base: var(--fluid-color-sky-800);--fluid-info-hover: var(--fluid-color-sky-900);--fluid-info-active: color-mix(in srgb, var(--fluid-color-sky-900) 85%, var(--fluid-color-neutral-950))}@media(prefers-color-scheme:dark){:root:not([data-fluid-theme=light]),:host(:not([data-fluid-theme="light"])){--fluid-surface-base: var(--fluid-color-neutral-950);--fluid-surface-subtle: var(--fluid-color-neutral-900);--fluid-surface-muted: var(--fluid-color-neutral-800);--fluid-text-primary: var(--fluid-color-neutral-50);--fluid-text-secondary: var(--fluid-color-neutral-400);--fluid-text-inverse: var(--fluid-color-neutral-950);--fluid-border-default: var(--fluid-color-neutral-800);--fluid-border-strong: var(--fluid-color-neutral-700);--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300);--fluid-accent-text: var(--fluid-color-neutral-950);--fluid-neutral-base: var(--fluid-color-neutral-300);--fluid-neutral-hover: var(--fluid-color-neutral-200);--fluid-neutral-active: var(--fluid-color-neutral-100);--fluid-neutral-text: var(--fluid-color-neutral-950);--fluid-success-base: var(--fluid-color-emerald-500);--fluid-success-hover: var(--fluid-color-emerald-400);--fluid-success-active: var(--fluid-color-emerald-300);--fluid-success-text: var(--fluid-color-neutral-950);--fluid-danger-base: var(--fluid-color-red-500);--fluid-danger-hover: var(--fluid-color-red-400);--fluid-danger-active: var(--fluid-color-red-300);--fluid-danger-text: var(--fluid-color-neutral-950);--fluid-warning-base: var(--fluid-color-amber-400);--fluid-warning-hover: var(--fluid-color-amber-300);--fluid-warning-active: var(--fluid-color-amber-200);--fluid-warning-text: var(--fluid-color-neutral-950);--fluid-info-base: var(--fluid-color-sky-500);--fluid-info-hover: var(--fluid-color-sky-400);--fluid-info-active: var(--fluid-color-sky-300);--fluid-info-text: var(--fluid-color-neutral-950);--fluid-focus-ring-color: var(--fluid-color-brand-400);color-scheme:dark}:root:not([data-fluid-theme=light])[data-fluid-conformance=aaa],:root:not([data-fluid-theme=light]) [data-fluid-conformance=aaa]{--fluid-text-secondary: var(--fluid-color-neutral-300);--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-success-base: var(--fluid-color-emerald-500);--fluid-success-hover: var(--fluid-color-emerald-400);--fluid-success-active: var(--fluid-color-emerald-300);--fluid-danger-base: var(--fluid-color-red-400);--fluid-danger-hover: var(--fluid-color-red-300);--fluid-danger-active: var(--fluid-color-red-200);--fluid-info-base: var(--fluid-color-sky-500);--fluid-info-hover: var(--fluid-color-sky-400);--fluid-info-active: var(--fluid-color-sky-300)}}[data-fluid-theme=dark]{--fluid-surface-base: var(--fluid-color-neutral-950);--fluid-surface-subtle: var(--fluid-color-neutral-900);--fluid-surface-muted: var(--fluid-color-neutral-800);--fluid-text-primary: var(--fluid-color-neutral-50);--fluid-text-secondary: var(--fluid-color-neutral-400);--fluid-text-inverse: var(--fluid-color-neutral-950);--fluid-border-default: var(--fluid-color-neutral-800);--fluid-border-strong: var(--fluid-color-neutral-700);--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300);--fluid-accent-text: var(--fluid-color-neutral-950);--fluid-neutral-base: var(--fluid-color-neutral-300);--fluid-neutral-hover: var(--fluid-color-neutral-200);--fluid-neutral-active: var(--fluid-color-neutral-100);--fluid-neutral-text: var(--fluid-color-neutral-950);--fluid-success-base: var(--fluid-color-emerald-500);--fluid-success-hover: var(--fluid-color-emerald-400);--fluid-success-active: var(--fluid-color-emerald-300);--fluid-success-text: var(--fluid-color-neutral-950);--fluid-danger-base: var(--fluid-color-red-500);--fluid-danger-hover: var(--fluid-color-red-400);--fluid-danger-active: var(--fluid-color-red-300);--fluid-danger-text: var(--fluid-color-neutral-950);--fluid-warning-base: var(--fluid-color-amber-400);--fluid-warning-hover: var(--fluid-color-amber-300);--fluid-warning-active: var(--fluid-color-amber-200);--fluid-warning-text: var(--fluid-color-neutral-950);--fluid-info-base: var(--fluid-color-sky-500);--fluid-info-hover: var(--fluid-color-sky-400);--fluid-info-active: var(--fluid-color-sky-300);--fluid-info-text: var(--fluid-color-neutral-950);--fluid-focus-ring-color: var(--fluid-color-brand-400);color-scheme:dark}[data-fluid-theme=dark][data-fluid-conformance=aaa],[data-fluid-theme=dark] [data-fluid-conformance=aaa]{--fluid-text-secondary: var(--fluid-color-neutral-300);--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-success-base: var(--fluid-color-emerald-500);--fluid-success-hover: var(--fluid-color-emerald-400);--fluid-success-active: var(--fluid-color-emerald-300);--fluid-danger-base: var(--fluid-color-red-400);--fluid-danger-hover: var(--fluid-color-red-300);--fluid-danger-active: var(--fluid-color-red-200);--fluid-info-base: var(--fluid-color-sky-500);--fluid-info-hover: var(--fluid-color-sky-400);--fluid-info-active: var(--fluid-color-sky-300)}[data-fluid-brand=midnight]{--fluid-color-brand-50: #f5f3ff;--fluid-color-brand-100: #ede9fe;--fluid-color-brand-200: #ddd6fe;--fluid-color-brand-300: #c4b5fd;--fluid-color-brand-400: #a78bfa;--fluid-color-brand-500: #8b5cf6;--fluid-color-brand-600: #7c3aed;--fluid-color-brand-700: #6d28d9;--fluid-color-brand-800: #5b21b6;--fluid-color-brand-900: #4c1d95;--fluid-radius-md: .5rem;--fluid-radius-lg: .75rem;--fluid-duration-fast: .16s;--fluid-duration-normal: .24s;--fluid-accent-base: var(--fluid-color-brand-600);--fluid-accent-hover: var(--fluid-color-brand-700);--fluid-accent-active: var(--fluid-color-brand-800);--fluid-focus-ring-color: var(--fluid-color-brand-500)}[data-fluid-theme=dark] [data-fluid-brand=midnight],[data-fluid-brand=midnight][data-fluid-theme=dark]{--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300);--fluid-focus-ring-color: var(--fluid-color-brand-400)}[data-fluid-brand=midnight][data-fluid-conformance=aaa],[data-fluid-brand=midnight]:not([data-fluid-theme=dark]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-700);--fluid-accent-hover: var(--fluid-color-brand-800);--fluid-accent-active: var(--fluid-color-brand-900)}[data-fluid-theme=dark] [data-fluid-brand=midnight][data-fluid-conformance=aaa],[data-fluid-brand=midnight][data-fluid-theme=dark][data-fluid-conformance=aaa],[data-fluid-brand=midnight][data-fluid-theme=dark] [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200)}@media(prefers-color-scheme:dark){[data-fluid-brand=midnight][data-fluid-conformance=aaa]:not([data-fluid-theme=light]),[data-fluid-brand=midnight]:not([data-fluid-theme=light]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200)}}[data-fluid-brand=corporate]{--fluid-color-brand-50: #f8fafc;--fluid-color-brand-100: #f1f5f9;--fluid-color-brand-200: #e2e8f0;--fluid-color-brand-300: #cbd5e1;--fluid-color-brand-400: #94a3b8;--fluid-color-brand-500: #64748b;--fluid-color-brand-600: #475569;--fluid-color-brand-700: #334155;--fluid-color-brand-800: #1e293b;--fluid-color-brand-900: #0f172a;--fluid-radius-sm: 0;--fluid-radius-md: .125rem;--fluid-radius-lg: .25rem;--fluid-space-1: .2rem;--fluid-space-2: .4rem;--fluid-space-3: .6rem;--fluid-space-4: .85rem;--fluid-space-5: 1.05rem;--fluid-space-6: 1.25rem;--fluid-space-8: 1.7rem;--fluid-space-10: 2.1rem;--fluid-space-12: 2.55rem;--fluid-shadow-sm: 0 0 0 0 rgb(0 0 0 / 0);--fluid-shadow-md: 0 1px 2px 0 rgb(15 23 42 / .06);--fluid-shadow-lg: 0 2px 4px 0 rgb(15 23 42 / .08);--fluid-border-default: var(--fluid-color-neutral-300);--fluid-border-strong: var(--fluid-color-neutral-400);--fluid-duration-fast: .1s;--fluid-duration-normal: .16s;font-variant-numeric:tabular-nums;--fluid-accent-base: var(--fluid-color-brand-600);--fluid-accent-hover: var(--fluid-color-brand-700);--fluid-accent-active: var(--fluid-color-brand-800);--fluid-focus-ring-color: var(--fluid-color-brand-500)}[data-fluid-brand=corporate] fluid-card>:is(h1,h2,h3,h4,h5,h6)[slot=header]{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--fluid-text-secondary)}[data-fluid-theme=dark] [data-fluid-brand=corporate],[data-fluid-brand=corporate][data-fluid-theme=dark]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-focus-ring-color: var(--fluid-color-brand-400);--fluid-border-default: var(--fluid-color-neutral-700);--fluid-border-strong: var(--fluid-color-neutral-600)}@media(prefers-color-scheme:dark){[data-fluid-brand=corporate]:not([data-fluid-theme=light]){--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-focus-ring-color: var(--fluid-color-brand-400);--fluid-border-default: var(--fluid-color-neutral-700);--fluid-border-strong: var(--fluid-color-neutral-600)}}[data-fluid-brand=titanium]{--fluid-color-brand-50: #f6f7f9;--fluid-color-brand-100: #eceef2;--fluid-color-brand-200: #d8dce3;--fluid-color-brand-300: #b7bfca;--fluid-color-brand-400: #8b94a4;--fluid-color-brand-500: #5f6879;--fluid-color-brand-600: #3a4150;--fluid-color-brand-700: #2b313c;--fluid-color-brand-800: #1e222b;--fluid-color-brand-900: #12151b;--fluid-radius-sm: .1875rem;--fluid-radius-md: .375rem;--fluid-radius-lg: .5rem;--fluid-radius-xl: .75rem;--fluid-font-family-sans: "Space Grotesk", "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fluid-space-1: .3rem;--fluid-space-2: .6rem;--fluid-space-3: .9rem;--fluid-space-4: 1.2rem;--fluid-space-5: 1.5rem;--fluid-space-6: 1.8rem;--fluid-space-8: 2.4rem;--fluid-space-10: 3rem;--fluid-space-12: 3.6rem;--fluid-accent-base: var(--fluid-color-brand-600);--fluid-accent-hover: var(--fluid-color-brand-700);--fluid-accent-active: var(--fluid-color-brand-800);--fluid-focus-ring-color: var(--fluid-color-brand-500)}[data-fluid-theme=dark] [data-fluid-brand=titanium],[data-fluid-brand=titanium][data-fluid-theme=dark]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-focus-ring-color: var(--fluid-color-brand-400)}[data-fluid-brand=titanium]{--fluid-color-emerald-50: #f6f7f9;--fluid-color-emerald-100: #eceef2;--fluid-color-emerald-200: #d8dce3;--fluid-color-emerald-300: #b7bfca;--fluid-color-emerald-400: #8b94a4;--fluid-color-emerald-500: #5f6879;--fluid-color-emerald-600: #3a4150;--fluid-color-emerald-700: #2b313c;--fluid-color-emerald-800: #1e222b;--fluid-color-emerald-900: #12151b;--fluid-color-amber-50: #f6f7f9;--fluid-color-amber-100: #eceef2;--fluid-color-amber-200: #d8dce3;--fluid-color-amber-300: #b7bfca;--fluid-color-amber-400: #8b94a4;--fluid-color-amber-500: #5f6879;--fluid-color-amber-600: #3a4150;--fluid-color-amber-700: #2b313c;--fluid-color-amber-800: #1e222b;--fluid-color-amber-900: #12151b;--fluid-color-sky-50: #f6f7f9;--fluid-color-sky-100: #eceef2;--fluid-color-sky-200: #d8dce3;--fluid-color-sky-300: #b7bfca;--fluid-color-sky-400: #8b94a4;--fluid-color-sky-500: #5f6879;--fluid-color-sky-600: #3a4150;--fluid-color-sky-700: #2b313c;--fluid-color-sky-800: #1e222b;--fluid-color-sky-900: #12151b;--fluid-success-base: var(--fluid-color-emerald-700);--fluid-success-hover: var(--fluid-color-emerald-800);--fluid-success-active: var(--fluid-color-emerald-900);--fluid-warning-base: var(--fluid-color-amber-400);--fluid-warning-hover: var(--fluid-color-amber-300);--fluid-warning-active: var(--fluid-color-amber-200);--fluid-info-base: var(--fluid-color-sky-600);--fluid-info-hover: var(--fluid-color-sky-700);--fluid-info-active: var(--fluid-color-sky-800)}[data-fluid-theme=dark] [data-fluid-brand=titanium],[data-fluid-brand=titanium][data-fluid-theme=dark]{--fluid-success-base: var(--fluid-color-emerald-400);--fluid-success-hover: var(--fluid-color-emerald-300);--fluid-success-active: var(--fluid-color-emerald-200);--fluid-warning-base: var(--fluid-color-amber-400);--fluid-warning-hover: var(--fluid-color-amber-300);--fluid-warning-active: var(--fluid-color-amber-200);--fluid-info-base: var(--fluid-color-sky-400);--fluid-info-hover: var(--fluid-color-sky-300);--fluid-info-active: var(--fluid-color-sky-200)}@media(prefers-color-scheme:dark){[data-fluid-brand=titanium]:not([data-fluid-theme=light]){--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200);--fluid-focus-ring-color: var(--fluid-color-brand-400);--fluid-success-base: var(--fluid-color-emerald-400);--fluid-success-hover: var(--fluid-color-emerald-300);--fluid-success-active: var(--fluid-color-emerald-200);--fluid-warning-base: var(--fluid-color-amber-400);--fluid-warning-hover: var(--fluid-color-amber-300);--fluid-warning-active: var(--fluid-color-amber-200);--fluid-info-base: var(--fluid-color-sky-400);--fluid-info-hover: var(--fluid-color-sky-300);--fluid-info-active: var(--fluid-color-sky-200)}}[data-fluid-brand=titanium][data-fluid-conformance=aaa],[data-fluid-brand=titanium]:not([data-fluid-theme=dark]) [data-fluid-conformance=aaa]{--fluid-warning-base: var(--fluid-color-amber-300);--fluid-warning-hover: var(--fluid-color-amber-200);--fluid-warning-active: var(--fluid-color-amber-100)}[data-fluid-theme=dark] [data-fluid-brand=titanium][data-fluid-conformance=aaa],[data-fluid-brand=titanium][data-fluid-theme=dark][data-fluid-conformance=aaa],[data-fluid-brand=titanium][data-fluid-theme=dark] [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-300);--fluid-accent-hover: var(--fluid-color-brand-200);--fluid-accent-active: var(--fluid-color-brand-100);--fluid-success-base: var(--fluid-color-emerald-300);--fluid-success-hover: var(--fluid-color-emerald-200);--fluid-success-active: var(--fluid-color-emerald-100);--fluid-warning-base: var(--fluid-color-amber-300);--fluid-warning-hover: var(--fluid-color-amber-200);--fluid-warning-active: var(--fluid-color-amber-100);--fluid-info-base: var(--fluid-color-sky-300);--fluid-info-hover: var(--fluid-color-sky-200);--fluid-info-active: var(--fluid-color-sky-100)}@media(prefers-color-scheme:dark){[data-fluid-brand=titanium][data-fluid-conformance=aaa]:not([data-fluid-theme=light]),[data-fluid-brand=titanium]:not([data-fluid-theme=light]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-300);--fluid-accent-hover: var(--fluid-color-brand-200);--fluid-accent-active: var(--fluid-color-brand-100);--fluid-success-base: var(--fluid-color-emerald-300);--fluid-success-hover: var(--fluid-color-emerald-200);--fluid-success-active: var(--fluid-color-emerald-100);--fluid-warning-base: var(--fluid-color-amber-300);--fluid-warning-hover: var(--fluid-color-amber-200);--fluid-warning-active: var(--fluid-color-amber-100);--fluid-info-base: var(--fluid-color-sky-300);--fluid-info-hover: var(--fluid-color-sky-200);--fluid-info-active: var(--fluid-color-sky-100)}}
