*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6633CC;--bg-dark: #0f0f1a;--bg-mid: #16213e;--bg-light: #1a1a2e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .7);--border: rgba(255, 255, 255, .24);--glow-idle: #6633CC;--glow-listening: #3399FF;--glow-thinking: #FF9933;--glow-speaking: #33CC66;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{width:100%}.landing{width:100%;overflow-x:hidden}section{padding:100px 24px}.container{max-width:1100px;margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#0f0f1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.nav-brand svg{color:var(--primary)}.nav-brand span{font-size:18px;font-weight:700;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-cta{background:var(--primary);color:#fff!important;padding:8px 20px;border-radius:8px;font-weight:600!important;transition:opacity .2s}.nav-cta:hover{opacity:.85}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#1a1a2e,#16213e,#0f0f1a);text-align:center;padding-top:80px}.hero-content{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:700px}.hero h1{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1px}.hero h1 .highlight{background:linear-gradient(135deg,var(--primary),var(--glow-listening));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--text-secondary);max-width:520px;line-height:1.7}.hero-buttons{display:flex;gap:16px;margin-top:8px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #63c6}.btn-secondary{background:#ffffff14;color:#fff;border:1px solid var(--border);padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;text-decoration:none}.btn-secondary:hover{background:#ffffff24}.orb-wrapper{position:relative;width:200px;height:200px;margin-bottom:16px}.orb{width:200px;height:200px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.orb-core{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#8855ee,var(--primary),#4422aa);animation:orb-breathe 3s ease-in-out infinite}.orb-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(102,51,204,.3) 0%,transparent 70%);animation:orb-glow-pulse 3s ease-in-out infinite}.orb-ring{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(102,51,204,.2);animation:orb-ring-expand 4s ease-in-out infinite}.orb-ring:nth-child(3){inset:-30px;animation-delay:1s}.orb-ring:nth-child(4){inset:-50px;animation-delay:2s;border-color:#6633cc1a}@keyframes orb-breathe{0%,to{transform:scale(.9)}50%{transform:scale(1)}}@keyframes orb-glow-pulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}@keyframes orb-ring-expand{0%,to{transform:scale(.95);opacity:.4}50%{transform:scale(1.05);opacity:.8}}.orb-states{display:flex;gap:24px;margin-top:8px}.orb-state-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:color .2s}.orb-state-label:hover{color:var(--text-primary)}.orb-state-dot{width:8px;height:8px;border-radius:50%}.features{background:var(--bg-dark)}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:16px}.section-title{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:17px;color:var(--text-secondary);max-width:560px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;transition:border-color .3s,transform .3s}.feature-card:hover{border-color:#63c6;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.how-it-works{background:linear-gradient(to bottom,var(--bg-dark),var(--bg-mid),var(--bg-dark))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;counter-reset:step}.step{text-align:center;counter-increment:step;position:relative}.step-number{width:56px;height:56px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 24px;box-shadow:0 0 30px #6633cc4d}.step h3{font-size:20px;font-weight:600;margin-bottom:12px}.step p{font-size:15px;color:var(--text-secondary);line-height:1.7}.states-section{background:var(--bg-dark)}.states-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.state-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 20px;text-align:center;transition:border-color .3s}.state-card:hover{border-color:#fff3}.state-orb{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative}.state-orb-inner{width:50px;height:50px;border-radius:50%}.state-card h4{font-size:16px;font-weight:600;margin-bottom:8px}.state-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.state-idle .state-orb{background:#6633cc26;box-shadow:0 0 30px #63c3;animation:state-pulse-purple 3s ease-in-out infinite}.state-idle .state-orb-inner{background:radial-gradient(circle,#85e,#63c)}.state-listening .state-orb{background:#3399ff26;box-shadow:0 0 30px #39f3;animation:state-pulse-blue 2s ease-in-out infinite}.state-listening .state-orb-inner{background:radial-gradient(circle,#5af,#39f)}.state-thinking .state-orb{background:#ff993326;box-shadow:0 0 30px #f933;animation:state-pulse-orange 2s ease-in-out infinite}.state-thinking .state-orb-inner{background:radial-gradient(circle,#fb5,#f93)}.state-speaking .state-orb{background:#33cc6626;box-shadow:0 0 30px #3c63;animation:state-pulse-green 1.5s ease-in-out infinite}.state-speaking .state-orb-inner{background:radial-gradient(circle,#5e8,#3c6)}@keyframes state-pulse-purple{0%,to{transform:scale(1);box-shadow:0 0 20px #63c3}50%{transform:scale(1.08);box-shadow:0 0 40px #6633cc59}}@keyframes state-pulse-blue{0%,to{transform:scale(1);box-shadow:0 0 20px #39f3}50%{transform:scale(1.1);box-shadow:0 0 40px #3399ff59}}@keyframes state-pulse-orange{0%,to{transform:scale(1);box-shadow:0 0 20px #f933}50%{transform:scale(1.05);box-shadow:0 0 40px #ff993359}}@keyframes state-pulse-green{0%,to{transform:scale(1);box-shadow:0 0 20px #3c63}50%{transform:scale(1.12);box-shadow:0 0 40px #33cc6659}}.cta{background:linear-gradient(to bottom,var(--bg-dark),var(--bg-light));text-align:center;padding:120px 24px}.cta h2{font-size:40px;font-weight:700;margin-bottom:16px}.cta p{font-size:17px;color:var(--text-secondary);max-width:480px;margin:0 auto 40px}.footer{background:var(--bg-light);border-top:1px solid var(--border);padding:32px 24px;text-align:center}.footer p{font-size:14px;color:var(--text-secondary)}.footer a{color:var(--primary);text-decoration:none;font-weight:600}.footer-links{margin-top:12px;display:flex;justify-content:center;gap:24px}.footer-links a{color:var(--primary);text-decoration:none;font-size:14px;font-weight:600}.footer-links a:hover{text-decoration:underline}.support-site{width:100%;min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:120px 24px 80px;max-width:800px;margin:0 auto;width:100%}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:border-color .3s}.faq-item:hover{border-color:#6633cc4d}.faq-question{width:100%;background:none;border:none;color:var(--text-primary);padding:20px 24px;font-size:16px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.faq-question:hover{background:#ffffff05}.faq-chevron{font-size:14px;transition:transform .2s;color:var(--text-secondary);flex-shrink:0;margin-left:16px}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 24px 20px;font-size:15px;color:var(--text-secondary);line-height:1.7}.contact-section{margin-top:64px;text-align:center;padding:48px 32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px}.contact-section h2{font-size:24px;font-weight:700;margin-bottom:12px}.contact-section p{font-size:15px;color:var(--text-secondary);margin-bottom:20px}.contact-email{display:inline-block;color:var(--primary);font-size:18px;font-weight:600;text-decoration:none;transition:opacity .2s}.contact-email:hover{opacity:.8}.legal-content{line-height:1.8}.legal-content p.effective-date{color:var(--text-secondary);font-size:14px;margin-bottom:40px}.legal-content h2{font-size:24px;font-weight:700;margin-top:48px;margin-bottom:16px}.legal-content h3{font-size:18px;font-weight:600;margin-top:32px;margin-bottom:12px}.legal-content p{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.legal-content ul{list-style:disc;padding-left:24px;margin-bottom:16px}.legal-content li{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:4px}.legal-content a{color:var(--primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:40px}.states-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}.section-title{font-size:32px}}@media(max-width:600px){.landing .nav-links{display:none}.support-site .nav-links{gap:20px}.support-site .nav-links a{font-size:13px}.features-grid,.states-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;text-align:center}section{padding:72px 16px}.section-title{font-size:28px}.page-content{padding:100px 16px 60px}.section-subtitle{font-size:15px}.faq-question{font-size:15px;padding:16px 20px}.faq-answer p{padding:0 20px 16px;font-size:14px}.legal-content h2{font-size:20px}.contact-section{padding:32px 20px}}