:root{font-family:'DM Sans',sans-serif;color:#20231f;background:#fbfaf7;--green:#183d36;--lime:#c8f36b;--muted:#747971;--line:#e5e6df;--purple:#6d5ce7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fbfaf7}a{color:inherit;text-decoration:none}.topbar{height:76px;max-width:1260px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font:800 15px Manrope;letter-spacing:2px}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:800 17px Manrope}.topbar nav{display:flex;gap:32px;font-size:13px;color:#5d625b}.topbar nav a:hover{color:#193e36}.login-link{font-size:13px;font-weight:700}.login-link span,.button span{margin-left:7px}.hero{max-width:1260px;margin:auto;padding:92px 28px 105px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:70px;overflow:hidden}.status{display:flex;align-items:center;gap:8px;width:max-content;background:#eef2e7;border:1px solid #dfe6d4;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#45604d}.status i{width:7px;height:7px;background:#75ad59;border-radius:50%;box-shadow:0 0 0 4px #75ad5920}.hero h1{font:800 clamp(42px,5vw,68px) Manrope;line-height:1.04;letter-spacing:-3px;margin:28px 0 24px}.hero h1 em{font-style:normal;color:#68894d}.hero-copy>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:9px;font-size:13px;font-weight:700}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#225348}.button.secondary{background:#fff;border:1px solid var(--line)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#70756e;font-size:10px}.trust-row b{color:#5b944d}.product-shot{background:#fff;border:1px solid #dfe0dc;border-radius:16px;box-shadow:0 30px 80px #26392d21;transform:rotate(1.5deg);overflow:hidden}.window-bar{height:34px;background:#f2f2ef;border-bottom:1px solid #e0e1dc;display:flex;align-items:center;gap:5px;padding:0 11px}.window-bar i{width:7px;height:7px;background:#d1d2ce;border-radius:50%}.window-bar span{font-size:7px;color:#9b9d98;margin:auto}.product-body{display:flex;height:385px;background:#f7f7f5}.product-body aside{width:52px;background:#1c1e1d;color:#fff;padding:15px 12px;display:flex;align-items:center;flex-direction:column;gap:18px}.product-body aside strong{width:26px;height:26px;background:#6c5be3;border-radius:8px;display:grid;place-items:center}.product-body aside span{width:18px;height:5px;background:#565957;border-radius:4px}.product-body aside .on{background:#bdb7f4}.mock-content{padding:26px;flex:1;min-width:0}.mock-head{display:flex;justify-content:space-between;align-items:center}.mock-head small{font-size:6px;color:#8c8e89}.mock-head h2{font:800 16px Manrope;margin:4px 0}.mock-head button{border:0;background:#6b5add;color:#fff;border-radius:5px;padding:7px 10px;font-size:6px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.mock-stats article,.mock-panels article{background:#fff;border:1px solid #e9e9e5;border-radius:8px;padding:12px}.mock-stats i{display:block;width:20px;height:20px;border-radius:6px;margin-bottom:10px}.mock-stats .purple{background:#e8e4ff}.mock-stats .orange{background:#ffedda}.mock-stats .teal{background:#dcf2ed}.mock-stats span{display:block;color:#959792;font-size:6px}.mock-stats b{font:800 14px Manrope}.mock-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:9px;margin-top:10px}.mock-panels h3{font:700 9px Manrope}.mock-panels p{border-top:1px solid #eee;padding:8px 0;margin:0;font-size:6px}.mock-panels p b{margin-right:8px}.mini-site{background:#d7d1c5!important;display:flex;flex-direction:column;justify-content:center}.mini-site div{font-size:5px;letter-spacing:1px}.mini-site strong{font:800 13px Manrope;margin:7px 0 30px}.mini-site span{background:#fff;padding:7px;border-radius:5px;font-size:6px}.section{padding:110px 28px;max-width:1260px;margin:auto;text-align:center}.section-label{color:#668c4d;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:20px}.section h2,.steps-section h2,.domain-section h2,.final-cta h2{font:800 clamp(32px,4vw,50px) Manrope;line-height:1.12;letter-spacing:-2px;margin:0}.section-lead{color:var(--muted);font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;text-align:left}.features article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;transition:.2s}.features article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #29352c13}.feature-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px}.purple-icon{background:#ece9ff;color:#6352d7}.green-icon{background:#e6f3e2;color:#588e49}.blue-icon{background:#e4f1f6;color:#4b8ca8}.features h3{font:700 18px Manrope;margin:24px 0 10px}.features p{color:var(--muted);font-size:13px;line-height:1.65;min-height:64px}.features a{display:inline-block;margin-top:15px;color:#4f7141;font-size:12px;font-weight:700}.steps-section{max-width:1204px;margin:40px auto 100px;background:#eff1e9;border-radius:22px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps-section ol{list-style:none;padding:0;margin:0}.steps-section li{display:flex;gap:22px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #d7dbd0}.steps-section li>span{color:#789060;font:700 11px Manrope}.steps-section h3{font:700 15px Manrope;margin:0 0 7px}.steps-section p{color:var(--muted);font-size:12px;margin:0}.domain-section{background:var(--green);color:#fff;padding:90px max(28px,calc((100% - 1204px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-label.light{color:#b7d884}.domain-copy>p{color:#bfd0ca;line-height:1.7;font-size:14px}.domain-example{background:#fff;border-radius:9px;padding:14px 16px;color:#30352f;display:flex;align-items:center;margin-top:28px;font-size:12px}.domain-example b{color:#888}.domain-example i{margin-left:auto;background:#e6f4df;color:#518044;border-radius:15px;padding:5px 8px;font-size:9px;font-style:normal}.domain-points p{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff24;margin:0}.domain-points p>b{color:var(--lime);font:700 11px Manrope}.domain-points span{display:flex;flex-direction:column;color:#aebfba;font-size:11px;gap:5px}.domain-points strong{color:#fff;font-size:14px}.final-cta{text-align:center;padding:115px 28px}.final-cta>.logo-mark{margin:0 auto 25px}.final-cta p{color:var(--muted);font-size:14px;margin:20px auto 28px;max-width:540px;line-height:1.6}footer{max-width:1204px;margin:auto;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#888;font-size:11px}footer p{flex:1}footer .logo-mark{width:28px;height:28px;font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.status,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.product-shot{max-width:680px;margin:auto}.features{grid-template-columns:1fr}.features p{min-height:auto}.steps-section{margin:30px 20px 80px;padding:45px;grid-template-columns:1fr;gap:45px}.domain-section{grid-template-columns:1fr;gap:45px}}
@media(max-width:650px){.topbar{height:64px;padding:0 18px}.topbar nav{display:none}.logo{font-size:13px}.login-link{font-size:11px}.hero{padding:55px 18px 70px;gap:45px}.hero h1{letter-spacing:-2px}.hero-actions{flex-direction:column}.trust-row{gap:9px}.product-body{height:265px}.product-body aside{width:38px;padding:10px 7px}.mock-content{padding:15px}.mock-panels{grid-template-columns:1fr}.mini-site{display:none}.section{padding:75px 18px}.steps-section{margin:20px 12px 60px;padding:35px 24px}.domain-section{padding:70px 20px}.domain-example{font-size:10px}.domain-example i{display:none}.final-cta{padding:80px 20px}footer{margin:0 18px;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}
