@font-face{font-family:Geist;src:url(/demo/fonts/Geist-VariableFont_wght.ttf) format("truetype-variations"),url(/demo/fonts/Geist-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.laava-demo{--laava-coral:#FF565C;--laava-coral-hover:#FF3D47;--laava-coral-dim:#FFA0A7;--laava-coral-ink:#9F0008;--neutral-0:#FFFFFF;--neutral-50:#FAFAFA;--neutral-100:#F5F5F5;--neutral-200:#E5E5E5;--neutral-300:#D4D4D4;--neutral-400:#A3A3A3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--mint-500:#2aa674;--mint-300:#8fd9ba;--mint-100:#e6f7ef;--light-purple-500:#9563ea;--light-purple-300:#cbb8f8;--light-purple-100:#f1ecfd;--soft-blue-500:#3b82f6;--soft-blue-300:#95c5f7;--soft-blue-100:#e1effc;--soft-cyan-500:#0ea5e9;--soft-cyan-300:#7de0f5;--soft-cyan-100:#d8f8fd;--bg-dark:var(--neutral-900);--bg-dark-elev:var(--neutral-800);--bg-light:var(--neutral-0);--bg-light-muted:var(--neutral-50);--fg-on-dark:var(--neutral-0);--fg-on-dark-muted:var(--neutral-400);--fg-on-dark-dim:var(--neutral-300);--fg-on-light:var(--neutral-900);--fg-on-light-muted:#404040;--fg-on-light-dim:var(--neutral-500);--border-dark:var(--neutral-800);--border-dark-hover:var(--neutral-700);--border-light:var(--neutral-200);--border-accent:var(--laava-coral);--ring:var(--laava-coral);--radius:0.5rem;--radius-sm:0.375rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.08),0 2px 4px -2px rgb(0 0 0/0.06);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.10),0 8px 10px -6px rgb(0 0 0/0.08);--shadow-coral:0 10px 15px -3px rgb(255 86 92/0.20),0 4px 6px -4px rgb(255 86 92/0.20);--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-display:var(--font-sans);--fs-hero:clamp(3rem,9vw,6rem);--fs-display:clamp(2.25rem,5vw,3.75rem);--fs-h2:2.25rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-lead:1.25rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.7;--tracking-tight:-0.02em;--tracking-wide:0.08em;--ease:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration:200ms;--duration-slow:300ms;font-family:var(--font-sans);color:var(--fg-on-light);background:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";line-height:var(--lh-relaxed)}.laava-demo .surface-dark{background:var(--bg-dark);color:var(--fg-on-dark)}.laava-demo .surface-light{background:var(--bg-light);color:var(--fg-on-light)}.laava-demo h1,.laava-demo h2,.laava-demo h3,.laava-demo h4,.laava-demo h5,.laava-demo h6{color:inherit}.laava-demo .h1,.laava-demo h1{font-size:var(--fs-hero);font-weight:800}.laava-demo .h1,.laava-demo .h2,.laava-demo h1,.laava-demo h2{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0}.laava-demo .h2,.laava-demo h2{font-size:var(--fs-display);font-weight:700}.laava-demo .h3,.laava-demo h3{font-size:var(--fs-h3);font-weight:700;line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);margin:0}.laava-demo .h4,.laava-demo h4{font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-snug);margin:0}.laava-demo .body,.laava-demo p{font-size:var(--fs-body);line-height:var(--lh-relaxed);margin:0}.laava-demo .lead{font-size:var(--fs-lead);line-height:var(--lh-relaxed)}.laava-demo .lead,.laava-demo .muted{color:var(--fg-on-light-muted)}.laava-demo .dim{color:var(--fg-on-light-dim)}.laava-demo .on-dark .muted{color:var(--fg-on-dark-muted)}.laava-demo .on-dark .dim{color:var(--fg-on-dark-dim)}.laava-demo .eyebrow{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--laava-coral)}.laava-demo .mono,.laava-demo code{font-family:var(--font-mono);font-size:.9em}.laava-demo .tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;color:var(--fg-on-dark-muted);background:var(--bg-dark-elev);border:1px solid var(--border-dark-hover);border-radius:var(--radius-sm)}.laava-demo a{color:inherit;text-decoration:none;transition:color var(--duration) var(--ease)}.laava-demo a:hover{color:var(--laava-coral)}.laava-demo :focus-visible{outline:2px solid var(--laava-coral);outline-offset:2px;border-radius:var(--radius-sm)}