@layer tokens{:where(:root,:host){--aspect-ratios-square: 1 / 1;--aspect-ratios-landscape: 4 / 3;--aspect-ratios-portrait: 3 / 4;--aspect-ratios-wide: 16 / 9;--aspect-ratios-ultrawide: 18 / 5;--aspect-ratios-golden: 1.618 / 1;--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--font-weights-thin: 100;--font-weights-extralight: 200;--font-weights-light: 300;--font-weights-normal: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--font-weights-extrabold: 800;--font-weights-black: 900;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-snug: 1.375;--line-heights-normal: 1.5;--line-heights-relaxed: 1.625;--line-heights-loose: 2;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--font-sizes-2xs: .5rem;--font-sizes-xs: .75rem;--font-sizes-sm: .875rem;--font-sizes-md: 1rem;--font-sizes-lg: 1.125rem;--font-sizes-xl: 1.25rem;--font-sizes-2xl: 1.5rem;--font-sizes-3xl: 1.875rem;--font-sizes-4xl: 2.25rem;--font-sizes-5xl: 3rem;--font-sizes-6xl: 3.75rem;--font-sizes-7xl: 4.5rem;--font-sizes-8xl: 6rem;--font-sizes-9xl: 8rem;--blurs-sm: 4px;--blurs-base: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-0\.5: .125rem;--spacing-1\.5: .375rem;--spacing-2\.5: .625rem;--spacing-3\.5: .875rem;--sizes-0: 0rem;--sizes-1: .25rem;--sizes-2: .5rem;--sizes-3: .75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-11: 2.75rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-0\.5: .125rem;--sizes-1\.5: .375rem;--sizes-2\.5: .625rem;--sizes-3\.5: .875rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 65ch;--sizes-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--colors-current: currentColor;--colors-black: #000;--colors-white: #fff;--colors-transparent: rgb(0 0 0 / 0);--colors-rose-50: #fff1f2;--colors-rose-100: #ffe4e6;--colors-rose-200: #fecdd3;--colors-rose-300: #fda4af;--colors-rose-400: #fb7185;--colors-rose-500: #f43f5e;--colors-rose-600: #e11d48;--colors-rose-700: #be123c;--colors-rose-800: #9f1239;--colors-rose-900: #881337;--colors-rose-950: #4c0519;--colors-fuchsia-50: #fdf4ff;--colors-fuchsia-100: #fae8ff;--colors-fuchsia-200: #f5d0fe;--colors-fuchsia-300: #f0abfc;--colors-fuchsia-400: #e879f9;--colors-fuchsia-500: #d946ef;--colors-fuchsia-600: #c026d3;--colors-fuchsia-700: #a21caf;--colors-fuchsia-800: #86198f;--colors-fuchsia-900: #701a75;--colors-fuchsia-950: #4a044e;--colors-violet-50: #f5f3ff;--colors-violet-100: #ede9fe;--colors-violet-200: #ddd6fe;--colors-violet-300: #c4b5fd;--colors-violet-400: #a78bfa;--colors-violet-500: #8b5cf6;--colors-violet-600: #7c3aed;--colors-violet-700: #6d28d9;--colors-violet-800: #5b21b6;--colors-violet-900: #4c1d95;--colors-violet-950: #2e1065;--colors-indigo-50: #eef2ff;--colors-indigo-100: #e0e7ff;--colors-indigo-200: #c7d2fe;--colors-indigo-300: #a5b4fc;--colors-indigo-400: #818cf8;--colors-indigo-500: #6366f1;--colors-indigo-600: #4f46e5;--colors-indigo-700: #4338ca;--colors-indigo-800: #3730a3;--colors-indigo-900: #312e81;--colors-indigo-950: #1e1b4b;--colors-sky-50: #f0f9ff;--colors-sky-100: #e0f2fe;--colors-sky-200: #bae6fd;--colors-sky-300: #7dd3fc;--colors-sky-400: #38bdf8;--colors-sky-500: #0ea5e9;--colors-sky-600: #0284c7;--colors-sky-700: #0369a1;--colors-sky-800: #075985;--colors-sky-900: #0c4a6e;--colors-sky-950: #082f49;--colors-emerald-50: #ecfdf5;--colors-emerald-100: #d1fae5;--colors-emerald-200: #a7f3d0;--colors-emerald-300: #6ee7b7;--colors-emerald-400: #34d399;--colors-emerald-500: #10b981;--colors-emerald-600: #059669;--colors-emerald-700: #047857;--colors-emerald-800: #065f46;--colors-emerald-900: #064e3b;--colors-emerald-950: #022c22;--colors-lime-50: #f7fee7;--colors-lime-100: #ecfccb;--colors-lime-200: #d9f99d;--colors-lime-300: #bef264;--colors-lime-400: #a3e635;--colors-lime-500: #84cc16;--colors-lime-600: #65a30d;--colors-lime-700: #4d7c0f;--colors-lime-800: #3f6212;--colors-lime-900: #365314;--colors-lime-950: #1a2e05;--colors-amber-50: #fffbeb;--colors-amber-100: #fef3c7;--colors-amber-200: #fde68a;--colors-amber-300: #fcd34d;--colors-amber-400: #fbbf24;--colors-amber-500: #f59e0b;--colors-amber-600: #d97706;--colors-amber-700: #b45309;--colors-amber-800: #92400e;--colors-amber-900: #78350f;--colors-amber-950: #451a03;--colors-neutral-50: #fafafa;--colors-neutral-100: #f5f5f5;--colors-neutral-200: #e5e5e5;--colors-neutral-300: #d4d4d4;--colors-neutral-400: #a3a3a3;--colors-neutral-500: #737373;--colors-neutral-600: #525252;--colors-neutral-700: #404040;--colors-neutral-800: #262626;--colors-neutral-900: #171717;--colors-neutral-950: #0a0a0a;--colors-stone-50: #fafaf9;--colors-stone-100: #f5f5f4;--colors-stone-200: #e7e5e4;--colors-stone-300: #d6d3d1;--colors-stone-400: #a8a29e;--colors-stone-500: #78716c;--colors-stone-600: #57534e;--colors-stone-700: #44403c;--colors-stone-800: #292524;--colors-stone-900: #1c1917;--colors-stone-950: #0c0a09;--colors-zinc-50: #fafafa;--colors-zinc-100: #f4f4f5;--colors-zinc-200: #e4e4e7;--colors-zinc-300: #d4d4d8;--colors-zinc-400: #a1a1aa;--colors-zinc-500: #71717a;--colors-zinc-600: #52525b;--colors-zinc-700: #3f3f46;--colors-zinc-800: #27272a;--colors-zinc-900: #18181b;--colors-zinc-950: #09090b;--colors-slate-50: #f8fafc;--colors-slate-100: #f1f5f9;--colors-slate-200: #e2e8f0;--colors-slate-300: #cbd5e1;--colors-slate-400: #94a3b8;--colors-slate-500: #64748b;--colors-slate-600: #475569;--colors-slate-700: #334155;--colors-slate-800: #1e293b;--colors-slate-900: #0f172a;--colors-slate-950: #020617;--colors-gray-50: #f7fafc;--colors-gray-100: #edf2f7;--colors-gray-200: #e2e8f0;--colors-gray-300: #cbd5e0;--colors-gray-400: #a0aec0;--colors-gray-500: #718096;--colors-gray-600: #4a5568;--colors-gray-700: #2d3748;--colors-gray-800: #1a202c;--colors-gray-900: #171923;--colors-gray-950: #0b0f19;--colors-red-50: #fff5f5;--colors-red-100: #fed7d7;--colors-red-200: #feb2b2;--colors-red-300: #fc8181;--colors-red-400: #f56565;--colors-red-500: #e53e3e;--colors-red-600: #c53030;--colors-red-700: #9b2c2c;--colors-red-800: #822727;--colors-red-900: #63171b;--colors-red-950: #3b0d0f;--colors-orange-50: #fffaf0;--colors-orange-100: #feebc8;--colors-orange-200: #fbd38d;--colors-orange-300: #f6ad55;--colors-orange-400: #ed8936;--colors-orange-500: #dd6b20;--colors-orange-600: #c05621;--colors-orange-700: #9c4221;--colors-orange-800: #7b341e;--colors-orange-900: #652b19;--colors-orange-950: #3d190e;--colors-yellow-50: #fffff0;--colors-yellow-100: #fefcbf;--colors-yellow-200: #faf089;--colors-yellow-300: #f6e05e;--colors-yellow-400: #ecc94b;--colors-yellow-500: #d69e2e;--colors-yellow-600: #b7791f;--colors-yellow-700: #975a16;--colors-yellow-800: #744210;--colors-yellow-900: #5f370e;--colors-yellow-950: #3a2108;--colors-green-50: #f0fff4;--colors-green-100: #c6f6d5;--colors-green-200: #9ae6b4;--colors-green-300: #68d391;--colors-green-400: #48bb78;--colors-green-500: #38a169;--colors-green-600: #2f855a;--colors-green-700: #276749;--colors-green-800: #22543d;--colors-green-900: #1c4532;--colors-green-950: #10291f;--colors-teal-50: #e6fffa;--colors-teal-100: #b2f5ea;--colors-teal-200: #81e6d9;--colors-teal-300: #4fd1c5;--colors-teal-400: #38b2ac;--colors-teal-500: #319795;--colors-teal-600: #2c7a7b;--colors-teal-700: #285e61;--colors-teal-800: #234e52;--colors-teal-900: #1d4044;--colors-teal-950: #102a2c;--colors-cyan-50: #edfdfd;--colors-cyan-100: #c4f1f9;--colors-cyan-200: #9decf9;--colors-cyan-300: #76e4f7;--colors-cyan-400: #0bc5ea;--colors-cyan-500: #00b5d8;--colors-cyan-600: #00a3c4;--colors-cyan-700: #0987a0;--colors-cyan-800: #086f83;--colors-cyan-900: #065666;--colors-cyan-950: #083a45;--colors-blue-50: #ebf8ff;--colors-blue-100: #bee3f8;--colors-blue-200: #90cdf4;--colors-blue-300: #63b3ed;--colors-blue-400: #4299e1;--colors-blue-500: #3182ce;--colors-blue-600: #2b6cb0;--colors-blue-700: #2c5282;--colors-blue-800: #2a4365;--colors-blue-900: #1a365d;--colors-blue-950: #10233f;--colors-purple-50: #faf5ff;--colors-purple-100: #e9d8fd;--colors-purple-200: #d6bcfa;--colors-purple-300: #b794f4;--colors-purple-400: #9f7aea;--colors-purple-500: #805ad5;--colors-purple-600: #6b46c1;--colors-purple-700: #553c9a;--colors-purple-800: #44337a;--colors-purple-900: #322659;--colors-purple-950: #1f1738;--colors-pink-50: #fff5f7;--colors-pink-100: #fed7e2;--colors-pink-200: #fbb6ce;--colors-pink-300: #f687b3;--colors-pink-400: #ed64a6;--colors-pink-500: #d53f8c;--colors-pink-600: #b83280;--colors-pink-700: #97266d;--colors-pink-800: #702459;--colors-pink-900: #521b41;--colors-pink-950: #341029;--fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fonts-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fonts-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radii-xs: .125rem;--radii-3xl: 1.5rem;--radii-none: 0;--radii-sm: .125rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-full: 9999px;--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-bg: var(--colors-white);--colors-bg-subtle: var(--colors-gray-50);--colors-bg-muted: var(--colors-gray-100);--colors-bg-panel: var(--colors-white);--colors-fg: var(--colors-gray-900);--colors-fg-muted: var(--colors-gray-600);--colors-fg-subtle: var(--colors-gray-500);--colors-border: var(--colors-gray-200);--colors-border-subtle: var(--colors-gray-100);--colors-border-emphasized: var(--colors-gray-300);--colors-accent: var(--colors-blue-600);--colors-accent-contrast: var(--colors-white);--colors-accent-subtle: var(--colors-blue-50);--colors-accent-emphasized: var(--colors-blue-700);--colors-danger: var(--colors-red-600);--colors-danger-subtle: var(--colors-red-50);--colors-success: var(--colors-green-600);--colors-success-subtle: var(--colors-green-50);--colors-warning: var(--colors-orange-600);--colors-warning-subtle: var(--colors-orange-50)}.dark{--colors-bg: var(--colors-gray-950);--colors-bg-subtle: var(--colors-gray-900);--colors-bg-muted: var(--colors-gray-800);--colors-bg-panel: var(--colors-gray-900);--colors-fg: var(--colors-gray-50);--colors-fg-muted: var(--colors-gray-400);--colors-fg-subtle: var(--colors-gray-500);--colors-border: var(--colors-gray-700);--colors-border-subtle: var(--colors-gray-800);--colors-border-emphasized: var(--colors-gray-600);--colors-accent: var(--colors-blue-300);--colors-accent-contrast: var(--colors-gray-950);--colors-accent-subtle: var(--colors-blue-900);--colors-accent-emphasized: var(--colors-blue-200);--colors-danger: var(--colors-red-300);--colors-danger-subtle: var(--colors-red-900);--colors-success: var(--colors-green-300);--colors-success-subtle: var(--colors-green-900);--colors-warning: var(--colors-orange-300);--colors-warning-subtle: var(--colors-orange-900)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--colors-bg-subtle);color:var(--colors-fg);font-family:var(--fonts-body);font-size:var(--font-sizes-md);font-weight:var(--font-weights-normal);line-height:var(--line-heights-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,blockquote,figure{margin:0}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}h1,h2,h3{font-family:var(--fonts-heading);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacings-tight);line-height:var(--line-heights-tight)}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:var(--spacing-4);z-index:50;background:var(--colors-bg-panel);border:1px solid var(--colors-border);border-radius:var(--radii-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);color:var(--colors-fg);text-decoration:none}.skip:focus-visible{top:var(--spacing-4)}.container{max-width:var(--sizes-6xl);margin-inline:auto;padding-inline:var(--spacing-6)}@media (min-width: 768px){.container{padding-inline:var(--spacing-10)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-sizes-md);font-weight:var(--font-weights-medium);line-height:var(--line-heights-tight);border-radius:var(--radii-md);border:1px solid transparent;transition:background-color var(--durations-fast) var(--easings-out),border-color var(--durations-fast) var(--easings-out),color var(--durations-fast) var(--easings-out)}.btn:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}.btn-primary{background-color:var(--colors-accent);color:var(--colors-accent-contrast);border-color:var(--colors-accent)}.btn-primary:hover{background-color:var(--colors-accent-emphasized);border-color:var(--colors-accent-emphasized)}.btn-secondary{background-color:var(--colors-bg-panel);color:var(--colors-fg);border-color:var(--colors-border)}.btn-secondary:hover{background-color:var(--colors-bg-muted);border-color:var(--colors-border-emphasized)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-sizes-sm)}.site-header{position:sticky;top:0;z-index:50;background-color:var(--colors-bg-subtle);border-bottom:1px solid var(--colors-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--spacing-14)}.wordmark{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-sizes-xl);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacings-tight);color:var(--colors-fg)}.brand__mark{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--radii-md);background:var(--colors-accent);color:var(--colors-accent-contrast);font-family:var(--fonts-heading);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold)}.brand__name{font-family:var(--fonts-heading);font-weight:var(--font-weights-semibold)}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:var(--spacing-10);height:var(--spacing-10);gap:var(--spacing-1);background:transparent;border:none;padding:0;border-radius:var(--radii-md)}.menu-toggle:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}.menu-toggle span{display:block;width:var(--spacing-5);height:2px;background-color:var(--colors-fg);border-radius:var(--radii-full);transition:transform var(--durations-fast) var(--easings-out),opacity var(--durations-fast) var(--easings-out)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.header-nav{display:flex;align-items:center;gap:var(--spacing-6)}.header-nav a:not(.btn){font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);color:var(--colors-fg-muted);transition:color var(--durations-fast) var(--easings-out)}.header-nav a:not(.btn):hover{color:var(--colors-fg)}@media (max-width: 767px){.menu-toggle{display:flex}.header-nav{display:none;position:absolute;top:var(--spacing-14);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--spacing-4) var(--spacing-6);background-color:var(--colors-bg-subtle);border-bottom:1px solid var(--colors-border);box-shadow:var(--shadows-xs)}.header-nav.is-open{display:flex}.header-nav a:not(.btn){padding:var(--spacing-3) 0;font-size:var(--font-sizes-md);color:var(--colors-fg);border-bottom:1px solid var(--colors-border-subtle)}.header-nav a:last-child{margin-top:var(--spacing-3)}}.hero{position:relative;background-color:var(--colors-fg);overflow:hidden}.hero-media{position:relative;width:100%;aspect-ratio:var(--aspect-ratios-wide)}.hero-media video,.hero-media .video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media .video-fallback{display:none;background-image:url(/generated/hero-cafe-poster.png);background-size:cover;background-position:center}.hero-content{padding-block:var(--spacing-16);background-color:var(--colors-bg-subtle)}.hero-text{max-width:var(--sizes-prose)}.hero-text h1{font-size:var(--font-sizes-4xl);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-tight);color:var(--colors-fg)}.hero-lead{margin-top:var(--spacing-6);font-size:var(--font-sizes-lg);color:var(--colors-fg-muted);max-width:var(--sizes-prose)}.hero-note{margin-top:var(--spacing-4);font-size:var(--font-sizes-xs);color:var(--colors-fg-muted);max-width:var(--sizes-prose)}.hero-actions{margin-top:var(--spacing-8);display:flex;flex-wrap:wrap;gap:var(--spacing-4)}@media (min-width: 1024px){.hero{min-height:70vh;display:grid;grid-template-columns:1fr}.hero-media{position:absolute;inset:0;aspect-ratio:auto}.hero-content{position:relative;z-index:2;display:flex;align-items:center;padding-block:var(--spacing-24);background:transparent}.hero-text{max-width:none;width:58.333%;padding:var(--spacing-10);background-color:var(--colors-bg-subtle);border-radius:var(--radii-lg)}.hero-text h1{font-size:var(--font-sizes-5xl)}.hero-lead{font-size:var(--font-sizes-xl)}}.quote-section{padding-block:var(--spacing-16);border-bottom:1px solid var(--colors-border)}@media (min-width: 768px){.quote-section{padding-block:var(--spacing-24)}}.quote-grid{display:grid;gap:var(--spacing-8);align-items:center}@media (min-width: 768px){.quote-grid{grid-template-columns:1fr 1fr}}.quote-section blockquote{max-width:var(--sizes-prose)}.quote-section blockquote p{font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-normal);line-height:var(--line-heights-snug);color:var(--colors-fg)}.quote-section blockquote footer{margin-top:var(--spacing-6);font-size:var(--font-sizes-md);color:var(--colors-fg-muted)}.quote-media img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 35%;border-radius:var(--radii-lg)}.demo-section{padding-block:var(--spacing-16)}@media (min-width: 768px){.demo-section{padding-block:var(--spacing-24)}}.demo-section h2{font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-tight);margin-bottom:var(--spacing-4)}@media (min-width: 768px){.demo-section h2{font-size:var(--font-sizes-3xl)}}.demo-lead{font-size:var(--font-sizes-lg);color:var(--colors-fg-muted);max-width:var(--sizes-prose);margin-bottom:var(--spacing-10)}.carousel{position:relative;width:100%}.carousel-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:height var(--durations-normal) var(--easings-out)}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{position:relative;flex:0 0 auto;width:100%;min-width:100%;scroll-snap-align:start;opacity:.4;transition:opacity var(--durations-normal) var(--easings-out)}.carousel-slide.is-active{opacity:1}.step-label{font-size:var(--font-sizes-sm);font-weight:var(--font-weights-medium);color:var(--colors-fg-muted);margin-bottom:var(--spacing-4)}.mockup{background-color:var(--colors-bg-panel);border:1px solid var(--colors-border);border-radius:var(--radii-lg);overflow:hidden}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--colors-border);background-color:var(--colors-bg-muted)}.mockup-title{font-family:var(--fonts-mono);font-size:var(--font-sizes-xs);color:var(--colors-fg-muted)}.mockup-status{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);color:var(--colors-success)}.lock-icon{display:inline-flex;align-items:center;justify-content:center}.mockup-body{padding:var(--spacing-6)}.mockup-caption{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted);margin-bottom:var(--spacing-6);max-width:var(--sizes-prose)}.mock__hint-mono{font-family:var(--fonts-mono);font-weight:var(--font-weights-medium)}.drop-area{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-8);gap:var(--spacing-4)}.drop-icon{color:var(--colors-fg-subtle)}.drop-text{font-size:var(--font-sizes-lg);font-weight:var(--font-weights-medium);color:var(--colors-fg)}.drop-sub{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--colors-border);border-radius:var(--radii-md)}.mockup-table{width:100%;border-collapse:collapse;font-size:var(--font-sizes-sm)}.mockup-table th,.mockup-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--colors-border-subtle);white-space:nowrap}.mockup-table th{font-family:var(--fonts-mono);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);color:var(--colors-fg-subtle);background-color:var(--colors-bg-muted)}.mockup-table tbody tr:last-child td{border-bottom:none}.mockup-table code{font-family:var(--fonts-mono);font-size:var(--font-sizes-xs);color:var(--colors-fg-muted);background-color:var(--colors-bg-muted);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radii-sm)}.mockup-table .hash{font-family:var(--fonts-mono);color:var(--colors-fg-muted)}.mockup-table .is-masked{background:var(--colors-accent-subtle)}.hash.is-masked{font-family:var(--fonts-mono);color:var(--colors-fg-muted);background-color:var(--colors-accent-subtle);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radii-sm)}.chip{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radii-full);font-family:var(--fonts-mono);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);margin-left:var(--spacing-2)}.chip-masked{background-color:var(--colors-accent-subtle);color:var(--colors-accent)}.suggestion-box{background-color:var(--colors-bg-muted);border:1px solid var(--colors-border);border-radius:var(--radii-md);padding:var(--spacing-6);max-width:var(--sizes-prose)}.suggestion-label{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);color:var(--colors-fg-subtle);text-transform:none;margin-bottom:var(--spacing-2)}.suggestion-text{font-size:var(--font-sizes-md);color:var(--colors-fg);margin-bottom:var(--spacing-4)}.suggestion-next{margin-top:var(--spacing-6);background-color:var(--colors-bg-panel)}.question-field textarea{width:100%;padding:var(--spacing-4);font-family:var(--fonts-body);font-size:var(--font-sizes-md);color:var(--colors-fg);background-color:var(--colors-bg-panel);border:1px solid var(--colors-border);border-radius:var(--radii-md);resize:none;line-height:var(--line-heights-normal);max-width:var(--sizes-prose);margin-bottom:var(--spacing-4)}.question-field textarea:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}.working-area{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-16);gap:var(--spacing-4)}.spinner{width:32px;height:32px;border:3px solid var(--colors-border);border-top-color:var(--colors-accent);border-radius:var(--radii-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.working-text{font-size:var(--font-sizes-lg);font-weight:var(--font-weights-medium);color:var(--colors-fg)}.working-sub{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted)}.answer-box{background-color:var(--colors-bg-muted);border:1px solid var(--colors-border);border-radius:var(--radii-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.answer-heading{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);color:var(--colors-fg-subtle);margin-bottom:var(--spacing-2)}.answer-text{font-size:var(--font-sizes-md);color:var(--colors-fg);margin-bottom:var(--spacing-6)}.mini-chart{display:flex;align-items:flex-end;gap:var(--spacing-4);height:120px;padding-top:var(--spacing-4)}.mini-chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--spacing-2);min-height:20px;background-color:var(--colors-accent);border-radius:var(--radii-sm) var(--radii-sm) 0 0;padding-bottom:var(--spacing-2)}.mini-chart .bar.bar-top{background-color:var(--colors-accent-emphasized)}.mini-chart .bar span{font-size:var(--font-sizes-xs);color:var(--colors-accent-contrast);font-weight:var(--font-weights-medium)}.chart-caption{font-size:var(--font-sizes-xs);color:var(--colors-fg-subtle);margin-top:var(--spacing-4)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.carousel-btn{width:var(--spacing-10);height:var(--spacing-10);display:inline-flex;align-items:center;justify-content:center;background-color:var(--colors-bg-panel);border:1px solid var(--colors-border);border-radius:var(--radii-md);font-size:var(--font-sizes-lg);color:var(--colors-fg);transition:background-color var(--durations-fast) var(--easings-out)}.carousel-btn:hover{background-color:var(--colors-bg-muted)}.carousel-btn:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-dots{display:flex;gap:var(--spacing-2)}.carousel-dot{width:var(--spacing-3);height:var(--spacing-3);border-radius:var(--radii-full);border:none;background-color:var(--colors-border-emphasized);transition:background-color var(--durations-fast) var(--easings-out)}.carousel-dot[aria-current=true]{background-color:var(--colors-accent)}.carousel-dot:focus-visible{outline:2px solid var(--colors-accent);outline-offset:2px}.demo-cta{margin-top:var(--spacing-6);text-align:center}.demo-cta p{font-size:var(--font-sizes-lg);color:var(--colors-fg);margin-bottom:var(--spacing-4)}.features-section{padding-block:var(--spacing-16);border-top:1px solid var(--colors-border)}@media (min-width: 768px){.features-section{padding-block:var(--spacing-24)}}.features-header{margin-bottom:var(--spacing-10)}.features-header h2{font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-tight)}@media (min-width: 768px){.features-header h2{font-size:var(--font-sizes-3xl)}}.features-header p{margin-top:var(--spacing-4);font-size:var(--font-sizes-lg);color:var(--colors-fg-muted);max-width:var(--sizes-prose)}.features-grid{display:grid;gap:var(--spacing-8)}@media (min-width: 768px) and (max-width: 1023px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}.feature-card:first-child{grid-column:1 / -1}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}.feature-card{background-color:var(--colors-bg-panel);border:1px solid var(--colors-border);border-radius:var(--radii-lg);padding:var(--spacing-6)}.feature-card h3{font-size:var(--font-sizes-lg);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-tight);margin-bottom:var(--spacing-3);color:var(--colors-fg)}.feature-card p{font-size:var(--font-sizes-md);color:var(--colors-fg-muted)}.feature-card--media{padding:0;overflow:hidden}.feature-card--media img{width:100%;height:100%;min-height:16rem;object-fit:cover;border-radius:var(--radii-lg)}.final-cta{padding-block:var(--spacing-16);text-align:center;border-top:1px solid var(--colors-border)}@media (min-width: 768px){.final-cta{padding-block:var(--spacing-24)}}.final-cta h2{font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight);letter-spacing:var(--letter-spacings-tight);margin-bottom:var(--spacing-4)}@media (min-width: 768px){.final-cta h2{font-size:var(--font-sizes-3xl)}}.final-cta p{font-size:var(--font-sizes-md);color:var(--colors-fg-muted);max-width:var(--sizes-prose);margin-inline:auto;margin-bottom:var(--spacing-8)}.final-cta-actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-4)}.site-footer{padding-block:var(--spacing-12);border-top:1px solid var(--colors-border);background-color:var(--colors-bg-panel)}.footer-main{display:flex;flex-direction:column;gap:var(--spacing-8)}@media (min-width: 768px){.footer-main{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand .wordmark{display:block;margin-bottom:var(--spacing-2)}.footer-brand p{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-3) var(--spacing-5)}@media (min-width: 768px){.footer-nav{display:grid;grid-template-columns:repeat(4,auto);gap:var(--spacing-3) var(--spacing-6);justify-content:end}}.footer-nav a{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted);transition:color var(--durations-fast) var(--easings-out)}.footer-nav a:hover{color:var(--colors-fg)}.copyright{margin-top:var(--spacing-10);font-size:var(--font-sizes-xs);color:var(--colors-fg-subtle)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.carousel-slide,.carousel-track{transition:none}.spinner{animation:none;border-top-color:var(--colors-border);background-color:var(--colors-bg-muted)}.hero-media video{display:none}.hero-media .video-fallback{display:block}}