:root{color-scheme:light dark;--bg: #0a0e14;--surface: #151c26;--surface-2: #1f2a3a;--text: #f0f4f8;--muted: #94a3b8;--accent: #f59e0b;--accent-2: #d97706;--danger: #f87171;--ok: #34d399;--border: color-mix(in srgb, var(--text) 10%, transparent);--shadow: 0 16px 48px rgb(0 0 0 / 40%);--radius: 16px;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--text: #0f172a;--muted: #64748b;--shadow: 0 12px 32px rgb(15 23 42 / 10%)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--text)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:var(--surface);padding:.5rem 1rem;border-radius:8px}.muted{color:var(--muted)}.btn{border:1px solid transparent;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;background:var(--surface-2);color:var(--text);font:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}@media(prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-2px)}}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1205;font-weight:600;box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--glass{background:color-mix(in srgb,var(--surface) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border)}.btn--lg{padding:.75rem 1.5rem;font-size:1.05rem}.btn--block{width:100%}.field{display:grid;gap:.35rem;font-size:.92rem}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;background:var(--surface-2);color:var(--text)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{border:none;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:8px;padding:.2rem .5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@property --orb-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.landing{min-height:100dvh;overflow-x:hidden}.landing__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.orb--1{width:min(55vw,420px);height:min(55vw,420px);top:-10%;right:-5%;background:radial-gradient(circle,#f59e0b,transparent 70%);animation:orb-drift 18s ease-in-out infinite}.orb--2{width:min(45vw,360px);height:min(45vw,360px);bottom:10%;left:-8%;background:radial-gradient(circle,#b45309,transparent 70%);animation:orb-drift 22s ease-in-out infinite reverse}.orb--3{width:280px;height:280px;top:40%;left:35%;background:radial-gradient(circle,#78350f,transparent 70%);animation:orb-pulse 12s ease-in-out infinite}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.bubbles span{position:absolute;bottom:-20px;width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--accent) 30%,transparent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);animation:rise linear infinite}.bubbles span:nth-child(1){left:8%;animation-duration:9s;animation-delay:0s;width:8px;height:8px}.bubbles span:nth-child(2){left:18%;animation-duration:11s;animation-delay:1s}.bubbles span:nth-child(3){left:32%;animation-duration:8s;animation-delay:2s;width:14px;height:14px}.bubbles span:nth-child(4){left:48%;animation-duration:13s;animation-delay:.5s}.bubbles span:nth-child(5){left:62%;animation-duration:10s;animation-delay:3s;width:10px;height:10px}.bubbles span:nth-child(6){left:75%;animation-duration:12s;animation-delay:1.5s}.bubbles span:nth-child(7){left:88%;animation-duration:9s;animation-delay:2.5s;width:16px;height:16px}.bubbles span:nth-child(8){left:95%;animation-duration:14s;animation-delay:0s}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-20px) scale(1.08)}}@keyframes orb-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.4}to{transform:translateY(-110vh) scale(.6);opacity:0}}.landing__nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.logo__icon{font-size:1.5rem}.landing__nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.landing__nav nav a:not(.btn){color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s}.landing__nav nav a:not(.btn):hover{color:var(--text)}.hero{padding:clamp(3rem,10vw,6rem) clamp(1rem,4vw,2.5rem) 4rem;max-width:52rem;animation:hero-in .8s ease both}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--accent);font-weight:600;margin:0 0 1rem}.hero h1{font-size:clamp(2.2rem,6vw,3.75rem);line-height:1.1;margin:0 0 1.25rem;font-weight:800;letter-spacing:-.02em}.hero__accent{background:linear-gradient(135deg,var(--accent),#fcd34d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--muted);max-width:38rem;margin:0 0 2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.hero__stats{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;padding:0;margin:0}.hero__stats li{display:flex;flex-direction:column;gap:.2rem}.hero__stats strong{font-size:1.75rem;color:var(--accent)}.hero__stats span{font-size:.85rem;color:var(--muted)}.section{padding:4rem clamp(1rem,4vw,2.5rem);max-width:72rem;margin:0 auto}.section h2{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 2rem;text-align:center}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;list-style:none;padding:0;margin:0}.step-card{padding:1.5rem;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media(prefers-reduced-motion:no-preference){.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000040;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}}.step-card__num{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1205;font-weight:700;font-size:.9rem;margin-bottom:.75rem}.step-card h3{margin:0 0 .5rem;font-size:1.15rem}.step-card p{margin:0;color:var(--muted);font-size:.95rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.feature-card{padding:1.5rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{margin:0 0 .5rem}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.landing__footer{text-align:center;padding:2rem 1rem 3rem;border-top:1px solid var(--border);font-size:.9rem}.landing__footer p{margin:.35rem 0}.demo-dialog{border:none;border-radius:20px;padding:0;width:min(480px,calc(100vw - 2rem));background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.demo-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-dialog form{padding:1.25rem}.demo-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-dialog h2{margin:0;font-size:1.2rem}.demo-dialog footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.demo-chat{display:flex;flex-direction:column;gap:.65rem;min-height:200px}.demo-chat .bubble{max-width:90%;padding:.65rem .9rem;border-radius:14px;font-size:.95rem;animation:bubble-in .4s ease both}.demo-chat .bubble--user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 25%,var(--surface-2));border-bottom-right-radius:4px}.demo-chat .bubble--alice{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}}.voice-hint{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:.95rem;z-index:60;animation:hint-pop .35s ease}@keyframes hint-pop{0%{opacity:0;transform:translate(-50%) translateY(12px)}}@media(prefers-reduced-motion:reduce){.orb,.bubbles span,.hero{animation:none}.step-card:hover{transform:none}}@media(max-width:640px){.landing__nav nav a:not(.btn):not([href="/login"]){display:none}}
