/* The campaign reads as one calm sequence, with the drawings doing the explaining. */
@font-face{font-family:K2D;src:url('/assets/k2d-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--olive:#607F2C;--forest:#3E5928;--ink:#414B40;--muted:#62695F;--paper:#fff;--line:#DFE6D8;--wash:#F7F9F3;--white:#fff;--mint:#E1EBCF;--cream:#F3F6EF;--gold:#F9CE88;--error:#9D3029}
body{background:#fff;font-weight:400;line-height:1.7}
h1,h2,h3{letter-spacing:-.025em}
.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.brand-header{padding:78px 24px 20px;text-align:center}
.brand-header a{display:inline-flex}
.brand-header img{width:244px;height:auto}
.hero{padding:0 0 75px;text-align:center}
.hero h1{font-size:42px;font-weight:500;line-height:1.36;letter-spacing:-.03em;margin:0 0 23px;color:var(--olive)}
.hero h1 strong{font-weight:700}
.hero-lead{font-size:17px;font-weight:700;color:var(--ink)}
.hero-intro{max-width:770px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.75}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:5px;background:#5C7C2C;color:#fff;min-height:49px;padding:13px 27px;font-size:16px;line-height:1.4;letter-spacing:0;font-weight:500;gap:12px;box-shadow:none;transition:background .18s}
.button:hover{background:#45621E;transform:none}
.hero>.button{margin-top:43px}
.how-section{position:relative;overflow-x:clip;background:var(--wash);padding:35px 0 22px}
.section-edge{position:absolute;left:0;top:-35px;width:100%;height:36px;color:var(--wash);pointer-events:none}
.feature-flow{position:relative}
.feature-row{min-height:410px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:0;position:relative;isolation:isolate}
/* Approved planting artwork: full-bleed on desktop, behind the illustration on mobile. */
.feature-row::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:-40px;bottom:-75px;width:100vw;transform:translateX(-50%);background:url('/assets/curvas-de-plantio-v1.webp') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 13%,#000 82%,transparent)}
.feature-row.reverse::before{transform:translateX(-50%) scaleX(-1)}
.feature-copy{padding:0;max-width:445px}
.step-number{position:static;display:flex;align-items:center;justify-content:center;background:#6C8B37;color:white;width:31px;height:32px;border:0;border-radius:50% 50% 50% 5px;font-size:18px;font-weight:700;padding:0;margin-bottom:17px}
.feature-copy h2{font-size:27px;line-height:1.3;font-weight:700;color:var(--olive);letter-spacing:-.025em}
.feature-copy>p{font-size:17px!important;line-height:1.8;margin-top:17px;max-width:425px;color:var(--muted)}
.feature-copy strong{font-weight:700;color:#4C5644}
.motion-scene{width:100%;margin:0;min-width:0}
.motion-scene>svg{display:block;width:100%;height:auto;overflow:visible;font-family:K2D,system-ui,sans-serif}
.svg-title{fill:#5B6750;font-size:14px;font-weight:500}
.svg-label{fill:#52653E;font-size:13px;font-weight:500}
.svg-small{fill:#647356;font-size:11px}
.svg-tiny{fill:#67745D;font-size:9px}
.reverse .feature-copy{grid-column:2;grid-row:1}
.reverse .motion-scene{grid-column:1;grid-row:1}
.flow-line{display:block;width:52%;height:118px;margin:0 auto;overflow:visible}
.flow-line path{fill:none;stroke:#A6B988;stroke-width:1;stroke-dasharray:2 3}
.reverse-line{transform:scaleX(-1)}
.motion-note{display:flex;justify-content:center;align-items:center;gap:18px;font-size:11px;color:#68715F;padding-top:36px}
.motion-note button{font-size:11px;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#566B3D;padding:9px 0;min-height:36px}
.testimonials{padding:71px 0 50px;background:linear-gradient(var(--wash),#fff 92%)}
.section-heading{text-align:center}
.section-heading h2{font-size:33px;line-height:1.3;font-weight:500;color:var(--olive)}
.section-heading p{font-size:16px;color:var(--muted);margin-top:17px}
.quotes{display:grid;grid-template-columns:1fr 1fr;max-width:880px;gap:30px;margin:38px auto 0}
.quotes figure{padding:27px 35px 30px;background:white;border:0;box-shadow:none}
.quote-mark{display:block;font-family:Georgia,serif;font-size:53px;line-height:1;height:37px;color:#91AC61}
.quotes blockquote{font-size:19px;line-height:1.65;letter-spacing:-.01em;font-weight:500;min-height:97px;margin:10px 0 21px;color:#535F48}
.quotes figcaption{display:block;font-size:13px;line-height:1.7;color:var(--olive)}
.quotes figcaption strong,.quotes figcaption span{display:block}
.quotes figcaption strong{font-weight:500}
.quotes figcaption span{font-size:12px;color:var(--muted)}
.quote-source{text-align:center;font-size:11px;color:var(--muted);margin-top:27px}
.quote-source a{text-underline-offset:3px}
.faq{display:block;max-width:800px;padding:49px 0 34px}
.faq>h2{font-size:27px;font-weight:500;text-align:center;color:var(--olive);margin-bottom:22px}
.faq details{border-bottom:1px solid #E4E9DE}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:400;padding:18px 0;color:#4E5945}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary>span{transform:rotate(45deg)}
.faq summary>span{font-size:22px;color:#78954B}
.faq details>p{font-size:15px;line-height:1.8;color:var(--muted);padding:0 34px 20px 0}
.final-cta{background:white;position:relative;isolation:isolate;text-align:center;padding:90px 0 145px;overflow:hidden}
.final-content{position:relative}
.final-content>img{width:316px;height:auto;margin:0 auto}
.final-content>p{font-size:18px;line-height:1.7;color:var(--olive);margin:26px auto 30px}
.final-content>p strong{font-weight:700}
.field-landscape{position:absolute;bottom:0;left:0;width:100%;height:330px;z-index:-1;pointer-events:none}
.footer{display:block;padding:0;background:#587632;color:#fff}
.footer>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:24px}
.footer p{font-size:11px;color:#fff}
.footer nav{display:flex;gap:23px;font-size:11px}
.footer a,.footer button{color:#fff;text-decoration:none}
.footer a:hover,.footer button:hover{text-decoration:underline}
.footer button{border:0;background:transparent;font-size:inherit;padding:8px 0}
.drawer-header img{width:147px;height:auto}
.drawer-body h2{font-size:28px;color:#3E5928}
.drawer-body .button{font-size:14px}
.help-inner>.eyebrow{color:#596B47}
.help-inner h2{color:#3E5928}
.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:10px}
.little-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--olive);flex-shrink:0}
.check-mark{flex:none;display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#E8EFDC;color:var(--forest);font-size:14px}

/* Gentle, finite entrances: information stays visible after the sequence. */
.motion-scene[data-animated] .motion{animation:scene-arrive 900ms cubic-bezier(.2,.7,.3,1) both;animation-play-state:paused}
.motion-scene[data-playing=true] .motion{animation-play-state:running}
.motion-scene[data-animated] .motion-answer{animation-delay:280ms}
.motion-scene[data-animated] .motion-stamp{animation-delay:500ms;transform-box:fill-box;transform-origin:center}
.motion-scene[data-animated] .motion-row{animation-delay:180ms}
.motion-scene[data-animated] .motion-bar{animation-name:chart-arrive;transform-box:fill-box;transform-origin:center bottom;animation-delay:calc(var(--order)*90ms)}
.motion-scene[data-animated] .motion-line{animation:chart-line 1100ms ease-out both;animation-play-state:paused}
.motion-scene[data-playing=true] .motion-line{animation-play-state:running}
.motion-scene[data-animated] .motion-balance{animation-delay:500ms}
.motion-scene[data-paused=true] .motion{opacity:1!important;transform:none!important;stroke-dashoffset:0!important}
@keyframes scene-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes chart-arrive{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@keyframes chart-line{from{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}
@media(min-width:1600px){.wrap{max-width:1230px}.brand-header{padding-top:100px}.brand-header img{width:275px}.hero{padding-bottom:105px}.hero h1{font-size:48px}.hero-intro{max-width:900px}.feature-row{min-height:465px;gap:90px}.feature-copy h2{font-size:30px}.feature-copy>p{font-size:18px!important}.feature-copy{max-width:480px}.flow-line{height:140px}.motion-note{padding-top:50px}.testimonials{padding-top:90px}.quotes{max-width:950px}.final-cta{padding-bottom:185px}}
@media(max-width:1050px){.feature-row{gap:30px;min-height:360px}.feature-copy h2{font-size:24px}.feature-copy>p{font-size:16px!important}.flow-line{height:95px}.hero h1{font-size:39px}.hero-intro{max-width:670px}}
@media(max-width:700px){
  .wrap{width:calc(100% - 44px)}
  .brand-header{padding:47px 20px 21px}.brand-header img{width:199px}
  .hero{padding:0 0 65px}.hero h1{font-size:29px;line-height:1.38;letter-spacing:-.035em;margin:0 0 23px}.hero h1 br{display:none}.hero h1 strong{display:block}
  .hero-lead{font-size:14px;margin-bottom:4px}.hero-intro{font-size:15px;line-height:1.75;max-width:365px}.hero>.button{width:auto;max-width:100%;margin-top:31px;font-size:14px;min-height:48px;padding-inline:24px}
  .section-edge{height:27px;top:-26px}.how-section{padding-top:28px}
  .feature-row{display:flex;flex-direction:column;min-height:0;gap:15px;padding:20px 0 0;align-items:stretch}
  .feature-row::before{content:none}
  .motion-scene{position:relative;isolation:isolate}
  .motion-scene::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:-12%;bottom:-18%;width:100vw;transform:translateX(-50%);background:url('/assets/curvas-de-plantio-v1.webp') right center/auto 100% no-repeat;mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent)}
  .feature-copy{max-width:460px;margin:0 auto;width:100%;padding:0}.feature-copy h2{font-size:24px;line-height:1.3}.feature-copy>p{font-size:15px!important;line-height:1.85;max-width:440px;margin-top:15px}.step-number{width:28px;height:29px;font-size:16px;margin-bottom:14px}
  .motion-scene{width:100%;max-width:435px;margin:0 auto}.flow-line{width:60%;height:65px;margin:0 auto 20px}.flow-line path{stroke-width:1.5}
  .motion-note{flex-direction:column;gap:0;padding-top:8px;font-size:10px}.motion-note button{font-size:11px;min-height:44px}
  .testimonials{padding:48px 0 31px}.section-heading h2{font-size:26px;line-height:1.35}.section-heading p{font-size:14px;margin-top:13px}
  .quotes{grid-template-columns:1fr;gap:18px;margin-top:28px}.quotes figure{padding:22px 27px}.quotes blockquote{font-size:17px;min-height:0;margin:8px 0 18px}.quote-mark{font-size:47px;height:32px}.quotes figcaption{font-size:12px}.quotes figcaption span{font-size:11px}.quote-source{font-size:10px;margin-top:24px}
  .faq{padding:31px 0 25px}.faq>h2{font-size:25px;margin-bottom:14px}.faq summary{font-size:14px;padding:17px 0}.faq details>p{font-size:14px}
  .final-cta{padding:65px 0 105px}.final-content>img{width:237px}.final-content>p{font-size:15px;margin:22px 0 28px}.final-content>.button{font-size:14px;width:auto}.field-landscape{height:200px}
  .footer>.wrap{flex-direction:column;justify-content:center;gap:7px;padding:18px 0}.footer nav{gap:25px;font-size:11px;width:auto}.footer p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.motion-scene .motion{animation:none!important;transform:none!important;opacity:1!important}}

/* Refinements preserve the centered opening and the original section rhythm. */
.hero-intro{max-width:740px;text-wrap:pretty}
.feature-copy h2,.hero h1{text-wrap:balance}
.feature-copy>p{text-wrap:pretty}
.feature-row>*{min-width:0}
.motion-scene>svg{filter:drop-shadow(0 10px 15px #48652e08)}
.motion-note{min-height:80px}
.cookie-banner{left:auto;right:24px}
.cookie-policy,.privacy-policy,.always-on{color:#526d27}
.footer a,.footer button{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.cookie-banner{left:auto;right:12px}.motion-note{min-height:80px}.hero-intro{max-width:365px}.hero h1{font-size:clamp(27px,5.7vw,36px)}}
@media(min-width:701px) and (max-width:850px){.feature-row{gap:24px}.feature-copy h2{font-size:23px}.feature-copy>p{font-size:15px!important}.motion-scene{align-self:center}}
@media(prefers-reduced-motion:reduce){.motion-scene .motion{stroke-dashoffset:0!important}}