/* Página inicial — fase 3: produto à vista, aplicações em abas, rodapé completo. Carregado por último. */
.landing-page{--hp-amber:#e8a33c;--hp-amber-fill:#e8a33c59}

/* Janela do produto no hero */
.landing-page .hero{gap:48px}
.hero-product{position:relative;flex:1 1 0;min-width:0;max-width:600px;margin-left:auto;align-self:center;z-index:1}
.hp-window{border-radius:16px;overflow:hidden;background:#fafaf6;box-shadow:0 30px 80px #0a1a1266,0 2px 0 #ffffff40 inset;border:1px solid #ffffff55;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}
.hp-chrome{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#eef1ea;border-bottom:1px solid #dde3d7}
.hp-chrome i{width:10px;height:10px;border-radius:50%;background:#d5dccf}
.hp-chrome i:first-child{background:#e8a08a}.hp-chrome i:nth-child(2){background:#e9cf7f}.hp-chrome i:nth-child(3){background:#a9cf8a}
.hp-chrome span{margin-left:12px;padding:3px 12px;border-radius:999px;background:#fff;color:#59655d;font-size:.68rem;letter-spacing:.01em}
.hp-body{display:flex;height:330px}
.hp-rail{display:flex;flex-direction:column;align-items:center;gap:10px;width:46px;padding:10px 0;background:#fff;border-right:1px solid #dde3d7}
.hp-rail b{display:block;width:26px;height:26px;border-radius:8px;background:#eef1ea}
.hp-rail .hp-logo{background:#183f32 url('/app-icon-192-v3.png') center/cover;margin-bottom:6px}
.hp-rail .is-on{background:#c4ec78}
.hp-map{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 20% 30%,#6f8a4c 0,transparent 40%),radial-gradient(circle at 80% 70%,#7d7a52 0,transparent 45%),linear-gradient(135deg,#55703f,#4a6438 50%,#5f7146)}
.hp-map svg{position:absolute;inset:0;width:100%;height:100%}
.hp-map polygon{fill:#ffffff10;stroke:#e9f3dc;stroke-width:1.2;stroke-opacity:.85}
.hp-map polygon.on{fill:var(--hp-amber-fill);stroke:var(--hp-amber);stroke-width:2.4}
.hp-map text{fill:#fff;font:600 11px 'DM Sans',Arial,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#0005;stroke-width:2px}
.hp-map text.farm{text-anchor:start;font-size:12px}
.hp-search{position:absolute;top:12px;left:12px;right:40%;padding:8px 12px 8px 32px;border-radius:999px;background:#fff;color:#59655d;font-size:.68rem;box-shadow:0 4px 14px #10251c26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2359655d' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center;background-size:13px}
.hp-bar{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border-radius:999px;background:#fff;color:#183f32;box-shadow:0 10px 30px #10251c40;white-space:nowrap}
.hp-bar .hp-count{font-size:.68rem;color:#59655d}
.hp-bar strong{font-size:.95rem;letter-spacing:-.02em}
.hp-bar small{font-size:.65rem;font-weight:500}
.hp-btn{padding:5px 11px;border-radius:999px;border:1px solid #dde3d7;font-size:.66rem;font-weight:600}
.hp-primary{background:#c4ec78;border-color:#c4ec78}
.hp-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;color:#183f32;box-shadow:0 16px 40px #0a1a1255}
.hp-float strong,.hp-float small{display:block;line-height:1.3}
.hp-float strong{font-size:.78rem}.hp-float small{font-size:.68rem;color:#59655d}
.hp-float-route{right:-18px;top:56px}
.hp-dot{width:28px;height:28px;border-radius:8px;background:#f4ead9 center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23946a35' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='5' r='2'/%3E%3Cpath d='M8 19h8a3 3 0 0 0 0-6H8a3 3 0 0 1 0-6h8'/%3E%3C/svg%3E")}
@media(max-width:1180px){.hero-product{display:none}}
@media(prefers-reduced-motion:no-preference){.hp-window{transition:transform .6s cubic-bezier(.22,1,.36,1)}.hero:hover .hp-window{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}}

/* Faixa de recursos com ícones */
.landing-page .capabilities-strip span{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500;color:var(--de-ink)}
.landing-page .capabilities-strip span::before{content:"";flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#e9f2dc center/16px no-repeat}
.landing-page .capabilities-strip span:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183f32' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m3 5 6-2 6 2 6-2v16l-6 2-6-2-6 2zM9 3v16M15 5v16'/%3E%3C/svg%3E")}
.landing-page .capabilities-strip span:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183f32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='m7 12 3 3 7-7'/%3E%3C/svg%3E")}
.landing-page .capabilities-strip span:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183f32' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3Cpath d='M7 5h9a4 4 0 0 1 0 8H8a3 3 0 0 0 0 6h9'/%3E%3C/svg%3E")}
.landing-page .capabilities-strip span:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183f32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E")}
html[data-theme=dark] .landing-page .capabilities-strip span::before{background-color:#c4ec78}

/* Aplicações em abas */
.segment-tabs{display:flex;gap:8px;margin:36px 0 20px;padding:6px;border-radius:16px;background:var(--de-surface,#fff);border:1px solid var(--de-line,#dde3d7);overflow-x:auto;scrollbar-width:none}
.segment-tabs::-webkit-scrollbar{display:none}
.landing-page .segment-tabs button{flex:1 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 18px;border:0;border-radius:12px;background:transparent;color:var(--de-ink);text-align:left;font:inherit;cursor:pointer;transition:background .15s}
.landing-page .segment-tabs button:hover{background:var(--de-soft,#f1f3ec)}
.landing-page .segment-tabs button:focus-visible{outline:2px solid #719747;outline-offset:2px}
.segment-tabs strong{font-size:.92rem;font-weight:600}
.segment-tabs small{font-size:.72rem;color:var(--de-muted)}
.landing-page .segment-tabs button[aria-selected=true]{background:#183f32;color:#eff4e9}
.landing-page .segment-tabs button[aria-selected=true] small{color:#c4ec78}
.landing-page .segment-grid.is-tabbed{display:block;margin-top:0}
.landing-page .segment-grid.is-tabbed article{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:20px}
.landing-page .segment-grid.is-tabbed article[hidden]{display:none}
.landing-page .segment-grid.is-tabbed .segment-photo{margin:0;min-height:100%;aspect-ratio:auto}
.landing-page .segment-grid.is-tabbed .segment-photo img{height:100%;width:100%;object-fit:cover}
.landing-page .segment-grid.is-tabbed .segment-copy{padding:44px 44px 40px;align-self:center}
.landing-page .segment-grid.is-tabbed .segment-copy h3{font-size:1.75rem;letter-spacing:-.03em;margin:10px 0 16px}
.landing-page .segment-grid.is-tabbed article:focus-visible{outline:2px solid #719747;outline-offset:4px}
@media(max-width:860px){.landing-page .segment-grid.is-tabbed article{grid-template-columns:1fr}.landing-page .segment-grid.is-tabbed .segment-photo{aspect-ratio:4/3}.landing-page .segment-grid.is-tabbed .segment-copy{padding:24px}.landing-page .segment-tabs button{flex:0 0 auto;padding:8px 14px}.landing-page .segment-grid.is-tabbed .segment-copy h3{font-size:1.4rem}}

/* Rodapé completo */
.landing-page .site-footer.site-footer-pro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:40px 56px;align-items:start;min-height:0;padding:40px 40px 0;text-align:left}
.footer-brand p{margin:12px 0 20px;color:var(--de-muted);font-size:.85rem}
.footer-logo{display:inline-flex;align-items:center;gap:10px;color:var(--de-ink);text-decoration:none;font-weight:600;font-size:1.05rem}
.footer-logo img{border-radius:10px}
.landing-page .footer-cta{min-height:42px;padding:10px 20px;font-size:.82rem}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-columns h2{margin:4px 0 14px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--de-muted);font-weight:600}
.footer-columns a{display:block;padding:5px 0;color:var(--de-ink);text-decoration:none;font-size:.86rem}
.footer-columns a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:18px 0 22px;border-top:1px solid var(--de-line);font-size:.75rem;color:var(--de-muted)}
.footer-bottom a{color:var(--de-ink)}
@media(max-width:860px){.landing-page .site-footer.site-footer-pro{grid-template-columns:1fr;width:calc(100% - 32px);padding:28px 22px 0;gap:28px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}}
.landing-page .site-footer.site-footer-pro .footer-columns a{display:block;width:max-content;max-width:100%;margin:0;padding:5px 0;font-size:.86rem;color:var(--de-ink);text-decoration:none}
.landing-page .site-footer.site-footer-pro .footer-columns a:hover{text-decoration:underline;text-underline-offset:3px}
.landing-page .site-footer.site-footer-pro .footer-bottom>*{margin:0;align-self:center}
.landing-page .site-footer.site-footer-pro .footer-logo{margin:0;padding:0}

/* ---- Fase 4: movimento ---- */
/* Entrada do hero: um único momento, na carga da página */
.hero.is-entering .hl{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero.is-entering .hl-in{display:inline-block;animation:hl-rise .9s var(--de-ease,cubic-bezier(.22,1,.36,1)) both;animation-delay:calc(140ms + var(--i) * 110ms)}
@keyframes hl-rise{from{transform:translateY(105%)}}
.hero.is-entering :is(.eyebrow,.hero-description,.hero-actions,.cta-note,.hero-signature){animation:hero-fade .8s var(--de-ease,ease) both}
.hero.is-entering .eyebrow{animation-delay:60ms}
.hero.is-entering .hero-description{animation-delay:360ms}
.hero.is-entering .hero-actions{animation-delay:460ms}
.hero.is-entering :is(.cta-note,.hero-signature){animation-delay:560ms}
@keyframes hero-fade{from{opacity:0;transform:translateY(12px)}}
.hero.is-entering .hero-visual img{animation:hero-settle 2.6s var(--de-ease,ease) both}
@keyframes hero-settle{from{transform:scale(1.07)}}
.hero.is-entering .hero-product{animation:hp-arrive 1.1s var(--de-ease,ease) .35s both}
@keyframes hp-arrive{from{opacity:0;transform:translateY(28px)}}

/* Encenação na janela do produto */
.hp-map polygon{transition:fill .35s ease,stroke .35s ease,stroke-width .35s ease}
.hp-map polygon.pop{animation:hp-pop .5s var(--de-spring,cubic-bezier(.34,1.45,.64,1))}
@keyframes hp-pop{40%{stroke-width:4}}
.hp-route{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 1px 2px #0006)}
.hp-route.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.65,0,.35,1)}
.hp-route-end{fill:#fff;stroke:#183f32;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .25s,transform .4s var(--de-spring,ease)}
.hp-route-end.is-on{opacity:1;transform:scale(1)}
.hp-cursor{position:absolute;left:-6px;top:-4px;z-index:3;width:22px;height:22px;opacity:0;pointer-events:none;transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .3s;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-6.5 1.6L9 19z' fill='%23fff' stroke='%23183f32' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px #0005)}
.hp-cursor.is-on{opacity:1}
.hp-cursor::after{content:"";position:absolute;left:-10px;top:-12px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;opacity:0}
.hp-cursor.is-tap::after{animation:hp-ripple .5s ease-out}
@keyframes hp-ripple{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}
.hp-primary{transition:transform .2s var(--de-ease,ease),background .2s}
.hp-primary.is-pressed{transform:scale(.92);background:#a9d957}
.hp-toast{position:absolute;left:50%;bottom:62px;z-index:2;padding:6px 12px;border-radius:999px;background:#183f32;color:#eff4e9;font-size:.66rem;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%,8px);transition:opacity .3s,transform .4s var(--de-ease,ease)}
.hp-toast.is-on{opacity:1;transform:translate(-50%,0)}
.hp-float{transition:opacity .45s,transform .6s var(--de-spring,ease)}
.hp-float.is-away{opacity:0;transform:translateY(10px) scale(.96)}
.hero.is-resetting .hp-map{transition:opacity .4s}
.hero.is-resetting .hp-map{opacity:.35}
.hp-bar strong{font-variant-numeric:tabular-nums;min-width:3.6ch;display:inline-block;text-align:right}

/* Curvas de nível no encerramento escuro */
.landing-page .final-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--de-contour-light) center/cover no-repeat;opacity:.55;pointer-events:none}
.landing-page .final-cta .closing-photo{opacity:.35}

@media (prefers-reduced-motion:reduce){.hp-cursor,.hp-toast{display:none}}
html[data-theme] body.landing-page .business-actions .cta-outline{color:#183f32;border:1px solid rgba(24,63,50,.28);background:transparent}
html[data-theme] body.landing-page .business-actions .cta-outline:hover{border-color:#183f32;background:rgba(24,63,50,.06)}
:root[data-theme=dark] body.landing-page .business-actions .cta-outline{color:#e9e6dc;border-color:rgba(233,230,220,.32)}