:root{--bg:#f0f4f8;--bg-alt:#e4ecf4;--text:#1a2b3c;--text-muted:#556778;--text-heading:#0d1f33;--card-bg:#ffffffa6;--card-border:#fffc;--card-shadow:#1e508214;--card-shadow-hover:#1e508229;--chat-bg:#ffffffb3;--chat-border:#fffc;--chat-shell-shadow:#1e50821a;--messages-bg:#f0f4facc;--messages-border:#c8d7eb99;--bubble-assistant-bg:#dce6f5cc;--bubble-assistant-text:#1a2b3c;--bubble-user-bg:linear-gradient(135deg, #3b82f6, #2563eb);--bubble-user-text:#fff;--input-border:#c8d7ebb3;--input-bg:#fffc;--accent:#3b82f6;--accent-secondary:#8b5cf6;--accent-hover:#2563eb;--cta-bg:linear-gradient(135deg, #3b82f6, #8b5cf6);--cta-text:#fff;--cta-shadow:#3b82f659;--hero-gradient:linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #7c3aed 100%);--hero-text:#fff;--footer-text:#556778;--trust-bg:#3b82f60f;--trust-border:#3b82f61f;--error-color:#dc2626;--status-online-bg:#22c55e1a;--status-online-text:#16a34a;--status-online-border:#22c55e4d;--status-starting-bg:#eab3081a;--status-starting-text:#ca8a04;--status-starting-border:#eab3084d;--status-offline-bg:#ef44441a;--status-offline-text:#dc2626;--status-offline-border:#ef44444d;--funnel-bg:#3b82f614;--funnel-border:#3b82f62e;--funnel-metric-bg:#ffffffb8;--funnel-muted:#5b6f84;--quick-btn-bg:#ffffffb3;--quick-btn-border:#c8d7eb99;--glass-bg:#ffffff26;--glass-border:#ffffff4d;--illustration-overlay:linear-gradient(180deg, transparent 40%, #1e3a5f66);--toggle-bg:#00000014;--toggle-icon:#556778;--glow-1:#3b82f626;--glow-2:#8b5cf61a;--section-accent-line:linear-gradient(90deg, #3b82f6, #8b5cf6, #3b82f6);--page-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Avenir Next,Nunito,Segoe UI,Tahoma,sans-serif;line-height:1.6}[data-theme=dark]{--bg:#0a0f1a;--bg-alt:#111827;--text:#e2e8f0;--text-muted:#94a3b8;--text-heading:#f1f5f9;--card-bg:#11182799;--card-border:#3b82f626;--card-shadow:#0000004d;--card-shadow-hover:#3b82f626;--chat-bg:#111827b3;--chat-border:#3b82f61f;--chat-shell-shadow:#0006;--messages-bg:#0a0f1acc;--messages-border:#1e293bcc;--bubble-assistant-bg:#1e293bcc;--bubble-assistant-text:#e2e8f0;--bubble-user-bg:linear-gradient(135deg, #3b82f6, #6366f1);--bubble-user-text:#fff;--input-border:#334155cc;--input-bg:#0f172acc;--accent:#60a5fa;--accent-secondary:#a78bfa;--accent-hover:#93bbfd;--cta-bg:linear-gradient(135deg, #3b82f6, #8b5cf6);--cta-text:#fff;--cta-shadow:#3b82f640;--hero-gradient:linear-gradient(135deg, #0a0f1a 0%, #1e1b4b 50%, #0f172a 100%);--hero-text:#e2e8f0;--footer-text:#64748b;--trust-bg:#3b82f60d;--trust-border:#3b82f61a;--error-color:#f87171;--status-online-bg:#22c55e1a;--status-online-text:#4ade80;--status-online-border:#22c55e33;--status-starting-bg:#eab3081a;--status-starting-text:#facc15;--status-starting-border:#eab30833;--status-offline-bg:#ef44441a;--status-offline-text:#f87171;--status-offline-border:#ef444433;--funnel-bg:#3b82f614;--funnel-border:#3b82f638;--funnel-metric-bg:#0f172ac7;--funnel-muted:#94a3b8;--quick-btn-bg:#1e293b99;--quick-btn-border:#33415599;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--illustration-overlay:linear-gradient(180deg, transparent 30%, #0a0f1a99);--toggle-bg:#ffffff14;--toggle-icon:#94a3b8;--glow-1:#3b82f614;--glow-2:#8b5cf60f;--section-accent-line:linear-gradient(90deg, #3b82f6, #8b5cf6, #3b82f6);--page-grain:none}*,:before,:after{box-sizing:border-box}body{margin:0;transition:background .4s,color .4s}.page{background:var(--bg);min-height:100vh;color:var(--text);transition:background .4s,color .4s;position:relative}.page:before{content:"";background:var(--page-grain);pointer-events:none;z-index:0;background-size:256px 256px;position:fixed;inset:0}.page>*{z-index:1;position:relative}.nav{z-index:100;background:var(--card-bg);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px)saturate(1.4);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:background .4s,border-color .4s;display:flex;position:sticky;top:0}.nav-brand{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.theme-toggle{border:1px solid var(--card-border);background:var(--toggle-bg);width:42px;height:42px;color:var(--toggle-icon);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;justify-content:center;align-items:center;transition:background .25s,transform .25s,border-color .25s,box-shadow .25s;display:flex}.theme-toggle:hover{box-shadow:0 4px 16px var(--glow-1);border-color:var(--accent);transform:scale(1.08)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px}.hero{background:var(--hero-gradient);color:var(--hero-text);padding:5rem 1.5rem 4.5rem;transition:background .4s;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(80px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:#3b82f64d;width:500px;height:500px;animation:8s ease-in-out infinite alternate heroGlow;top:-150px;right:-100px}.hero:after{background:#8b5cf640;width:400px;height:400px;animation:8s ease-in-out 2s infinite alternate-reverse heroGlow;bottom:-120px;left:-80px}.hero-content{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:999px;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-block}.hero-copy{animation:.6s ease-out riseIn}.hero h1{letter-spacing:-.025em;margin:.75rem 0 1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.hero-copy>p:not(.eyebrow){opacity:.88;max-width:480px;font-size:1.08rem;line-height:1.7}.cta{background:var(--cta-bg);color:var(--cta-text);box-shadow:0 8px 28px var(--cta-shadow), inset 0 1px 0 #fff3;letter-spacing:.01em;border-radius:14px;margin-top:1.5rem;padding:.85rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.cta:hover{box-shadow:0 14px 40px var(--cta-shadow), inset 0 1px 0 #fff3;transform:translateY(-3px)}.cta:active{transform:translateY(0)}.hero-illustration{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;min-height:280px;transition:box-shadow .4s,transform .4s;animation:.6s ease-out floatIn;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000026,inset 0 0 0 1px #ffffff1a}.hero-illustration:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 32px 56px #0003,inset 0 0 0 1px #ffffff26}.hero-illustration:after{content:"";background:var(--illustration-overlay);pointer-events:none;position:absolute;inset:0}.hero-illustration img{object-fit:cover;width:100%;height:100%;min-height:280px;display:block}.section{width:min(1100px,92vw);margin:4rem auto}.section h2{letter-spacing:-.02em;color:var(--text-heading);margin-bottom:.5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;transition:color .4s}.section h2:after{content:"";background:var(--section-accent-line);border-radius:2px;width:48px;height:3px;margin-top:.5rem;margin-bottom:1rem;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px)saturate(1.3);box-shadow:0 4px 24px var(--card-shadow);border-radius:20px;padding:1.5rem;transition:transform .35s,box-shadow .35s,background .4s,border-color .4s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-secondary));opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:0 16px 48px var(--card-shadow-hover);transform:translateY(-6px)}.card:hover:before{opacity:1}.card h3{color:var(--text-heading);margin:.2rem 0 .5rem;font-size:1.15rem;font-weight:700;transition:color .4s}.card p{color:var(--text-muted);margin:0;font-size:.93rem;line-height:1.65;transition:color .4s}.trust{background:var(--trust-bg);border:1px solid var(--trust-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;transition:background .4s,border-color .4s}.trust ul{margin:0;padding-left:0;list-style:none}.trust li{color:var(--text);margin-bottom:.65rem;padding-left:1.5rem;line-height:1.65;transition:color .4s;position:relative}.trust li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-secondary));border-radius:50%;width:8px;height:8px;position:absolute;top:.45em;left:0}.chatbot p{color:var(--text-muted);margin-top:0;transition:color .4s}.status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0000;border-radius:999px;margin:0 0 .85rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:background .4s,color .4s,border-color .4s;display:inline-block}.status.online{background:var(--status-online-bg);color:var(--status-online-text);border-color:var(--status-online-border)}.status.starting{background:var(--status-starting-bg);color:var(--status-starting-text);border-color:var(--status-starting-border)}.status.checking,.status.offline{background:var(--status-offline-bg);color:var(--status-offline-text);border-color:var(--status-offline-border)}.funnel-panel{border:1px solid var(--funnel-border);background:var(--funnel-bg);border-radius:14px;margin:0 0 .85rem;padding:.85rem}.funnel-title{color:var(--text-heading);margin:0 0 .55rem;font-size:.88rem;font-weight:700}.funnel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.funnel-metric{border:1px solid var(--chat-border);background:var(--funnel-metric-bg);border-radius:10px;flex-direction:column;gap:.15rem;padding:.55rem .6rem;display:flex}.funnel-label{color:var(--funnel-muted);font-size:.75rem}.funnel-metric strong{font-size:1rem;line-height:1.1}.funnel-metric small{color:var(--funnel-muted);font-size:.72rem}.funnel-error{color:var(--error-color);margin:0;font-size:.82rem}.chat-shell{background:var(--chat-bg);border:1px solid var(--chat-border);-webkit-backdrop-filter:blur(16px)saturate(1.3);box-shadow:0 8px 32px var(--chat-shell-shadow);border-radius:22px;transition:background .4s,border-color .4s,box-shadow .4s;overflow:hidden}.live-chat{padding:1.25rem}.messages{border:1px solid var(--messages-border);background:var(--messages-bg);border-radius:16px;height:420px;padding:1rem;transition:background .4s,border-color .4s;overflow:auto}.bubble{white-space:pre-wrap;border-radius:14px;max-width:80%;margin-bottom:.75rem;padding:.7rem .9rem;font-size:.93rem;line-height:1.55;transition:background .4s,color .4s}.bubble.user{background:var(--bubble-user-bg);color:var(--bubble-user-text);border-bottom-right-radius:4px;margin-left:auto;box-shadow:0 4px 12px #3b82f633}.bubble.assistant{background:var(--bubble-assistant-bg);color:var(--bubble-assistant-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:4px;margin-right:auto}.typing{color:var(--text-muted);padding:.3rem 0;font-size:.88rem}.quick-prompts{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.quick-prompts button{border:1px solid var(--quick-btn-border);background:var(--quick-btn-bg);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:.4rem .75rem;font-size:.83rem;transition:all .25s}.quick-prompts button:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--cta-shadow);transform:translateY(-2px)}.composer{grid-template-columns:1fr auto;gap:.65rem;margin-top:.85rem;display:grid}.composer input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.75rem .9rem;font-size:.93rem;transition:border-color .25s,background .4s,color .4s,box-shadow .25s}.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--glow-1);outline:none}.composer button{background:var(--cta-bg);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--cta-shadow);border:none;border-radius:12px;padding:.75rem 1.2rem;font-size:.93rem;font-weight:700;transition:transform .25s,box-shadow .25s}.composer button:hover:not(:disabled){box-shadow:0 8px 20px var(--cta-shadow);transform:translateY(-2px)}.composer button:disabled,.quick-prompts button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.error{color:var(--error-color);margin:.75rem 0 0;font-size:.9rem;transition:color .4s}.footer{text-align:center;color:var(--footer-text);border-top:1px solid var(--card-border);margin-top:3.5rem;padding:1.75rem;font-size:.9rem;transition:color .4s,border-color .4s}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.card.reveal:first-child{transition-delay:0s}.card.reveal:nth-child(2){transition-delay:.1s}.card.reveal:nth-child(3){transition-delay:.2s}.card.reveal:nth-child(4){transition-delay:.3s}@keyframes riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroGlow{0%{opacity:.4;transform:translate(0)scale(1)}to{opacity:.6;transform:translate(30px,-20px)scale(1.15)}}@media (width<=700px){.hero{padding:3.5rem 1.25rem 3rem}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-illustration{order:-1}.hero h1{font-size:clamp(1.8rem,7vw,2.5rem)}.messages{height:340px}.section{margin:2.5rem auto}.nav{padding:.6rem 1rem}.grid,.funnel-grid{grid-template-columns:1fr}.hero:before,.hero:after{display:none}}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}