:root{--g:#222423;--ink:#222423;--o:#a71be8;--lime:#baff4a;--cream:#f5f7f3;--mint:#ebfff4;--line:#e5e8e4;--sans:Poppins,Manrope,sans-serif}
body{background:#fff;color:var(--ink);font-family:var(--sans)}
.promo{min-height:43px;background:linear-gradient(90deg,#39c7df,#38e77a);display:flex;align-items:center;justify-content:center;gap:22px;padding:7px 22px;font-size:12px;font-weight:700}.promo a{background:var(--lime);padding:7px 17px;border-radius:999px;font-size:10px;font-weight:800}
header{top:43px;height:92px;background:#fffffff2;border-bottom:0;padding:0 max(4vw,30px)}
.brand{font-size:16px;font-weight:700}.brand i{background:var(--lime);color:#111;border-radius:12px;width:48px;height:48px;font:800 23px var(--sans)}
nav{gap:34px;font-size:12px}nav a{font-weight:700}.btn,.small{background:var(--o);border-radius:10px;padding:14px 24px;font-size:11px;box-shadow:0 8px 22px #a71be82e}.small{background:var(--lime);color:#171717;box-shadow:none}
.hero{display:flex;flex-direction:column;text-align:center;min-height:auto;padding:78px max(5vw,25px) 90px;background:radial-gradient(circle at 16% 20%,#dcfff0 0,transparent 28%),radial-gradient(circle at 86% 18%,#f5e5ff 0,transparent 25%),#fff;gap:34px}.hero>div:first-child{max-width:1050px;margin:auto}.tag{font-size:11px;letter-spacing:.05em;color:#303431;text-transform:none;background:#eefff3;border:1px solid #d7f5e1;display:inline-flex;padding:8px 14px;border-radius:999px}.hero h1{font:800 clamp(48px,6.2vw,86px)/1.06 var(--sans);letter-spacing:-.055em;margin:23px 0;color:#242625}.hero h1 em{font-style:normal;color:var(--o)}.lead{max-width:900px;margin:auto;font-size:17px;color:#535956}.actions{justify-content:center;margin-top:30px}.actions .btn{font-size:14px;padding:17px 30px}.actions .link{font-size:12px;background:#f2f3f2;border-radius:10px;padding:17px 25px}.trust{justify-content:center;font-size:10px;gap:27px}.visual{width:min(970px,92vw);height:500px;border-radius:28px;background:linear-gradient(135deg,#dcfff1,#f4e7ff);box-shadow:0 30px 80px #3325471a;border:1px solid #e6e9e5}.phone{width:255px;height:515px;border-color:#1d211f;box-shadow:0 28px 70px #1f29371f}.notice{font-size:9px;padding:15px 20px}.one{left:12%;top:20%}.two{right:12%;bottom:20%}
.bar{background:#f1f7f3;color:#303531;border-top:1px solid #e7ece8;border-bottom:1px solid #e7ece8;min-height:86px;font-size:9px}.bar span::first-letter{color:var(--o)}
.section{padding:110px max(6vw,34px)}.heading{margin-left:auto;margin-right:auto;text-align:center;max-width:900px}.heading .tag{background:#f3f0ff;border-color:#ece5ff;color:#7d26a8}.heading h2,.cta h2{font:800 clamp(40px,4.8vw,68px)/1.08 var(--sans);letter-spacing:-.05em}.heading h2 em,.cta h2 em{font-style:normal;color:var(--o)}.heading>p:last-of-type{margin-left:auto;margin-right:auto;font-size:14px}
.features{max-width:1160px;margin:auto;gap:20px}.features article{border-radius:22px;border-color:#e7e9e6;box-shadow:0 14px 38px #1f293708;padding:42px}.features .wide{background:linear-gradient(145deg,#f5fff1,#edfff8)}.features article>i{background:var(--lime);color:#171917;border-radius:12px}.features h3{font:700 25px var(--sans);letter-spacing:-.035em}.features p{font-size:12px}.features article>span{font:800 30px var(--sans);color:#d9dfda}.mock{border-radius:18px 18px 0 0}
.demo{background:#1e2020}.light .tag{background:#313534;border-color:#444846;color:var(--lime)}.light h2 em{color:var(--lime)}.demo-box{max-width:1100px;margin:auto;border-radius:24px;background:#292c2b;border-color:#414643}.tabs{border-color:#414643}.tabs .active{background:var(--lime);color:#171917}.demo-content h3{font:700 35px var(--sans);letter-spacing:-.035em}.advance{background:var(--o);color:white;padding:12px 18px}
.billing{background:#f0f2ef;border-radius:999px}.billing button{border-radius:999px}.billing .active{background:var(--lime)}.plans{max-width:1200px;margin:auto;gap:16px}.plans article{border-radius:20px;padding:32px 24px}.plans .popular{border:2px solid var(--o);box-shadow:0 20px 45px #a71be817}.plans label{background:var(--o);font-size:8px}.plans h3{font:700 25px var(--sans)}.price b{font:800 34px var(--sans)}.plans article>a{border-radius:10px;font-size:9px;padding:12px}.plans .solid{background:var(--o);border-color:var(--o)}
.faq{background:#f4f7f3}.faq .heading{text-align:left}.questions summary{font-size:12px}.questions details{background:white;border:1px solid #e3e7e3;border-radius:12px;padding:18px 20px;margin:10px 0}.questions summary:after{color:var(--o)}
.cta{background:linear-gradient(115deg,#36cddd,#3be57c);color:#16211c;padding-top:85px;padding-bottom:85px}.cta h2{font-size:clamp(38px,4.3vw,62px)}.cta h2 em{color:#6c1596}.cta .tag{background:#ffffff7a;border-color:#ffffff90;color:#173128}.pale{background:var(--o);color:white;font-size:12px;padding:16px 24px}
footer{background:#1e2020}.reveal{transform:translateY(14px)}
@media(max-width:920px){header{top:43px}nav{top:92px}.hero{padding-top:58px}.visual{height:470px}.features{grid-template-columns:1fr}.faq .heading{text-align:center}.plans{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.promo{justify-content:space-between;font-size:9px;gap:8px}.promo a{font-size:8px;padding:6px 10px}header{top:43px;height:76px;padding:0 18px}.brand i{width:40px;height:40px}.brand b{display:none}nav{top:76px}.hero{padding:48px 19px 70px}.hero h1{font-size:42px}.lead{font-size:14px}.actions,.trust{align-items:stretch}.actions{gap:10px}.trust{gap:7px}.visual{height:410px;width:100%;border-radius:20px}.phone{transform:translate(-50%,-50%) scale(.75)}.notice{display:none}.bar{gap:10px}.section{padding:78px 20px}.features article{padding:28px}.plans{grid-template-columns:1fr}.faq{padding-left:18px;padding-right:18px}.cta{padding:65px 20px}}
