:root{--ink:#10231f;--green:#16a269;--mint:#e9fff4;--cream:#f7f6f0;--line:#dfe8e3;--muted:#66746f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 20px Manrope}.logo span{display:inline-grid;place-items:center;background:var(--ink);color:white;border-radius:9px;width:34px;height:34px;margin-right:8px}.nav nav{display:flex;gap:32px;color:#45534f;font-size:14px}.nav nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:#fff;padding:15px 22px;border-radius:8px;font-weight:700;box-shadow:0 8px 20px #10231f20;transition:.2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:14px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:48px;padding-bottom:80px}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.eyebrow span{display:inline-block;width:24px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1{font:800 clamp(46px,5.5vw,72px)/1.02 Manrope;margin:20px 0}.hero h1 em{color:var(--green);font-style:normal}.lead,.section-intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:590px}.hero-actions{display:flex;align-items:center;gap:28px;margin:32px 0}.text-link{font-weight:700;font-size:14px}.trust{display:flex;gap:28px;margin-top:44px}.trust>div{display:flex;gap:9px;color:var(--green)}.trust span{display:flex;flex-direction:column;color:var(--ink);font-size:13px}.trust small{color:var(--muted);margin-top:2px}.product-visual{position:relative;min-height:480px;display:grid;place-items:center}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--mint)}.browser{position:relative;width:95%;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 30px 70px #184c3920;overflow:hidden;transform:rotate(1deg)}.browser-top{height:45px;background:#f5f7f6;display:flex;align-items:center;gap:6px;padding:0 14px;color:#8a9691;font-size:10px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#ccd6d1}.browser-top span{margin:auto}.dashboard{height:320px;display:flex}.dashboard aside{width:58px;background:var(--ink);padding:20px 16px;display:flex;align-items:center;flex-direction:column;gap:23px}.mini-logo{color:#fff;font-weight:bold}.dashboard aside i{width:20px;height:3px;background:#55716a;border-radius:3px}.dashboard aside i.active{background:#35d594}.dash-main{padding:33px;width:100%}.dash-main>p{font-size:8px;letter-spacing:.15em;color:#87938e}.dash-main h3{font:700 22px Manrope}.score{display:flex;gap:22px;align-items:center;background:#f6faf8;padding:20px;border-radius:10px}.score>div:last-child{display:flex;flex-direction:column;gap:5px;font-size:12px}.score span{color:#81908a}.score .status{color:var(--green)}.ring{width:82px;height:82px;border-radius:50%;border:8px solid #26b979;display:grid;place-items:center;font-size:24px;font-weight:800;line-height:.7}.ring small{display:block;font-size:8px;color:var(--muted)}.bars{height:50px;display:flex;align-items:end;gap:8px;margin-top:26px}.bars i{flex:1;background:#b9ead3;height:45%;border-radius:3px}.bars i:nth-child(2),.bars i:nth-child(6){height:75%}.bars i:nth-child(3),.bars i:nth-child(7){height:55%}.bars i:nth-child(4),.bars i:nth-child(8){height:90%;background:var(--green)}.float-card{position:absolute;background:white;padding:14px 18px;border-radius:10px;box-shadow:0 15px 35px #17372c20;display:flex;gap:10px;color:var(--green);font-size:22px}.float-card span{display:flex;flex-direction:column;color:var(--ink);font-size:12px}.float-card small{color:var(--muted)}.bolt{left:-8px;top:75px}.cart{right:-8px;bottom:55px}.logos{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.logos .wrap{display:flex;align-items:center;justify-content:space-between;color:#88938f}.logos span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.logos b{font:700 18px Manrope;color:#76817d}.section{padding-top:110px;padding-bottom:110px}.section h2,.how h2{font:800 clamp(36px,4vw,52px)/1.12 Manrope;margin:16px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.feature-grid article{border:1px solid var(--line);padding:28px;border-radius:12px;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #17372c0e}.icon{width:45px;height:45px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:21px}.feature-grid h3{font:700 18px Manrope;margin:22px 0 9px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px}.how{background:var(--ink);color:#fff;padding:100px 0}.how .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px}.eyebrow.light{color:#42d99a}.how ol{margin:0;padding:0;list-style:none}.how li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #ffffff20}.how li>b{color:#42d99a}.how li span{display:flex;flex-direction:column;color:#9db0aa;font-size:14px;line-height:1.5}.how li strong{color:white;font:700 18px Manrope;margin-bottom:5px}.pricing{display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center}.included{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.included li:before{content:'✓';color:var(--green);margin-right:9px}.price-card{background:var(--cream);border:1px solid var(--line);padding:38px;border-radius:16px;box-shadow:8px 8px 0 var(--mint)}.price-card>p{font-weight:700;letter-spacing:.15em;font-size:12px}.price{font:800 58px Manrope;margin:20px 0;display:flex;align-items:center}.price sup{font-size:25px}.price span{font:500 12px DM Sans;color:var(--muted);line-height:1.4;margin-left:10px}.price-card hr{border:0;border-top:1px solid var(--line)}.price-card ul{list-style:none;padding:10px 0}.price-card li{margin:13px 0}.price-card li b{color:var(--green);margin-right:8px}.full{width:100%;margin:10px 0 16px}.price-card>small{display:block;color:var(--muted);line-height:1.5;text-align:center}.faq{max-width:850px}.faq h2{margin-bottom:45px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;list-style:none;font:700 17px Manrope;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary b{color:var(--green);font-size:22px}.faq details[open] summary b{transform:rotate(45deg)}.faq details p{color:var(--muted);line-height:1.7;max-width:720px}footer{background:#0a1916;color:#a9bab4;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.logo.inverse{color:#fff}.logo.inverse span{background:var(--green)}.footer-grid>div{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-grid>div:first-child p{max-width:250px;line-height:1.6}.footer-grid b{color:#fff}.footer-grid a:hover{color:#4ce0a2}.copyright{border-top:1px solid #ffffff18;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:850px){.nav nav{display:none}.hero,.pricing,.how .wrap{grid-template-columns:1fr}.hero{padding-top:35px}.product-visual{min-height:410px}.feature-grid{grid-template-columns:1fr 1fr}.pricing{gap:50px}.footer-grid{grid-template-columns:1fr 1fr}.logos .wrap{gap:20px;overflow:hidden}.logos span{display:none}}
@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.lead{font-size:16px}.hero-actions,.trust{align-items:flex-start;flex-direction:column}.trust{gap:14px}.product-visual{min-height:330px}.browser{width:100%}.dashboard{height:260px}.dash-main{padding:20px}.score{padding:12px}.float-card{display:none}.feature-grid{grid-template-columns:1fr}.included{grid-template-columns:1fr}.price-card{padding:25px}.footer-grid{grid-template-columns:1fr}.copyright{gap:10px;flex-direction:column}.section{padding-top:75px;padding-bottom:75px}}