:root,:host{--brand-midnight: rgb(11, 18, 38);--brand-midnight-rgb: 11, 18, 38;--brand-petrol: rgb(20, 91, 122);--brand-petrol-rgb: 20, 91, 122;--brand-mint: rgb(167, 243, 208);--brand-mint-rgb: 167, 243, 208;--brand-signal: rgb(94, 234, 212);--brand-signal-rgb: 94, 234, 212;--brand-blue: rgb(59, 130, 246);--brand-blue-rgb: 59, 130, 246;--brand-slate-950: rgb(2, 6, 23);--brand-slate-900: rgb(15, 23, 42);--brand-slate-800: rgb(30, 41, 59);--brand-slate-700: rgb(51, 65, 85);--brand-slate-600: rgb(71, 85, 105);--brand-slate-500: rgb(100, 116, 139);--brand-slate-400: rgb(148, 163, 184);--brand-slate-300: rgb(203, 213, 225);--brand-slate-200: rgb(226, 232, 240);--brand-slate-100: rgb(241, 245, 249);--brand-slate-50: rgb(248, 250, 252);--aico-font-family-default: "Sora", "Avenir Next", "Segoe UI", sans-serif;--aico-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--aico-black: rgb(0, 0, 0);--aico-white: rgb(255, 255, 255);--aico-mint: var(--brand-mint);--aico-mint-rgb: var(--brand-mint-rgb);--aico-lime: var(--brand-signal);--aico-lime-rgb: var(--brand-signal-rgb);--aico-flieder: var(--brand-petrol);--aico-flieder-rgb: var(--brand-petrol-rgb);--aico-grey-100: var(--brand-slate-100);--aico-grey-200: var(--brand-slate-200);--aico-grey-300: var(--brand-slate-300);--aico-grey-400: var(--brand-slate-400);--aico-grey-500: var(--brand-slate-500);--aico-grey-600: var(--brand-slate-600);--aico-grey-700: var(--brand-slate-700);--aico-grey-800: var(--brand-slate-800);--aico-grey-900: var(--brand-slate-900);--aico-success: rgb(34, 197, 94);--aico-success-rgb: 34, 197, 94;--aico-warning: rgb(245, 158, 11);--aico-warning-rgb: 245, 158, 11;--aico-danger: rgb(239, 68, 68);--aico-danger-rgb: 239, 68, 68;--aico-info: var(--brand-blue);--aico-info-rgb: var(--brand-blue-rgb);--accent-color-primary: var(--brand-mint);--accent-color-primary-rgb: var(--brand-mint-rgb);--accent-color-secondary: var(--brand-petrol);--accent-color-secondary-rgb: var(--brand-petrol-rgb);--aico-color-text-primary: var(--brand-slate-900);--aico-color-text-secondary: var(--brand-slate-700);--aico-color-text-tertiary: var(--brand-slate-500);--aico-color-text-inverse: var(--brand-slate-50);--aico-color-bg-primary: var(--brand-slate-50);--aico-color-bg-secondary: var(--brand-slate-100);--aico-color-bg-tertiary: var(--brand-slate-200);--aico-color-bg-hover: color-mix(in srgb, var(--brand-mint) 10%, white);--aico-color-bg-inverse: var(--brand-midnight);--aico-color-border-light: var(--brand-slate-200);--aico-color-border-medium: var(--brand-slate-300);--aico-color-border-dark: var(--brand-slate-500);--widget-surface-base: rgba(255, 255, 255, .96);--widget-surface-panel: #ffffff;--widget-surface-panel-strong: #f8fafc;--widget-surface-field: #ffffff;--widget-surface-ghost: #f8fafc;--widget-border-subtle: rgba(15, 23, 42, .08);--widget-border-strong: rgba(20, 91, 122, .16);--widget-text-heading: var(--brand-slate-950);--widget-text-body: var(--brand-slate-700);--widget-text-muted: var(--brand-slate-500);--widget-text-accent: var(--brand-petrol);--widget-text-danger: var(--aico-danger);--widget-button-primary-bg: var(--brand-petrol);--widget-button-primary-bg-hover: rgb(17, 77, 103);--widget-button-primary-text: var(--brand-slate-50);--widget-button-secondary-bg: var(--widget-surface-panel);--widget-button-secondary-bg-hover: var(--widget-surface-panel-strong);--widget-button-secondary-text: var(--brand-slate-800);--widget-button-secondary-border: var(--widget-border-subtle);--widget-button-secondary-border-hover: var(--widget-border-strong);--widget-overlay-text: var(--brand-slate-50);--widget-focus-ring: rgba(var(--accent-color-primary-rgb), .2);--widget-radius-sm: 10px;--widget-radius-md: 16px;--widget-radius-lg: 22px;--widget-control-height: 44px;--widget-shadow-card: 0 1px 2px rgba(var(--brand-midnight-rgb), .06);--widget-shadow-float: 0 6px 18px rgba(var(--brand-midnight-rgb), .08);--widget-shadow-glow: 0 8px 24px rgba(var(--brand-midnight-rgb), .08);--surface-gradient: var(--widget-button-primary-bg);--surface-gradient-soft: color-mix(in srgb, var(--widget-button-primary-bg) 8%, transparent);--surface-glow: none;--transition-duration: .3s;--transition-duration-fast: .18s;--transition-duration-slow: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--transition-easing-smooth: cubic-bezier(.215, .61, .355, 1);--transition-timing: var(--transition-duration) var(--transition-easing);--transition-colors: color var(--transition-timing), background-color var(--transition-timing), border-color var(--transition-timing);--transition-transform: transform .2s var(--transition-easing-smooth);--transition-opacity: opacity var(--transition-timing);--transition-all: var(--transition-colors), box-shadow var(--transition-timing), var(--transition-transform), var(--transition-opacity);--transition-button: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow var(--transition-timing), transform .2s var(--transition-easing-smooth);--content-max-width: 1200px}.aico-dark{--aico-color-text-primary: var(--brand-slate-50);--aico-color-text-secondary: var(--brand-slate-300);--aico-color-text-tertiary: var(--brand-slate-400);--aico-color-text-inverse: var(--brand-midnight);--aico-color-bg-primary: var(--brand-slate-950);--aico-color-bg-secondary: var(--brand-midnight);--aico-color-bg-tertiary: var(--brand-slate-800);--aico-color-bg-hover: color-mix(in srgb, var(--brand-petrol) 24%, transparent);--aico-color-bg-inverse: var(--brand-slate-50);--aico-color-border-light: color-mix(in srgb, var(--brand-petrol) 35%, var(--brand-slate-800));--aico-color-border-medium: color-mix(in srgb, var(--brand-petrol) 50%, var(--brand-slate-700));--aico-color-border-dark: var(--brand-slate-500);--widget-surface-base: rgba(11, 18, 38, .96);--widget-surface-panel: rgba(15, 23, 42, .94);--widget-surface-panel-strong: rgba(15, 23, 42, .98);--widget-surface-field: rgba(11, 18, 38, .88);--widget-surface-ghost: rgba(30, 41, 59, .72);--widget-border-subtle: rgba(148, 163, 184, .16);--widget-border-strong: rgba(94, 234, 212, .16);--widget-text-heading: var(--brand-slate-50);--widget-text-body: var(--brand-slate-300);--widget-text-muted: var(--brand-slate-400);--widget-text-accent: var(--brand-mint);--widget-text-danger: rgb(252, 165, 165);--widget-button-primary-bg: rgb(94, 234, 212);--widget-button-primary-bg-hover: rgb(123, 241, 223);--widget-button-primary-text: rgb(6, 38, 31);--widget-button-secondary-bg: rgba(15, 23, 42, .92);--widget-button-secondary-bg-hover: rgba(30, 41, 59, .96);--widget-button-secondary-text: var(--brand-slate-50);--widget-button-secondary-border: rgba(148, 163, 184, .18);--widget-button-secondary-border-hover: rgba(167, 243, 208, .18);--widget-overlay-text: var(--brand-slate-50);--widget-focus-ring: rgba(var(--accent-color-primary-rgb), .18);--widget-shadow-card: 0 1px 2px rgba(2, 6, 23, .18);--widget-shadow-float: 0 8px 20px rgba(2, 6, 23, .22);--widget-shadow-glow: 0 10px 24px rgba(2, 6, 23, .22)}:root{font-family:var(--aico-font-family-default);color:var(--aico-color-text-primary);background-color:var(--aico-color-bg-primary);--widget-radius-sm: 14px;--widget-radius: 24px;--widget-radius-lg: 36px;--widget-shadow-soft: 0 12px 30px rgba(var(--brand-midnight-rgb), .12);--widget-shadow-strong: 0 40px 90px rgba(var(--brand-midnight-rgb), .18);--widget-panel-border: color-mix(in srgb, var(--aico-color-border-light) 80%, transparent);--code-card-bg: var(--brand-midnight);--code-card-text: var(--brand-slate-200)}.aico-dark{--code-card-bg: color-mix(in srgb, var(--aico-color-bg-secondary) 85%, transparent);--code-card-text: var(--aico-color-text-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(var(--brand-signal-rgb),.18),transparent 55%),radial-gradient(circle at 90% 0%,rgba(var(--brand-petrol-rgb),.25),transparent 50%),var(--aico-color-bg-primary);line-height:1.6;transition:var(--transition-colors)}#app{min-height:100vh}.widget-shell{min-height:100vh;padding:clamp(1.5rem,5vw,3rem);padding-bottom:clamp(2.5rem,6vw,5rem);display:flex;flex-direction:column;gap:clamp(2rem,6vw,4rem)}.hero,.demo-grid{width:min(1100px,100%);margin:0 auto}.hero{border-radius:var(--widget-radius-lg);padding:clamp(2rem,4vw,3.5rem);background:radial-gradient(circle at top,rgba(var(--brand-signal-rgb),.18),transparent 65%),color-mix(in srgb,var(--aico-color-bg-primary) 96%,transparent);box-shadow:var(--widget-shadow-strong);text-align:center;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 0%,rgba(var(--brand-petrol-rgb),.25),transparent 55%);pointer-events:none;opacity:.8}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0}.eyebrow{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-petrol);font-weight:600}.hero p{color:var(--aico-color-text-secondary);margin:0 auto;max-width:720px}.controls{display:inline-flex;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1rem}button{border:1px solid var(--widget-panel-border);border-radius:var(--widget-radius-sm);padding:.65rem 1.3rem;font-weight:600;min-height:42px;background:color-mix(in srgb,var(--aico-color-bg-primary) 92%,transparent);color:var(--aico-color-text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-button)}button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color-primary) 35%,var(--aico-color-border-light));box-shadow:var(--widget-shadow-soft)}button:focus-visible{outline:2px solid rgba(var(--accent-color-primary-rgb),.4);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem auto 0}.chip{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--widget-panel-border);font-size:.85rem;color:var(--aico-color-text-secondary);background:color-mix(in srgb,var(--aico-color-bg-secondary) 65%,transparent)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.panel{background:color-mix(in srgb,var(--aico-color-bg-primary) 96%,transparent);border-radius:var(--widget-radius);padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--widget-panel-border);box-shadow:var(--widget-shadow-soft);display:flex;flex-direction:column;gap:1.25rem}.panel h2{margin:0;font-size:clamp(1.2rem,2vw,1.6rem)}.panel>p{margin:0;color:var(--aico-color-text-secondary)}.preview-card{border-radius:var(--widget-radius);padding:clamp(1rem,2vw,1.5rem);background:radial-gradient(circle at 15% 0%,rgba(var(--brand-signal-rgb),.16),transparent 60%),color-mix(in srgb,var(--aico-color-bg-primary) 98%,transparent);border:1px solid var(--widget-panel-border);box-shadow:inset 0 1px #ffffff40}.preview-empty{min-height:420px;border-radius:calc(var(--widget-radius) - 6px);border:1px dashed color-mix(in srgb,var(--brand-petrol) 40%,var(--aico-color-border-light));background:radial-gradient(circle at top,rgba(var(--brand-signal-rgb),.12),transparent 58%),color-mix(in srgb,var(--aico-color-bg-primary) 94%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.65rem;padding:1.5rem}.preview-empty h3{margin:0;font-size:1.1rem}.preview-empty p{margin:0;max-width:26rem;color:var(--aico-color-text-secondary)}.code-card{border-radius:var(--widget-radius);border:1px solid var(--widget-panel-border);background:var(--code-card-bg);box-shadow:inset 0 1px #ffffff1a}.code-card pre{margin:0;padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--aico-font-mono);font-size:.85rem;line-height:1.5;color:var(--code-card-text)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-weight:600;color:var(--aico-color-text-secondary)}.form-group input{border-radius:14px;border:1px solid var(--widget-panel-border);padding:.7rem .9rem;font:inherit;background:color-mix(in srgb,var(--aico-color-bg-primary) 95%,transparent);color:var(--aico-color-text-primary);transition:var(--transition-all)}.form-group input:focus{outline:none;border-color:var(--accent-color-primary);box-shadow:0 0 0 3px rgba(var(--accent-color-primary-rgb),.25)}.form-group input::placeholder{color:var(--aico-color-text-tertiary)}.booking-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem)}.booking-page ac-booking{width:100%;max-width:480px}@media(max-width:720px){.hero,.panel{padding:1.5rem}.controls{width:100%}.controls>*{flex:1 1 140px}}