:root{--forest:#063722;--forest-2:#0d4b2f;--cream:#f8eedc;--paper:#fff9ed;--coffee:#9b5716;--ink:#123323;--line:rgba(6,55,34,.16);--muted:#52705e;--shadow:0 20px 55px rgba(42,31,13,.12);--radius:28px;--font:ui-rounded,"Avenir Next",Avenir,"Trebuchet MS",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.45}body:has(.sticky-cta){padding-bottom:84px}.container{width:min(1120px,calc(100% - 40px));margin:auto}.hero{position:relative;overflow:hidden;padding:24px 0 58px;background:radial-gradient(circle at 85% 10%,rgba(184,111,33,.14),transparent 28%),radial-gradient(circle at 7% 4%,rgba(6,55,34,.12),transparent 22%),var(--cream)}.hero:before{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(rgba(70,44,15,.25) .6px,transparent .6px);background-size:6px 6px;pointer-events:none}.hero-grid{position:relative;display:grid;gap:28px}.brand{display:block;width:154px;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 8px 22px rgba(6,55,34,.14)}.brand img{display:block;width:100%;height:auto}.eyebrow{margin:25px 0 8px;font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--forest-2)}h1,h2,h3,p{margin-top:0}h1{max-width:750px;margin-bottom:18px;font-size:clamp(46px,13vw,86px);line-height:.91;letter-spacing:-.06em;text-wrap:balance}h1 span{display:block;color:var(--coffee);font-style:italic}.lead{max-width:520px;margin-bottom:24px;font-size:18px;color:#315443;text-wrap:balance}.button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:14px 20px;font-weight:900;font-size:15px;text-decoration:none;transition:transform .2s ease,filter .2s ease;box-shadow:0 12px 24px rgba(6,55,34,.2)}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button:focus-visible,summary:focus-visible{outline:3px solid #d8913a;outline-offset:4px}.button svg{width:23px;height:23px;flex:0 0 auto}.button-whatsapp{color:#fff;background:linear-gradient(135deg,#157341,#075329)}.micro-copy{margin:13px 0 0;font-size:12px;color:var(--muted)}.hero-visual{min-height:368px;position:relative;isolation:isolate}.visual-glow{position:absolute;width:300px;height:300px;top:30px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(185,114,44,.38),rgba(185,114,44,0) 67%)}.bag{position:absolute;z-index:1;right:2%;top:40px;width:194px;height:245px;border-radius:9px 9px 18px 18px;background:linear-gradient(110deg,#ca985a,#efc98d 55%,#b87a35);transform:rotate(5deg);box-shadow:var(--shadow)}.bag:after{content:"";position:absolute;inset:10px;background-image:radial-gradient(rgba(108,63,13,.18) 1px,transparent 1px);background-size:8px 8px}.bag-handle{position:absolute;left:50%;top:-53px;width:100px;height:72px;border:12px solid #bc803e;border-bottom:0;border-radius:50px 50px 0 0;transform:translateX(-50%)}.bag-label{position:absolute;z-index:1;left:50%;top:50px;transform:translateX(-50%);width:90px;padding:24px 4px;text-align:center;line-height:.8;font-weight:900;font-size:21px;letter-spacing:.03em;color:#e6c78a;background:var(--forest);border-radius:4px 4px 11px 11px}.bag-label small,.cup-sleeve small{font-size:10px;letter-spacing:.14em}.cup{position:absolute;z-index:3;left:8%;bottom:10px;width:153px;height:250px;border-radius:12px 12px 32px 32px;background:linear-gradient(90deg,#debf89,#f5deaf 52%,#c99756);box-shadow:var(--shadow)}.cup:after{content:"";position:absolute;inset:13px;border-radius:9px 9px 25px 25px;background-image:radial-gradient(rgba(93,56,16,.16) 1px,transparent 1px);background-size:7px 7px}.cup-lid{position:absolute;z-index:2;left:-6px;top:-18px;width:165px;height:38px;border-radius:50% 50% 25% 25%;background:linear-gradient(#164933,#092e20);border-bottom:7px solid #0c3a28}.cup-sleeve{position:absolute;z-index:3;top:95px;width:100%;padding:27px 0;text-align:center;background:linear-gradient(135deg,#053720,#0c5a36);color:#ebd7a2;line-height:.82;font-weight:900;font-size:24px}.phone{position:absolute;z-index:4;right:6%;bottom:0;width:218px;height:121px;padding:9px;border:7px solid #151716;border-radius:23px;background:#131414;transform:rotate(-5deg);box-shadow:0 20px 30px rgba(0,0,0,.3)}.phone-camera{position:absolute;z-index:2;left:13px;top:11px;width:9px;height:9px;border-radius:50%;background:#070707;border:1px solid #4d4d4d}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#c69352,#f5d4a2 58%,#70471b)}.screen-cup{position:absolute;left:45%;bottom:8px;width:35px;height:61px;border-radius:4px 4px 10px 10px;background:#edce98;box-shadow:inset 0 -24px #164933}.screen-cup:before{content:"";position:absolute;top:-8px;left:-2px;width:39px;height:12px;border-radius:50%;background:#123d2a}.screen-rec{position:absolute;right:8px;top:6px;color:#fff;font-size:8px;font-weight:900}.screen-rec:before{content:"";display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:#e53126}.beans{position:absolute;z-index:5;left:42%;bottom:2px;display:flex;gap:4px}.beans i,.coffee-bean{display:block;width:24px;height:15px;border-radius:50%;background:linear-gradient(135deg,#a5611d,#321706);transform:rotate(-25deg);box-shadow:inset -2px -2px 4px rgba(0,0,0,.35)}.beans i:after,.coffee-bean:after{content:"";display:block;width:2px;height:90%;margin:auto;background:rgba(31,13,0,.65);transform:rotate(20deg)}.coffee-bean{position:absolute;z-index:2;width:45px;height:29px}.bean-one{right:7%;top:42px;transform:rotate(35deg)}.bean-two{right:1%;top:19px;transform:rotate(-28deg)}.section{padding:68px 0}.section-heading h2,.section h2,.final-cta h2{font-size:clamp(34px,7vw,54px);line-height:.98;letter-spacing:-.05em}.easy-section{background:#fffdf7}.steps-grid{display:grid;gap:15px;margin-top:28px}.step-card{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.step-icon{display:grid;place-items:center;flex:0 0 auto;width:57px;height:57px;border-radius:18px;background:var(--forest);color:#f6d39d}.step-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.7}.whatsapp-icon svg{fill:none}.step-number{margin:1px 0 4px;font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--coffee)}.step-card h3{margin-bottom:5px;font-size:21px;line-height:1}.step-card p{margin-bottom:8px;color:var(--muted);font-size:14px}.step-card strong{font-size:13px}.benefit-section{padding:24px 0;background:var(--paper)}.benefit-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;min-height:250px;padding:32px 28px;border-radius:28px;color:#f9e7c6;background:radial-gradient(circle at 80% 30%,rgba(205,144,62,.3),transparent 35%),linear-gradient(135deg,#04331f,#0d5432)}.benefit-card:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(239,181,89,.75);border-radius:20px}.benefit-card>*{position:relative}.gift-mark{display:grid;place-items:center;width:62px;height:62px;border:2px solid #d89940;border-radius:16px;color:#d89940;font-size:45px}.benefit-card p{margin:0 0 2px;font-size:11px;font-weight:900;letter-spacing:.1em}.benefit-card h2{margin:0;color:#dc9842;font-size:clamp(66px,20vw,126px);line-height:.8;letter-spacing:-.08em}.benefit-card small{display:block;margin-top:14px;color:#f7dfae}.video-section{background:#f3e1c0}.split-layout{display:grid;gap:28px}.section-intro{max-width:440px;color:var(--muted);font-size:17px}.check-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.check-list li{display:flex;gap:12px;align-items:center;padding:13px;border-bottom:1px solid rgba(6,55,34,.15)}.check-list span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:50%;color:#f5ddaf;background:var(--forest);font-size:10px;font-weight:900}.flow-section{background:#fffdf7}.centered{text-align:center}.timeline{display:grid;gap:16px;margin:31px 0 0;padding:0;list-style:none}.timeline li{position:relative;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:13px}.timeline li:not(:last-child):after{content:"";position:absolute;left:21px;top:47px;height:27px;border-left:1px dashed #b77a32}.timeline b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e6c28c;color:var(--forest)}.timeline span{font-weight:800}.accordion-section{background:#fffdf7}.narrow{max-width:760px}.accordion{margin-top:22px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:19px 2px;font-weight:900}summary::-webkit-details-marker{display:none}summary span{font-size:25px;font-weight:400;transition:transform .2s ease}details[open] summary span{transform:rotate(45deg)}details ul,details p{margin:0;padding:0 3px 20px;color:#41614f}details ul{padding-left:22px}details li{margin:0 0 9px}.authorization-section{padding:36px 0;background:var(--forest);color:#f9e9cb}.authorization{display:flex;gap:19px;align-items:flex-start}.authorization .eyebrow{margin-top:0;color:#e3a34c}.authorization h2{margin-bottom:12px}.authorization p:not(.eyebrow){margin:0;max-width:720px;color:#d2e1d7}.megaphone{display:grid;place-items:center;flex:0 0 auto;width:59px;height:59px;border:1px solid rgba(245,218,169,.55);border-radius:18px;color:#e7b35d;font-size:37px}.faq-section{padding-top:66px}.faq details p{max-width:570px}.final-cta{padding:70px 0 105px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(191,118,45,.2),transparent 30%),var(--cream)}.final-cta .eyebrow{margin-top:0}.final-cta h2{margin-bottom:10px}.final-cta p:not(.eyebrow){margin-bottom:24px;font-size:18px;color:var(--muted)}.sticky-cta{position:fixed;z-index:10;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;box-shadow:0 12px 28px rgba(0,0,0,.25)}@media(min-width:720px){body:has(.sticky-cta){padding-bottom:0}.hero{padding:40px 0 68px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center}.hero-visual{min-height:500px}.bag{right:9%;top:78px;width:230px;height:292px}.cup{left:4%;width:184px;height:298px}.phone{right:0;width:270px;height:149px}.coffee-bean{right:3%}.steps-grid{grid-template-columns:1fr 1fr}.split-layout{grid-template-columns:.83fr 1.17fr;align-items:center}.timeline{grid-template-columns:repeat(5,1fr);gap:0}.timeline li{grid-template-columns:1fr;text-align:center;justify-items:center;gap:9px}.timeline li:not(:last-child):after{left:calc(50% + 31px);top:22px;width:calc(100% - 62px);height:auto;border-top:1px dashed #b77a32;border-left:0}.benefit-card{justify-content:center;min-height:290px}.sticky-cta{display:none}.final-cta{padding-bottom:80px}}@media(max-width:374px){.container{width:min(100% - 28px,1120px)}h1{font-size:44px}.button{font-size:14px;padding-inline:15px}.hero-visual{min-height:330px}.bag{transform:scale(.86) rotate(5deg);transform-origin:top right}.cup{transform:scale(.86);transform-origin:bottom left}.phone{transform:scale(.85) rotate(-5deg);transform-origin:bottom right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,summary span{transition:none}}