*{box-sizing:border-box}body{margin:0;background:#f7f6fc;color:#17152b;font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:850;display:flex;gap:9px;align-items:center;color:#4a3fc4;text-decoration:none}.brand img{width:36px;height:44px}nav{display:flex;gap:24px}a{color:#4a3fc4}section{padding:52px 0}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.eyebrow{color:#6c5ce7;font-size:13px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(34px,4.2vw,55px);line-height:1.12;letter-spacing:-1.6px;margin:20px 0}h2{font-size:32px;line-height:1.2}h3{font-size:21px;line-height:1.3}.lead{font-size:20px;color:#514d65;max-width:620px}.button{display:inline-block;border:0;border-radius:14px;background:#6c5ce7;color:white;padding:17px 24px;text-decoration:none;font-weight:750;margin-top:12px}.button:hover{background:#4a3fc4}.button.ghost{background:#efecfd;color:#4a3fc4;margin-right:10px}.button.ghost:hover{background:#e2ddf5}.fine{font-size:14px;color:#645e77}.hero-art{background:#efecfd;border-radius:48% 48% 30% 30%;padding:25px;text-align:center}.hero-art img{width:72%;max-height:300px}.bubble{background:white;padding:18px;border-radius:18px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{padding:27px;background:white;border:1px solid #e7e2fa;border-radius:20px}article b{color:#ff9f43;font-size:28px}article p{color:#645e77}.demo{display:grid;grid-template-columns:1fr 300px;gap:65px;align-items:center;border-block:1px solid #e2ddf5}video{width:100%;max-height:500px;background:#efecfd;border-radius:22px}.faq{max-width:850px}details{border-bottom:1px solid #ddd5f2;padding:18px 0}summary{font-weight:700;cursor:pointer}details p{color:#645e77}.last{text-align:center;background:#efecfd;border-radius:25px;padding:35px;margin:20px 0}footer{font-size:13px;color:#645e77}@media(max-width:700px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;gap:20px}.hero-art{display:none}section{padding:32px 0}.steps,.demo{grid-template-columns:1fr}.demo{gap:20px}.demo video{max-width:280px;margin:auto}.button{width:100%;text-align:center}h2{font-size:27px}nav{gap:15px;font-size:14px}}