@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');:root{--ink:#1d2440;--purple:#6558e8;--coral:#ff7c6d;--cream:#fffaf4;--pale:#f0efff;--line:#e5e4ec;--muted:#677088;--shell:1140px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 "DM Sans",sans-serif}a{text-decoration:none;color:inherit}.shell{width:min(calc(100% - 40px),var(--shell));margin:auto}h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif;line-height:1.12;letter-spacing:-.04em}header{height:84px;border-bottom:1px solid var(--line);background:#fff}header .shell{height:100%;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px}.logo i{width:38px;height:38px;border-radius:12px;background:var(--purple);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.logo b{line-height:.9}.logo b span{display:block;color:var(--purple)}header nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:600}.top-cta,.button{border-radius:9px;background:var(--purple);color:#fff;padding:13px 19px;font-weight:700;display:inline-block;border:0}.menu{display:none}.hero{background:var(--cream);padding:90px 0}.hero>.shell{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{color:var(--purple);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.hero h1{font-size:clamp(50px,6vw,76px);margin:20px 0}.hero>div>div>p:not(.eyebrow){font-size:20px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin:32px 0}.actions>a:last-child{font-weight:700;color:var(--purple)}.hero small{color:#6b7282}.browser-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px rgba(56,44,117,.15);overflow:hidden;transform:rotate(1deg)}.browser-top{padding:13px 20px;background:#f3f2f8;color:#9295a2;font-size:11px}.mock{padding:55px 45px;min-height:390px;background:linear-gradient(135deg,#fff 65%,#ebe9ff 65%)}.mock>span{font-size:10px;font-weight:800;color:var(--coral)}.mock h2{font-size:40px;margin:17px 0 35px}.mock i{display:block;width:75%;height:9px;background:#e5e4eb;margin:13px 0;border-radius:10px}.mock i:last-child{width:45%;background:var(--purple);height:35px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:70px 0;gap:35px}.benefits article{display:grid;grid-template-columns:45px 1fr}.benefits b{color:var(--coral)}.benefits h2{font-size:22px;margin:0}.benefits p{grid-column:2;color:var(--muted)}.services{padding:90px 0}.intro{max-width:650px}.intro h2{font-size:50px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.cards a{border:1px solid var(--line);border-radius:16px;padding:35px;transition:.2s}.cards a:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(30,35,60,.08)}.cards span{font-size:27px}.cards h3{font-size:25px}.cards p{color:var(--muted)}.steps{padding:90px 0;background:var(--pale)}.steps h2{font-size:42px}.steps ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:20px}.steps li{background:#fff;padding:27px;border-radius:14px}.steps li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--purple);color:#fff}.steps li span{display:block;color:var(--muted);margin-top:22px}.steps li strong{display:block;color:var(--ink);margin-bottom:8px}.subhero{background:var(--cream);padding:80px 0}.subhero .shell{max-width:900px;text-align:center}.subhero h1{font-size:clamp(42px,6vw,66px);margin:18px 0}.subhero p:last-child{font-size:19px;color:var(--muted)}.sub-content{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.sub-content h2{font-size:38px}.sub-content p{color:var(--muted)}.sub-content ul{list-style:none;padding:0}.sub-content li{padding:20px;border-bottom:1px solid var(--line);font-size:19px;font-weight:600}.sub-content li span{color:var(--purple);margin-right:14px}.band{text-align:center;background:var(--purple);color:#fff;padding:65px}.band h2{font-size:36px}.band .button{background:#fff;color:var(--purple)}.price-grid,.project-types,.blog-grid{padding:80px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-grid article,.project-types article,.blog-grid article{padding:35px;border:1px solid var(--line);border-radius:14px}.price-grid strong{display:block;font:700 29px "Plus Jakarta Sans";margin:18px 0}.price-grid .popular{border:3px solid var(--purple);transform:translateY(-10px)}.price-grid p,.project-types p,.blog-grid p{color:var(--muted)}.price-note{text-align:center;margin-bottom:80px}.project-types b,.blog-grid span{color:var(--purple);font-size:12px;text-transform:uppercase}.faq{max-width:850px;padding:70px 0}.faq details{border-bottom:1px solid var(--line);padding:22px}.faq summary{font-weight:700;font-size:19px;cursor:pointer}.faq p{color:var(--muted)}.blog-grid h2{font-size:24px}.blog-grid>a,.blog-grid article>a{color:var(--purple);font-weight:700}.article{max-width:780px;padding:80px 0}.article>a{color:var(--purple)}.article h1{font-size:55px}.article .lead{font-size:21px;color:var(--muted)}.article h2{font-size:29px;margin-top:45px}.article>p{font-size:18px}.contact-section{padding:80px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-section h2{font-size:40px}.contact-section>div p{color:var(--muted)}.contact-section>div a{color:var(--purple);font-weight:700}.contact-section form{display:grid;gap:16px;background:var(--cream);padding:35px;border-radius:15px}.contact-section label{font-weight:600}.contact-section input,.contact-section textarea{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid #ccd0db;font:inherit}.trap{position:absolute;left:-9999px}.notice{padding:12px;background:#e8f8ee}.notice.error{background:#fff0f0}footer{padding:50px 0;border-top:1px solid var(--line)}footer .shell{display:flex;align-items:center;gap:25px}footer p{margin-right:auto;color:var(--muted)}footer>a{font-size:14px}@media(max-width:850px){header nav,.top-cta{display:none}.menu{display:block;margin-left:auto}.open nav{display:flex;position:absolute;top:84px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;z-index:10}.hero>.shell,.sub-content,.contact-section{grid-template-columns:1fr}.steps ol{grid-template-columns:1fr 1fr}.price-grid,.project-types,.blog-grid{grid-template-columns:1fr}.price-grid .popular{transform:none}}@media(max-width:580px){.hero{padding:60px 0}.hero h1{font-size:44px}.browser-card{display:none}.benefits,.cards,.steps ol{grid-template-columns:1fr}.services{padding:65px 0}.intro h2{font-size:38px}.sub-content,.contact-section{gap:30px;padding:60px 0}footer .shell{display:grid}}