:root{--bg: #05060f;--card: rgba(255,255,255,.035);--card-b: rgba(255,255,255,.08);--text: #f4f4ff;--muted: #9195b8;--dim: #5d6188;--brand: #7c6cff;--brand2: #22d3ee;--pink: #f472b6;--ok: #34d399;--head: "Space Grotesk", Inter, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}.narrow{max-width:780px}.center{text-align:center}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:.875rem}.section{padding:110px 20px}h1,h2,h3,h4{font-family:var(--head);letter-spacing:-.03em}h1{font-size:clamp(2.6rem,6.5vw,5rem);line-height:1.02;margin:26px 0 22px;font-weight:700}h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;margin-bottom:18px}h3{font-size:1.25rem;margin-bottom:8px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.18em;color:var(--brand2);margin-bottom:14px}.sub{margin:0 auto 36px;max-width:560px}.link{color:var(--brand2)}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.45;animation:float 22s ease-in-out infinite alternate}.b1{width:620px;height:620px;background:#5b45ff;top:-220px;left:-120px}.b2{width:520px;height:520px;background:#0ea5e9;top:10%;right:-180px;animation-delay:-7s;opacity:.3}.b3{width:480px;height:480px;background:#db2777;bottom:-200px;left:30%;animation-delay:-14s;opacity:.22}@keyframes float{to{transform:translate(120px,90px) scale(1.15)}}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 80%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:.2s;font-family:inherit;color:inherit;background:none}.btn-lg{padding:15px 28px;font-size:1.02rem}.btn-block{display:flex;width:100%}.btn-primary{background:linear-gradient(135deg,#8b7bff,#6246ff);color:#fff;box-shadow:inset 0 1px #ffffff40}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.glow{box-shadow:0 0 0 1px #8b7bff80,0 10px 40px -6px #7c6cffcc,inset 0 1px #ffffff40}.btn-glass{background:#ffffff0f;border-color:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:#ffffff1a;border-color:#ffffff40}.btn-ghost:hover{color:var(--brand2)}.btn-light{background:#fff;color:#170f4d}.btn-light:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ffffff4d}.arr{transition:transform .2s}.btn:hover .arr,.pill:hover .arr{transform:translate(3px)}.nav{position:sticky;top:0;z-index:50;transition:.3s;border-bottom:1px solid transparent}.nav.scrolled{background:#05060fb8;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom-color:var(--card-b)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;font-family:var(--head)}.logo-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:conic-gradient(from 200deg,var(--brand),var(--brand2),var(--pink),var(--brand));color:#fff;box-shadow:0 4px 20px #7c6cff80}.nav-links{display:flex;gap:6px;padding:5px;border-radius:14px;background:#ffffff0a;border:1px solid var(--card-b)}.nav-links a{padding:6px 14px;border-radius:9px;color:var(--muted);font-size:.92rem;font-weight:500;transition:.2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-cta{display:flex;gap:6px;align-items:center}.burger{display:none;background:none;border:0;color:var(--text);font-size:1.4rem;cursor:pointer;padding:4px 8px}.hero{padding:70px 0 40px}.pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;font-size:.88rem;color:#d6d3ff;background:#7c6cff1f;border:1px solid rgba(124,108,255,.35)}.pill-tag{background:var(--brand);color:#fff;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px}.rotator{display:inline-block;background:linear-gradient(90deg,#a99cff,var(--brand2) 50%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;transition:.35s}.rotator.out{opacity:0;transform:translateY(18px);filter:blur(6px)}.caret{color:var(--brand2);font-weight:300;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lead{font-size:1.2rem;color:var(--muted);max-width:680px;margin:0 auto}.lead b{color:var(--text)}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:36px 0 26px}.trust{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.trust b{color:#fbbf24;letter-spacing:2px}.avatars{display:flex}.avatars i,cite i{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px;background:linear-gradient(135deg,hsl(var(--h) 80% 65%),hsl(calc(var(--h) + 40) 80% 45%))}.avatars i:first-child{margin-left:0}.app-shot{position:relative;margin:70px auto 0;max-width:1040px;border-radius:18px;background:linear-gradient(180deg,#14162de6,#0a0b19f2);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #7c6cff26,0 50px 120px -20px #5b45ff73,0 30px 60px #0009;transform:perspective(1400px) rotateX(8deg);transition:transform .25s ease-out}.app-shot:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:18px;padding:1px;background:linear-gradient(180deg,rgba(169,156,255,.6),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.shot-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--card-b)}.shot-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.shot-bar i:nth-child(2){background:#febc2e}.shot-bar i:nth-child(3){background:#28c840}.shot-bar span{margin:0 auto;font-size:.75rem;color:var(--dim);background:#ffffff0a;padding:3px 40px;border-radius:6px}.shot-body{display:flex;min-height:400px}.shot-side{width:62px;padding:16px 12px;border-right:1px solid var(--card-b);display:flex;flex-direction:column;gap:10px;align-items:center}.s-logo{width:30px;height:30px;border-radius:9px;background:conic-gradient(var(--brand),var(--brand2),var(--pink),var(--brand));margin-bottom:8px}.shot-side b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:.95rem;filter:grayscale(.6);opacity:.6}.shot-side b.on{background:#7c6cff33;filter:none;opacity:1;box-shadow:inset 0 0 0 1px #7c6cff80}.shot-main{flex:1;padding:22px;display:flex;flex-direction:column;gap:16px;text-align:left}.shot-head{display:flex;justify-content:space-between;align-items:center}.shot-head small{color:var(--muted)}.shot-head h4{font-size:1.2rem}.live{font-size:.78rem;color:var(--ok);display:flex;align-items:center;gap:6px;background:#34d3991a;padding:4px 10px;border-radius:999px}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d399b3}to{box-shadow:0 0 0 9px #34d39900}}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis div,.panel{background:#ffffff09;border:1px solid var(--card-b);border-radius:12px;padding:14px}.kpis div{display:flex;flex-direction:column}.kpis small,.panel small{color:var(--muted);font-size:.74rem}.kpis strong{font-size:1.45rem;font-family:var(--head)}.kpis em{color:var(--ok);font-style:normal;font-size:.74rem}.shot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;flex:1}.spark{width:100%;height:auto;margin-top:10px}.spark .line{stroke-dasharray:420;stroke-dashoffset:420;animation:draw 2.4s .4s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.chat-panel{display:flex;flex-direction:column;gap:7px;font-size:.78rem}.chat-panel p,.phone-body p{padding:8px 12px;border-radius:14px;max-width:85%}.in{background:#ffffff12;align-self:flex-start;border-bottom-left-radius:4px!important}.out{background:linear-gradient(135deg,#8b7bff,#6246ff);align-self:flex-end;border-bottom-right-radius:4px!important}.sys{align-self:center;background:#34d3991f;color:var(--ok);font-size:.74rem;border:1px solid rgba(52,211,153,.3)}.float{position:absolute;padding:10px 16px;border-radius:12px;font-size:.85rem;font-weight:600;background:#14162dd9;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000080;animation:bob 5s ease-in-out infinite;white-space:nowrap}.f1{left:-40px;top:34%}.f2{right:-36px;bottom:18%;animation-delay:-2.5s}@keyframes bob{50%{transform:translateY(-12px)}}.marquee-wrap{padding:70px 0 10px}.marquee{overflow:hidden;margin-top:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.track{display:flex;gap:64px;width:max-content;animation:scroll 32s linear infinite}.track span{font-family:var(--head);font-size:1.35rem;font-weight:600;color:#4f5379;white-space:nowrap}@keyframes scroll{to{transform:translate(-50%)}}.card,.plan,blockquote{position:relative;background:var(--card);border:1px solid var(--card-b);border-radius:20px;overflow:hidden}.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(124,108,255,.16),transparent 50%)}.spot:hover:after{opacity:1}.spot:hover{border-color:#7c6cff59}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.card{padding:28px;transition:border-color .3s}.card p{color:var(--muted);font-size:.95rem}.card.big{grid-row:span 2;background:linear-gradient(160deg,#7c6cff33,#ffffff05 60%)}.card.big h3{font-size:1.8rem;line-height:1.15;margin:10px 0 14px}.card.wide{grid-column:1 / -1}.tag{display:inline-block;font-size:.78rem;font-weight:600;color:#cfcaff;background:#7c6cff24;border:1px solid rgba(124,108,255,.3);padding:4px 10px;border-radius:999px;margin-bottom:14px}.typing-demo{margin-top:34px;display:inline-flex;align-items:center;gap:5px;padding:12px 16px;border-radius:14px;background:#ffffff0f}.typing-demo em{font-style:normal;color:var(--muted);font-size:.85rem;margin-left:8px}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5;display:inline-block;animation:dot 1.2s infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes dot{30%{transform:translateY(-4px);opacity:1}}.flow{display:flex;align-items:center;margin-top:22px}.flow span{font-size:.75rem;font-weight:600;padding:8px 10px;border-radius:10px;background:#22d3ee1a;border:1px solid rgba(34,211,238,.35);color:#a5f3fc;white-space:nowrap}.flow i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--brand2) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1s linear infinite}@keyframes dash{to{background-position:24px 0}}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.kanban div{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:10px;background:#ffffff08}.kanban b{height:22px;border-radius:6px;background:#ffffff17}.kanban b.won{background:linear-gradient(90deg,var(--ok),#10b981)}.stars-big{font-size:2rem;color:#fbbf24;letter-spacing:4px;margin:8px 0;text-shadow:0 0 24px rgba(251,191,36,.5)}.bars{display:flex;flex-direction:column;gap:8px;margin-top:16px}.bars span{font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:7px;width:var(--w);min-width:90px;background:linear-gradient(90deg,#f472b673,#7c6cff73);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{font-size:.82rem;padding:6px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--card-b)}.demo-grid{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}.checks{list-style:none;margin:26px 0 30px;display:flex;flex-direction:column;gap:12px}.checks li:before,.plan li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#34d39926;color:var(--ok);font-size:.7rem;font-weight:800;margin-right:12px}.phone{border-radius:32px;padding:10px;background:linear-gradient(160deg,#2a2d55,#0d0e1f);box-shadow:0 40px 100px -20px #5b45ff80,inset 0 0 0 1px #ffffff1f}.phone-head{display:flex;align-items:center;gap:12px;padding:16px;border-radius:24px 24px 0 0;background:#ffffff0a;border-bottom:1px solid var(--card-b)}.phone-head .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2))}.phone-head small{display:block;color:var(--ok);font-size:.75rem}.phone-body{height:430px;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:10px;font-size:.9rem;background:#07081a;border-radius:0 0 24px 24px;scrollbar-width:none}.phone-body p{animation:pop .35s cubic-bezier(.2,.9,.3,1.3)}.phone-body .typing{display:flex;gap:4px;padding:13px 16px;width:fit-content}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.95)}}.savings{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:50px;border-radius:28px;background:linear-gradient(135deg,#7c6cff1f,#22d3ee0d);border:1px solid var(--card-b)}.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.tool{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--card-b);background:#ffffff08;cursor:pointer;transition:.2s;font-size:.92rem}.tool input{accent-color:var(--brand);width:16px;height:16px}.tool span{flex:1}.tool b{color:var(--muted);font-weight:500}.tool.on{border-color:#7c6cff80;background:#7c6cff1a}.tool.on b{color:var(--pink);text-decoration:line-through}.save-box{padding:32px;border-radius:20px;background:#05060f99;border:1px solid var(--card-b);display:flex;flex-direction:column;gap:4px}.save-box small{color:var(--muted)}.old{font-family:var(--head);font-size:1.8rem;color:var(--pink);text-decoration:line-through;margin-bottom:10px}.new{font-family:var(--head);font-size:1.8rem}.divider{height:1px;background:var(--card-b);margin:18px 0}.saved{font-family:var(--head);font-size:3.4rem;font-weight:700;line-height:1;margin-bottom:22px;background:linear-gradient(90deg,var(--ok),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.toggle{position:relative;display:flex;margin:0 auto 50px;background:#ffffff0d;border:1px solid var(--card-b);border-radius:14px;padding:4px;width:fit-content}.toggle button{position:relative;z-index:1;width:130px;background:none;border:0;color:var(--muted);padding:9px 0;font:inherit;font-weight:600;cursor:pointer;transition:color .3s}.toggle button.active{color:#fff}.toggle em{font-style:normal;font-size:.72rem;color:var(--ok);margin-left:4px}.slider{position:absolute;top:4px;left:4px;width:130px;bottom:4px;border-radius:10px;background:linear-gradient(135deg,#8b7bff,#6246ff);transition:transform .35s cubic-bezier(.4,1.4,.6,1)}.toggle.yearly .slider{transform:translate(130px)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin-bottom:30px}.plan{padding:34px 30px;overflow:visible}.plan.featured{background:linear-gradient(180deg,#7c6cff2e,#ffffff08);border:1px solid rgba(139,123,255,.6);box-shadow:0 30px 80px -20px #7c6cff8c;transform:translateY(-12px)}.badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--brand),var(--pink));padding:5px 14px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.price{margin-top:22px;display:flex;align-items:flex-start}.price sup{font-size:1.4rem;margin-top:10px;color:var(--muted)}.price span{font-family:var(--head);font-size:3.6rem;font-weight:700;line-height:1}.plan .btn{margin:24px 0}.plan ul{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:.93rem}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}blockquote{padding:30px;font-size:1.05rem;line-height:1.65}blockquote:before{content:"“";display:block;font-family:Georgia,serif;font-size:3.5rem;line-height:.6;color:var(--brand);margin-bottom:12px}cite{display:flex;align-items:center;gap:12px;margin-top:22px;font-style:normal;font-size:.85rem;color:var(--muted)}cite i{margin:0;width:40px;height:40px}cite b{display:block;color:var(--text)}.faq{margin-top:40px;display:flex;flex-direction:column;gap:10px}details{width:100%;background:var(--card);border:1px solid var(--card-b);border-radius:14px;padding:20px 24px;transition:.2s}details[open]{border-color:#7c6cff66;background:#7c6cff0f}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--brand2);font-size:1.4rem;line-height:1;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);margin-top:12px}.final-cta{position:relative;overflow:hidden;text-align:center;padding:90px 30px;border-radius:32px;background:linear-gradient(135deg,#4c35ff,#7c3aed 45%,#db2777)}.final-cta h2{max-width:760px;margin:0 auto;position:relative}.final-cta p{margin:16px 0 32px;opacity:.85;font-size:1.15rem;position:relative}.final-cta .btn{position:relative}.cta-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at 50% 120%,rgba(34,211,238,.6),transparent 60%),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/40px 40px}.footer{border-top:1px solid var(--card-b);padding:44px 0}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}.foot-links{display:flex;gap:24px;color:var(--muted)}.foot-links a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(28px);filter:blur(4px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}.reveal.in{opacity:1;transform:none;filter:none}.app-shot.reveal.in{transform:perspective(1400px) rotateX(8deg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}}@media (max-width: 960px){.bento,.plans,.quotes,.demo-grid,.savings{grid-template-columns:1fr}.card.big{grid-row:auto}.card.wide{grid-column:auto}.plan.featured{transform:none}.kpis{grid-template-columns:repeat(2,1fr)}.shot-grid{grid-template-columns:1fr}.float{display:none}.demo-grid{gap:40px}.phone{max-width:420px;width:100%;margin:0 auto}.savings{padding:26px;gap:30px}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;flex-direction:column;background:#0a0b19f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-cta .btn-ghost{display:none}.burger{display:block}.section{padding:72px 16px}.wrap{padding:0 16px}}@media (max-width: 560px){.tools{grid-template-columns:1fr}.shot-side,.nav-cta .btn-primary{display:none}.toggle button,.slider{width:115px}.toggle.yearly .slider{transform:translate(115px)}}