/* OBREIRO — camada responsiva consolidada */
:root{--header-h:84px;color-scheme:light only}
html{scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff;color-scheme:only light!important;forced-color-adjust:none}
body{overflow-x:hidden;background:#fff;color:#082f26;color-scheme:only light!important;forced-color-adjust:none}
img{image-rendering:auto}
a,button{touch-action:manipulation}

/* ACESSIBILIDADE — skip-link invisível até receber foco de teclado */
.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 14px;border-radius:8px;background:#063d2f;color:#fff;transform:translateY(-160%);transition:transform .15s ease}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:3px solid #d39a2c;outline-offset:2px}

/* HEADER */
.header-inner{width:min(1380px,calc(100% - 48px));min-height:84px;display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr) auto;align-items:center;gap:24px}
.brand{display:flex;align-items:center;min-width:0}
.brand img{width:310px;max-width:100%;height:auto;object-fit:contain}
.menu-button{display:none}
.main-nav{min-width:0;display:flex;justify-content:center;align-items:center;gap:22px}
.main-nav a{white-space:nowrap;font-size:13px}
.header-actions{display:flex;align-items:center;gap:10px}
.header-actions .btn{padding:11px 15px;font-size:13px}

/* HERO */
.hero{padding:56px 0 38px}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);gap:52px;align-items:center}
.hero-copy,.hero-media{min-width:0}
.hero-media img{width:100%;height:auto;object-fit:contain}

/* PILARES */
.pillar-grid{gap:14px}
.pillar-grid article{min-width:0}

/* SEGMENTOS */
.segment-photo{position:relative;overflow:hidden;background:#f7f2ea}
.segment-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none;transition:transform .28s ease}
.segment-photo img.crop-baked-label{height:132%;object-fit:cover;object-position:center top}
.segment-grid h3{position:relative;z-index:2;background:#fff;margin:0;padding:12px 8px 14px;min-height:56px;display:grid;place-items:center}
.segment-grid article{background:#fff;outline:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.segment-grid article:hover,.segment-grid article:focus-visible{position:relative;z-index:2;transform:translateY(-6px);border-color:#c9932e;box-shadow:0 18px 34px rgba(6,61,47,.15)}
.segment-grid article:hover .segment-photo img,.segment-grid article:focus-visible .segment-photo img{transform:scale(1.035)}

/* PLAYER */
.demo-media{position:relative;overflow:hidden;border-radius:14px}
.demo-media video{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#031f18;box-shadow:0 16px 30px rgba(0,0,0,.18)}
.video-status{position:absolute;left:12px;right:12px;bottom:48px;padding:10px 12px;border-radius:9px;background:rgba(1,34,25,.94);display:grid;gap:2px;pointer-events:none}
.video-status b{color:#ffd989;font-size:12px}.video-status span{color:#fff;font-size:10px}.has-video .video-status{display:none}
.demo-links button{appearance:none;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.demo-links button:hover,.demo-links button:focus-visible,.demo-links button.active{padding-left:18px;background:rgba(255,255,255,.08);color:#fff;outline:none}

.footer-brand-row img{width:290px;max-width:100%;height:auto}

@media(max-width:1180px){
  :root{--header-h:78px}
  .header-inner{width:min(100% - 36px,1120px);min-height:78px;grid-template-columns:minmax(240px,270px) minmax(0,1fr) auto;gap:16px}
  .brand img{width:255px}.main-nav{gap:12px}.main-nav a{font-size:12px}.header-actions .btn{padding:10px 12px;font-size:12px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px}.hero h1{font-size:clamp(44px,5vw,62px)}
  .pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .demo-grid{grid-template-columns:1fr 1.45fr;gap:20px}.demo-links{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  :root{--header-h:72px}
  .site-header{display:block!important;position:sticky!important;top:0!important;background:#fff!important;color:#082f26!important}
  .header-inner{width:min(100% - 32px,920px);min-height:72px;grid-template-columns:1fr auto;gap:14px}.brand img{width:240px}
  .menu-button{display:inline-grid!important;place-items:center;width:44px;height:44px;border:1px solid #d8c9b4;background:#fff!important;color:#063d2f!important;border-radius:10px;font-size:21px;cursor:pointer;visibility:visible!important;opacity:1!important}
  .main-nav{display:none!important;grid-column:1/-1;padding:8px 0 14px;gap:0;justify-content:stretch;background:#fff!important}.main-nav.open{display:grid!important}
  .main-nav a{font-size:14px;padding:13px 4px;border-top:1px solid #eee3d5;white-space:normal;color:#173f34!important}
  .main-nav .mobile-access{display:block}.main-nav .mobile-access-dark{margin-top:6px;padding:13px;border-radius:8px;background:#063d2f!important;color:#fff!important;text-align:center}.header-actions{display:none!important}
  .hero{padding:42px 0 30px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:760px}.hero-media{max-width:860px;width:100%;margin-inline:auto}
  .segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr;gap:20px}.demo-links{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  :root{--header-h:78px}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:#fff!important;color:#082f26!important}
  main,.hero,.pillars,.segments,.steps,.security,.footer-brand-strip{color-scheme:only light!important;forced-color-adjust:none}
  .container{width:calc(100% - 28px)!important;max-width:680px!important;margin-inline:auto!important}
  .header-inner{width:calc(100% - 28px)!important;max-width:680px!important;min-height:78px!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:12px!important}
  .brand{min-width:0!important;overflow:hidden}.brand img{width:min(242px,76vw)!important;max-height:66px!important;object-fit:contain!important}.menu-button{display:inline-grid!important;width:46px!important;height:46px!important}

  /* Fundo claro de verdade para leitura */
  .hero{padding:30px 0 24px!important;background:#fff!important;color:#082f26!important}
  .hero-grid{display:flex!important;flex-direction:column!important;gap:20px!important;width:calc(100% - 28px)!important}.hero-copy{text-align:left!important;width:100%!important;min-width:0!important}
  .eyebrow{font-size:10px!important;line-height:1.2!important;max-width:100%!important;white-space:normal!important;background:#fff7eb!important;border-color:#ead6b5!important;color:#6f490b!important}
  .hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.02!important;letter-spacing:-.025em!important;overflow-wrap:normal!important;word-break:normal!important;margin-bottom:16px!important;color:#063d2f!important}.hero h1 span{color:#9a5f06!important}
  .hero-text{font-size:16px!important;line-height:1.55!important;max-width:100%!important;color:#1f352f!important}.hero .btn-primary{width:100%!important;min-height:52px!important}
  .hero-media{width:100%!important;margin:0!important;overflow:hidden!important}.hero-media img{width:100%!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 12px 20px rgba(20,45,38,.10))}

  .pillars{padding:18px 0 26px!important;background:#fffaf2!important}.pillar-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:12px!important;padding:0!important}
  .pillar-grid article{width:100%!important;min-height:104px!important;display:flex!important;background:#fff!important;border-color:#eadfce!important}.pillar-grid h2{color:#082f26!important}.pillar-grid p{color:#243d35!important;font-size:15px!important;line-height:1.45!important}

  .section{padding:32px 0}.segments,.steps{background:#fff!important}.segments .section-heading,.steps .section-heading{text-align:center!important}.section-heading h2{line-height:1.08;color:#063d2f!important}.section-heading p{color:#243d35!important;font-size:16px!important;line-height:1.45!important}

  .segment-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:12px!important;padding:2px 0 14px!important}.segment-grid article{width:100%!important;min-width:0!important;transform:none!important;background:#fff!important;border-color:#e8dccb!important}.segment-grid article:hover,.segment-grid article:focus-visible{transform:none!important;box-shadow:0 8px 22px rgba(14,58,45,.06)}
  .segment-photo{aspect-ratio:1.15/1!important}.segment-grid h3{font-size:15px!important;line-height:1.22!important;min-height:58px!important;padding:10px 6px 12px!important;background:#fff!important;color:#0b342a!important}

  .step-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.step-grid article{grid-template-columns:48px 1fr!important;padding:20px 18px 20px 64px!important;min-height:122px!important;background:#fff!important;border-color:#e8dccb!important}.step-grid h3{color:#082f26!important}.step-grid p{color:#243d35!important;font-size:15px!important;line-height:1.45!important}

  .demo{background:#fff!important}.demo-grid{display:flex!important;flex-direction:column!important;padding:24px 18px!important;gap:18px!important;background:linear-gradient(135deg,#07513d,#0a654b)!important}.demo-copy{order:1}.demo-media{order:2;width:100%}.demo-links{order:3;width:100%;grid-template-columns:1fr!important}.demo-copy h2{font-size:34px;color:#fff!important}.demo-copy p,.demo-copy li,.demo-links button{color:#fff!important;font-size:16px!important;line-height:1.5!important}.demo-links button{min-height:54px}.video-status{bottom:44px}

  .security{padding:26px 0!important;background:#fffaf2!important}.security-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.security-grid article{min-height:104px!important;background:#fff!important;border-color:#e8dccb!important}.security-grid h3{color:#082f26!important}.security-grid p{color:#243d35!important;font-size:15px!important;line-height:1.45!important}

  .footer-brand-strip{background:#fff!important}.footer-brand-row{min-height:auto;padding:26px 0;display:grid;gap:12px}.footer-brand-row img{width:230px}.footer-brand-row p{color:#243d35!important;font-size:16px!important;line-height:1.5!important}
  .footer-links{grid-template-columns:1fr 1fr;gap:24px}.footer-links a,.footer-links p{min-height:28px;color:#fff!important;font-size:15px!important}.footer-links h3{color:#ffd479!important}.site-footer{padding-bottom:max(18px,env(safe-area-inset-bottom));background:#063d2f!important;color:#fff!important}.copyright{color:#eef6f2!important}
}

@media(max-width:470px){.container,.header-inner{width:calc(100% - 22px)!important}.brand img{width:min(220px,74vw)!important}.hero h1{font-size:clamp(32px,9.4vw,40px)!important}.hero-text{font-size:15px!important}.segment-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.segment-grid h3{font-size:14px!important;min-height:56px!important}.demo-copy h2{font-size:31px}.footer-links{grid-template-columns:1fr}}
@media(max-width:350px){.segment-grid{grid-template-columns:1fr!important}}

@media(prefers-color-scheme:dark){html,body,.site-header,.main-nav,.hero,.segments,.steps,.footer-brand-strip{background:#fff!important;color:#082f26!important}.pillars,.security{background:#fffaf2!important}.pillar-grid article,.segment-grid article,.step-grid article,.security-grid article{background:#fff!important;color:#082f26!important}.demo-grid{background:linear-gradient(135deg,#07513d,#0a654b)!important;color:#fff!important}.demo-copy h2,.demo-copy p,.demo-copy li,.demo-links button{color:#fff!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.segment-grid article,.segment-grid .segment-photo img,.demo-links button{transition:none}}