@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#075c43;--deep:#043d2d;--cream:#fbf8ef;--sage:#a8cfae;--ink:#163e2c;--muted:#56705d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:20px/1.6 'DM Sans',sans-serif;color:var(--ink);background:#fffdf8}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{width:100%;padding-inline:clamp(22px,4.5vw,105px)}header{background:#fff;border-bottom:1px solid #e3eae2;position:sticky;top:0;z-index:15}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:235px;height:auto}.nav nav{display:flex;align-items:center;gap:30px;font-size:18px;font-weight:800}.nav nav>a:not(.btn):hover{color:#109065}.btn{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:17px 26px;font-size:18px;font-weight:800;min-height:56px}.btn:hover{background:#0b7b55}.btn.outline{border:1px solid #b4cfb7;background:#fff;color:var(--green)}.btn.white{background:#fff;color:var(--green)}.eyebrow{font-size:15px;color:#108057;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.hero{background:linear-gradient(105deg,#fffdf5,#e5efde);overflow:hidden}.hero-grid{display:grid;grid-template-columns:51% 49%;min-height:735px;align-items:center;gap:30px}.hero-copy{padding:78px 0}.hero h1{font:800 clamp(56px,5.2vw,98px)/1.07 Manrope,sans-serif;letter-spacing:-.06em;margin:24px 0}.hero h1 em{font-style:normal;color:#0c7954}.hero-copy>p{font-size:clamp(22px,1.7vw,30px);color:#4c6a57;max-width:850px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.note{font-size:15px;color:#6c816e;max-width:670px}.hero-preview{position:relative;padding:45px 0 55px 30px}.hero-browser{transform:rotate(-2deg);border:8px solid #173f31;border-radius:20px;background:#fff;box-shadow:0 35px 70px #0f482958;overflow:hidden}.browser-top{display:flex;gap:15px;color:#9caea0;padding:12px 20px;font-size:13px}.browser-top span{color:#718575}.hero-store{padding:22px}.store-nav{display:flex;justify-content:space-between;font-size:19px;font-weight:900;color:#08573a}.store-nav small{font-size:12px;color:#597461;font-weight:700}.hero-store-banner{background:linear-gradient(110deg,#0e654d,#86b28b);color:#fff;padding:45px 30px;min-height:260px}.hero-store-banner small{font-size:12px;letter-spacing:.13em;font-weight:800}.hero-store-banner strong{display:block;font:800 clamp(28px,2.5vw,47px)/1.16 Manrope,sans-serif;letter-spacing:-.035em;max-width:450px;margin:13px 0 19px}.hero-store-banner span{font-size:13px;background:#fff;color:#0b6544;padding:10px 14px;border-radius:6px;font-weight:800}.store-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.store-categories span{font-size:36px;background:#eef5e9;border-radius:10px;text-align:center;padding:13px}.store-categories small{display:block;font-size:12px;font-weight:800}.float{position:absolute;right:0;bottom:32px;background:#fff;border-radius:13px;padding:14px 22px;box-shadow:0 12px 30px #092e2530;font-size:16px;font-weight:800;color:#096442}
.section{padding:clamp(80px,7vw,135px) 0}.section h2{font:800 clamp(42px,3.8vw,72px)/1.16 Manrope,sans-serif;letter-spacing:-.055em;margin:14px 0 20px;max-width:1100px}.intro{font-size:24px;color:#55705e;max-width:980px;margin-bottom:43px}.switches{display:flex;gap:13px;flex-wrap:wrap;margin:0 0 23px}.switch{border:1px solid #b5d1bb;background:#fff;color:#15583c;font-size:19px;font-weight:800;border-radius:11px;padding:15px 23px}.switch.selected{background:#075c43;color:white}.switch:focus-visible{outline:4px solid #79b99c;outline-offset:3px}.demo-frame{border:1px solid #dce8d8;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 55px #13442b16}.demo-browser{background:#e8eeea;color:#798b7c;display:flex;justify-content:space-between;align-items:center;padding:13px 23px;font-size:15px}.demo-store{--accent:#0a6547;--banner:#d8e9d0;--letter:#fff;padding:22px;background:#fff;transition:background .25s,color .25s}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:17px;padding:18px 15px}.demo-top strong{font-size:25px;letter-spacing:-.06em}.demo-top span{font-size:15px;color:#6f826f}.demo-banner{background:linear-gradient(105deg,#0c6547,#94bc91);color:#fff;min-height:350px;padding:clamp(25px,4vw,70px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.demo-banner small{font-size:16px;letter-spacing:.13em;font-weight:800}.demo-banner h3{font:800 clamp(43px,4.4vw,83px)/1.08 Manrope,sans-serif;letter-spacing:-.06em;margin:14px 0;max-width:750px}.demo-banner p{font-size:23px;margin:0 0 26px}.fake-cta{display:inline-block;background:#fff;color:#095a3e;padding:13px 20px;border-radius:8px;font-size:16px;font-weight:800}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}.demo-products>div{border:1px solid #e2e8df;background:#f5f9f2;text-align:center;padding:25px;border-radius:12px}.demo-products span{font-size:62px;display:block}.demo-products b{display:block;font-size:22px}.demo-products small{display:block;font-size:15px;color:#718273}.demo-store.moda{background:#fcfaf7}.demo-store.moda .demo-top{color:#302b28}.demo-store.moda .demo-banner{background:linear-gradient(100deg,#2b2928 30%,#b29d8d);color:#fff}.demo-store.moda .fake-cta{color:#2b2928}.demo-store.moda .demo-products>div{background:#f1ece6;border-color:#e6dbcf}.example-label{text-align:right;font-size:13px;color:#718775;padding:0 23px 15px}
.features{background:#eef6ec}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid article{background:#fff;border:1px solid #dce9db;border-radius:20px;padding:36px;min-height:300px}.grid article>span{font-size:37px;display:block}.grid h3{font:800 28px/1.3 Manrope,sans-serif;margin:22px 0 12px}.grid p{font-size:21px;color:#58715f;margin:0}.connection-grid{display:grid;grid-template-columns:50% 50%;gap:60px;align-items:center}.connection p{font-size:24px;color:#536e5b}.connection ul{list-style:none;padding:0;display:grid;gap:16px;font-size:22px;font-weight:700}.connection li:before{content:'✓';color:#119466;margin-right:14px}.connection-graphic{background:#e9f3e6;border-radius:35px;padding:55px;display:grid;justify-items:center}.flow-box{background:#fff;border:1px solid #d5e9d9;box-shadow:0 12px 24px #0b503013;border-radius:16px;width:min(100%,420px);padding:28px;text-align:center;display:grid;gap:8px}.flow-box>span{font-size:50px}.flow-box strong{font-size:28px}.flow-box small{font-size:17px;color:#6c846e}.flow-box.alt{background:#0a6547;color:#fff}.flow-box.alt small{color:#d7ecde}.flow-link{text-align:center;font-size:40px;color:#13794f;display:grid;line-height:1.1;padding:15px}.flow-link small{font-size:15px;color:#587b64;font-weight:800}.payment{background:#f5f8f1}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.payment-grid article{background:#fff;border:1px solid #e0e9dc;border-radius:20px;padding:45px}.payment-grid h3{font-size:30px;margin:0 0 15px}.payment-grid p{font-size:22px;color:#536d5b}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span,.domain-example{background:#eaf4e7;border-radius:9px;padding:12px 17px;color:#0d6747;font-size:16px;font-weight:800}.domain-example{font-size:23px;display:inline-block}.caution{font-size:16px;color:#6b7e6b;max-width:1080px;margin-top:30px}.cta{padding:95px 20px;background:#07513c;text-align:center;color:#fff}.cta h2{font:800 clamp(42px,4.4vw,78px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 20px}.cta p{font-size:24px;color:#d8ecdf;max-width:800px;margin:0 auto 29px}footer{background:#033122;color:#d6e9d8;padding:33px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot p,.foot a{font-size:17px}.foot .logo{width:210px}
@media(max-width:1150px){.nav nav>a:not(.btn){display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(46px,5.8vw,75px)}.grid{grid-template-columns:repeat(2,1fr)}.connection-grid{grid-template-columns:1fr}.connection-graphic{max-width:850px}}
@media(max-width:780px){.nav{height:75px}.logo{width:190px}.nav .btn{font-size:15px;padding:12px;min-height:46px}.hero-grid{display:block}.hero-copy{padding:64px 0 0}.hero h1{font-size:clamp(47px,10vw,74px)}.hero-preview{padding:20px 0 45px}.hero-browser{transform:none}.float{right:0;bottom:12px}.section{padding:74px 0}.section h2{font-size:41px}.intro{font-size:21px}.grid,.payment-grid{grid-template-columns:1fr}.grid article{min-height:auto}.demo-banner{min-height:300px}.demo-banner h3{font-size:46px}.demo-products span{font-size:37px}.demo-products b{font-size:17px}.payment-grid article{padding:30px}.foot{flex-direction:column;align-items:flex-start}}
@media(max-width:500px){body{font-size:18px}.nav .btn{font-size:13px}.hero h1{font-size:48px}.hero-copy>p{font-size:21px}.actions{align-items:stretch}.actions .btn{font-size:16px}.note{font-size:13px}.hero-store{padding:8px}.store-nav{font-size:14px}.store-nav small{font-size:9px}.hero-store-banner{padding:25px;min-height:205px}.hero-store-banner strong{font-size:27px}.store-categories span{font-size:23px;padding:9px}.store-categories small{font-size:10px}.demo-store{padding:8px}.demo-top{padding:11px 4px}.demo-top strong{font-size:18px}.demo-top span{font-size:10px}.demo-banner{min-height:260px;padding:26px}.demo-banner h3{font-size:38px}.demo-banner p{font-size:18px}.demo-products{gap:7px}.demo-products>div{padding:12px 5px}.demo-products span{font-size:29px}.demo-products b{font-size:12px}.demo-products small{font-size:10px}.switch{font-size:16px}.grid article{padding:26px}.grid h3{font-size:25px}.grid p{font-size:19px}.connection p,.payment-grid p{font-size:20px}.connection ul{font-size:19px}.connection-graphic{padding:23px}.payment-grid h3{font-size:27px}.domain-example{font-size:19px}.caution{font-size:14px}.cta p{font-size:21px}}