:root{--automation-accent:#ffb78e;--automation-bg:#130d0b;--automation-panel:#211512}
.automation-section{position:relative;z-index:3;padding:clamp(4rem,9vw,8rem) max(6vw,calc((100vw - 1180px)/2));color:#fff3eb;background:var(--automation-bg);scroll-margin-top:5rem}
.automation-section h2{max-width:19ch;font-size:clamp(2.15rem,5vw,4.65rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 1.4rem}
.automation-section h3{font-size:clamp(1.35rem,3vw,2rem);line-height:1.2;margin:1rem 0}
.automation-section p{color:#e0cec3;line-height:1.65}
.automation-section em{font-style:normal;color:var(--automation-accent)}
.hero .hero-copy h1{font-size:clamp(2.2rem,5.4vw,5.15rem);line-height:1.04;max-width:12ch}
.flows{padding-bottom:2.5rem;background:linear-gradient(180deg,transparent 0,#130d0be8 26rem,var(--automation-bg) 45rem)}
.flows .section-heading{position:relative;z-index:1;text-align:left;margin:0 0 2rem}
.flow-grid,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.flow-grid details,.metric-grid li,.comparison>div,.decision-flow span{border:1px solid #603d32;border-radius:16px;background:var(--automation-panel)}
.flow-grid summary{padding:1.15rem;cursor:pointer;font-weight:650;line-height:1.35;color:#fff3eb}
.flow-grid details p{padding:0 1.15rem 1.15rem;margin:0;font-size:.9rem}
.flow-grid i{display:inline-block;background:var(--automation-accent);width:9px;height:9px;border-radius:50%;margin:0 .55em .1em .25em;box-shadow:0 0 13px #ffb78e88}
.flow-grid.is-visible i{animation:flow-arrive .85s both;animation-delay:calc(var(--i)*95ms)}
@keyframes flow-arrive{0%{opacity:0;transform:translate(-22px,-22px) scale(.3)}65%{opacity:1;transform:scale(1.9)}100%{transform:scale(1)}}
.automation-section .scenario-note{font-size:.85rem;margin:1.35rem 0 0;color:#d7bfb2}
.automation-section .more-flows{font-size:clamp(1.3rem,3vw,2.35rem);font-weight:700;color:#fff3eb;margin:3rem 0 0}
.savings{position:relative;min-height:155vh;min-height:155svh;background:#1b110f}
.savings-scene{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:transparent}
.savings h2{position:relative;z-index:1;margin:0;max-width:15ch;text-shadow:0 2px 20px #130d0b}
.human{background:radial-gradient(ellipse at 92% 40%,#382019 0,#1b110f 62%);border-block:1px solid #603d32}
.human h2{max-width:none;font-size:clamp(2.55rem,7vw,6.4rem)}
.human .review-figure{border-color:#9d6854;box-shadow:0 18px 50px #0b060577}
.human .review-figure figcaption{background:#2b1914}
.human .review-figure dl div:last-child dd{color:var(--automation-accent)}
.human .section-subtitle{font-size:clamp(1.15rem,2.5vw,1.8rem);font-weight:650;color:var(--automation-accent);margin:0 0 1.6rem}
.human-intro,.benefits{max-width:72ch}
.decision-flow,.comparison,.human-grid{display:grid;gap:14px;margin:2rem 0}
.decision-flow{grid-template-columns:repeat(3,1fr)}
.decision-flow span,.comparison>div{padding:1rem}
.decision-flow span:last-child{border-color:var(--automation-accent)}
.human-grid{grid-template-columns:1.25fr 1fr;align-items:center}
.review-figure{position:relative;margin:0;border:1px solid #603d32;border-radius:16px;overflow:hidden;background:var(--automation-panel)}
.review-figure img{width:100%;height:auto;display:block}
.review-figure figcaption{padding:1rem 1.2rem}
.review-figure figcaption>b,.comparison b{color:var(--automation-accent)}
.review-figure dl{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:.7rem 0 0}
.review-figure dt{font-size:.8rem;color:#e0cec3}
.review-figure dd{margin:0;font-weight:700}
.comparison{grid-template-columns:1fr 1fr}
.comparison span{display:block;margin-top:.45rem;color:#e0cec3}
.metric-grid{padding:0;list-style:none}
.metric-grid li{display:flex;flex-direction:column;padding:1.15rem;gap:.45rem}
.metric-grid li>span{color:#e0cec3;font-size:.85rem}
.metric-grid strong{font-size:clamp(2.6rem,5vw,4rem);color:var(--automation-accent);line-height:1;letter-spacing:-.06em}
.metric-grid li p{margin:.25rem 0 0;font-size:.9rem}
.final-cta{background:#241613}
html[data-palco="live"] main #conversa.final-cta{background:transparent}
html[data-palco="live"] #conversa .brain-dock{pointer-events:none}
@media(min-width:1001px){
  html[data-palco="live"] #conversa .section-heading{grid-row:1;align-self:end}
  html[data-palco="live"] #conversa .section-body{grid-row:2;align-self:start}
}
.final-cta .cta{display:inline-flex;margin-top:.75rem}
@media(max-width:760px){.human-grid,.decision-flow,.comparison{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .flow-grid.is-visible i{animation:none}
  .savings,.savings-scene{min-height:auto}
  .savings-scene{position:relative}
}

.hero .hero-copy h1 .hero-peach {
  color: var(--automation-accent);
  background: none;
  text-decoration: none;
}

html[data-palco="live"] .human,
html[data-palco="live"] .gains {
  background: transparent;
}

html[data-palco="live"] .particle-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 53vh;
}

html[data-palco="live"] .particle-heading > * {
  width: min(44%, 30rem);
}

html[data-palco="live"] .particle-heading-right {
  align-items: flex-end;
}

@media (max-width: 1000px) {
  html[data-palco="live"] .particle-heading {
    min-height: 0;
    padding-top: clamp(240px, 48svh, 410px);
  }

  html[data-palco="live"] .particle-heading > * {
    width: 100%;
  }
}

@media (min-width: 1001px) {
  html[data-palco="live"] main .particle-heading > h2 {
    max-width: 44%;
    font-size: clamp(2.5rem, 5.2vw, 5.4rem);
    text-wrap: balance;
  }

  html[data-palco="live"] main .particle-heading-right > h2 {
    text-align: left;
  }
}


html[data-palco="live"] .savings {
  background: transparent;
}

html[data-palco="live"] .human .particle-heading > *,
html[data-palco="live"] .human-intro {
  position: relative;
  z-index: 1;
  background: #160e0ceF;
  box-shadow: 0 0 24px 14px #160e0cef;
}

@media (max-width: 1000px) {
  html[data-palco="live"] .savings-scene {
    align-items: flex-start;
    padding-top: 15svh;
  }
}

/* Título e figura saem juntos antes dos parágrafos e indicadores. */
html[data-palco] main #implementacao .interludio,
html[data-palco] main #controle .interludio {
  position: relative;
  top: auto;
}
html[data-palco] main #implementacao .particle-heading-right {
  align-items: flex-end;
}
@media (max-width: 1000px) {
  html[data-palco] main #implementacao .interludio {
    min-height: 0;
    padding-top: 46svh;
  }
}

.automation-section .more-flows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56svh;
  max-width: 15ch;
  margin: 0;
  padding-block: clamp(4rem, 9vw, 8rem);
  font-size: clamp(2.15rem, 5vw, 4.65rem);
  line-height: 1.05;
  letter-spacing: -.055em;
  font-weight: 700;
}