:root{--forest:#155846;--forest-dark:#103f35;--ink:#183f37;--muted:#62766d;--cream:#F8F5E9;--paper:#fffdf8;--yellow:#F4CF68;--coral:#DE8160;--line:#e8e3d6;--shadow:0 22px 60px rgba(23,65,52,.13);--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--coral);outline-offset:4px;border-radius:8px}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.site-header{height:82px;background:rgba(255,253,248,.96);border-bottom:1px solid rgba(24,63,55,.09);position:relative;z-index:2}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;flex:none}.brand img{display:block;width:158px;height:auto;max-height:48px;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:14px;font-weight:650;color:#526b60}.nav-link:hover,.footer-inner>a:last-child:hover,.text-link:hover{color:var(--coral)}
.header-cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:13px;background:var(--forest);color:#fff;font-weight:750;font-size:14px;box-shadow:0 6px 15px rgba(21,88,70,.15);transition:transform .18s,background .18s}.header-cta:hover,.button-primary:hover{background:var(--forest-dark);transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;padding:68px 0 76px;background:var(--cream)}
.hero:before{content:"";position:absolute;right:-135px;top:-190px;width:450px;height:450px;border-radius:50%;background:#f1e5c2;opacity:.78}
.hero:after{content:"";position:absolute;right:9%;bottom:28px;width:24px;height:24px;border:6px solid var(--coral);border-radius:50%;opacity:.82}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:clamp(48px,7vw,100px);align-items:center}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#58766a;font-size:12px;line-height:1.4;font-weight:850;letter-spacing:.095em}
.eyebrow-dot,.sample-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(222,129,96,.16)}
.hero h1{max-width:700px;margin:0;color:#153e35;font-size:clamp(48px,6vw,74px);line-height:.99;letter-spacing:-.063em;font-weight:850;text-wrap:balance}
.hero h1 span{color:var(--forest);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:8px;text-underline-offset:9px;text-decoration-skip-ink:none}
.hero-description{max-width:580px;margin:26px 0 25px;color:#5d7168;font-size:19px;line-height:1.68}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button-primary,.button-light{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 23px;border-radius:14px;background:var(--forest);color:white;font-size:16px;font-weight:800;box-shadow:0 9px 18px rgba(21,88,70,.16);transition:transform .18s,background .18s}
.button-primary span,.button-light span,.button-link span,.text-link span{font-size:20px;line-height:1}
.button-link{display:inline-flex;align-items:center;gap:9px;color:#3c6653;font-size:15px;font-weight:750}.button-link:hover{color:var(--coral)}
.hero-note{display:flex;align-items:center;gap:10px;margin:17px 0 0;color:#718076;font-size:13px;font-weight:600}.note-dot{color:var(--coral);font-size:18px}
.hero-visual{position:relative;max-width:470px;width:100%;justify-self:end;padding:0 8px}
.sample-overline{display:flex;align-items:center;gap:10px;margin:0 0 12px 9px;color:#4f7161;font-size:11px;font-weight:850;letter-spacing:.12em}
.sample-dot{width:8px;height:8px;background:#4b9a6b;box-shadow:0 0 0 4px rgba(75,154,107,.15)}
.sample-store{overflow:hidden;background:#fff;border:1px solid #e4e7db;border-radius:24px;box-shadow:var(--shadow)}
.sample-store-head{display:flex;align-items:center;gap:12px;padding:17px 20px 15px}
.sample-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:#f7e7c4;color:#84543e;font-size:12px;font-weight:850;letter-spacing:-.04em}
.sample-store-title{min-width:0;flex:1}.sample-category{display:block;color:#728278;font-size:9px;font-weight:850;letter-spacing:.1em}.sample-store-title h2{margin:2px 0 0;color:#193f36;font-size:18px;line-height:1.25;letter-spacing:-.035em}.sample-location{color:#78877e;font-size:11px}.sample-menu{align-self:flex-start;color:#819087;font-size:16px;letter-spacing:2px}
.sample-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#efe6d3}
.sample-content{padding:18px 20px 20px}.sample-content h3{margin:0;color:#21483c;font-size:19px;line-height:1.3;letter-spacing:-.035em}.sample-content>p{margin:3px 0 14px;color:#718078;font-size:13px}
.sample-product{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0e8;color:#3c594b;font-size:13px}.sample-product strong{color:#1d5c46;font-size:13px;white-space:nowrap}
.sample-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;margin-top:3px;border-radius:11px;background:#e9f4e8;color:#176447;font-size:13px;font-weight:800}.sample-whatsapp span:last-child{margin-left:auto;padding-right:13px}.sample-whatsapp span:first-child{margin-left:auto;font-size:12px}
.sample-caption{margin:8px 0 0;color:#7b887f;font-size:11px;text-align:center}
.benefit-row{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}
.benefit-item{display:flex;align-items:center;gap:12px;color:#435f52;font-size:14px;font-weight:700}.benefit-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:#f8f0d8;color:#956d2a;font-size:11px;font-weight:850}
.how-section{padding:90px 0 96px;background:#fff}
.section-heading{max-width:620px;margin-bottom:34px}.section-heading .eyebrow,.included-copy .eyebrow,.closing-inner .eyebrow{margin-bottom:14px}
.section-heading h2,.included-copy h2{margin:0;color:#163f36;font-size:clamp(36px,4.3vw,52px);line-height:1.08;letter-spacing:-.052em;font-weight:820}
.section-heading>p:last-child,.included-copy>p:not(.eyebrow){max-width:590px;margin:16px 0 0;color:#65776e;font-size:17px;line-height:1.65}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-card{min-height:218px;padding:25px 24px;border:1px solid #e9e7db;border-radius:18px;background:#fffdf8;box-shadow:0 7px 24px rgba(32,65,52,.035)}
.step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#f7e8c7;color:#815b31;font-size:13px;font-weight:850}
.step-card:nth-child(2) .step-number{background:#eaf2df;color:#34674f}.step-card:nth-child(3) .step-number{background:#f9e9e1;color:#9c5940}
.step-card h3{margin:21px 0 6px;color:#20483b;font-size:19px;line-height:1.3;letter-spacing:-.025em}.step-card p{margin:0;color:#6e7d74;font-size:14px;line-height:1.65}
.included-section{padding:88px 0;background:var(--cream)}
.included-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,8vw,100px);align-items:center}
.included-copy h2{max-width:500px}.included-copy>p:not(.eyebrow){max-width:515px;font-size:16px}
.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:#1f694f;font-size:15px;font-weight:800}
.included-list{display:grid;gap:11px}.included-list article{display:flex;align-items:flex-start;gap:15px;padding:19px 20px;border:1px solid #e7e1d2;border-radius:16px;background:rgba(255,255,255,.77)}
.included-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#f6e8c7;color:#795f2d;font-size:10px;font-weight:850}.included-list article:nth-child(2) .included-icon{background:#e7f1e5;color:#34694f}.included-list article:nth-child(3) .included-icon{background:#f8e8df;color:#9d5942}
.included-list h3{margin:1px 0 3px;color:#254d40;font-size:15px;line-height:1.3}.included-list p{margin:0;color:#718078;font-size:13px;line-height:1.5}
.closing-cta{padding:64px 0;background:var(--forest);color:#fff}
.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing-inner .eyebrow{color:#d8e6d8}.closing-inner h2{max-width:660px;margin:0;color:#fff;font-size:clamp(33px,4.5vw,52px);line-height:1.07;letter-spacing:-.05em}.closing-inner>div>p:last-child{margin:13px 0 0;color:#d5e1d7;font-size:16px}.button-light{flex:none;background:var(--yellow);color:#183f37;box-shadow:none}.button-light:hover{background:#f7d987;transform:translateY(-1px)}
.site-footer{padding:25px 0;background:#fffdf8;border-top:1px solid rgba(24,63,55,.08)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand img{display:block;width:133px;height:auto}.footer-inner p{margin:0;color:#738078;font-size:12px}.footer-inner>a:last-child,.footer-guides{color:#2c664f;font-size:13px;font-weight:750}.footer-guides{text-decoration:none}.footer-guides:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);gap:34px}.hero h1{font-size:clamp(46px,6vw,60px)}.hero-description{font-size:17px}.sample-store-head{padding:14px 15px}.sample-content{padding:15px}.included-grid{gap:36px}}
@media(max-width:700px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.brand img{width:142px;max-height:42px}.site-header nav{gap:12px}.nav-link{display:none}.header-cta{min-height:43px;padding:0 13px;font-size:13px}.hero{padding:43px 0 50px}.hero:before{right:-225px;top:-180px;width:370px;height:370px}.hero:after{right:13%;bottom:18px;width:16px;height:16px;border-width:4px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:610px}.eyebrow{font-size:10px;letter-spacing:.075em}.hero h1{font-size:clamp(39px,10.5vw,58px);line-height:1.02}.hero h1 span{text-decoration-thickness:6px;text-underline-offset:6px}.hero-description{margin:19px 0 21px;font-size:16px;line-height:1.6}.hero-actions{gap:16px}.button-primary{min-height:52px;padding:0 18px;font-size:15px}.button-link{font-size:14px}.hero-note{font-size:12px;flex-wrap:wrap;gap:7px}.hero-visual{justify-self:center;max-width:450px;padding:0}.sample-overline{margin-left:5px}.sample-store{border-radius:19px}.sample-store-head{padding:13px 14px 12px}.sample-content{padding:14px}.sample-content h3{font-size:17px}.sample-caption{font-size:10px}.benefit-grid{grid-template-columns:1fr;gap:8px;padding:17px 0}.benefit-item{font-size:13px}.benefit-number{width:27px;height:27px}.how-section{padding:61px 0 64px}.section-heading{margin-bottom:24px}.section-heading h2,.included-copy h2{font-size:clamp(34px,8vw,44px)}.section-heading>p:last-child,.included-copy>p:not(.eyebrow){font-size:15px}.step-grid{grid-template-columns:1fr;gap:10px}.step-card{min-height:0;padding:18px}.step-card h3{margin:13px 0 4px;font-size:17px}.step-card p{font-size:14px}.included-section{padding:60px 0}.included-grid{grid-template-columns:1fr;gap:28px}.included-list{gap:9px}.included-list article{padding:15px}.closing-cta{padding:47px 0}.closing-inner{align-items:flex-start;flex-direction:column;gap:24px}.closing-inner h2{font-size:clamp(34px,8.5vw,46px)}.closing-inner>div>p:last-child{font-size:15px}.button-light{min-height:52px}.footer-inner{align-items:flex-start;flex-direction:column;gap:10px}.footer-inner p{max-width:34ch}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.brand img{width:126px}.header-cta{padding:0 10px;font-size:12px}.hero h1{font-size:38px}.hero-description{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.sample-store-head{gap:9px}.sample-avatar{width:36px;height:36px}.sample-category{font-size:8px}.sample-store-title h2{font-size:16px}.sample-product{font-size:12px}.sample-product strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Supplied hero artwork: preserve the complete composition. */
.hero-visual.hero-artwork{max-width:620px;padding:0}
.hero-visual.hero-artwork picture{display:block;width:100%}
.hero-artwork-image{display:block;width:100%;height:auto;border-radius:24px}
@media(max-width:700px){.hero-visual.hero-artwork{max-width:560px;justify-self:center}.hero-artwork-image{border-radius:18px}}