:root{--bg: #f0f4f8;--bg-alt: #e4ecf4;--text: #1a2b3c;--text-muted: #556778;--text-heading: #0d1f33;--card-bg: rgba(255, 255, 255, .65);--card-border: rgba(255, 255, 255, .8);--card-shadow: rgba(30, 80, 130, .08);--card-shadow-hover: rgba(30, 80, 130, .16);--chat-bg: rgba(255, 255, 255, .7);--chat-border: rgba(255, 255, 255, .8);--chat-shell-shadow: rgba(30, 80, 130, .1);--messages-bg: rgba(240, 244, 250, .8);--messages-border: rgba(200, 215, 235, .6);--bubble-assistant-bg: rgba(220, 230, 245, .8);--bubble-assistant-text: #1a2b3c;--bubble-user-bg: linear-gradient(135deg, #3b82f6, #2563eb);--bubble-user-text: #ffffff;--input-border: rgba(200, 215, 235, .7);--input-bg: rgba(255, 255, 255, .8);--accent: #3b82f6;--accent-secondary: #8b5cf6;--accent-hover: #2563eb;--cta-bg: linear-gradient(135deg, #3b82f6, #8b5cf6);--cta-text: #ffffff;--cta-shadow: rgba(59, 130, 246, .35);--hero-gradient: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #7c3aed 100%);--hero-text: #ffffff;--footer-text: #556778;--trust-bg: rgba(59, 130, 246, .06);--trust-border: rgba(59, 130, 246, .12);--error-color: #dc2626;--status-online-bg: rgba(34, 197, 94, .1);--status-online-text: #16a34a;--status-online-border: rgba(34, 197, 94, .3);--status-starting-bg: rgba(234, 179, 8, .1);--status-starting-text: #ca8a04;--status-starting-border: rgba(234, 179, 8, .3);--status-offline-bg: rgba(239, 68, 68, .1);--status-offline-text: #dc2626;--status-offline-border: rgba(239, 68, 68, .3);--quick-btn-bg: rgba(255, 255, 255, .7);--quick-btn-border: rgba(200, 215, 235, .6);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--illustration-overlay: linear-gradient(180deg, transparent 40%, rgba(30, 58, 95, .4));--toggle-bg: rgba(0, 0, 0, .08);--toggle-icon: #556778;--glow-1: rgba(59, 130, 246, .15);--glow-2: rgba(139, 92, 246, .1);--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");font-family:Inter,Avenir Next,Nunito,Segoe UI,Tahoma,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg: #0a0f1a;--bg-alt: #111827;--text: #e2e8f0;--text-muted: #94a3b8;--text-heading: #f1f5f9;--card-bg: rgba(17, 24, 39, .6);--card-border: rgba(59, 130, 246, .15);--card-shadow: rgba(0, 0, 0, .3);--card-shadow-hover: rgba(59, 130, 246, .15);--chat-bg: rgba(17, 24, 39, .7);--chat-border: rgba(59, 130, 246, .12);--chat-shell-shadow: rgba(0, 0, 0, .4);--messages-bg: rgba(10, 15, 26, .8);--messages-border: rgba(30, 41, 59, .8);--bubble-assistant-bg: rgba(30, 41, 59, .8);--bubble-assistant-text: #e2e8f0;--bubble-user-bg: linear-gradient(135deg, #3b82f6, #6366f1);--bubble-user-text: #ffffff;--input-border: rgba(51, 65, 85, .8);--input-bg: rgba(15, 23, 42, .8);--accent: #60a5fa;--accent-secondary: #a78bfa;--accent-hover: #93bbfd;--cta-bg: linear-gradient(135deg, #3b82f6, #8b5cf6);--cta-text: #ffffff;--cta-shadow: rgba(59, 130, 246, .25);--hero-gradient: linear-gradient(135deg, #0a0f1a 0%, #1e1b4b 50%, #0f172a 100%);--hero-text: #e2e8f0;--footer-text: #64748b;--trust-bg: rgba(59, 130, 246, .05);--trust-border: rgba(59, 130, 246, .1);--error-color: #f87171;--status-online-bg: rgba(34, 197, 94, .1);--status-online-text: #4ade80;--status-online-border: rgba(34, 197, 94, .2);--status-starting-bg: rgba(234, 179, 8, .1);--status-starting-text: #facc15;--status-starting-border: rgba(234, 179, 8, .2);--status-offline-bg: rgba(239, 68, 68, .1);--status-offline-text: #f87171;--status-offline-border: rgba(239, 68, 68, .2);--quick-btn-bg: rgba(30, 41, 59, .6);--quick-btn-border: rgba(51, 65, 85, .6);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--illustration-overlay: linear-gradient(180deg, transparent 30%, rgba(10, 15, 26, .6));--toggle-bg: rgba(255, 255, 255, .08);--toggle-icon: #94a3b8;--glow-1: rgba(59, 130, 246, .08);--glow-2: rgba(139, 92, 246, .06);--section-accent-line: linear-gradient(90deg, #3b82f6, #8b5cf6, #3b82f6);--page-grain: none}*,*:before,*:after{box-sizing:border-box}body{margin:0;transition:background .4s ease,color .4s ease}.page{min-height:100vh;background:var(--bg);color:var(--text);transition:background .4s ease,color .4s ease;position:relative}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--page-grain);background-size:256px 256px;pointer-events:none;z-index:0}.page>*{position:relative;z-index:1}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--card-bg);border-bottom:1px solid var(--card-border);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);transition:background .4s ease,border-color .4s ease}.nav-brand{font-weight:800;font-size:1.15rem;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--card-border);border-radius:12px;background:var(--toggle-bg);color:var(--toggle-icon);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-toggle:hover{transform:scale(1.08);box-shadow:0 4px 16px var(--glow-1);border-color:var(--accent)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px}.hero{position:relative;background:var(--hero-gradient);color:var(--hero-text);padding:5rem 1.5rem 4.5rem;overflow:hidden;transition:background .4s ease}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.hero:before{width:500px;height:500px;background:#3b82f64d;top:-150px;right:-100px;animation:heroGlow 8s ease-in-out infinite alternate}.hero:after{width:400px;height:400px;background:#8b5cf640;bottom:-120px;left:-80px;animation:heroGlow 8s ease-in-out 2s infinite alternate-reverse}.hero-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.3rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.2)}.hero-copy{animation:riseIn .6s ease-out}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);margin:.75rem 0 1rem;line-height:1.05;letter-spacing:-.025em;font-weight:800}.hero-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.7;opacity:.88;max-width:480px}.cta{display:inline-block;margin-top:1.5rem;background:var(--cta-bg);color:var(--cta-text);text-decoration:none;font-weight:700;padding:.85rem 1.6rem;border-radius:14px;box-shadow:0 8px 28px var(--cta-shadow),inset 0 1px #fff3;transition:transform .3s ease,box-shadow .3s ease;letter-spacing:.01em}.cta:hover{transform:translateY(-3px);box-shadow:0 14px 40px var(--cta-shadow),inset 0 1px #fff3}.cta:active{transform:translateY(0)}.hero-illustration{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 24px 48px #00000026,0 0 0 1px #ffffff1a inset;animation:floatIn .6s ease-out;min-height:280px;transition:box-shadow .4s ease,transform .4s ease}.hero-illustration:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 56px #0003,0 0 0 1px #ffffff26 inset}.hero-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--illustration-overlay);pointer-events:none}.hero-illustration img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}.section{width:min(1100px,92vw);margin:4rem auto}.section h2{margin-bottom:.5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:-.02em;color:var(--text-heading);font-weight:800;transition:color .4s ease}.section h2:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--section-accent-line);margin-top:.5rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 4px 24px var(--card-shadow);transition:transform .35s ease,box-shadow .35s ease,background .4s ease,border-color .4s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));opacity:0;transition:opacity .35s ease}.card:hover{transform:translateY(-6px);box-shadow:0 16px 48px var(--card-shadow-hover)}.card:hover:before{opacity:1}.card h3{margin:.2rem 0 .5rem;font-size:1.15rem;color:var(--text-heading);font-weight:700;transition:color .4s ease}.card p{margin:0;color:var(--text-muted);font-size:.93rem;line-height:1.65;transition:color .4s ease}.trust{background:var(--trust-bg);border-radius:20px;padding:2rem;border:1px solid var(--trust-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .4s ease,border-color .4s ease}.trust ul{margin:0;padding-left:0;list-style:none}.trust li{margin-bottom:.65rem;line-height:1.65;color:var(--text);padding-left:1.5rem;position:relative;transition:color .4s ease}.trust li:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary))}.chatbot p{margin-top:0;color:var(--text-muted);transition:color .4s ease}.status{display:inline-block;margin:0 0 .85rem;padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .4s ease,color .4s ease,border-color .4s ease}.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)}.chat-shell{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:22px;overflow:hidden;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 8px 32px var(--chat-shell-shadow);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.live-chat{padding:1.25rem}.messages{height:420px;overflow:auto;border:1px solid var(--messages-border);border-radius:16px;padding:1rem;background:var(--messages-bg);transition:background .4s ease,border-color .4s ease}.bubble{max-width:80%;margin-bottom:.75rem;padding:.7rem .9rem;border-radius:14px;white-space:pre-wrap;font-size:.93rem;line-height:1.55;transition:background .4s ease,color .4s ease}.bubble.user{margin-left:auto;background:var(--bubble-user-bg);color:var(--bubble-user-text);border-bottom-right-radius:4px;box-shadow:0 4px 12px #3b82f633}.bubble.assistant{margin-right:auto;background:var(--bubble-assistant-bg);color:var(--bubble-assistant-text);border-bottom-left-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.typing{font-size:.88rem;color:var(--text-muted);padding:.3rem 0}.quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.quick-prompts button{border:1px solid var(--quick-btn-border);background:var(--quick-btn-bg);color:var(--text-muted);border-radius:999px;padding:.4rem .75rem;font-size:.83rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .25s ease}.quick-prompts button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--cta-shadow)}.composer{display:grid;grid-template-columns:1fr auto;gap:.65rem;margin-top:.85rem}.composer input{width:100%;border:1px solid var(--input-border);border-radius:12px;padding:.75rem .9rem;background:var(--input-bg);color:var(--text);font-size:.93rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s ease,background .4s ease,color .4s ease,box-shadow .25s ease}.composer input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--glow-1)}.composer button{border:none;border-radius:12px;padding:.75rem 1.2rem;background:var(--cta-bg);color:#fff;font-weight:700;font-size:.93rem;cursor:pointer;box-shadow:0 4px 12px var(--cta-shadow);transition:transform .25s ease,box-shadow .25s ease}.composer button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--cta-shadow)}.composer button:disabled,.quick-prompts button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.error{margin:.75rem 0 0;color:var(--error-color);font-size:.9rem;transition:color .4s ease}.footer{margin-top:3.5rem;padding:1.75rem;text-align:center;color:var(--footer-text);border-top:1px solid var(--card-border);font-size:.9rem;transition:color .4s ease,border-color .4s ease}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.card.reveal:nth-child(1){transition-delay:0ms}.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%{transform:translate(0) scale(1);opacity:.4}to{transform:translate(30px,-20px) scale(1.15);opacity:.6}}@media (max-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{grid-template-columns:1fr}.hero:before,.hero:after{display:none}}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}