:root{--green:#274c22;--green-2:#416a2e;--lime:#c5d993;--cream:#f5f0e2;--paper:#fffaf0;--ink:#24351f;--muted:#56604f;--line:#d4d2b9;--orange:#b8632a;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--ink);background:var(--cream);font:400 1rem/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b16a21;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:15px}
.nav-wrap{position:absolute;top:24px;left:4%;right:4%;z-index:20}.nav{max-width:1360px;margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 24px;background:#fffaf0f0;border:1px solid #d4cebc;border-radius:15px;box-shadow:0 6px 0 #d6cbb870,0 12px 30px #283c2112;outline:1px dashed #babba3;outline-offset:-7px}.brand{display:flex;align-items:center;gap:11px;color:var(--green);flex-shrink:0}.brand span{font:900 3rem/1 var(--serif);letter-spacing:-.08em}.brand small{font-weight:700;font-size:.75rem;letter-spacing:.12em}.nav-links{display:flex;gap:26px;font-size:.875rem;font-weight:700}.nav-links a{padding:8px 0;border-bottom:1px solid transparent}.nav-links a:hover{border-color:var(--green)}.menu-toggle{display:none}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:16px 27px;border-radius:11px;background:var(--green);color:#fffaf0;font-weight:700;line-height:1.4;box-shadow:0 5px 0 #16320f,0 9px 16px #24351f20;transition:transform .2s,box-shadow .2s}.button::after{content:'';position:absolute;inset:5px;border:1px dashed #d8e6c582;border-radius:7px;pointer-events:none}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #16320f,0 14px 22px #24351f28}.button:active{transform:translateY(2px)}.button-small{padding:12px 20px;min-height:44px;font-size:.875rem}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;min-height:max(800px,100svh);display:flex;align-items:center;padding:165px 6% 130px;background:#e8ecdc}.hero-landscape{position:absolute;z-index:-3;inset:-18px;background:url('assets/garden.png') center 56%/cover no-repeat;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .5s ease-out}.hero::after{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#f8f3e4e8 0%,#f7f3e2b8 29%,#f8f3e418 62%,transparent 100%)}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;width:100%;max-width:1380px;margin:auto}.hero-copy{position:relative;z-index:3;max-width:660px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.15em;color:var(--green-2);margin:0 0 20px;line-height:1.6}.hero h1{font:900 clamp(3.5rem,5.6vw,6rem)/1.06 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 span{display:block;font-size:.76em;color:var(--green)}.hero h1 strong{display:block;color:var(--green);font-weight:900;font-size:1.25em;line-height:1.14;text-shadow:1px 3px 0 #fff6ce}.handwritten{font:600 clamp(1.5rem,2.6vw,2.3rem)/1.12 'Caveat',cursive;color:var(--green);margin:18px 0}.hero-lead{max-width:500px;margin:23px 0 30px;font-size:1.0625rem;font-weight:500;color:#33432c;line-height:1.75}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.text-link{font-size:1rem;font-weight:700;border-bottom:1px solid #5d714b;padding:9px 0}.text-link span{margin-left:14px}.hero-proof{display:flex;gap:30px;margin-top:39px;padding-top:22px;border-top:1px solid #72806060;max-width:480px}.hero-proof div{display:flex;flex-direction:column;gap:2px}.hero-proof strong{font:700 1.35rem var(--serif)}.hero-proof span{font-size:.875rem;color:#465639}.hero-product{position:relative;min-height:540px;display:grid;place-items:center;transform:translate3d(var(--product-x,0px),var(--product-y,0px),0);transition:transform .6s ease-out}.product-photo{width:min(90%,440px);position:relative;z-index:2;filter:drop-shadow(8px 24px 10px #233a273d);border:10px solid var(--paper);border-bottom-width:35px;transform:rotate(3deg);box-shadow:0 12px 24px #1c301c25}.product-photo.is-cutout{width:min(100%,540px);border:0;box-shadow:none;transform:rotate(-3deg)}.product-tag{position:absolute;right:0;top:-15px;z-index:4;background:var(--paper);box-shadow:3px 5px 0 #bcb39370;padding:18px 26px;border-radius:3px;transform:rotate(7deg);font:600 1.7rem/1.15 'Caveat',cursive;border:1px solid #d3ccb5;text-align:center}.product-tag strong{font-weight:700}.capacity-card{position:absolute;right:2%;bottom:-10px;z-index:3;background:var(--paper);padding:18px 28px;border:1px solid #c7bfa6;border-radius:8px;box-shadow:0 5px 0 #b6af94,0 12px 25px #23351b33;display:grid;transform:rotate(-4deg);outline:1px dashed #929a78;outline-offset:-6px;transition:rotate .2s}.capacity-card:hover{rotate:4deg}.capacity-card>span{font-size:.875rem;font-weight:500}.capacity-card strong{font:800 1.8rem var(--serif);color:var(--green)}.capacity-card i{font-style:normal;color:#91a37a;padding:0 6px}.scroll-cue{position:absolute;bottom:26px;left:6%;font-size:.875rem;font-weight:600;color:#fffdf2;padding:9px 16px;border-radius:7px;background:#294723de}.scroll-cue span{margin-left:20px}
.statement{background:var(--green);color:var(--paper);padding:50px 0 0;text-align:center}.statement>p{font:600 clamp(1.5rem,2.5vw,2.5rem)/1.4 var(--serif);max-width:850px;padding:0 24px;margin:0 auto 48px}.marquee{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 36px;padding:20px;background:#dce5b9;color:var(--green);font-size:.875rem;font-weight:700;letter-spacing:.15em;border-top:1px dashed #7b8b51;border-bottom:1px dashed #7b8b51}.marquee i{font-style:normal}.section{padding:100px max(6vw,24px);max-width:1600px;margin:auto}.section-heading{max-width:820px;margin:0 0 48px}.section-heading h2,.benefits h2,.audiences h2,.cta h2{font:700 clamp(2.5rem,4vw,4.3rem)/1.13 var(--serif);letter-spacing:-.035em;margin:0 0 20px}.section-heading>p:last-child{font-size:1.0625rem;color:var(--muted);max-width:670px}.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.model-card{position:relative;display:flex;flex-direction:column;padding:40px 42px 35px;border:1px solid #c9c6b0;border-radius:7px;background:var(--paper);box-shadow:5px 7px 0 #d4cbb772;outline:1px dashed #bbbba1;outline-offset:-10px;transition:transform .25s}.model-card:hover{transform:translateY(-5px) rotate(-.4deg)}.model-card.dark{background:var(--green);color:var(--paper);outline-color:#a5b887;box-shadow:5px 7px 0 #a6b092}.badge{align-self:flex-start;font-size:.875rem;font-weight:700;border-bottom:1px solid #93a177;padding-bottom:7px}.dark .badge{color:#dbe9b8;border-color:#a5b887}.model-number{font:800 clamp(5rem,8vw,7.5rem)/1.2 var(--serif);letter-spacing:-.06em;margin:18px 0 5px;color:var(--green)}.model-number small{font:600 1.5rem var(--sans);letter-spacing:0}.dark .model-number{color:#dae9b6}.model-card h3{font-size:1.375rem;line-height:1.4;margin:0 0 10px}.model-card p{color:var(--muted);margin:0;max-width:450px}.dark p{color:#e2e7d5}.model-card ul{list-style:none;padding:0;display:grid;gap:8px;margin:24px 0 30px}.model-card li::before{content:'✓';color:#6d873a;margin-right:12px}.dark li::before{color:#dbe9b8}.card-link{font-weight:700;border-top:1px dashed #a2aa8a;padding-top:20px;margin-top:auto}.model-note{font-size:.875rem;color:var(--muted);margin:25px 0 0;text-align:center}
.benefits{display:grid;grid-template-columns:1fr 1.05fr;max-width:1450px;margin:20px auto 0;padding:0 5% 90px;gap:7%;align-items:center}.benefits-image{position:relative;padding:60px 25px 70px;transform:rotate(-3deg);background:var(--paper);border:1px solid #c9c6b0;box-shadow:8px 10px 0 #cfc9b670}.benefits-image img{width:100%;max-width:460px;margin:auto;border-radius:2px}.photo-caption{position:absolute;top:0;left:25px;right:25px;text-align:center;font-size:1.85rem}.spin-label{display:block;text-align:center;font:600 1.8rem 'Caveat',cursive;color:var(--green);position:absolute;bottom:15px;left:10px;right:10px}.benefits-copy{padding:35px 0}.feature-list{display:grid;margin-top:30px}.feature-list article{display:grid;grid-template-columns:32px 1fr;gap:18px;padding:20px 0;border-top:1px dashed #adb79c}.feature-list article>span{font:700 1.125rem var(--serif);color:var(--green-2);padding-top:4px}.feature-list h3{font-size:1.125rem;margin:0 0 5px}.feature-list p{color:var(--muted);margin:0}
.steps{max-width:none;background:#e8edda;border-block:1px solid #d0d8bd}.steps>*{max-width:1320px;margin-left:auto;margin-right:auto}.steps .section-heading{max-width:1320px}.process-motto{display:inline-block;font:600 1.65rem 'Caveat',cursive;color:var(--green);transform:rotate(-2deg)}.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}.process-card{position:relative;min-width:0;border:1px solid #c3cbb1;border-radius:7px;background:var(--paper);box-shadow:3px 5px 0 #c5ceb055;transition:transform .2s}.process-card:hover{transform:translateY(-5px)}.process-card-heading{display:flex;gap:12px;align-items:center;min-height:115px;padding:20px 16px;border-bottom:1px dashed #b5c29d}.process-card-heading h3{font-size:1rem;line-height:1.4;margin:0;overflow-wrap:break-word}.process-number{font:700 1.8rem var(--serif);color:#6a853b;flex-shrink:0}.process-picture{position:relative;width:200px;max-width:calc(100% - 32px);aspect-ratio:200/118;margin:20px auto 16px;overflow:hidden;border-radius:7px;background:#faf4eb}.process-picture img{position:absolute;width:824%;max-width:none;height:547.45763%;left:var(--image-left);top:var(--image-top)}.process-card>p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0;padding:0 20px 24px}.process-note{display:grid;gap:8px;margin:0 16px 20px;padding:12px;background:#ecf0dd;font-size:.875rem;line-height:1.5;border-left:2px solid #8d9f60}.process-note strong{display:block}.process-tips{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:28px;margin-top:32px;border:1px dashed #a2b08b;border-radius:8px}.process-tips h3{font-size:1.125rem;margin:0;color:var(--green)}.process-tips ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}.process-tips li{border-left:2px solid #a8bb87;padding-left:16px}.process-closing{text-align:center;color:var(--green);font:600 2rem 'Caveat',cursive;margin-top:28px;margin-bottom:36px}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.do-dont>div{border-radius:6px;background:var(--paper);padding:26px;border-left:4px solid var(--green-2)}.do-dont>div:last-child{border-left-color:var(--orange)}.do-dont h3{margin:0 0 8px;font-size:1.125rem}.do-dont p{margin:0;color:var(--muted)}
.audiences{background:var(--green);color:var(--paper);padding:85px max(6vw,24px)}.audiences>div{max-width:1320px;margin:auto}.audiences .eyebrow{color:#cadfa5}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px!important}.audience-grid article{padding:25px 30px;border:1px dashed #90a574;border-radius:7px}.audience-grid span{font-size:2rem;color:#d0e5ab}.audience-grid h3{font:600 1.65rem var(--serif);margin:10px 0}.audience-grid p{color:#e1e8d6;margin:0}.faq{display:grid;grid-template-columns:.8fr 1fr;gap:60px}.faq-list{min-width:0}.faq details{border-top:1px dashed #b0b69d}.faq details:last-child{border-bottom:1px dashed #b0b69d}.faq summary{cursor:pointer;list-style:none;font-size:1.0625rem;font-weight:700;padding:24px 34px 24px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:6px;top:20px;font-size:1.5rem;color:var(--green)}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);margin:0 0 25px}
.cta{position:relative;margin:0 5% 65px;padding:60px 5%;background:#dce6bd;border:1px solid #adba8c;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:6px 8px 0 #c1caaa;outline:1px dashed #8b9b6c;outline-offset:-10px}.cta>div:first-child{max-width:790px}.cta h2{font-size:clamp(2.25rem,3.5vw,3.7rem)}.cta p{margin-bottom:0;max-width:600px}.cta-actions{display:grid;gap:20px;min-width:230px}.phone{text-align:center;font-weight:700}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;padding:45px 6%;background:#203b1c;color:var(--paper)}.footer-brand{color:var(--paper)}footer p{color:#d7e1cb;font-size:.875rem;text-align:center}footer>div:last-child{display:grid;gap:5px;text-align:right;font-size:.875rem}footer a{overflow-wrap:anywhere}
@media(min-width:1700px){.hero{min-height:960px}.hero-landscape{background-position:center 65%}.hero h1{font-size:6.8rem}}
@media(max-width:1100px){.nav-links{gap:17px}.brand small{max-width:110px;font-size:.75rem}.nav{gap:15px;padding:15px 20px}.nav .button-small{font-size:.875rem;padding:12px 14px}.hero{padding-inline:5%;min-height:810px}.hero-inner{gap:15px}.hero h1{font-size:4.3rem}.hero-product{min-height:460px}.product-tag{font-size:1.45rem;top:-20px}.hero-proof{gap:22px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card-heading{min-height:85px}.process-tips{grid-template-columns:1fr;gap:18px}.benefits{gap:6%}.faq{gap:35px}.cta{flex-direction:column;align-items:flex-start}.cta-actions{display:flex;align-items:center;gap:30px}}
@media(max-width:850px){.nav-wrap{top:16px;left:20px;right:20px}.nav{min-height:70px;flex-wrap:wrap;gap:14px}.nav .brand{margin-right:auto}.nav .button-small{display:none}.menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid #b4bba1;border-radius:6px;background:var(--paper);padding:8px 14px;color:var(--green);font-weight:700}.nav-links{display:none;width:100%;order:5;flex-direction:column;gap:0;padding:0 6px 8px}.nav-links.is-open{display:flex}.nav-links a{padding:12px}.hero{padding:135px 6% 90px;min-height:auto}.hero-inner{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.5rem,9vw,5.2rem)}.hero-lead{max-width:560px}.hero-product{min-height:430px;width:min(100%,540px);margin:auto}.product-photo{width:330px}.product-photo.is-cutout{width:min(85%,450px)}.hero-landscape{background-position:67% bottom;background-size:auto 1100px;background-repeat:no-repeat;background-color:#e5eddf}.hero::after{background:linear-gradient(180deg,#f8f3e4ef 0%,#f8f3e4cc 42%,transparent 74%)}.product-tag{right:0;top:-20px}.capacity-card{bottom:0}.scroll-cue{left:6%;right:6%;text-align:center;font-size:.875rem}.model-grid{gap:20px}.model-card{padding:32px 27px}.benefits{grid-template-columns:1fr;gap:40px;padding:0 7% 75px}.benefits-image{width:min(90%,460px);margin:auto}.benefits-copy{padding-bottom:0}.audience-grid{gap:15px}.audience-grid article{padding:22px}.faq{grid-template-columns:1fr;gap:0}.faq .section-heading{margin-bottom:25px}.section{padding-top:75px;padding-bottom:75px}.brand span{font-size:2.5rem}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:580px){.hero{padding-top:125px}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.12em}.hero h1{font-size:3.4rem;letter-spacing:-.045em}.hero h1 span{font-size:.79em}.hero h1 strong{font-size:1.25em}.handwritten{font-size:1.7rem}.hero-lead{font-size:1rem}.hero-actions{gap:18px}.hero-actions .button{padding:16px 20px;font-size:.9375rem}.text-link{font-size:.9375rem}.hero-proof{gap:15px;justify-content:space-between;margin-top:32px}.hero-proof strong{font-size:1.125rem}.hero-proof span{font-size:.875rem}.hero-inner{gap:70px}.hero-product{min-height:340px}.product-tag{font-size:1.4rem;padding:12px 20px;top:-35px;right:0}.capacity-card{padding:14px 22px;bottom:-20px;right:0}.capacity-card strong{font-size:1.4rem}.capacity-card>span{font-size:.875rem}.scroll-cue{font-size:.875rem;bottom:15px;line-height:1.5;padding:7px 12px}.scroll-cue span{margin-left:7px}.hero{padding-bottom:125px}.model-grid,.do-dont,.audience-grid{grid-template-columns:1fr}.model-grid{gap:30px}.section-heading h2,.benefits h2,.audiences h2{font-size:2.6rem}.model-number{font-size:6rem}.model-card{padding:30px}.process-grid{grid-template-columns:1fr;gap:24px}.process-card-heading{min-height:0;padding:20px}.process-picture{width:220px}.process-tips{padding:22px}.process-tips ul{grid-template-columns:1fr;gap:16px}.marquee{gap:10px 15px;font-size:.75rem;letter-spacing:.06em}.marquee i{display:none}.statement>p{font-size:1.65rem}.cta{padding:42px 26px;margin:0 20px 40px;gap:28px}.cta-actions{display:grid;width:100%;gap:18px;min-width:0}.cta h2{font-size:2.35rem}footer{grid-template-columns:1fr;gap:25px}footer>div:last-child{text-align:left}.photo-caption{font-size:1.65rem}.nav-wrap{left:14px;right:14px}.nav{padding:14px 18px}.brand small{font-size:.75rem;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-landscape,.hero-product{transform:none!important}}

/* Actual drum motion from the supplied demonstration; the photograph remains the resting view. */
.interactive-product{position:relative;width:100%;min-width:0;z-index:2}.product-visual{position:relative;width:100%;aspect-ratio:1/1.1;display:grid;place-items:center;isolation:isolate}.product-visual .product-photo.is-cutout{width:min(100%,510px);transition:opacity .18s;grid-area:1/1}.hero-spin-video{position:absolute;inset:0;margin:auto;width:auto;max-width:100%;height:100%;object-fit:contain;background:#21381e;border:7px solid var(--paper);border-radius:12px;box-shadow:0 10px 28px #203b1c40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s}.product-visual.is-playing .hero-spin-video{opacity:1;visibility:visible}.product-visual.is-playing .product-photo{opacity:0}.spin-controls{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:15px;gap:10px;text-align:center}.spin-button{border:0;cursor:pointer;font-size:1rem;min-height:48px;padding:13px 25px}.spin-button>span:first-child{font-size:1.5rem;line-height:1}.spin-hint{margin:4px 0 0;padding:5px 10px;border-radius:5px;background:#fffaf0e8;font-size:.875rem;color:var(--green);line-height:1.5}.spin-status{font-size:.875rem;margin:0;color:var(--green);background:var(--paper)}.spin-status:empty{display:none}.hero-product .capacity-card{bottom:150px;right:-4%;pointer-events:auto}.hero-product .product-tag{top:-35px;right:-2%}.video-section{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;border-top:1px dashed #c3cbb1}.video-copy h2{font:700 clamp(2.5rem,4vw,4.3rem)/1.13 var(--serif);letter-spacing:-.035em;margin:0 0 25px}.video-copy>p:not(.eyebrow){max-width:530px;color:var(--muted);font-size:1.0625rem}.video-copy>.handwritten{display:block;margin:26px 0}.video-copy>.text-link{display:inline-block}.video-player{width:min(100%,350px);margin:0 auto;background:var(--paper);border:1px solid #c9c6b0;padding:12px;border-radius:9px;box-shadow:6px 8px 0 #d4cbb772}.video-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#203b1c;border-radius:5px}.video-player figcaption{font-size:.875rem;color:var(--muted);line-height:1.5;text-align:center;padding:15px 7px 5px}.hero-product{transition:none}.nav-links{gap:20px}
@media(max-width:1100px){.hero-product .capacity-card{right:-3%;bottom:130px;padding:14px 18px}.hero-product .capacity-card strong{font-size:1.4rem}.nav-links{gap:12px}.nav{gap:14px}.nav-links a{font-size:.875rem}.hero-product .product-tag{top:-40px}}
@media(max-width:850px){.hero-product{width:min(100%,480px)}.product-visual{width:min(100%,440px);margin:auto;aspect-ratio:1/1.08}.hero-product .capacity-card{right:0;bottom:130px}.video-section{grid-template-columns:1fr;gap:40px}.video-copy{max-width:630px}.video-player{width:min(100%,350px)}.hero-product .product-tag{top:-45px}.hero-landscape{background-size:auto 1250px}}
@media(max-width:580px){.product-visual{aspect-ratio:1/1.2}.product-visual .product-photo.is-cutout{width:95%}.spin-controls{margin-top:20px}.hero-product .capacity-card{right:-1%;bottom:120px;padding:12px 16px}.hero-product .capacity-card>span{font-size:.75rem}.hero-product .capacity-card strong{font-size:1.15rem}.hero-product .product-tag{right:0}.spin-hint{font-size:.875rem}.video-copy h2{font-size:2.6rem}.hero{padding-bottom:105px}.hero-inner{gap:65px}}
@media(hover:none){.spin-hint{font-size:0}.spin-hint::after{content:'Pulsa el botón para ver cómo gira.';font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.spin-hint{font-size:0}.spin-hint::after{content:'Pulsa el botón para reproducir el giro.';font-size:.875rem}}