/* Aplicação proposta de 05/10/2026. Assets aprovados preservados. */
:root {
  --petrol: #07565b;
  --sage: #a8cdbb;
  --paper: #f6f4ef;
  --ink: #183a38;
  --muted: #536962;
  --soft: #e5ece4;
  --line: #cbd6cc;
}
.container {width:calc(100% - 112px);max-width:1280px}
.header-inner {min-height:106px}
.navigation {gap:27px}
.brand-full {width:240px}
.brand-compact {color:var(--petrol)}
.system-link {border-color:#799891;border-radius:5px}
.hero {padding-block:70px 64px;gap:55px;grid-template-columns:1.02fr 1fr;align-items:center}
.hero h1 {font-size:clamp(48px,5.05vw,73px);font-weight:500;letter-spacing:-.057em;line-height:1.11}
.hero .eyebrow {font-size:11px;letter-spacing:.1em}
.hero-lead {font-size:16px;line-height:1.85;max-width:490px;margin-top:27px}
.hero-mode {font-size:13px;max-width:420px;line-height:1.8}
.hero-actions {gap:26px;margin-top:28px}
.button {border-radius:5px;min-height:52px;font-size:13px}
.hero-note {margin-top:15px}
.brand-flow {height:550px;background:none;border-radius:0;overflow:visible;position:relative;padding:25px 30px 20px;isolation:isolate}
.flow-surface {position:absolute;inset:0;background:var(--sage);border-radius:145px 14px 135px 14px;z-index:-1}
.flow-topline,.flow-bottomline {display:flex;justify-content:space-between;align-items:center;color:var(--petrol);gap:15px}
.flow-topline {font-size:9px;font-weight:600;letter-spacing:.13em;padding:5px 0 19px 72px}
.flow-arrow {font-size:26px;line-height:1;font-weight:400;letter-spacing:0}
.flow-knowledge {padding:21px 24px;background:var(--paper);border:1px solid #8eafa0;border-radius:6px;display:flex;align-items:center;gap:16px;margin-left:24px}
.flow-knowledge strong {font-size:14px;font-weight:600;line-height:1.5;display:block}
.flow-knowledge p {font-size:10px;line-height:1.8;color:var(--muted);margin-top:3px}
.flow-document {width:32px;color:var(--petrol);flex-shrink:0}
.flow-document svg {stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.flow-connection {height:92px;display:flex;align-items:center;justify-content:center;gap:0;margin-left:48px}
.flow-connection>span {height:1px;background:#5f9584;width:60px}
.flow-connection>span:last-child {position:relative}
.flow-connection>span:last-child:after {content:'';position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-top:1px solid #5f9584;border-right:1px solid #5f9584;transform:rotate(45deg)}
.flow-brand {width:82px;height:82px;border-radius:22px;background:var(--petrol);display:grid;place-items:center;flex-shrink:0}
.flow-brand img {width:66px;height:66px}
.flow-conversation {background:var(--paper);border:1px solid #8eafa0;border-radius:7px 7px 40px 7px;padding:22px 24px;margin-right:10px}
.flow-chat-heading {display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-bottom:18px}
.flow-chat-dot {width:6px;height:6px;border-radius:50%;background:var(--petrol)}
.flow-question {padding:12px 15px;background:#e5eae2;font-size:11px;line-height:1.75;border-radius:12px 12px 12px 0;max-width:83%}
.flow-answer {padding:13px 15px;border:1px solid #b1cbbb;background:#f0f4ed;font-size:11px;line-height:1.8;border-radius:12px 12px 0 12px;max-width:90%;margin:12px 0 0 auto}
.flow-handoff {display:flex;gap:10px;align-items:center;font-size:9px;color:var(--petrol);margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}
.flow-handoff svg {width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.flow-bottomline {font-size:8px;font-weight:500;line-height:1.5;padding:20px 40px 0 8px}
.flow-bottomline>span:first-child {letter-spacing:.1em}
.principles {padding-block:23px;border-color:#acbeb2}
.principles span {font-size:11px}
.section {padding-block:104px}
.section-heading {max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:0 95px;align-items:end}
.section-heading .eyebrow {grid-column:1/-1}
.section-heading>p:last-child {margin:0;max-width:440px;font-size:14px;line-height:1.85;padding-bottom:6px}
h2 {font-weight:500;letter-spacing:-.05em;line-height:1.16}
.capability-grid {margin-top:52px;gap:44px}
.capability {border-color:#7e9f90}
.feature-icon {stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}
.capability h3 {font-size:20px;max-width:330px;letter-spacing:-.035em}
.capability p {font-size:13px}
.demo-section {padding-block:86px 56px}
.demo-shell {box-shadow:none;border-radius:8px;border:1px solid #aac7b6}
.demo-context {background:#e2ece2}
.demo-toolbar,.demo-modebar {background:var(--paper)}
.document-card {box-shadow:none;border-radius:5px}
.avatar {background:var(--sage);color:var(--petrol)}
.scenario-switch {border-radius:5px}
.scenario-switch button {border-radius:3px}
.attendance-section {gap:56px}
.attendance-panel {box-shadow:none;border-radius:8px;border-color:#c3d1c5}
.queue-card {border-radius:5px}
.queue-card[aria-pressed='true'] {background:#e1ece0;border-color:#7d9d8c}
.queue-review-note {background:#e5ece4}
.fit-section {background:var(--sage);border-radius:75px 6px 75px 6px;padding:62px 58px}
.fit-intro>p:last-child,.fit-examples p {color:var(--ink)}
.fit-examples article+article {border-color:#7fa28e}
.automation-symbol {border-radius:14px}
.contact-card {border-radius:8px;box-shadow:none}
.site-footer {padding-block:47px 25px}
.site-footer .brand-full {width:240px}
@media (min-width:1550px) {.hero h1 {font-size:76px}.brand-flow {height:555px}}
@media (max-width:1120px) {
  .container {width:calc(100% - 64px)}
  .navigation {gap:17px;font-size:12px}
  .brand-full {width:240px}
  .hero {gap:28px}
  .brand-flow {height:532px;padding:25px 20px 20px}
  .flow-topline {padding-left:58px}
  .flow-knowledge {margin-left:16px;padding:20px 17px;gap:12px}
  .flow-knowledge strong {font-size:12px}
  .flow-conversation {margin-right:4px;padding:20px 18px}
  .flow-answer {font-size:10px}
  .flow-topline {font-size:8px}
  .flow-bottomline {padding-right:20px;font-size:7px}
  .section-heading {gap:0 40px}
}
@media (max-width:900px) {
  .hero {grid-template-columns:1fr;gap:45px;padding-block:50px}
  .hero-copy {max-width:620px}
  .hero h1 {font-size:65px}
  .brand-flow {height:550px;width:100%;max-width:560px;justify-self:center;padding:25px 30px 20px}
  .section-heading {display:block;max-width:640px}
  .section-heading>p:last-child {margin-top:24px}
  .flow-knowledge strong {font-size:14px}
  .flow-answer {font-size:11px}
  .flow-topline {font-size:9px}
  .flow-bottomline {font-size:8px}
}
@media (max-width:700px) {
  .container {width:calc(100% - 40px)}
  .hero h1 {font-size:clamp(39px,8.7vw,60px);line-height:1.12}
  .hero-lead {font-size:15px}
  .hero-actions {gap:20px}
  .hero-mode {font-size:12px}
  .hero .eyebrow {font-size:9px}
  .brand-flow {padding:23px 16px 18px;height:525px;max-width:450px;border-radius:0}
  .flow-surface {border-radius:95px 10px 95px 10px}
  .flow-topline {padding-left:36px;font-size:7px}
  .flow-knowledge {margin-left:12px;padding:18px 14px}
  .flow-knowledge strong {font-size:11px}
  .flow-knowledge p {font-size:9px}
  .flow-document {width:26px}
  .flow-connection {margin-left:20px;height:89px}
  .flow-conversation {padding:18px 16px;margin:0;border-radius:6px 6px 28px 6px}
  .flow-question,.flow-answer {font-size:10px}
  .flow-chat-heading {font-size:11px}
  .flow-handoff {font-size:8px;margin-top:15px;padding-top:13px}
  .flow-bottomline {font-size:7px;padding:19px 10px 0 0}
  .section {padding-block:65px}
  .capability-grid {margin-top:32px;gap:28px}
  .fit-section {padding:38px 25px;border-radius:40px 5px 40px 5px}
  .site-footer .brand-full {width:240px}
}
@media (max-width:360px) {
  .flow-knowledge {margin-left:0;padding:15px 12px}
  .flow-knowledge strong {font-size:10px}
  .flow-knowledge p {font-size:8px}
  .flow-topline {padding-left:20px;font-size:6px}
  .flow-conversation {padding:16px 13px}
  .flow-question,.flow-answer {font-size:9px}
  .flow-bottomline {font-size:6px}
  .flow-handoff {font-size:7px}
}
@media (prefers-reduced-motion:no-preference) {
  .brand-flow {animation:brand-enter .65s ease-out both}
  @keyframes brand-enter {from {opacity:0;transform:translateY(12px)}to {opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce) {.brand-flow {animation:none}}