@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#0067b1;--brand-orange:#f28c00;--brand-green:#4fae32;--brand-white:#fff;--color-background:var(--brand-white);--color-surface:var(--brand-white);--color-surface-raised:color-mix(in srgb, var(--brand-blue) 4%, var(--brand-white));--color-text:#20262b;--color-text-inverse:var(--brand-white);--color-primary:var(--brand-orange);--color-primary-hover:color-mix(in srgb, var(--brand-orange) 84%, var(--brand-blue));--color-primary-contrast:#20262b;--color-secondary:var(--brand-blue);--color-secondary-strong:var(--color-text);--color-secondary-text:var(--color-text);--color-secondary-hover:color-mix(in srgb, var(--brand-blue) 84%, var(--brand-white));--color-secondary-contrast:var(--brand-white);--color-energy:var(--brand-green);--color-energy-strong:color-mix(in srgb, var(--brand-green) 72%, var(--brand-blue));--color-energy-soft:color-mix(in srgb, var(--brand-green) 18%, var(--brand-white));--color-energy-panel:color-mix(in srgb, var(--brand-green) 25%, var(--brand-white));--color-energy-contrast:var(--brand-blue);--color-energy-text:color-mix(in srgb, var(--brand-green) 58%, black);--color-border:color-mix(in srgb, var(--brand-blue) 15%, var(--brand-white));--color-border-strong:color-mix(in srgb, var(--brand-blue) 32%, var(--brand-white));--color-muted:color-mix(in srgb, var(--color-text) 76%, var(--brand-white));--color-subtle:color-mix(in srgb, var(--brand-blue) 6%, var(--brand-white));--color-primary-soft:color-mix(in srgb, var(--brand-orange) 14%, var(--brand-white));--color-primary-text:color-mix(in srgb, var(--brand-orange) 20%, var(--color-text));--color-secondary-soft:color-mix(in srgb, var(--brand-blue) 10%, var(--brand-white));--color-success:color-mix(in srgb, var(--brand-green) 16%, var(--brand-white));--color-warning:color-mix(in srgb, var(--brand-orange) 18%, var(--brand-white));--color-warning-contrast:var(--color-text);--color-danger:color-mix(in srgb, var(--brand-orange) 28%, var(--brand-blue));--color-focus:color-mix(in srgb, var(--brand-blue) 68%, var(--brand-white));--color-overlay:color-mix(in srgb, var(--brand-blue) 55%, transparent);--color-contrast-panel:color-mix(in srgb, var(--color-text) 95%, var(--color-secondary));--color-on-contrast:var(--color-background);--color-on-contrast-muted:color-mix(in srgb, var(--color-background) 88%, var(--color-text));--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Manrope", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 4vw, 2.75rem);--text-display:clamp(2.5rem, 7vw, 5.5rem);--leading-tight:1.08;--leading-copy:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-page:clamp(1rem, 4vw, 3rem);--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-pill:999px;--shadow-sm:0 .5rem 1.5rem color-mix(in srgb, var(--brand-blue) 10%, transparent);--shadow-md:0 1rem 2.75rem color-mix(in srgb, var(--brand-blue) 16%, transparent);--shadow-focus:0 0 0 .25rem color-mix(in srgb, var(--brand-blue) 24%, transparent);--motion-fast:.16s ease;--motion-standard:.24s ease;--motion-reveal:.56s cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#1580c5;--brand-orange:#f28c00;--brand-green:#62bc45;--brand-white:#20262b;--color-background:var(--brand-white);--color-surface:color-mix(in srgb, var(--brand-white) 94%, white);--color-surface-raised:color-mix(in srgb, var(--brand-white) 86%, white);--color-text:color-mix(in srgb, white 88%, var(--brand-white));--color-text-inverse:var(--brand-white);--color-primary:var(--brand-orange);--color-primary-hover:color-mix(in srgb, var(--brand-orange) 82%, white);--color-primary-contrast:#20262b;--color-secondary:var(--brand-blue);--color-secondary-strong:color-mix(in srgb, var(--brand-blue) 52%, white);--color-secondary-text:var(--color-secondary-strong);--color-secondary-hover:color-mix(in srgb, var(--brand-blue) 70%, white);--color-secondary-contrast:white;--color-energy:var(--brand-green);--color-energy-strong:color-mix(in srgb, var(--brand-green) 78%, white);--color-energy-soft:color-mix(in srgb, var(--brand-green) 22%, var(--brand-white));--color-energy-panel:color-mix(in srgb, var(--brand-green) 35%, var(--brand-white));--color-energy-contrast:var(--color-text);--color-energy-text:color-mix(in srgb, var(--brand-green) 80%, white);--color-border:color-mix(in srgb, white 16%, var(--brand-white));--color-border-strong:color-mix(in srgb, white 30%, var(--brand-white));--color-muted:color-mix(in srgb, white 68%, var(--brand-white));--color-subtle:color-mix(in srgb, white 7%, var(--brand-white));--color-primary-soft:color-mix(in srgb, var(--brand-orange) 22%, var(--brand-white));--color-primary-text:var(--brand-orange);--color-secondary-soft:color-mix(in srgb, var(--brand-blue) 22%, var(--brand-white));--color-success:color-mix(in srgb, var(--brand-green) 22%, var(--brand-white));--color-warning:color-mix(in srgb, var(--brand-orange) 25%, var(--brand-white));--color-warning-contrast:var(--color-text);--color-danger:color-mix(in srgb, var(--brand-orange) 32%, var(--brand-white));--color-focus:color-mix(in srgb, var(--brand-blue) 70%, white);--color-overlay:color-mix(in srgb, var(--brand-white) 76%, transparent);--color-contrast-panel:color-mix(in srgb, var(--color-background) 92%, var(--color-secondary));--color-on-contrast:var(--color-text);--color-on-contrast-muted:color-mix(in srgb, var(--color-text) 82%, var(--color-background))}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#1580c5;--brand-orange:#f28c00;--brand-green:#62bc45;--brand-white:#20262b;--color-background:var(--brand-white);--color-surface:color-mix(in srgb, var(--brand-white) 94%, white);--color-surface-raised:color-mix(in srgb, var(--brand-white) 86%, white);--color-text:color-mix(in srgb, white 88%, var(--brand-white));--color-text-inverse:var(--brand-white);--color-primary:var(--brand-orange);--color-primary-hover:color-mix(in srgb, var(--brand-orange) 82%, white);--color-primary-contrast:#20262b;--color-secondary:var(--brand-blue);--color-secondary-strong:color-mix(in srgb, var(--brand-blue) 52%, white);--color-secondary-text:var(--color-secondary-strong);--color-secondary-hover:color-mix(in srgb, var(--brand-blue) 70%, white);--color-secondary-contrast:white;--color-energy:var(--brand-green);--color-energy-strong:color-mix(in srgb, var(--brand-green) 78%, white);--color-energy-soft:color-mix(in srgb, var(--brand-green) 22%, var(--brand-white));--color-energy-panel:color-mix(in srgb, var(--brand-green) 35%, var(--brand-white));--color-energy-contrast:var(--color-text);--color-energy-text:color-mix(in srgb, var(--brand-green) 80%, white);--color-border:color-mix(in srgb, white 16%, var(--brand-white));--color-border-strong:color-mix(in srgb, white 30%, var(--brand-white));--color-muted:color-mix(in srgb, white 68%, var(--brand-white));--color-subtle:color-mix(in srgb, white 7%, var(--brand-white));--color-primary-soft:color-mix(in srgb, var(--brand-orange) 22%, var(--brand-white));--color-primary-text:var(--brand-orange);--color-secondary-soft:color-mix(in srgb, var(--brand-blue) 22%, var(--brand-white));--color-success:color-mix(in srgb, var(--brand-green) 22%, var(--brand-white));--color-warning:color-mix(in srgb, var(--brand-orange) 25%, var(--brand-white));--color-warning-contrast:var(--color-text);--color-danger:color-mix(in srgb, var(--brand-orange) 32%, var(--brand-white));--color-focus:color-mix(in srgb, var(--brand-blue) 70%, white);--color-overlay:color-mix(in srgb, var(--brand-white) 76%, transparent);--color-contrast-panel:color-mix(in srgb, var(--color-background) 92%, var(--color-secondary));--color-on-contrast:var(--color-text);--color-on-contrast-muted:color-mix(in srgb, var(--color-text) 82%, var(--color-background))}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-background);scroll-padding-top:6rem}:where([id],input,textarea,select,button,a){scroll-margin-block:6rem 2rem}h1,h2,h3{text-wrap:balance}.skip-link{z-index:100;background:var(--color-surface);color:var(--color-text);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.back-to-top{z-index:35;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:700;display:inline-flex;position:fixed}.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--color-secondary-soft)}form[aria-busy=true]{cursor:progress}form[aria-busy=true] button[type=submit]{opacity:.7;cursor:progress}.brand-logo{flex:none;align-items:center;width:13rem;height:4.5rem;display:flex}.brand-logo img{width:100%;height:auto;display:block}@media (max-width:48rem){.brand-logo{width:7.5rem;height:2.05rem}.demo-brand:has(.brand-logo){flex-shrink:0}}.back-to-top{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4.25rem)}.whatsapp-bubble{z-index:35;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));background:var(--color-energy-text);width:3.5rem;height:3.5rem;color:var(--brand-white);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .18s,background-color .18s;display:grid;position:fixed}.whatsapp-bubble:hover{background:var(--color-energy-strong);transform:translateY(-2px)}.whatsapp-panel{inset:auto max(1rem, env(safe-area-inset-right)) calc(max(1rem, env(safe-area-inset-bottom)) + 4.25rem) auto;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:min(21rem,100vw - 2rem);color:var(--color-text);margin:0;padding:1.5rem;position:fixed}.whatsapp-panel h2{font-size:var(--text-lg);margin:0 0 .75rem;padding-right:1.5rem}.whatsapp-panel p{margin:0 0 1rem}.whatsapp-panel a{overflow-wrap:anywhere}.whatsapp-close{width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.5rem;display:grid;position:absolute;top:.25rem;right:.25rem}.whatsapp-close:hover{color:var(--color-secondary)}.site-shell:has(.whatsapp-panel:popover-open) .back-to-top{visibility:hidden}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-scroll-fade]{animation:linear both section-fade;animation-timeline:view();animation-range:entry exit}[data-scroll-fade]:focus-within{animation:none}}}@keyframes section-fade{0%,to{opacity:.3}20%,80%{opacity:1}}body{background:var(--color-background);min-width:20rem;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-copy);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-secondary-text);text-underline-offset:.2em}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary):focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}::selection{background:var(--color-primary-soft);color:var(--color-text)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.025em}img,svg{max-width:100%}.container{width:min(calc(100% - var(--space-page) - var(--space-page)), 78rem);margin-inline:auto}.site-shell{flex-direction:column;min-height:100svh;display:flex}@supports (min-height:100dvh){.site-shell,.demo-admin-shell{min-height:100dvh}}.site-main{width:min(calc(100% - var(--space-page) - var(--space-page)), 78rem);padding-block:clamp(var(--space-10), 8vw, var(--space-20));flex:1;margin-inline:auto}.site-main:has(>.storefront-loading){width:100%;padding:0}.storefront-loading{min-height:100svh;padding:var(--space-page)}.site-main:has(>.client-home-concept){width:100%;padding-block:0;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.site-header{border-bottom:1px solid var(--color-border)}.site-header__brand{color:var(--color-text);font-family:var(--font-display);font-weight:800;text-decoration:none}.site-nav ul{align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--color-text);text-decoration:none}.site-main .hero{max-width:42rem}.hero h1{font-size:var(--text-2xl)}.lead{color:var(--color-muted);font-size:var(--text-lg)}.button{border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);min-height:2.75rem;color:var(--color-primary-contrast);transition:background-color var(--motion-fast), transform var(--motion-fast);justify-content:center;align-items:center;padding:.7rem 1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover);color:var(--color-primary-contrast);transform:translateY(-1px)}.button--ghost{color:var(--color-secondary);background:0 0}.button--ghost:hover{background:var(--color-secondary-soft);color:var(--color-secondary-strong)}.notice,.alert{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted)}.alert{border-color:var(--color-danger);background:var(--color-primary-soft);color:var(--color-text)}.site-footer{padding:var(--space-8) var(--space-page);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm)}.site-header__user{color:var(--color-muted);font-size:var(--text-sm);margin:0}.site-nav [aria-disabled=true]{color:var(--color-muted)}.demo-header{z-index:20;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-background) 94%, transparent);-webkit-backdrop-filter:blur(1rem);position:sticky;top:0}.demo-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:4.75rem;padding-inline:max(var(--space-page), env(safe-area-inset-left)) max(var(--space-page), env(safe-area-inset-right));display:flex}.demo-brand{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;flex:auto;font-weight:800;text-decoration:none;display:inline-flex}.demo-brand__mark{border-radius:var(--radius-sm);background:var(--color-primary);width:2rem;height:2rem;color:var(--color-primary-contrast);font-size:var(--text-sm);place-items:center;font-weight:900;display:inline-grid}.demo-brand__name{text-overflow:ellipsis;font-size:var(--text-lg);white-space:nowrap;overflow:hidden}.demo-nav{align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-6));display:none}.demo-nav a,.demo-header__utility a{color:var(--color-muted);font-size:var(--text-sm);transition:color var(--motion-fast);font-weight:650;text-decoration:none}.demo-nav a:hover,.demo-header__utility a:hover{color:var(--color-text)}.demo-header__utility{align-items:center;gap:var(--space-2);flex:none;display:flex}.demo-theme-toggle{border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:0 0 4rem;width:4rem;height:2.75rem;padding:0;display:inline-block;position:relative}.demo-theme-toggle__track{border:1px solid var(--color-border-strong);border-radius:inherit;background:var(--color-surface-raised);transition:border-color .18s;position:absolute;inset:.25rem 0}.demo-theme-toggle:hover .demo-theme-toggle__track{border-color:var(--color-secondary)}.demo-theme-toggle__thumb{background:var(--color-primary);border-radius:50%;width:1.75rem;height:1.75rem;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .28s;position:absolute;top:.5rem;left:.25rem}.demo-theme-toggle[aria-checked=true] .demo-theme-toggle__thumb{background:var(--color-secondary);transform:translate(1.75rem)}.demo-theme-toggle svg{position:absolute;top:.8125rem}.demo-theme-toggle__sun{color:var(--color-primary-contrast);left:.5625rem}.demo-theme-toggle__moon{color:var(--color-muted);right:.5625rem}.demo-theme-toggle[aria-checked=true] .demo-theme-toggle__sun{color:var(--color-muted)}.demo-theme-toggle[aria-checked=true] .demo-theme-toggle__moon{color:var(--color-secondary-contrast)}.demo-header__utility>.demo-button,.demo-header__utility .demo-header__desktop-label{display:none}.demo-mobile-menu{position:relative}.demo-mobile-menu summary{min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:var(--text-sm);align-items:center;font-weight:700;list-style:none;display:inline-flex}.demo-mobile-menu summary::-webkit-details-marker{display:none}.demo-mobile-menu__panel{right:0;top:calc(100% + var(--space-3));min-width:min(17rem, calc(100vw - var(--space-page) - var(--space-page)));gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;position:absolute}.demo-mobile-menu:not([open]) .demo-mobile-menu__panel{display:none}.demo-mobile-menu__panel a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none}.demo-mobile-menu__panel a:hover{background:var(--color-subtle)}.demo-admin__mobile-menu{position:relative}.demo-admin__mobile-menu summary{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);font-weight:700;list-style:none;display:inline-flex}.demo-admin__mobile-menu summary::-webkit-details-marker{display:none}.demo-admin__mobile-menu__panel{left:0;top:calc(100% + var(--space-3));z-index:30;min-width:min(17rem, calc(100vw - var(--space-page) - var(--space-page)));gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;position:absolute}.demo-admin__mobile-menu:not([open]) .demo-admin__mobile-menu__panel{display:none}.demo-admin__mobile-menu__panel a{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:flex}.demo-admin__mobile-menu__panel a:hover,.demo-admin__mobile-menu__panel a[aria-current=page]{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.demo-admin__mobile-menu__panel svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.1rem}.demo-admin__menu-icon,.demo-admin__menu-icon:before,.demo-admin__menu-icon:after{content:"";background:currentColor;width:1rem;height:1px;display:block}.demo-admin__menu-icon:before{transform:translateY(-.3rem)}.demo-admin__menu-icon:after{transform:translateY(.25rem)}.demo-footer{border-top:1px solid var(--color-border);background:var(--color-surface-raised);margin-top:auto}.demo-footer__grid{gap:var(--space-10);padding-block:var(--space-12);display:grid}.demo-footer__intro{max-width:24rem}.demo-footer__intro a{color:var(--color-secondary-text);overflow-wrap:anywhere}.demo-footer__intro p,.demo-footer__note{color:var(--color-muted);font-size:var(--text-sm)}.demo-footer__columns{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-footer__group h2{margin-bottom:var(--space-3);font-size:var(--text-sm);letter-spacing:0}.demo-footer__group ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.demo-footer__group a{color:var(--color-muted);font-size:var(--text-sm);text-decoration:none}.demo-footer__group a:hover{color:var(--color-text)}.demo-footer__bottom{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.demo-footer__bottom p{color:var(--color-muted);font-size:var(--text-xs);margin:0}.demo-admin-shell{background:var(--color-subtle);grid-template-columns:17.5rem minmax(0,1fr);min-height:100svh;display:grid}.demo-admin__sidebar{min-width:0;height:100svh;padding:var(--space-5);background:var(--color-contrast-panel);color:var(--color-on-contrast);flex-direction:column;display:flex;position:sticky;top:0}.demo-admin__workspace{min-width:0}.demo-admin__banner{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-muted);font-size:var(--text-xs);text-align:center;font-weight:650}.demo-admin__banner p{padding:var(--space-2) var(--space-page);margin:0}.demo-admin__banner span{color:var(--color-primary)}.demo-admin__header{z-index:20;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:sticky;top:0}.demo-admin__header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4rem;padding-inline:var(--space-page);display:flex}.demo-admin__brand{align-items:center;gap:var(--space-3);min-height:3.5rem;color:var(--color-on-contrast);font-family:var(--font-display);font-weight:800;text-decoration:none;display:flex}.demo-admin__brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-admin__brand small{color:var(--color-on-contrast-muted);font-family:var(--font-body);font-size:var(--text-xs);margin-top:.1rem;font-weight:550;display:block}.demo-admin__nav{gap:var(--space-1);margin-top:var(--space-5);display:grid}.demo-admin__nav a{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-3);color:var(--color-on-contrast-muted);transition:background-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);border-radius:.5rem;grid-template-columns:2rem minmax(0,1fr);text-decoration:none;display:grid}.demo-admin__nav a:hover,.demo-admin__nav a[aria-current=page]{background:color-mix(in srgb, var(--color-secondary) 22%, transparent);color:var(--color-on-contrast)}.demo-admin__nav a:active{transform:translate(1px)}.demo-admin__nav a[aria-current=page]{box-shadow:inset 2px 0 0 var(--color-energy)}.demo-admin__nav a strong,.demo-admin__nav a small{display:block}.demo-admin__nav a strong{font-size:var(--text-sm)}.demo-admin__nav a small{color:var(--color-on-contrast);font-size:var(--text-xs);margin-top:.1rem;font-weight:500}.demo-admin__nav-icon{border:1px solid color-mix(in srgb, var(--color-on-contrast) 16%, transparent);border-radius:var(--radius-sm);place-items:center;width:2rem;height:2rem;display:grid}.demo-admin__nav-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1.05rem}.demo-admin__system-state{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-on-contrast) 14%, transparent);border-radius:.5rem;display:flex}.demo-admin__system-state>span{background:var(--color-energy);width:.55rem;height:.55rem;box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-energy) 18%, transparent);border-radius:50%;flex:none}.demo-admin__system-state strong,.demo-admin__system-state small{display:block}.demo-admin__system-state strong{font-size:var(--text-xs)}.demo-admin__system-state small{color:var(--color-on-contrast-muted);margin-top:.15rem;font-size:.65rem}.demo-admin__sidebar-footer{padding:var(--space-4) var(--space-3) 0;border-top:1px solid color-mix(in srgb, var(--color-on-contrast) 14%, transparent);margin-top:auto}.demo-admin__sidebar-footer p{margin:0 0 var(--space-2);color:var(--color-on-contrast-muted);font-size:.68rem}.demo-admin__sidebar-footer a{color:var(--color-on-contrast);font-size:var(--text-xs);font-weight:700;text-decoration:none}.demo-admin__route-context{gap:.1rem;display:grid}.demo-admin__route-context span{color:var(--color-muted);font-size:.65rem}.demo-admin__route-context strong{font-size:var(--text-sm)}.demo-admin__header-tools{align-items:center;gap:var(--space-2);display:flex}.demo-admin__main{width:min(calc(100% - var(--space-page) - var(--space-page)), 90rem);padding-block:clamp(var(--space-8), 4vw, var(--space-12));margin-inline:auto}.demo-admin__placeholder{gap:var(--space-6);display:grid}.demo-admin__placeholder h1{max-width:38rem;font-size:var(--text-2xl);margin-bottom:0}.demo-admin__placeholder p{max-width:42rem;color:var(--color-muted)}.demo-kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-kpi-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.demo-kpi-card span{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.demo-kpi-card strong{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.03em}.demo-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.demo-card--padded{padding:var(--space-6)}.demo-card--interactive{transition:border-color var(--motion-standard), box-shadow var(--motion-standard), transform var(--motion-standard)}.demo-card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-section-heading{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.demo-section-heading__eyebrow{color:var(--color-secondary-strong);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:800}.demo-section-heading h2{font-size:var(--text-2xl);margin-bottom:0}.demo-section-heading__description{max-width:42rem;color:var(--color-muted);margin-bottom:0}.demo-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;min-height:2.75rem;transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);border:1px solid #0000;padding:.65rem 1.1rem;font-weight:750;text-decoration:none;display:inline-flex}.demo-button:hover{transform:translateY(-1px)}.demo-button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.demo-button--primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.demo-button--secondary{border-color:var(--color-secondary);background:var(--color-secondary);color:var(--color-secondary-contrast)}.demo-button--secondary:hover{border-color:var(--color-secondary-hover);background:var(--color-secondary-hover)}.demo-button--outline{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.demo-button--outline:hover{border-color:var(--color-secondary);background:var(--color-secondary-soft);color:var(--color-secondary-strong)}.demo-button--small{min-height:2.25rem;font-size:var(--text-sm);padding:.45rem .85rem}.demo-badge{border-radius:var(--radius-pill);width:fit-content;min-height:1.65rem;font-size:var(--text-xs);align-items:center;padding:.2rem .6rem;font-weight:800;line-height:1.1;display:inline-flex}.demo-badge--neutral{background:var(--color-subtle);color:var(--color-muted)}.demo-badge--primary{background:var(--color-primary-soft);color:var(--color-primary-contrast)}.demo-badge--secondary{background:var(--color-secondary-soft);color:var(--color-secondary-strong)}.demo-badge--success{background:var(--color-success);color:var(--color-secondary-strong)}.demo-badge--warning{background:var(--color-warning);color:var(--color-warning-contrast)}.demo-badge--danger{background:var(--color-danger);color:var(--color-text)}.demo-field{gap:var(--space-2);display:grid}.demo-field__label{color:var(--color-text);font-size:var(--text-sm);font-weight:750}.demo-field__hint{color:var(--color-muted);font-size:var(--text-xs)}.demo-input,.demo-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-text);padding:.65rem .8rem}.demo-input::placeholder{color:var(--color-muted)}.demo-input:focus,.demo-select:focus{border-color:var(--color-secondary);box-shadow:var(--shadow-focus);outline:0}.demo-dialog-backdrop{z-index:50;padding:var(--space-page);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.demo-dialog{width:min(100%,34rem);max-height:min(42rem, calc(100vh - 2 * var(--space-page)));max-height:min(42rem, calc(100dvh - 2 * var(--space-page)));padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);overflow:auto}.demo-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.demo-dialog__header h2{font-size:var(--text-xl);margin-bottom:0}.demo-dialog__close{color:var(--color-muted);cursor:pointer;font-size:var(--text-xl);background:0 0;border:0;line-height:1}.demo-dialog__body{margin-top:var(--space-6)}@media (min-width:42rem){.demo-nav{display:flex}.demo-mobile-menu{display:none}.demo-header__utility .demo-header__desktop-label{display:inline}.demo-header__utility>.demo-button{display:inline-flex}.demo-footer__columns{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-admin__nav{display:grid}.demo-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.demo-footer__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media (max-width:26rem){.demo-header__search,.demo-brand__name,.demo-admin__brand>span:last-child{display:none}}@media (max-width:42rem){.demo-admin__header-inner>.demo-button,.demo-admin__route-context{display:none}.demo-admin__header-inner{gap:var(--space-2)}.demo-admin__header-tools{margin-left:auto}}@media (min-width:64rem){.demo-header__utility{gap:var(--space-4)}.demo-admin__mobile-menu{display:none}}@media (max-width:63.999rem){.demo-admin-shell{grid-template-columns:minmax(0,1fr)}.demo-admin__sidebar{display:none}.demo-admin__header{top:0}}@media (max-width:30rem){.demo-admin__banner{text-align:left}.demo-admin__banner p,.demo-admin__header-inner{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
