@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--bg:#08080a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--violet:#8b5cf6;--violet-soft:#a78bfa;--blue:#3b82f6;--card-bg:#14141880;--card-border:#ffffff14;--card-border-strong:#ffffff1f;--maxw:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.brand-text{letter-spacing:-.02em;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.section{padding:5.5rem 1.5rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:.85rem;font-size:.8rem;font-weight:600;display:inline-block}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-header h2{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1.12}.section-header p{color:var(--text-secondary);margin-top:1rem;font-size:1.08rem}.ambient-glow{filter:blur(110px);z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.glow-1{background:var(--violet);opacity:.22;width:520px;height:520px;top:-12%;left:-8%}.glow-2{background:var(--blue);opacity:.16;width:600px;height:600px;top:30%;right:-12%}.glow-3{opacity:.07;background:#ec4899;width:700px;height:700px;top:80%;left:25%}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border);background:#08080ab8;position:fixed;inset:0 0 auto}.nav-content{height:68px;max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.brand{align-items:center;gap:.6rem;display:inline-flex}.brand-text{font-size:1.3rem;font-weight:700}.nav-links{gap:2rem;display:none}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:.6rem;display:flex}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:6px;display:inline-flex}.mobile-menu{border-top:1px solid var(--card-border);background:#08080af5;flex-direction:column;gap:.25rem;padding:.75rem 1.5rem 1.25rem;display:flex}.mobile-menu a{color:var(--text-secondary);padding:.65rem 0;font-weight:500}.mobile-menu a.btn{justify-content:center;margin-top:.5rem}@media (min-width:860px){.nav-links{display:flex}.nav-toggle,.mobile-menu{display:none}.nav-signin{display:inline-flex}}.nav-signin{display:none}.btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-lg{border-radius:12px;padding:.9rem 1.6rem;font-size:1.02rem}.btn-primary{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf661}.btn-secondary{border:1px solid var(--card-border-strong);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:.6rem .85rem}.btn-ghost:hover{color:var(--text-primary)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px}.hero{grid-template-columns:1fr;align-items:center;gap:3rem;padding-top:8.5rem;padding-bottom:4.5rem;display:grid}@media (min-width:980px){.hero{grid-template-columns:1.04fr 1fr;gap:2.5rem;padding-top:9.5rem;padding-bottom:6rem}}.hero-copy{text-align:center}@media (min-width:980px){.hero-copy{text-align:left}}.hero-badge{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf647;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--violet);width:7px;height:7px;box-shadow:0 0 10px var(--violet);border-radius:50%;animation:2.4s ease-in-out infinite pulse}.hero-title{margin-bottom:1.4rem;font-size:clamp(2.6rem,5.6vw,4.4rem);font-weight:800;line-height:1.05}.text-gradient{background:linear-gradient(100deg, var(--violet-soft), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.6}@media (min-width:980px){.hero-subtitle{margin-left:0}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-bottom:1.4rem;display:flex}@media (min-width:980px){.hero-cta{justify-content:flex-start}}.hero-microcopy{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.hero-microcopy svg{color:#34d399}.hero-visual{perspective:1600px}.app-mock{border-color:var(--card-border-strong);overflow:hidden;box-shadow:0 40px 80px -20px #0009}.hero-shot{border:1px solid var(--card-border-strong);border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 40px 90px -25px #000000b3}@media (min-width:980px){.hero-visual .app-mock,.hero-visual .hero-shot{transform-style:preserve-3d;transform:rotateY(-9deg)rotateX(4deg)}}.mock-chrome{border-bottom:1px solid var(--card-border);background:#00000040;align-items:center;gap:7px;padding:.7rem .9rem;display:flex}.mock-dot{background:#3f3f46;border-radius:50%;width:10px;height:10px}.mock-dot:first-child{background:#ef4444}.mock-dot:nth-child(2){background:#eab308}.mock-dot:nth-child(3){background:#22c55e}.mock-tab{color:var(--text-tertiary);margin-left:auto;margin-right:auto;font-size:.78rem;font-weight:500}.mock-stage{background:#0b0b0e;flex-direction:column;gap:8px;padding:10px;display:flex}.mock-tile{background:radial-gradient(120% 90% at 30% 15%,#ffffff1f,#0000 60%),linear-gradient(150deg,#312e6e,#1e3a5f);border:1px solid #ffffff0f;border-radius:12px;position:relative;overflow:hidden}.mock-main{flex:1;min-height:190px}.app-mock--compact .mock-main{min-height:150px}.mock-tile--speaking{border:2px solid var(--violet);box-shadow:0 0 0 3px #8b5cf62e}.mock-tile--a{background:linear-gradient(150deg,#4c1d6b,#6d28d9)}.mock-tile--b{background:linear-gradient(150deg,#134e4a,#0e7490)}.mock-tile--c{background:linear-gradient(150deg,#7c2d12,#b45309)}.mock-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;position:absolute;bottom:8px;left:8px}.mock-live{z-index:2;letter-spacing:.04em;background:#0000008c;border-radius:100px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.mock-live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 8px #ef4444}.mock-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--card-border);background:#0a0a0cb8;border-radius:100px;gap:8px;padding:7px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.mock-ctrl{background:#ffffff1f;border-radius:50%;width:22px;height:22px}.mock-ctrl--accent{background:var(--violet)}.mock-ctrl--danger{background:#ef4444}.mock-film{gap:8px;display:flex}.mock-film .mock-tile{aspect-ratio:16/10;flex:1}.cap-strip{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;gap:1rem 2.4rem;padding:1.75rem 0;display:flex}.cap-item{color:var(--text-tertiary);align-items:center;gap:.5rem;font-size:.92rem;font-weight:500;display:inline-flex}.cap-item svg{color:var(--violet-soft)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.feature-card{padding:1.9rem;transition:transform .25s,border-color .25s}.feature-card:hover{border-color:#8b5cf666;transform:translateY(-4px)}.feature-icon{width:44px;height:44px;color:var(--violet-soft);background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.1rem;display:inline-flex}.feature-card h3{margin-bottom:.55rem;font-size:1.18rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.spotlight{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (min-width:980px){.spotlight{grid-template-columns:1fr 1fr;gap:4rem}}.spotlight-copy h2{margin-bottom:1rem;font-size:clamp(1.8rem,3.6vw,2.4rem);line-height:1.15}.spotlight-lead{color:var(--text-secondary);margin-bottom:1.6rem;font-size:1.05rem;line-height:1.6}.spotlight-list{flex-direction:column;gap:.9rem;margin-bottom:2rem;display:flex}.spotlight-list li{align-items:center;gap:.75rem;font-weight:500;display:flex}.spotlight-check{width:30px;height:30px;color:var(--violet-soft);background:#8b5cf61f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.step{border:1px solid var(--card-border);background:var(--card-bg);border-radius:18px;padding:2rem 1.75rem;position:relative}.step-num{color:#fff;background:linear-gradient(135deg, var(--violet), var(--blue));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1.1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;display:inline-flex}.step h3{margin-bottom:.5rem;font-size:1.2rem}.step p{color:var(--text-secondary);line-height:1.6}.usecase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.usecase-card{padding:2rem;transition:transform .25s,border-color .25s}.usecase-card:hover{border-color:#8b5cf666;transform:translateY(-4px)}.usecase-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6e6,#3b82f6e6);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.2rem;display:inline-flex}.usecase-card h3{margin-bottom:.55rem;font-size:1.25rem}.usecase-card p{color:var(--text-secondary);line-height:1.6}.quote{text-align:center;max-width:820px;margin:0 auto;padding:3rem}.quote blockquote{font-family:Outfit,sans-serif;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:500;line-height:1.45}.quote figcaption{align-items:center;gap:.8rem;margin-top:1.8rem;display:inline-flex}.quote figcaption span{text-align:left;flex-direction:column;display:flex}.quote figcaption em{color:var(--text-tertiary);font-size:.88rem;font-style:normal}.quote-avatar{background:linear-gradient(135deg, var(--violet), var(--blue));border-radius:50%;width:44px;height:44px}.cta-band{text-align:center;background:radial-gradient(120% 140% at 50% 0%, #8b5cf62e, transparent 60%), var(--card-bg);border-color:#8b5cf640;padding:3.5rem 2rem}.cta-band h2{margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.cta-band p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.footer{border-top:1px solid var(--card-border);margin-top:2rem;padding:4rem 1.5rem 2rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (min-width:760px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand p{color:var(--text-secondary);max-width:280px;margin-top:1rem;font-size:.95rem}.footer-col{flex-direction:column;gap:.8rem;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:.3rem;font-size:.8rem}.footer-col a{color:var(--text-secondary);font-size:.95rem;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--card-border);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:2rem;font-size:.88rem;display:flex}.notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:100vh;padding:2rem;display:flex}.notfound-brand{margin-bottom:1.5rem}.notfound-code{background:linear-gradient(100deg, var(--violet-soft), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(4.5rem,16vw,9rem);font-weight:800;line-height:1}.notfound h1{font-size:1.6rem}.notfound-text{color:var(--text-secondary);margin-bottom:1.4rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry 5% cover 22%}}.hero-copy>*{animation:.7s both rise}.hero-copy>:first-child{animation-delay:20ms}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.2s}.hero-copy>:nth-child(5){animation-delay:.26s}.hero-visual{animation:.8s .18s both rise}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.badge-dot,.mock-live-dot{animation:none}}