:root{--green:#173f35;--green2:#24584b;--cream:#f6f0e4;--paper:#fffdf8;--orange:#e98252;--ink:#15312b;--muted:#67746e;--line:#ddd9ce;--white:#fff;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,63,53,.08)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand>span:last-child{display:flex;flex-direction:column;gap:4px}.brand strong{font-family:Manrope;font-size:20px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.31em;color:#7f8a85}.logo-mark{width:46px;height:46px;border-radius:14px;background:var(--orange);display:grid;place-items:center;transform:rotate(-3deg)}.logo-mark svg{width:35px;height:35px;fill:var(--cream);stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.logo-mark .face{fill:none}.nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav a{transition:.2s}.nav a:hover{color:var(--orange)}.nav-cta{background:var(--green);color:white!important;padding:12px 21px;border-radius:50px}.menu-btn{display:none;background:none;border:0;padding:8px}.menu-btn span{display:block;width:24px;height:2px;background:var(--green);margin:5px}.hero{overflow:hidden;background:var(--cream)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--green2)}.eyebrow i{width:23px;height:2px;background:var(--orange)}h1,h2{font-family:Manrope,sans-serif;line-height:1.06;letter-spacing:-.045em;margin:22px 0}h1{font-size:clamp(52px,6vw,78px)}h1 em,.why h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:18px;color:#5e6d67;max-width:600px}.hero-actions{display:flex;gap:12px;margin:34px 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:50px;padding:15px 23px;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{color:white;background:var(--green);box-shadow:0 12px 30px rgba(23,63,53,.18)}.ghost{border:1px solid #bfc4bd}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:#56645e;font-size:13px}.hero-points span::first-letter{color:var(--orange)}.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.sun{position:absolute;width:390px;height:390px;border-radius:50%;background:#efd9b0}.cup{position:absolute;background:linear-gradient(110deg,#fff 0,#f2eadc 75%);clip-path:polygon(8% 0,92% 0,81% 100%,19% 100%);filter:drop-shadow(0 26px 22px rgba(36,48,42,.18));display:flex;align-items:center;justify-content:center}.cup:before{content:"";position:absolute;left:6%;right:6%;top:-7px;height:24px;background:#fcfaf5;border:6px solid var(--green);border-radius:50%}.cup-front{width:220px;height:300px;z-index:3;transform:rotate(-7deg);left:25%;top:150px}.cup-back{width:160px;height:230px;background:var(--green);color:#f2d9ac;right:13%;top:90px;transform:rotate(10deg);font:800 25px Manrope;letter-spacing:.15em}.cup-back:before{border-color:#0f2e27;background:#173f35}.cup-logo{display:flex;align-items:center;gap:10px;color:var(--green)}.cup-logo b{font:800 54px Manrope}.cup-logo small{font-size:10px;line-height:1.3;letter-spacing:.1em;font-weight:800}.quality-card{position:absolute;z-index:5;right:0;bottom:50px;background:white;padding:15px 19px;border-radius:16px;box-shadow:0 16px 40px rgba(30,50,42,.15);display:flex;align-items:center;gap:11px}.quality-card>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--orange)}.quality-card div{display:flex;flex-direction:column}.quality-card small{color:var(--muted)}.leaf{position:absolute;width:75px;height:25px;background:var(--green2);border-radius:100% 0 100% 0;opacity:.85}.leaf-a{left:5%;top:90px;transform:rotate(30deg)}.leaf-b{right:5%;bottom:90px;transform:rotate(-25deg)}.ticker{background:var(--green);color:#d7e3dd;overflow:hidden;padding:16px 0;white-space:nowrap}.ticker div{display:flex;justify-content:space-around;gap:25px;font-size:12px;letter-spacing:.18em;font-weight:700}.ticker div:nth-child(1){animation:drift 24s linear infinite}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px}.section-head h2,.why h2,.center-head h2,.contact h2{font-size:clamp(38px,4.2vw,58px)}.section-head p{max-width:390px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(23,63,53,.1)}.product-art{height:270px;display:grid;place-items:center}.product-art.green{background:#d9e3dd}.product-art.cream{background:#f1e3ca}.product-art.orange{background:#f3d2c1}.mini-cup{width:115px;height:145px;background:var(--green);color:white;clip-path:polygon(6% 0,94% 0,83% 100%,17% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 17px 12px rgba(23,63,53,.22));transform:rotate(-5deg)}.mini-cup:before{content:"";position:absolute;top:0;width:100%;height:12px;background:var(--orange)}.mini-cup b{font:800 45px Manrope;line-height:1}.mini-cup small{letter-spacing:.15em}.mini-cup.tall{height:166px;background:#fff;color:var(--green)}.mini-cup.taller{height:190px;background:var(--orange)}.product-info{padding:25px 26px 27px}.product-info>span{font-size:10px;letter-spacing:.16em;color:var(--orange);font-weight:700}.product-info h3{font:700 23px Manrope;margin:7px 0}.product-info p{color:var(--muted);font-size:14px;min-height:67px}.product-info a{font-weight:700;font-size:14px;display:flex;justify-content:space-between;border-top:1px solid #eee9df;padding-top:18px}.popular{position:absolute;z-index:2;top:16px;left:16px;background:var(--green);color:white;border-radius:50px;padding:7px 11px;font-size:9px;letter-spacing:.08em}.why{background:var(--green);color:white}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.eyebrow.light{color:#bed2c8}.why-copy>p{color:#bbcbc4;max-width:520px}.light-btn{background:white;color:var(--green);margin-top:22px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr}.benefit-grid>div{padding:34px 28px;border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.benefit-grid>div:nth-child(n+3){border-bottom:0}.benefit-grid b{color:var(--orange);font-size:12px}.benefit-grid h3{font:700 18px Manrope;margin:15px 0 6px}.benefit-grid p{color:#adc0b8;font-size:13px;margin:0}.center-head{text-align:center;max-width:670px;margin:0 auto 60px}.center-head p{color:var(--muted)}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:35px;align-items:center;text-align:center}.steps>div{position:relative}.steps>div>span{position:absolute;right:25%;top:-4px;font:800 70px Manrope;color:#eeeae2;z-index:-1}.steps i{width:76px;height:76px;border-radius:24px;background:var(--cream);display:grid;place-items:center;margin:auto;color:var(--orange);font-style:normal;font-size:28px}.steps h3{font:700 20px Manrope;margin:20px 0 6px}.steps p{color:var(--muted);font-size:14px}.steps>b{color:var(--orange);font-size:30px}.contact{padding:0 0 90px}.contact-box{background:var(--orange);border-radius:34px;padding:70px 75px;color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.08);border-radius:50%;right:-130px;bottom:-170px}.contact-box p{color:#fff4eb}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;z-index:2}.whatsapp{background:var(--green);color:white;width:100%;justify-content:space-between}.contact-actions>a:not(.btn){border-bottom:1px solid rgba(255,255,255,.45);font-weight:600}.contact-actions small{font-size:11px;opacity:.75}footer{background:#102f28;color:white;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-brand .logo-mark{width:40px;height:40px}.footer-grid>p{color:#9fb4ac;text-align:center;font-size:13px}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:13px}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#829d93;font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes drift{to{transform:translateX(-80px)}}
@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:78px;padding:24px;background:white;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.13);flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.hero-grid,.why-grid,.contact-box{grid-template-columns:1fr}.hero-grid{padding-top:80px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{height:470px}.section-head{display:block}.section-head p{max-width:600px}.product-grid{grid-template-columns:1fr 1fr}.why-grid{gap:45px}.contact-box{padding:55px 40px}.footer-grid{grid-template-columns:1fr;gap:25px;text-align:center}.footer-brand{justify-content:center}.footer-links{justify-content:center}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.nav-wrap{height:72px}h1{font-size:44px}.hero-grid{padding-top:55px;gap:10px}.hero-actions{flex-direction:column}.hero-points{font-size:12px}.hero-visual{height:410px;transform:scale(.86);margin:-15px -25px}.cup-front{left:19%}.quality-card{right:-4%}.section{padding:75px 0}.section-head h2,.why h2,.center-head h2,.contact h2{font-size:37px}.product-grid{grid-template-columns:1fr}.why-grid{gap:30px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div{padding:25px 14px}.steps{grid-template-columns:1fr}.steps>b{transform:rotate(90deg)}.contact-box{padding:45px 25px;gap:25px}.footer-links{flex-wrap:wrap}.copyright{gap:20px}.ticker div{width:max-content}.product-info p{min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker div:nth-child(1){animation:none}}