/* WorkFlowArk landing, seções abaixo do "Quero conhecer o fluxo" (build 20260923-03).
   Estrutura do clone AgencyFlow (LANDING 20260921e) com os prints atuais. */
:root{--nv-linha:#E6E6EA;--nv-ink2:#3f3f46;--nv-ink3:#6b6b72;--nv-am:#FEEF02;--nv-am2:#FFF7B3;--nv-am3:#FFFBE0;--nv-sombra:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
mark{background:linear-gradient(transparent 58%,var(--nv-am) 58%);color:inherit;padding:0 .06em}

/* escala maior no desktop (Gabriel lê em 110%) */
.section-heading h2,.nv-sec h2,.nv-integ h2,.plans-section h2,#demo h2,.faq h2{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-1.8px}
.section-heading>p:last-of-type{font-size:19px}
.ref-strip>div{font-size:28px}
.eyebrow{font-size:12px}
.nv-sub{font-size:19px;line-height:1.65;color:var(--nv-ink2);margin-top:20px}
.nv-centro{text-align:center}
.nv-centro h2{margin:0 auto;max-width:860px}
.nv-centro .nv-sub{max-width:760px;margin-inline:auto}
.nv-sec{padding:110px 0}
.nv-pt0{padding-top:0}

/* bento */
.nv-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;text-align:left}
.nv-card{background:#fff;border:1px solid var(--nv-linha);border-radius:22px;padding:32px;box-shadow:var(--nv-sombra);position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.nv-card h3{font-size:26px;line-height:1.25;letter-spacing:-.7px;font-weight:600}
.nv-card p{margin-top:12px;color:var(--nv-ink2);font-size:17px;line-height:1.65}
.nv-c2{grid-column:span 2}.nv-c3{grid-column:span 3}
.nv-shot{margin:28px -32px -32px;margin-top:auto;padding-top:28px;overflow:hidden}
.nv-shot img{display:block;width:100%;height:300px;object-fit:cover;object-position:0 0;border-top:1px solid var(--nv-linha);background:#0d0d0d}
.nv-c2 .nv-shot img{height:340px}
.nv-lado{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.nv-lado .eyebrow{margin-bottom:14px}
.nv-shot.nv-solto{margin:0;padding:0}
.nv-shot.nv-solto img{height:auto;aspect-ratio:1020/820;border:1px solid #2a2a2a;border-radius:16px}
.nv-link{display:inline-block;margin-top:22px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.nv-aneis::before{content:"";position:absolute;right:-340px;top:-380px;width:1000px;height:1000px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 62px,rgba(254,239,2,.7) 62px 63.5px);pointer-events:none}
.nv-aneis>*{position:relative;z-index:1}

/* fluxo escuro: imagem enquadrada no lugar de vazar */
.ref-flow img{width:100%;max-width:100%}

/* números */
.nv-numeros{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:56px auto 0;max-width:920px;text-align:left}
.nv-numeros>div{background:#fff;border:1px solid var(--nv-linha);border-radius:22px;padding:36px 36px 34px;box-shadow:var(--nv-sombra)}
.nv-numeros strong{display:block;font-family:Sora,Inter,sans-serif;font-weight:600;font-size:clamp(64px,8vw,112px);line-height:1;letter-spacing:-4px}
.nv-numeros>div:first-child{background:var(--nv-am)}
.nv-numeros p{margin-top:16px;font-size:18px;line-height:1.55;color:#27272a}
.nv-foto{margin-top:72px;position:relative;border-radius:26px;overflow:hidden;min-height:420px;display:flex;align-items:center;background:#111;text-align:left}
.nv-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.nv-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.6) 45%,rgba(10,10,10,.05))}
.nv-foto-tx{position:relative;z-index:1;padding:64px;max-width:660px;color:#fff}
.nv-foto-tx h2{color:#fff;font-size:clamp(28px,3.2vw,42px)!important}
.nv-foto-tx p{color:#d6d6d6;font-size:17px;line-height:1.65;margin:18px 0 28px}

/* recursos */
.nv-rec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;text-align:left}
.nv-rec h3{font-size:20px;letter-spacing:-.3px}
.nv-rec p{font-size:16px}
.nv-ic{width:46px;height:46px;border-radius:12px;background:var(--nv-am2);display:flex;align-items:center;justify-content:center;color:#5c4f00;margin-bottom:22px}
.nv-ic svg{width:22px;height:22px}

/* integrações */
.nv-integ{position:relative;padding:120px 0 110px;overflow:hidden;background-image:linear-gradient(#dfdfd729 1px,transparent 1px),linear-gradient(90deg,#dfdfd729 1px,transparent 1px);background-size:90px 90px}
.nv-orb{position:absolute;width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid var(--nv-linha);box-shadow:var(--nv-sombra);display:flex;align-items:center;justify-content:center;font:700 13px Sora,sans-serif;color:#3f3f46}
.nv-orb small{position:absolute;top:64px;left:50%;transform:translateX(-50%);font:500 12px Inter,sans-serif;color:var(--nv-ink3);white-space:nowrap}
.nv-mark{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--nv-linha);box-shadow:var(--nv-sombra);margin:0 auto 24px;display:flex;align-items:center;justify-content:center}
.nv-mark img{width:38px;height:38px;border-radius:8px}
.nv-integ h2{max-width:640px}
.nv-integ .button{margin-top:32px}

/* implantação */
.nv-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.nv-cab>div{max-width:760px}
.nv-cab .button{flex-shrink:0;margin-top:34px}
.nv-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:52px}
.nv-passo{background:#fff;border:1px solid var(--nv-linha);border-radius:22px;padding:32px;box-shadow:var(--nv-sombra)}
.nv-n{width:46px;height:46px;border-radius:50%;background:#191919;color:var(--nv-am);display:flex;align-items:center;justify-content:center;font:600 19px Sora,sans-serif;margin-bottom:26px}
.nv-passo h3{font-size:21px;letter-spacing:-.4px}
.nv-passo p{margin-top:10px;color:var(--nv-ink2);font-size:16px;line-height:1.6}
.nv-nota{margin-top:26px;color:var(--nv-ink3);font-size:14px}

/* planos: destaque legível (antes texto escuro sobre fundo escuro) */
.nv-lanc{max-width:820px;margin:34px auto 0;text-align:center;background:#111;color:#fff;border-radius:999px;padding:14px 26px;font-size:16px}
.nv-lanc b{color:var(--nv-am);margin-right:8px}
.plan h3{font-size:18px}
.price{font-size:54px}
.plan-limit{font-size:16px}
.plan ul{font-size:15px}
.plan.featured,.plan.featured h3,.plan.featured .eyebrow,.plan.featured .price,.plan.featured .plan-limit,.plan.featured li{color:#fff}
.plan.featured h3,.plan.featured .price span{color:#bdbdbd}
.plan.featured .plan-limit{border-color:#333}
.plan-tag{background:var(--nv-am);color:#111;font-size:12px;font-weight:600}
.nv-incluso{margin-top:28px;background:#fff;border:1px solid #d8d8d8;border-radius:20px;padding:30px 32px}
.nv-incluso h3{font-size:20px}
.nv-incluso ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;font-size:15px;color:var(--nv-ink2)}
.nv-incluso li:before{content:'✓';margin-right:9px;color:#8A7B00;font-weight:700}
.plan-note{font-size:14px}

/* formulário e rodapé */
.contact-copy>p:not(.eyebrow){font-size:17px}
.faq summary{font-size:18px}
.faq details p{font-size:16px}
.nv-tag{font-family:Sora,Inter,sans-serif;font-weight:600;font-size:34px!important;line-height:1.2;letter-spacing:-1px;color:#fff!important;margin-top:18px!important}

@media(max-width:1000px){
  .nv-bento,.nv-rec{grid-template-columns:1fr 1fr}
  .nv-c2,.nv-c3{grid-column:span 2}
  .nv-passos{grid-template-columns:1fr 1fr}
  .nv-orb{display:none}
  .nv-incluso ul{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .ref-strip>div{font-size:19px}
  .nv-sec{padding:64px 0}
  .nv-pt0{padding-top:0}
  .nv-sub{font-size:16px}
  .nv-bento,.nv-rec,.nv-passos,.nv-numeros,.nv-lado{grid-template-columns:1fr}
  .nv-c2,.nv-c3{grid-column:span 1}
  .nv-card{padding:24px}
  .nv-card h3{font-size:23px}
  .nv-card p{font-size:16px}
  .nv-shot{margin:24px -24px -24px;padding-top:24px}
  .nv-shot img,.nv-c2 .nv-shot img{height:220px}
  .nv-lado{gap:24px}
  .nv-numeros>div{padding:28px}
  .nv-foto{min-height:0}
  .nv-foto-tx{padding:36px 24px}
  .nv-integ{padding:70px 0}
  .nv-cab{flex-direction:column;gap:0}
  .nv-cab .button{width:100%;margin-top:24px}
  .nv-passo{padding:26px}
  .nv-lanc{border-radius:18px;font-size:14px}
  .nv-lanc b{display:block;margin:0 0 4px}
  .price{font-size:42px}
  .nv-incluso{padding:24px}
  .nv-incluso ul{grid-template-columns:1fr}
  .nv-tag{font-size:26px!important}
  .section-heading h2,.nv-sec h2,.nv-integ h2,.plans-section h2,#demo h2,.faq h2{letter-spacing:-1.2px}
}
.nv-card .eyebrow{font-size:12px;color:#111;margin-top:0;line-height:1.4}
.nv-lanc{max-width:980px}
@media(max-width:700px){.nv-aneis::before{display:none}}