/* /para-escritorios-contabeis — composição própria. Conceito: o dia do escritório em movimento.
   Ritmo: hero editorial (pessoa + sinais) → transição tipográfica → Minha Fila (explorável) → Cliente 360 em foco (explorável)
   → atividade trocando de mãos (escuro, narrativo) → documento entrando (narrativo) → jornadas em paralelo (revelação)
   → especialidades (explorável) → equipe (foto + responsabilidades) → conversa com contexto + CRM → dois financeiros
   → Kyra no dia a dia (escuro, narrativo) → tradução interno → cliente (narrativo) → fechamento + CTA.
   Estados ocultos de motion só existem com .is-armed (aplicado pelo JS); sem JS ou com reduced motion, tudo aparece no estado final. */

/* ---------- Utilitários da página ---------- */
.e-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px clamp(40px,6vw,96px);align-items:end;margin-bottom:var(--space-head)}
.e-head .eyebrow{display:block}
.e-head-copy{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.e-head-copy .body + .body{margin-top:0}
.e-head-copy .link{margin-top:10px}
.e-em{display:flex;flex-direction:column;color:var(--ink);font-size:var(--fs-lead);line-height:1.5;letter-spacing:-.008em;margin-top:6px}
.dark .e-em{color:var(--paper)}
.e-note{margin-top:16px;font-family:var(--f-ui);font-size:12px;color:var(--ink-2)}
.dark .e-note,.e-note-d{color:var(--paper-2)}
.e-relay-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;margin-bottom:20px}
.e-ui-foot{padding:11px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-2)}
.e-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-d2);color:var(--paper);font-family:var(--f-ui);font-size:14px;font-weight:600;flex:none;transition:background .4s,color .4s,box-shadow .4s}
.e-av svg{width:16px;height:16px}
.e-av-s{width:30px;height:30px;font-size:12px;background:var(--paper);color:var(--ink)}
@media (max-width:900px){.e-head{grid-template-columns:minmax(0,1fr);align-items:start}}

/* ---------- Hero ---------- */
.e-hero{padding-block:clamp(40px,5vw,88px) var(--space-section)}
.e-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,4vw,56px) clamp(48px,6vw,104px);align-items:start}
.e-hero-title{grid-column:1 / -1}
.e-hero-title .eyebrow{display:block;margin-bottom:24px}
.e-hero-text{display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding-top:8px}
.e-h1{font-size:clamp(2.3rem,1.1rem + 3.2vw,4.25rem);line-height:1.04}
.e-hero-text .lead{max-width:44ch}
.e-two{display:flex;flex-direction:column;color:var(--ink);letter-spacing:-.005em}
.e-hero-text .btn-row{margin-top:8px}
.e-hero-visual{position:relative;padding-left:clamp(0px,3vw,40px)}
.photo.e-hero-photo{aspect-ratio:5/4}
.e-hero-photo figcaption{left:auto;right:18px;max-width:60%;text-align:right}
.e-signals{position:absolute;left:-28px;bottom:16%;width:min(270px,64%);background:var(--white);border-radius:var(--r-ui);box-shadow:var(--shadow-ui),0 0 0 1px var(--line);padding:16px 18px 18px;font-family:var(--f-ui)}
.e-signals-k{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;margin-bottom:6px}
.e-signals-k span{font-weight:400;color:var(--ink-2);font-size:11px}
.e-signals ul{list-style:none;margin:0;padding:0}
.e-signals li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.e-signals li b{font-family:var(--f-brand);font-weight:400;font-size:1.45rem;letter-spacing:-.03em;min-width:1.6em;line-height:1.1}
.e-signals li span{font-size:12.5px;color:var(--ink-2)}
.e-signals-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.e-signals .chip{pointer-events:none}
.is-armed .e-signals li,.is-armed .e-signals-tags{opacity:0;transform:translateY(8px)}
.e-signals li,.e-signals-tags{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.e-signals .in{opacity:1!important;transform:none!important}
@media (max-width:980px){
  .e-hero-grid{grid-template-columns:minmax(0,1fr)}
  .e-hero-visual{padding-left:0;max-width:640px}
  .photo.e-hero-photo{aspect-ratio:4/3}
  .e-signals{position:relative;left:auto;bottom:auto;width:auto;margin:-72px 16px 0}
  .e-hero-photo figcaption{top:auto;bottom:88px}
}
@media (max-width:560px){.photo.e-hero-photo{aspect-ratio:1/1}.e-hero-photo figcaption{max-width:72%}}

/* Primeira transição */
.e-turn{margin-top:var(--space-section);max-width:var(--maxw)}
.e-turn-a{font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.032em;max-width:20ch}
.e-turn-b{margin-top:clamp(24px,3vw,40px);font-size:var(--fs-lead);color:var(--ink-2)}
.e-turn-list{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:0;max-width:980px}
.e-turn-list li{display:grid;grid-template-columns:clamp(96px,14vw,180px) minmax(0,1fr);gap:16px;align-items:baseline;padding:clamp(16px,2vw,26px) 0;border-top:1px solid var(--line-2);font-size:clamp(1.45rem,1rem + 1.6vw,2.4rem);line-height:1.15;letter-spacing:-.025em;transition:opacity .7s var(--ease),color .7s}
.e-turn-list li:last-child{border-bottom:1px solid var(--line-2)}
.e-turn-k{font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);font-weight:500;line-height:1.6}
.is-armed .e-turn-list li{opacity:.18}
.e-turn-list li.in{opacity:1}
.e-turn-close{display:flex;align-items:center;gap:16px;margin-top:clamp(28px,3vw,44px);font-size:var(--fs-h3);letter-spacing:-.018em;line-height:1.3}
.e-turn-close::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--blue);flex:none}

/* ---------- Minha Fila ---------- */
.e-queue{overflow:hidden}
.e-queue-head{flex-wrap:wrap;padding:14px 18px}
.e-queue-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.e-queue-seg{overflow-x:auto}
.e-queue-seg button{flex:none}
.e-queue{--qcols:72px minmax(0,1.55fr) minmax(0,.75fr) minmax(0,.9fr) minmax(0,1.3fr)}
.e-q-cols{display:grid;grid-template-columns:var(--qcols);gap:16px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:#FAFAFB}
.e-q-list{list-style:none;margin:0;padding:0;position:relative;overflow:hidden;transition:height .45s var(--ease)}
.e-q{display:grid;grid-template-columns:var(--qcols);gap:16px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--white)}
.e-q:last-child{border-bottom:0}
.e-q-due{font-size:12.5px;color:var(--ink-2);font-weight:500}
.e-q-due.today{color:var(--alert-text)}
.e-q-due.soon{color:var(--ink)}
.e-q .who{font-weight:500}
.e-q .what{color:var(--ink-2);font-size:12.5px}
.e-q-resp{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}
.e-q-resp .e-av{width:24px;height:24px;font-size:10.5px;background:var(--paper);color:var(--ink)}
.e-q-resp.me .e-av{background:var(--blue-wash);color:var(--blue-text)}
.e-q-sit{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.e-q-sit .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.e-q-dep{font-size:11.5px;color:var(--ink-2)}
.e-q-next{font-size:12.5px;color:var(--ink-2);display:flex;gap:8px;align-items:baseline}
.e-q-next::before{content:"→";color:var(--blue);flex:none}
@media (max-width:860px){
  .e-q-cols{display:none}
  .e-q{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cli due" "sit resp" "next next";gap:8px 12px;padding:14px 16px}
  .e-q-due{grid-area:due;justify-self:end}
  .e-q-cli{grid-area:cli}
  .e-q-resp{grid-area:resp;justify-self:end}
  .e-q-sit{grid-area:sit;flex-direction:row;align-items:center;flex-wrap:wrap}
  .e-q-next{grid-area:next}
  .e-queue-head{flex-direction:column;align-items:stretch}
  .e-queue-seg{align-self:stretch;width:auto}
}

/* ---------- Cliente 360 em foco ---------- */
.e-c3{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
.e-c3-steps{position:relative;display:flex;flex-direction:column;gap:2px}
.e-c3-steps::before{content:"";position:absolute;left:23px;top:18px;bottom:18px;border-left:1px solid var(--line-2)}
.e-c3-step{position:relative;appearance:none;border:0;background:none;display:flex;align-items:center;gap:14px;min-height:44px;padding:0 12px 0 8px;border-radius:10px;font-family:var(--f-brand);font-size:.95rem;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .2s,color .2s}
.e-c3-step .n{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px var(--line-2);font-family:var(--f-ui);font-size:11px;color:var(--ink-2);transition:background .25s,color .25s,box-shadow .25s}
.e-c3-step:hover{color:var(--ink);background:var(--wash)}
.e-c3-step[aria-selected="true"]{color:var(--ink);font-weight:500;cursor:default;background:none}
.e-c3-step[aria-selected="true"] .n{background:var(--blue);color:#fff;box-shadow:none}
.e-c3-step.seen .n{box-shadow:0 0 0 1px var(--blue);color:var(--blue-text)}
.e-c3-next{margin-top:18px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--wash);font-family:var(--f-brand);font-size:.88rem;color:var(--ink);cursor:pointer;transition:background .2s}
.e-c3-next:hover{background:rgba(29,29,31,.09)}

.e-c3-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:center}
.e-c3-sig{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--white);box-shadow:0 0 0 1px var(--line);font-family:var(--f-ui);transition:opacity .4s,box-shadow .4s,transform .4s var(--ease)}
.e-c3-sig .k{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:7px}
.e-c3-sig .k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neutral);transition:background .3s}
.e-c3-sig .v{font-size:13px;line-height:1.4}
.e-c3-stage:not([data-lens="geral"]) .e-c3-sig{opacity:.4}
.e-c3-stage .e-c3-sig.on{opacity:1;box-shadow:0 0 0 1.5px var(--blue),var(--shadow-ui);transform:translateY(-2px)}
.e-c3-sig.on .k::before{background:var(--blue)}
.e-c3-core{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:18px;background:var(--ink);color:var(--paper);box-shadow:0 24px 48px -28px rgba(29,29,31,.55);min-height:250px}
.e-c3-ck{font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;color:var(--paper-2);font-weight:500}
.e-c3-cn{font-size:1.2rem;letter-spacing:-.02em;line-height:1.2;margin-top:4px}
.e-c3-cs{font-family:var(--f-ui);font-size:12px;color:var(--paper-2)}
.e-c3-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-d);font-family:var(--f-ui);font-size:12.5px;line-height:1.5;color:var(--paper-2);display:flex;flex-direction:column;gap:8px}
.e-c3-detail b{color:var(--paper);font-weight:500}
.e-c3-detail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.e-c3-detail li{display:flex;gap:8px;align-items:baseline}
.e-c3-detail li .dot{transform:translateY(-1px)}
@media (max-width:980px){
  .e-c3{grid-template-columns:minmax(0,1fr);gap:20px}
  .e-c3-steps{flex-direction:row;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);gap:6px}
  .e-c3-steps::before{display:none}
  .e-c3-step{flex:none;background:var(--white);box-shadow:0 0 0 1px var(--line);padding:0 14px 0 6px}
  .e-c3-step[aria-selected="true"]{box-shadow:0 0 0 1.5px var(--blue);background:var(--white)}
  .e-c3-next{margin-top:12px}
}
@media (max-width:680px){
  .e-c3-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .e-c3-core{grid-column:1 / -1;order:-1;min-height:0}
  .e-c3-sig{padding:12px 13px}
  .e-c3-sig .v{font-size:12.5px}
}

/* ---------- Atividade trocando de mãos (escuro) ---------- */
.e-track-wrap{position:relative}
.e-track-line{position:absolute;top:22px;left:10%;right:10%;height:2px;border-radius:2px;background:var(--line-d)}
.e-track-fill{display:block;height:100%;width:0;border-radius:2px;background:var(--blue);transition:width .9s var(--ease)}
.e-track{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.e-track li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.e-track .e-av{margin-bottom:8px;box-shadow:0 0 0 6px var(--ink)}
.e-st-name{font-size:.95rem;letter-spacing:-.01em}
.e-st-role{font-family:var(--f-ui);font-size:12px;color:var(--paper-2)}
.e-track li.done .e-av{background:var(--paper);color:var(--ink)}
.e-track li.now .e-av{background:var(--blue);color:#fff;box-shadow:0 0 0 6px var(--ink),0 0 0 7px rgba(0,122,255,.5)}
.e-act{max-width:820px;margin:clamp(32px,4vw,48px) auto 0}
.e-act-with{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:999px;background:rgba(0,122,255,.18);color:#fff;font-size:12px;font-weight:500}
.e-act-with.flash{animation:fadeUp .45s var(--ease)}
.e-act-keep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,.6fr);gap:12px 20px;margin:0;padding:16px 18px 6px}
.e-act-keep dt{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-2)}
.e-act-keep dd{margin:2px 0 0;font-size:13.5px}
.e-act-k{display:flex;align-items:center;gap:8px;padding:6px 18px 14px;font-size:11.5px;color:var(--paper-2);border-bottom:1px solid var(--line-d)}
.e-act-k svg{width:12px;height:12px;color:var(--blue)}
.e-act-log{list-style:none;margin:0;padding:10px 18px 16px;display:flex;flex-direction:column;gap:2px;min-height:186px}
.e-act-log li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:5px 0;font-size:12.5px;color:var(--paper-2);animation:fadeUp .45s var(--ease) both}
.e-act-log li time{color:var(--paper-2);font-variant-numeric:tabular-nums}
.e-act-log li:last-child{color:var(--paper)}
@media (max-width:640px){
  .e-track .e-av{width:36px;height:36px;font-size:12.5px;box-shadow:0 0 0 4px var(--ink)}
  .e-track li.now .e-av{box-shadow:0 0 0 4px var(--ink),0 0 0 5px rgba(0,122,255,.5)}
  .e-track-line{top:18px}
  .e-st-name{font-size:.82rem}
  .e-st-role{font-size:10.5px;line-height:1.3}
  .e-act-keep{grid-template-columns:minmax(0,1fr) auto}
  .e-act-keep div:nth-child(2){grid-column:1 / -1;order:3}
  .e-act-log{min-height:220px}
}

/* ---------- Documentos ---------- */
.e-docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);align-items:start}
.e-docs-copy .body + .body{margin-top:.4em}
.e-qs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.e-qs li{position:relative;padding:6px 0 6px 20px;font-size:var(--fs-h3);letter-spacing:-.018em;line-height:1.3;color:var(--ink);transition:color .4s}
.e-qs li::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--line-2);transition:background .4s,transform .4s var(--ease)}
.is-armed .e-qs li{color:var(--ink-3)}
.e-qs li.on{color:var(--ink)!important}
.e-qs li.on::before{background:var(--blue);transform:scale(1.15)}
.e-docs-demo{position:sticky;top:calc(var(--header-h) + 24px)}
.e-file{display:flex;align-items:center;gap:12px;margin:14px 18px 4px;padding:12px 14px;border-radius:12px;background:var(--paper);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.e-file .what{font-size:12px;color:var(--ink-2)}
.e-file-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--white);box-shadow:0 0 0 1px var(--line);flex:none}
.e-file-ic svg{width:15px;height:15px;color:var(--ink-2)}
.is-armed .e-file{opacity:0;transform:translateY(-14px)}
.e-file.in{opacity:1!important;transform:none!important}
.e-pipe{list-style:none;margin:0;padding:8px 18px 12px}
.e-pipe li{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);transition:opacity .45s}
.e-pipe li:last-child{border-bottom:0}
.e-pipe .k{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}
.e-pipe .k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line-2);flex:none;transition:background .35s}
.e-pipe .v{font-size:13px;font-weight:500;transition:opacity .45s,transform .45s var(--ease)}
.is-armed .e-pipe li{opacity:.35}
.is-armed .e-pipe .v{opacity:0;transform:translateX(-6px)}
.e-pipe li.on{opacity:1!important}
.e-pipe li.on .v{opacity:1!important;transform:none!important}
.e-pipe li.on .k::before{background:var(--blue)}
.e-pipe li.done .k::before{background:var(--ok)}
.e-review{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 18px 16px;padding:12px 14px;border-radius:12px;box-shadow:0 0 0 1px var(--line-2);transition:opacity .6s var(--ease),transform .6s var(--ease),box-shadow .4s}
.e-review .what{font-size:12px;color:var(--ink-2)}
.is-armed .e-review{opacity:0;transform:translateY(8px)}
.e-review.in{opacity:1!important;transform:none!important}
.e-review.ok{box-shadow:0 0 0 1px rgba(52,199,89,.45)}
@media (max-width:980px){.e-docs{grid-template-columns:minmax(0,1fr)}.e-docs-demo{position:static}}
@media (max-width:520px){.e-pipe li{grid-template-columns:minmax(0,1fr);gap:2px}.e-review{grid-template-columns:auto minmax(0,1fr)}.e-review .chip{grid-column:2;justify-self:start}}

/* ---------- Jornadas em paralelo ---------- */
.e-lanes{display:flex;flex-direction:column;gap:clamp(36px,4vw,56px)}
.e-lane-k{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:1.15rem;letter-spacing:-.015em;margin-bottom:18px}
.e-lane-type{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--paper);font-family:var(--f-ui);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.e-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.e-steps li{display:flex;flex-direction:column;gap:8px;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.e-verb{font-family:var(--f-ui);font-size:11.5px;color:var(--ink-2);letter-spacing:.01em}
.e-step{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:var(--paper);font-family:var(--f-ui);min-height:76px}
.e-steps li + li .e-step::before{content:"";position:absolute;right:100%;top:50%;width:28px;border-top:1px dashed var(--line-2)}
.e-steps li.done + li .e-step::before{border-top-style:solid;border-color:var(--ink-3)}
.e-step .k{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}
.e-step .k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neutral)}
.e-step .v{font-size:12.5px;color:var(--ink-2)}
.done .e-step .k::before{background:var(--ok)}
.now .e-step{background:var(--white);box-shadow:0 0 0 1.5px var(--blue),var(--shadow-ui)}
.now .e-step .k::before{background:var(--blue)}
.is-armed .e-steps li{opacity:0;transform:translateY(10px)}
.e-steps li.in{opacity:1!important;transform:none!important}
@media (max-width:860px){
  .e-steps{grid-template-columns:minmax(0,1fr);gap:0}
  .e-steps li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:12px}
  .e-verb{text-align:right}
  .e-steps li + li .e-step::before{right:auto;left:24px;top:auto;bottom:100%;width:0;height:12px;border-top:0;border-left:1px dashed var(--line-2)}
  .e-steps li.done + li .e-step::before{border-left-style:solid;border-color:var(--ink-3)}
  .e-step{min-height:0}
}

/* ---------- Especialidades ---------- */
.e-spec-seg{margin-bottom:24px}
.e-spec-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,4vw,56px);align-items:start}
.e-led .ui-head{flex-wrap:wrap}
.e-led-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line)}
.e-led-row:last-child{border-bottom:0}
.e-led-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper);font-size:11px;color:var(--ink-2)}
.e-led-row.done .e-led-n{background:rgba(52,199,89,.14);color:var(--ok-text)}
.e-led-row.now{background:#FAFBFF}
.e-led-row.now .e-led-n{background:var(--blue);color:#fff}
.e-led-row .who{font-weight:500}
.e-led-row .what{font-size:12.5px;color:var(--ink-2)}
.e-spec-side{display:flex;flex-direction:column;gap:28px;padding-top:4px}
.e-spec-side h3{font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);font-weight:500;margin-bottom:10px}
.e-spec-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.e-spec-side li{display:flex;gap:10px;align-items:baseline;font-size:.95rem;line-height:1.45}
.e-spec-side li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3);flex:none;transform:translateY(-2px)}
.e-spec-side .cross li::before{background:var(--blue)}
.e-spec-more{margin-top:var(--space-sub)}
@media (max-width:900px){.e-spec-panel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.e-led-row{grid-template-columns:26px minmax(0,1fr);padding:12px 14px}.e-led-row .chip{grid-column:2;justify-self:start}}

/* ---------- Equipe ---------- */
.e-team{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px clamp(48px,6vw,104px);align-items:center}
.e-team-visual{position:relative;padding-bottom:56px}
.photo.e-team-photo{aspect-ratio:4/3}
.e-team-photo figcaption{right:auto;max-width:56%;bottom:auto;top:56px}
.e-team-ui{position:absolute;right:-24px;bottom:0;width:min(400px,78%)}
.e-tm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.e-tm:last-child{border-bottom:0}
.e-tm .who{font-weight:500}
.e-tm .what{font-size:12px;color:var(--ink-2)}
.e-four{list-style:none;margin:14px 0 0;padding:0}
.e-four li{padding:9px 0;border-top:1px solid var(--line);font-size:1.08rem;letter-spacing:-.01em}
.e-four li:last-child{border-bottom:1px solid var(--line)}
.e-aside{padding-left:16px;border-left:2px solid var(--blue);color:var(--ink);font-size:.98rem}
@media (max-width:980px){
  .e-team{grid-template-columns:minmax(0,1fr)}
  .e-team-visual{padding-bottom:0;max-width:720px}
  .e-team-ui{position:relative;right:auto;width:auto;margin:-56px 16px 0}
  .e-team-photo figcaption{top:auto;bottom:72px;max-width:70%}
}
@media (max-width:520px){.e-tm{grid-template-columns:auto minmax(0,1fr)}.e-tm .chip{grid-column:2;justify-self:start}}

/* ---------- Conversa com contexto + CRM ---------- */
.e-conv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 56px;align-items:center;position:relative}
.e-msg-body{display:flex;flex-direction:column;gap:10px;padding:18px}
.e-from{font-size:12px;color:var(--ink-2)}
.e-bubble{align-self:flex-start;max-width:86%;padding:11px 14px;border-radius:14px 14px 14px 4px;background:var(--paper);font-size:13.5px}
.e-bubble-out{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--blue-wash);display:flex;flex-direction:column;gap:6px;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.e-bubble-out span{font-size:11px;color:var(--ink-2)}
.e-ctx{position:relative;list-style:none;margin:0;padding:6px 0;border-radius:var(--r-ui);background:var(--white);box-shadow:0 0 0 1px var(--line);font-family:var(--f-ui)}
.e-ctx::before{content:"";position:absolute;right:100%;top:50%;width:56px;border-top:1.5px solid var(--blue);opacity:.55}
.e-ctx::after{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--blue)}
.e-ctx li{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;align-items:baseline;padding:12px 18px;border-bottom:1px solid var(--line);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.e-ctx li:last-child{border-bottom:0}
.e-ctx .k{font-size:12px;color:var(--ink-2)}
.e-ctx .v{font-size:13px;font-weight:500}
.is-armed .e-ctx li,.is-armed .e-bubble-out{opacity:0;transform:translateY(8px)}
.e-ctx li.in,.e-bubble-out.in{opacity:1!important;transform:none!important}
@media (max-width:900px){
  .e-conv{grid-template-columns:minmax(0,1fr);gap:28px}
  .e-ctx::before{right:auto;left:32px;top:auto;bottom:100%;width:0;height:28px;border-top:0;border-left:1.5px solid var(--blue)}
  .e-ctx::after{left:28px;top:-4px;margin-top:0}
}
@media (max-width:520px){.e-ctx li{grid-template-columns:minmax(0,1fr);gap:2px}}

.e-crm{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px clamp(40px,6vw,96px);align-items:center;margin-top:var(--space-inner);padding-top:var(--space-sub);border-top:1px solid var(--line-2)}
.e-crm-lead{font-size:var(--fs-h3);letter-spacing:-.018em;line-height:1.25}
.e-crm-path{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;font-family:var(--f-ui);font-size:12px}
.e-crm-path li{display:inline-flex;align-items:center;height:32px;padding:0 11px;border-radius:999px;background:var(--white);box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}
.e-crm-path li + li{margin-left:16px;position:relative}
.e-crm-path li + li::before{content:"";position:absolute;right:100%;top:50%;width:16px;border-top:1px solid var(--line-2)}
.e-crm-path li.on{background:var(--blue-wash);box-shadow:none;color:var(--blue-text);font-weight:500}
@media (max-width:900px){.e-crm{grid-template-columns:minmax(0,1fr)}}

/* ---------- Dois financeiros ---------- */
.e-split{display:grid;grid-template-columns:minmax(0,1.1fr) 96px minmax(0,.9fr);align-items:stretch}
.e-split-side{display:flex;flex-direction:column;gap:14px}
.e-split-k{display:flex;align-items:center;gap:9px;font-size:1.05rem;letter-spacing:-.01em}
.e-split-say{font-size:var(--fs-small);color:var(--ink-2)}
.e-split-mid{position:relative;display:flex;align-items:center;justify-content:center}
.e-split-mid::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--line-2)}
.e-split-mid span{position:relative;writing-mode:vertical-rl;transform:rotate(180deg);background:var(--white);padding:12px 0;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.e-other{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:24px;border-radius:var(--r-ui);border:1px dashed var(--line-2);font-size:.98rem;line-height:1.5}
.e-other .quiet{color:var(--ink-2);font-size:var(--fs-small)}
@media (max-width:860px){
  .e-split{grid-template-columns:minmax(0,1fr)}
  .e-split-mid{height:64px}
  .e-split-mid::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1px dashed var(--line-2)}
  .e-split-mid span{writing-mode:horizontal-tb;transform:none;padding:0 12px}
}

/* ---------- Kyra no dia a dia (escuro) ---------- */
.e-ia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px clamp(48px,6vw,96px);align-items:center}
.e-k-body{display:flex;flex-direction:column;gap:14px;padding:18px}
.e-k-q{display:flex;align-items:baseline;gap:10px;align-self:flex-end;max-width:92%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:var(--surface-d2);font-size:13.5px;transition:opacity .4s}
.e-k-who{font-size:11px;color:var(--paper-2);flex:none}
.e-k-res{display:flex;flex-direction:column;gap:10px;transition:opacity .55s var(--ease),transform .55s var(--ease)}
.e-k-sum{display:flex;flex-wrap:wrap;gap:6px}
.e-k .chip{background:rgba(245,245,247,.1);color:var(--paper)}
.e-k-list{list-style:none;margin:0;padding:0;border-radius:12px;background:rgba(245,245,247,.04);box-shadow:0 0 0 1px var(--line-d)}
.e-k-list li{display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--line-d);font-size:13px}
.e-k-list li:last-child{border-bottom:0}
.e-k-list li span{font-size:12px;color:var(--paper-2)}
.e-k-list b{font-weight:500}
.e-k-prev{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-2)}
.e-k-acts{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.e-k-acts li::marker{color:var(--paper-2);font-size:12px}
.e-k-btns{display:flex;gap:8px;justify-content:flex-end}
.e-k .ui-btn{background:var(--surface-d2);color:var(--paper)}
.e-k .ui-btn.primary{background:var(--blue);color:#fff}
.e-k .ui-btn.pressed{background:var(--blue-hover);box-shadow:0 0 0 3px rgba(0,122,255,.3)}
.e-k-done{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--paper);transition:opacity .5s}
.is-armed [data-k]{opacity:0}
.is-armed .e-k-res{transform:translateY(8px)}
[data-k].in{opacity:1!important;transform:none!important}
@media (max-width:980px){.e-ia{grid-template-columns:minmax(0,1fr)}}

/* ---------- Tradução interno → cliente ---------- */
.e-tr-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 72px minmax(0,.8fr);align-items:center}
.e-tr-in{font-family:var(--f-ui)}
.e-tr-g{padding:14px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-2);transition:background .4s,box-shadow .4s}
.e-tr-g:last-child{border-bottom:0;border-radius:0 0 var(--r-ui) var(--r-ui)}
.e-tr-gk{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:3px}
.e-tr-g.on{background:var(--blue-wash);box-shadow:inset 3px 0 0 var(--blue)}
.e-tr-arrow{display:grid;place-items:center;color:var(--blue)}
.e-tr-arrow svg{width:22px;height:22px}
.e-tr-out{justify-self:start;width:100%;max-width:380px;padding:20px 18px 22px;border-radius:28px;background:var(--white);box-shadow:var(--shadow-ui),0 0 0 1px var(--line);font-family:var(--f-ui)}
.e-tr-app{font-size:12px;font-weight:600;color:var(--ink-2);padding:0 4px 12px}
.e-tr-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.e-tr-items li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k btn" "v btn";gap:2px 12px;align-items:center;padding:14px;border-radius:16px;background:var(--paper);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.e-tr-items .k{grid-area:k;font-size:12px;color:var(--ink-2)}
.e-tr-items .v{grid-area:v;font-size:14.5px;font-weight:500;letter-spacing:-.01em}
.e-tr-items .ui-btn{grid-area:btn;background:var(--white)}
.e-tr-items .ui-btn.primary{background:var(--blue)}
.is-armed .e-tr-items li{opacity:0;transform:translateX(-10px)}
.e-tr-items li.in{opacity:1!important;transform:none!important}
@media (max-width:900px){
  .e-tr-grid{grid-template-columns:minmax(0,1fr)}
  .e-tr-arrow{height:56px}
  .e-tr-arrow svg{transform:rotate(90deg)}
  .e-tr-out{justify-self:center}
}
.e-impact{display:flex;flex-direction:column;gap:32px;margin-top:var(--space-inner);padding-top:var(--space-sub);border-top:1px solid var(--line-2)}
.e-impact-t{display:flex;flex-direction:column;font-size:clamp(1.75rem,1.1rem + 2.1vw,3rem);line-height:1.12;letter-spacing:-.028em}
.e-impact-t span + span{color:var(--blue-text)}
.e-impact-links{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 36px}

/* ---------- Fechamento + CTA ---------- */
.e-close-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(40px,6vw,96px);align-items:start}
.e-close-grid .body + .body{margin-top:1em}
.e-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:28px 48px;flex-wrap:wrap;margin-top:var(--space-inner);padding:clamp(32px,5vw,64px);border-radius:24px}
.e-cta .btn-row{flex:none}
.e-cta-t{flex:1 1 420px;font-size:clamp(1.55rem,1.1rem + 1.4vw,2.4rem);line-height:1.15;letter-spacing:-.025em;max-width:22ch;scroll-margin-top:var(--header-h)}
@media (max-width:900px){.e-close-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.e-cta .btn-row{width:100%}.e-cta .btn{flex:1 1 100%}}

/* Celular: filtros da fila em grade 2×2 (todos visíveis, alvo de toque ≥ 36px) */
@media (max-width:560px){
  .e-queue-seg{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .e-act .ui-head{flex-wrap:wrap}
  .e-act-with{white-space:nowrap}
}

/* ================= Acabamento (QA de alinhamento) ================= */
/* Cliente 360: sinais da mesma linha com a mesma altura; a linha do meio continua centrada no cartão do cliente. */
.e-c3-stage{align-items:stretch}
.e-c3-sig[data-sig="conv"],.e-c3-sig[data-sig="hist"]{align-self:center}
@media (max-width:680px){.e-c3-sig[data-sig="conv"],.e-c3-sig[data-sig="hist"]{align-self:stretch}}
/* Especialidades: o sinal "Escolha uma área" fica acima do seletor, como nos outros blocos exploráveis. */
.e-spec > .explore{display:flex}
/* O link de Operação Contábil fecha o bloco de especialidades, em vez de flutuar abaixo dele. */
.e-spec-more{margin-top:32px;padding-top:24px;border-top:1px solid var(--line-2)}
/* Dois financeiros: as duas superfícies começam e terminam na mesma linha; a legenda da esquerda fica abaixo. */
.e-split{grid-template-rows:auto 1fr auto}
.e-split-side{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:14px}
.e-split-mid{grid-row:span 3}
.e-split-other .e-other{grid-row:2}
@media (max-width:860px){.e-split{grid-template-rows:none}.e-split-side{display:flex;grid-row:auto}.e-split-mid{grid-row:auto}}
/* Hero: o texto começa na mesma linha da fotografia; a legenda da foto nunca passa por baixo do cartão de sinais. */
.e-hero-text{padding-top:0}
@media (min-width:981px){.e-hero-photo figcaption{left:236px;right:18px;max-width:none}}
/* CRM: o caminho nunca quebra deixando um conector solto no começo da linha. */
@media (max-width:1080px){.e-crm{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .e-crm-path{flex-direction:column;align-items:flex-start;gap:0}
  .e-crm-path li + li{margin-left:0;margin-top:12px}
  .e-crm-path li + li::before{right:auto;left:18px;top:auto;bottom:100%;width:0;height:12px;border-top:0;border-left:1px solid var(--line-2)}
}

/* ================= Smartphone (≤ 720px) · composição editorial — refinamento mobile 2026-10 =================
   O desktop e o tablet (≥ 721px) não mudam: tudo abaixo está em @media (max-width:720px|430px), e as classes
   m-flow / m-contents / m-vis / m-after / m-end no HTML não têm regra fora destas faixas.
   No celular a página vira a sequência do dia de trabalho: prioridade → cliente → passagem de responsabilidade →
   documentos → atendimento. Em cada seção: eyebrow → título → 1 ideia → interface/motion → copy de apoio → link.
     .m-flow      contêiner que vira coluna (flex) e aceita reordenação
     .m-contents  wrapper neutro achatado (display:contents) para os filhos entrarem na ordem
     .m-vis       a interface/motion da seção (sobe para logo depois da primeira ideia)
     .m-after     copy de apoio movida para depois da interface (nada é cortado)
     .m-end       link/bloco de fechamento da seção */
@media (max-width:720px){
  .m-flow{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .m-flow .m-contents{display:contents}
  .m-flow .m-vis{order:2;margin-block:18px}
  .m-flow > .e-note{order:2;margin-top:-20px;margin-bottom:18px}
  .m-flow .m-after,.m-flow .m-after-group > *{order:3}
  .m-flow .m-end{order:4}
  .m-flow > .e-head > .stack-m,.m-flow > .e-head > .h2,.m-flow .e-docs-copy > .stack-m,.m-flow .e-team-copy > .stack-m,.m-flow .e-ia-copy > .h2{margin-bottom:10px}
  .m-flow .e-head-copy .link{align-self:flex-start}
  .m-flow > .link,.m-flow .m-contents > .link{align-self:flex-start}

  /* Hero: título → lead → CTAs → fotografia com sinais → frase de apoio */
  .e-hero-grid{row-gap:24px}
  .e-hero-text{display:contents}
  .e-hero-title{order:0}
  .e-hero-text .lead{order:1}
  .e-hero-text .btn-row{order:2;margin-top:0}
  .e-hero-visual{order:3;margin-top:8px}
  .e-two{order:4}
  .e-turn{margin-top:var(--space-inner)}
  .e-turn-list li{grid-template-columns:96px minmax(0,1fr);font-size:1.4rem}

  /* Minha Fila: filtros em faixa horizontal rolável; cada item = cliente, prazo, estado, próximo passo */
  .e-queue-head{gap:12px;flex-wrap:nowrap}
  .e-queue-seg{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;width:auto;max-width:none;align-self:stretch}
  .e-queue-seg::-webkit-scrollbar{display:none}
  .e-queue-seg button{flex:none;height:44px;padding:0 14px;white-space:nowrap;scroll-snap-align:start}
  .e-q-dep{display:none}
  .e-q-sit{gap:6px}
  .e-q-next{color:var(--ink)}

  /* Cliente 360: camadas 01–05 em faixa; só o painel ativo (núcleo + sinais da camada) fica visível */
  .e-c3-steps{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding-block:2px}
  .e-c3-steps::-webkit-scrollbar{display:none}
  .e-c3-step{scroll-snap-align:start}
  .e-c3-next{height:44px}
  .e-c3-stage .e-c3-sig:not(.on){display:none}
  .e-c3-stage .e-c3-sig.on{transform:none}
  .e-c3-core{min-height:0}

  /* Responsabilidade: as cinco mãos em sequência vertical; círculo e nome no mesmo eixo; trilho vertical */
  .e-track-line{top:18px;bottom:18px;left:17px;right:auto;width:2px;height:auto}
  .e-track-fill{width:100% !important;height:calc(var(--p,0) * 100%);transition:height .9s var(--ease)}
  .e-track{grid-template-columns:minmax(0,1fr);gap:10px}
  .e-track li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:center;text-align:left;gap:0 14px}
  .e-track .e-av{grid-row:span 2;margin-bottom:0}
  .e-st-name{font-size:.95rem;align-self:end}
  .e-st-role{font-size:12px;align-self:start}
  .e-act{margin-top:24px}
  .e-act-log{min-height:0}

  /* Documentos: chegada → identificação → destino → revisão em timeline vertical */
  .e-docs-demo{position:static}
  .e-pipe{padding:10px 18px 14px}
  .e-pipe li{position:relative;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 0 10px 20px;border-bottom:0}
  .e-pipe li::before{content:"";position:absolute;left:3px;top:18px;bottom:-9px;width:1px;background:var(--line-2)}
  .e-pipe li:last-child::before{display:none}
  .e-pipe .k{position:static}
  .e-pipe .k::before{position:absolute;left:0;top:12px}
  .e-pipe li.done::before{background:var(--ok)}
  .e-qs li{font-size:1.15rem;padding:4px 0 4px 20px}

  /* Especialidades: Fiscal / Contábil / DP em faixa de toque, troca só por escolha */
  .e-spec-seg{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none}
  .e-spec-seg::-webkit-scrollbar{display:none}
  .e-spec-seg button{flex:1 0 auto;height:44px;padding:0 12px;white-space:nowrap}
  .e-spec-more{margin-top:8px}

  /* Equipe: foto + recorte operacional largo (sem miniatura sobreposta) */
  .e-team-visual{max-width:none}
  .e-team-ui{margin:-40px 10px 0}
  .e-team-photo figcaption{bottom:52px}
  .e-four li{font-size:1.02rem}

  /* Atendimento: conversa primeiro, contexto abaixo */
  .e-msg .e-bubble{max-width:90%}
  .e-crm{margin-top:28px}

  /* Gestão: escritório × cliente em abas no celular (o seletor é criado pelo page.js só nesta faixa) */
  .e-split-tabs{display:flex;width:100%;margin-bottom:16px}
  .e-split-tabs button{flex:1 1 0;height:44px;font-size:13px;white-space:nowrap;padding:0 10px}
  .e-split.is-tabbed .e-split-mid{display:none}
  .e-split.is-tabbed[data-side="esc"] .e-split-other,.e-split.is-tabbed[data-side="cli"] > .e-split-side:not(.e-split-other){display:none}
  .e-split.is-tabbed .e-split-k{display:none}   /* o nome do contexto já está na aba escolhida */
  .e-split.is-tabbed .e-other{padding:20px}

  /* Kyra: prévia em largura total, termina aguardando confirmação */
  .e-k-q{max-width:90%}
  .e-k-btns .ui-btn{height:36px;padding:0 16px}
  .e-k-done{padding-top:2px}

  /* Do outro lado: interno → cliente em duas etapas verticais */
  .e-tr-arrow{height:48px}
  .e-tr-out{max-width:none}
  .e-impact{gap:24px;margin-top:40px}
}
@media (max-width:430px){
  .e-hero .btn-row{flex-direction:column;align-items:stretch;width:100%}
  .e-hero .btn-row .btn{width:100%;justify-content:center}
  .e-turn-list li{grid-template-columns:80px minmax(0,1fr);font-size:1.3rem;gap:12px}
}