:root {--bg:#f5f5f7;--fg:#1d1d1f;--muted:#6e6e73;--accent:#3a7afe;--accent-dark:#2250c4;--surface:rgba(255,255,255,0.82);--border:rgba(29,29,31,0.08);--shadow:0 16px 40px rgba(31,41,55,0.1);color-scheme:light dark;}
@media (prefers-color-scheme: dark){:root{--bg:#111114;--fg:#f5f5f7;--muted:#9ca3af;--surface:rgba(34,34,36,0.9);--border:rgba(255,255,255,0.08);--shadow:0 16px 40px rgba(0,0,0,0.45);}}
*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Roboto",sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;}a{color:inherit;text-decoration:none;}a:hover,a:focus{text-decoration:underline;}img,video{max-width:100%;height:auto;}main{display:flex;flex-direction:column;gap:72px;padding-bottom:120px;}section{padding:0 20px;}
.section-heading{max-width:640px;margin:0 auto 32px;text-align:center;}
.section-heading h2{margin-bottom:12px;font-size:clamp(1.5rem,5vw,2.5rem);} .section-heading p{margin:0;color:var(--muted);}
.top-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);} .logo{font-weight:600;letter-spacing:0.02em;}
.desktop-nav{display:none;gap:16px;} .desktop-nav a{font-size:.95rem;color:var(--muted);}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent;} .cta:hover,.cta:focus{transform:translateY(-1px);} .cta.primary{background:var(--accent);color:#fff;box-shadow:0 10px 25px rgba(58,122,254,.35);} .cta.primary:hover,.cta.primary:focus{background:var(--accent-dark);} .cta.secondary{background:transparent;color:var(--accent);border-color:var(--accent);} .cta.ghost{background:transparent;color:var(--accent);}
.hero{display:grid;gap:32px;padding-top:96px;} .hero-content{display:flex;flex-direction:column;gap:16px;} .hero h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.15;margin:0;} .hero-text{color:var(--muted);margin:0;} .hero-actions{display:flex;flex-direction:column;gap:12px;} .hero .note{color:var(--muted);font-size:.9rem;margin:0;} .hero-visual{display:flex;justify-content:center;}
.phone-frame{background:var(--surface);border-radius:36px;padding:18px;width:min(320px,90vw);border:1px solid var(--border);box-shadow:var(--shadow);} .screen{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.4));border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:16px;} @media (prefers-color-scheme: dark){.screen{background:linear-gradient(180deg,rgba(34,34,36,.8),rgba(28,28,30,.6));}}
.bubble{padding:12px 16px;border-radius:20px;font-size:.95rem;line-height:1.4;} .bubble.user{align-self:flex-end;background:rgba(58,122,254,.15);color:var(--accent-dark);} .bubble.bot{background:rgba(29,29,31,.08);color:var(--fg);display:flex;flex-direction:column;gap:8px;font-weight:500;} @media (prefers-color-scheme: dark){.bubble.bot{background:rgba(245,245,247,.1);}}
.problem{display:grid;gap:20px;} .problem-card,.solution-card{background:var(--surface);padding:28px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);} .problem-card p,.solution-card p{margin:0;color:var(--muted);}
.feature-grid{display:grid;gap:16px;} .feature-card{background:var(--surface);padding:24px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);} .feature-card h3{margin:0 0 12px;} .mid-cta{text-align:center;margin-top:32px;}
.voice{display:grid;gap:24px;} .voice ul{margin:0;padding-left:20px;color:var(--muted);} .voice-demo{display:flex;justify-content:center;} .demo-box{position:relative;padding:24px;border-radius:24px;background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;} .demo-box .placeholder{width:100%;aspect-ratio:16/9;border-radius:16px;background:repeating-linear-gradient(45deg,rgba(58,122,254,.15),rgba(58,122,254,.15) 12px,rgba(58,122,254,.05) 12px,rgba(58,122,254,.05) 24px);} .badge{position:absolute;top:16px;left:24px;background:var(--accent);color:#fff;padding:6px 12px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;} .demo-box .caption{margin-top:16px;color:var(--muted);}
.pricing-table{display:grid;gap:24px;} .plan{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;} .plan ul{margin:0;padding-left:18px;color:var(--muted);} .plan .price{font-size:2rem;font-weight:700;margin:0;} .plan.pro{border:2px solid var(--accent);box-shadow:0 20px 50px rgba(58,122,254,.25);}
.social-proof{background:linear-gradient(180deg,rgba(58,122,254,.08),rgba(58,122,254,0));padding:64px 20px;} .testimonials{display:grid;gap:16px;} .testimonial{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:24px;box-shadow:var(--shadow);} .testimonial blockquote{margin:0 0 12px;font-style:italic;} .testimonial figcaption{color:var(--muted);font-size:.9rem;}
.how .steps{list-style:none;padding:0;margin:0;display:grid;gap:20px;} .steps li{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);} .step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;margin-bottom:12px;}
.faq{padding-bottom:32px;} .faq-list{display:grid;gap:16px;max-width:800px;margin:0 auto;} .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);} .faq-question{width:100%;background:none;border:none;padding:20px 24px;text-align:left;font-size:1rem;font-weight:600;color:var(--fg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;} .faq-question::after{content:'+';font-size:1.25rem;color:var(--accent);} .faq-question[aria-expanded="true"]::after{content:'–';} .faq-answer{padding:0 24px 20px;color:var(--muted);overflow:hidden;transition:max-height .3s ease,padding .3s ease;}
.footer{background:#0b0b0d;color:#f5f5f7;padding:64px 20px 120px;text-align:center;} .footer .cta{margin-top:16px;} .footer-links{display:flex;justify-content:center;gap:24px;margin:32px 0;} .footer-links a{color:#c7cad1;} .small-print{color:#8f94a3;font-size:.85rem;margin:0;}
.sticky-cta{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:420px;background:var(--surface);border-radius:999px;padding:12px;box-shadow:0 18px 45px rgba(58,122,254,.35);border:1px solid var(--border);} .sticky-cta .cta{width:100%;}
@media (min-width:640px){main{gap:96px;} .hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;} .hero-actions{flex-direction:row;} .desktop-nav{display:flex;} .problem{grid-template-columns:repeat(2,minmax(0,1fr));} .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .voice{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;} .pricing-table{grid-template-columns:repeat(2,minmax(0,1fr));} .testimonials{grid-template-columns:repeat(2,minmax(0,1fr));} .how .steps{grid-template-columns:repeat(3,minmax(0,1fr));} .faq-item{border-radius:20px;}}
@media (min-width:1024px){body{font-size:18px;} section{padding:0 40px;} .hero{padding-top:120px;} .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));} .testimonials{grid-template-columns:repeat(4,minmax(0,1fr));} main{gap:120px;}}