*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171922;font:16px/1.5 Outfit,sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%}.logo{font-size:25px;font-weight:800;letter-spacing:-1px}.logo span,em{color:#7239dd}em{font-style:normal;background:linear-gradient(90deg,#7239dd,#a94fcf,#35b9ae);background-clip:text;-webkit-background-clip:text;color:transparent}nav{height:72px;padding:0 max(24px,calc((100% - 1232px)/2));position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;transition:.3s}nav.solid{background:#fffffff0;backdrop-filter:blur(15px);border-bottom:1px solid #e5e5e8}.links{display:flex;gap:32px;color:#6e7079;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 25px;border-radius:999px;font-weight:600;font-size:14px}.purple{background:#7239dd;color:#fff;box-shadow:0 12px 28px #7239dd33}.dark{background:#181a21;color:#fff}.outline{border:2px solid #dddfe4}.big{min-height:56px;padding:0 38px;font-size:16px}#menu,.mobile{display:none}.hero{text-align:center;padding:165px 24px 125px;overflow:hidden;background:radial-gradient(circle at 80% 85%,#d9cbf088,transparent 28%),radial-gradient(circle at 15% 85%,#bceceb77,transparent 28%),linear-gradient(0deg,#f6edfa,transparent 55%)}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.08;letter-spacing:-3px;margin:0;font-weight:800}.hero>p,.head p{color:#6d707b;font-size:18px;max-width:700px;margin:23px auto}.mock{position:relative;max-width:1024px;height:500px;margin:65px auto 0;border:1px solid #ddd;border-radius:18px;box-shadow:0 30px 60px #7239dd1d}.mock>img{height:100%;object-fit:cover;border-radius:18px}.mock aside{position:absolute;top:33%;right:-25px;width:225px;padding:15px;display:grid;grid-template-columns:45px 1fr;background:white;border:1px solid #ddd;border-radius:13px;box-shadow:0 15px 35px #2222;text-align:left}.mock aside>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#35b9ae22;color:#2ba79d}.mock span>*{display:block;font-size:12px}.mock small{color:#777}.mock i{grid-column:1/-1;height:6px;background:linear-gradient(90deg,#7239dd 75%,#eee 75%);border-radius:5px;margin-top:10px}section,footer{padding:112px max(24px,calc((100% - 1232px)/2))}.soft{background:#f8f8fa}.head{text-align:center;max-width:840px;margin:0 auto 64px}.head h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-2px;margin:0}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.photos figure{position:relative;aspect-ratio:3/4;margin:0;border-radius:18px;overflow:hidden}.photos figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c)}.photos img{height:100%;object-fit:cover;transition:.5s}.photos figure:hover img{transform:scale(1.07)}.photos b{position:absolute;z-index:1;left:17px;bottom:15px;color:#fff;font-size:18px}.center{text-align:center;margin-top:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards article,.mini article,.prices article{padding:32px;border:1px solid #e4e5e8;border-radius:28px;background:#fff}.cards i,.transfer i{width:55px;height:55px;display:grid;place-items:center;background:#fff;color:#7239dd;border-radius:16px;box-shadow:0 3px 12px #2221;font-style:normal;font-size:25px}.cards h3{font-size:24px;margin:20px 0 8px}.cards p,.mini p,.transfer p{color:#6d707b}.tint.violet{background:#f6f0fd}.tint.aqua{background:#ecfaf8}.tint.peach{background:#fff5e9}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:75px;color:#7239dd;font-size:22px}.mini h4{color:#171922;margin:10px 0 2px;font-size:16px}.mini p{font-size:14px;margin:0}.prices{max-width:770px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.prices article>strong{font-size:40px;display:block;margin-top:12px}.prices small,.addon small{font-size:13px;color:#777;font-weight:400}.prices article>p{color:#777;font-size:14px;margin:0}.prices ul{list-style:none;padding:0;margin:28px 0}.prices li{margin:11px 0;padding-left:25px;font-size:14px}.prices li:before{content:'✓';color:#7239dd;font-weight:bold;margin-left:-25px;margin-right:12px}.prices .btn{width:100%}.addon{max-width:770px;margin:24px auto 0;padding:22px;display:flex;gap:20px;align-items:center;border:1px solid #7239dd55;background:#7239dd0b;border-radius:25px}.addon>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#7239dd1b;color:#7239dd;font-size:24px}.addon span{flex:1}.addon p{margin:3px 0;color:#777;font-size:14px}.addon span small{color:#7239dd;background:#7239dd18;padding:5px 10px;border-radius:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.steps i{width:80px;height:80px;display:grid;place-items:center;margin:auto;border:1px solid #ddd;border-radius:18px;background:#fff;color:#7239dd;font-size:25px;font-style:normal}.steps small,.transfer small{display:block;color:#888;letter-spacing:2px;font-weight:bold;margin:15px 0 4px}.steps h3{margin:0}.steps p{font-size:14px;color:#6d707b}.transfer{max-width:1024px;margin:auto}.transfer h3{font-size:18px}.transfer p{font-size:14px}.cta{text-align:center;padding:80px 30px;border-radius:32px;background:radial-gradient(circle at 90% 0,#7239dd77,transparent 35%),radial-gradient(circle at 10% 100%,#35b9ae66,transparent 30%),#171920;color:#fff}.cta h2{font-size:48px;margin:0}.cta p{color:#ffffffb3;font-size:18px;max-width:600px;margin:12px auto 35px}.light{background:#fff}.ghost{border:2px solid #ffffff44;color:#fff;margin-left:10px}footer{background:#fafafa;border-top:1px solid #e5e5e8;padding-bottom:100px}footer>p{color:#777;font-size:14px;max-width:330px}footer>div{border-top:1px solid #ddd;margin-top:55px;padding-top:28px;display:flex;justify-content:space-between;color:#777;font-size:14px}footer aside{display:flex;gap:25px}.fixed{position:fixed;z-index:19;bottom:22px;left:50%;transform:translateX(-50%);width:min(385px,calc(100% - 32px))}.fixed .btn{width:100%;height:52px}
@media(max-width:900px){.links,nav>.btn{display:none}#menu{display:block;border:0;background:none;font-size:25px}.mobile.open{position:fixed;z-index:19;top:72px;display:flex;flex-direction:column;gap:15px;padding:20px 24px;background:#fff;width:100%;border-bottom:1px solid #ddd}.photos{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.mini{grid-template-columns:1fr 1fr}.mock aside{display:none}}
@media(max-width:620px){section,footer{padding:80px 16px}.hero{padding:125px 16px 85px}.hero h1{font-size:40px;letter-spacing:-2px}.mock{height:320px;margin-top:45px}.photos{gap:12px}.mini,.prices,.steps{grid-template-columns:1fr}.mini{margin-top:30px}.addon{flex-wrap:wrap}.cta{padding:55px 20px}.cta h2{font-size:35px}.cta .btn{width:100%;margin:5px 0}.ghost{margin-left:0}footer>div{flex-direction:column;gap:18px}}

.nav-actions{display:flex;align-items:center;gap:18px}.login{font-size:14px;font-weight:600;color:#555966;transition:.2s}.login:hover{color:#7239dd}
@media(max-width:900px){.nav-actions{display:none}.mobile-login{padding-top:14px;border-top:1px solid #e5e5e8;font-weight:600;color:#7239dd}.mobile .btn{width:100%}}