:root{--bg: #0A0E27;--bg2: #0E1433;--card: rgba(255, 255, 255, .04);--card-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--white: #EDEFF7;--muted: #9AA3C0;--dim: #6B7394;--cian: #22D3EE;--violeta: #8B5CF6;--magenta: #EC4899;--wa: #25D366;--fb: #4B8BFF;--display: "Baloo 2", system-ui, sans-serif;--body: "Nunito Sans", system-ui, sans-serif;--r: 14px;--rl: 22px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 85% -10%,rgba(139,92,246,.16),transparent 60%),radial-gradient(700px 420px at -10% 30%,rgba(34,211,238,.1),transparent 55%),radial-gradient(800px 500px at 60% 110%,rgba(236,72,153,.1),transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--display);line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#8b5cf673}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0e27b8;border-bottom:1px solid var(--border)}.header-in{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1120px;margin:0 auto}.logo{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.02em}.logo em{font-style:normal;background:linear-gradient(90deg,var(--cian),var(--violeta),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:26px;align-items:center;font-size:14px;color:var(--muted)}.nav a:hover{color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;font-family:var(--display);font-size:15px;padding:12px 26px;border:none;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{color:#fff;background:linear-gradient(90deg,var(--violeta),#6D5AE0 55%,var(--cian));box-shadow:0 8px 28px #8b5cf659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #8b5cf673}.btn-ghost{color:var(--white);background:var(--card);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--card-strong)}.btn:focus-visible{outline:2px solid var(--cian);outline-offset:3px}.hero{padding:84px 0 72px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:999px;padding:6px 16px;font-size:13px;color:var(--muted);margin-bottom:22px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cian);box-shadow:0 0 10px var(--cian)}.hero h1{font-size:clamp(38px,5.2vw,58px);font-weight:800;margin-bottom:18px}.hero h1 .grad{background:linear-gradient(90deg,var(--cian),var(--violeta) 55%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--muted);font-size:18px;max-width:480px;margin-bottom:30px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.hero-pills{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}.pill .ch{width:8px;height:8px;border-radius:50%}.inbox{background:linear-gradient(180deg,#ffffff0e,#ffffff05);border:1px solid var(--border-strong);border-radius:var(--rl);box-shadow:0 30px 80px #00000073;overflow:hidden}.inbox-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:#ffffff08}.inbox-dots{display:flex;gap:6px}.inbox-dots span{width:9px;height:9px;border-radius:50%}.inbox-title{font-size:12px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}.inbox-body{padding:20px 18px 24px;min-height:380px;display:flex;flex-direction:column;gap:12px}.msg{max-width:82%;border-radius:16px;padding:11px 15px;font-size:14px;line-height:1.45;animation:msgIn .45s cubic-bezier(.2,.9,.3,1.2) both;border:1px solid var(--border);background:var(--card-strong)}.msg .who{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:4px;font-weight:700;letter-spacing:.03em}.msg .who .ch{width:7px;height:7px;border-radius:50%}.msg.sofia{align-self:flex-end;background:linear-gradient(135deg,#8b5cf647,#22d3ee29);border-color:#8b5cf673}.msg.sofia .who{color:#c4b5fd}@keyframes msgIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.typing{display:inline-flex;gap:4px;padding:4px 2px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}@media(prefers-reduced-motion:reduce){.msg{animation:none}.typing span{animation:none;opacity:.6}html{scroll-behavior:auto}}.section{padding:76px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;margin-bottom:12px}.section-head p{color:var(--muted);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:26px 24px}.step .ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.step h3{font-size:19px;font-weight:700;margin-bottom:8px}.step p{color:var(--muted);font-size:14.5px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:30px 26px;display:flex;flex-direction:column;position:relative}.plan.featured{background:linear-gradient(180deg,#8b5cf624,#ffffff08);border-color:#8b5cf68c;box-shadow:0 24px 60px #8b5cf638}.plan .tag{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--violeta),var(--cian));color:#fff;font-family:var(--display);font-weight:700;font-size:12px;padding:5px 16px;border-radius:999px;letter-spacing:.04em}.plan h3{font-size:21px;font-weight:800;margin-bottom:4px}.plan .desc{color:var(--muted);font-size:13.5px;margin-bottom:18px}.plan .price{font-family:var(--display);font-weight:800;font-size:42px}.plan .price small{font-size:15px;color:var(--muted);font-weight:600}.plan .per{color:var(--dim);font-size:13px;margin-bottom:22px}.plan ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px;flex:1}.plan li{display:flex;gap:10px;font-size:14.5px;color:var(--white);align-items:baseline}.plan li.off{color:var(--dim)}.plan li .tick{color:var(--cian);font-weight:800}.plan li.off .tick{color:var(--dim)}.plan li .soon{font-size:10.5px;color:var(--magenta);border:1px solid rgba(236,72,153,.4);border-radius:999px;padding:1px 8px;margin-left:4px;white-space:nowrap}.plan .btn{width:100%}.plans-note{text-align:center;color:var(--dim);font-size:13px;margin-top:22px}.faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:4px 22px}.faq-item summary{font-family:var(--display);font-weight:700;font-size:16px;padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--cian);font-size:20px}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--muted);font-size:14.5px;padding-bottom:18px}.cta{text-align:center;background:linear-gradient(135deg,#8b5cf629,#22d3ee14);border:1px solid rgba(139,92,246,.4);border-radius:26px;padding:60px 30px}.cta h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin-bottom:12px}.cta p{color:var(--muted);margin-bottom:28px}.footer{border-top:1px solid var(--border);padding:30px 0 40px;margin-top:40px;color:var(--dim);font-size:13.5px}.footer-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.steps,.plans{grid-template-columns:1fr}.plan.featured{order:-1}.nav{display:none}.hero{padding:56px 0 48px}.section{padding:56px 0}}
