:root{--purple:#6d28d9;--dark:#111827;--muted:#64748b;--line:#e5e7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.marketing-head{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;display:grid;place-items:center;font-style:normal}.brand span{display:grid}.brand small{font-size:8px;color:var(--purple);letter-spacing:.08em}.marketing-head nav{display:flex;align-items:center;gap:24px}.marketing-head nav a{text-decoration:none;font-size:14px;font-weight:650}.button,.primary{background:var(--purple)!important;color:#fff!important;border-radius:11px;padding:13px 18px;text-decoration:none;font-weight:850}.hero{min-height:600px;padding:70px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:62px;background:radial-gradient(circle at 12% 10%,#ede9fe,transparent 38%),linear-gradient(135deg,#fbfbff,#f5f3ff)}.hero>div>small,.features>header small,.showcase small{color:var(--purple);font-weight:900;letter-spacing:.12em;font-size:11px}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-2.4px;margin:17px 0}.hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:11px;margin:28px 0}.hero-actions>a:not(.primary){padding:13px 18px;border:1px solid #cbd5e1;border-radius:11px;text-decoration:none;font-weight:800;background:#fff}.hero ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;color:#15803d;font-size:13px;font-weight:750}.hero picture{display:block;padding:10px;background:#15152e;border-radius:28px;box-shadow:0 35px 80px #31156b30;transform:rotate(1deg)}.hero img{display:block;width:100%;height:auto;border-radius:20px}.features{max-width:1180px;margin:auto;padding:90px 20px}.features>header{text-align:center;max-width:760px;margin:auto}.features h2,.showcase h2,.segments h2,.faq h2,.final-cta h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.features>header p,.showcase p,.final-cta p{color:var(--muted);line-height:1.7}.features>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.features article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px #0f172a08}.features article i{width:42px;height:42px;display:grid;place-items:center;background:#ede9fe;color:var(--purple);border-radius:12px;font-style:normal;font-weight:900}.features article h3{margin:18px 0 8px}.features article p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;max-width:1180px;margin:0 auto 90px;padding:50px;background:#11162e;color:#fff;border-radius:28px}.showcase p{color:#cbd5e1}.showcase a{display:inline-block;margin-top:10px;color:#c4b5fd;font-weight:850}.showcase img{width:100%;height:auto;border-radius:18px}.segments,.faq{max-width:1180px;margin:auto;padding:30px 20px 90px}.segments>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.segments a{display:grid;gap:5px;padding:22px;border:1px solid var(--line);border-radius:16px;text-decoration:none}.segments a:hover{border-color:#8b5cf6;background:#faf5ff}.segments span{color:var(--muted);font-size:13px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:850;cursor:pointer}.faq p{color:var(--muted);line-height:1.65}.final-cta{text-align:center;padding:70px 20px;background:linear-gradient(135deg,#25134e,#6d28d9);color:#fff}.final-cta p{color:#ddd6fe}.final-cta a{display:inline-block;margin-top:15px;padding:15px 21px;background:#fff;color:#5b21b6;border-radius:11px;text-decoration:none;font-weight:900}body>footer{max-width:1180px;margin:auto;padding:55px 20px 30px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}body>footer p{color:var(--muted);font-size:13px}body>footer nav{display:grid;align-content:start;gap:10px}body>footer nav a{font-size:13px;color:var(--muted);text-decoration:none}body>footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}@media(max-width:800px){.marketing-head nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:40px}.hero p{font-size:16px}.features>div{grid-template-columns:1fr}.showcase{grid-template-columns:1fr;margin-left:13px;margin-right:13px;padding:25px}.segments>div{grid-template-columns:1fr 1fr}body>footer{grid-template-columns:1fr 1fr}}@media(max-width:520px){.marketing-head{height:66px}.marketing-head .button{padding:10px;font-size:12px}.hero{gap:32px}.hero h1{font-size:35px}.hero-actions{display:grid}.hero ul{display:grid;gap:7px}.features h2,.showcase h2,.segments h2,.faq h2,.final-cta h2{font-size:28px}.segments>div,body>footer{grid-template-columns:1fr}}
.how{max-width:1180px;margin:auto;padding:20px 20px 90px}.how>header{text-align:center}.how>header small{color:#6d28d9;font-size:11px;font-weight:900;letter-spacing:.12em}.how>header h2{font-size:36px;margin:10px 0 30px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how article{padding:23px;border-radius:17px;background:#f8f7ff;border:1px solid #ede9fe}.how article>b{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#6d28d9;color:#fff}.how article h3{font-size:17px}.how article p,.how>p{color:#64748b;line-height:1.7;font-size:14px}.how>p{max-width:900px;margin:25px auto 0;text-align:center}@media(max-width:800px){.how>div{grid-template-columns:1fr}.how>header h2{font-size:28px}}