/* Páginas de serviço (/mapa-de-automacao/ etc.): papel claro, foto no topo, um bloco escuro de contraste, cobre só no que pede ação */
.servico{padding-block:clamp(32px,5vw,64px) 72px;display:grid;gap:72px}
.servico>.blog-crumbs{margin-bottom:-44px}
.servico>*{min-width:0}
.servico .blog-crumbs{margin-bottom:-48px}

/* topo: texto e foto lado a lado */
.sv-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.sv-hero-texto{min-width:0}
.sv-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-.035em;margin-top:14px;text-wrap:balance}
.sv-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted);margin-top:22px;max-width:58ch}
.sv-acoes{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:32px}
.sv-assina{font-size:13px;color:#6B6D71;margin-top:26px}
.sv-foto{margin:0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 50px 90px -45px rgba(21,22,24,.6),0 0 0 1px rgba(21,22,24,.06);background:#1B1C1F}
.sv-foto img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:sv-zoom 1.6s var(--ease) forwards}
.sv-foto:after{content:'';position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,rgba(17,18,20,.35),transparent)}
@keyframes sv-zoom{to{transform:scale(1)}}

.sv-bloco{display:grid;gap:24px}
.sv-bloco>h2,.sv-titulo h2{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.03em;text-wrap:balance;max-width:26ch;line-height:1.1}
.sv-titulo{display:grid;gap:8px}
.sv-bloco h3{font-size:18px;letter-spacing:-.01em}
.sv-bloco p{font-size:14px;line-height:1.7;color:var(--muted)}
.sv-nota{font-size:12px!important;color:#6B6D71!important}

/* sinais e entregas */
.sv-sinais,.sv-entregas,.sv-links,.sv-outros ul,.sv-home ul,.ch-falas,.ch-registros,.pn-kpis,.pn-barras ul{list-style:none;margin:0;padding:0}
.sv-sinais{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.sv-sinais li{background:#FFFFFF;border:1px solid rgba(21,22,24,.08);border-radius:14px;padding:18px 20px 18px 46px;position:relative;font-size:15px;line-height:1.55}
.sv-sinais li:before{content:'';position:absolute;left:20px;top:25px;width:10px;height:10px;border-radius:2px;background:#C2814F}
.sv-entregas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px 28px;border-top:1px solid var(--line);padding-top:18px}
.sv-entregas li{font-size:15px;line-height:1.55;padding:10px 0 10px 28px;position:relative;border-bottom:1px solid var(--line)}
.sv-entregas li:before{content:'✓';position:absolute;left:0;color:#9A6236;font-weight:600}

/* etapas ligadas por uma linha */
.sv-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;position:relative}
.sv-etapas li{background:#FFFFFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;padding:22px 22px 24px;display:grid;gap:8px;align-content:start;position:relative}
.sv-etapas span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#151618;color:#E4BB9C;font:600 13px 'Inter Tight',Inter,sans-serif;font-variant-numeric:tabular-nums;margin-bottom:6px}
.sv-etapas li:not(:last-child):after{content:'';position:absolute;top:39px;right:-15px;width:16px;height:1px;background:#C2814F}

/* programa do treinamento: carrossel, uma posição por módulo (capa do módulo + pontos da aula + o que leva) */
.sv-trein-nav{display:flex;align-items:center;gap:10px;margin:0 0 12px!important}
.sv-trein-nav span:first-child{margin-right:auto;font:600 12px/1 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#9A6236}
.sv-trein-nav [data-cont]{font:500 13px/1 'DM Mono',monospace;color:#5D6168;min-width:44px;text-align:center}
.sv-trein-nav button{width:44px;height:44px;border-radius:999px;border:1px solid rgba(21,22,24,.16);background:#FFFFFF;color:#151618;font-size:17px;cursor:pointer}
.sv-trein-nav button:hover{border-color:#C2814F;color:#9A6236}
.sv-trein-trilho{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sv-trein-trilho::-webkit-scrollbar{display:none}
.sv-trein-trilho>li{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center}
.sv-trein-capa{margin:0}.sv-trein-capa img{display:block;width:100%;height:auto;border-radius:12px}
.sv-trein-mod{display:grid;gap:10px;align-content:center}
.sv-trein-mod h3{font-size:24px;line-height:1.15;margin:0}
.sv-trein-mod-t{display:none}
.sv-trein-mod ul{margin:2px 0 0;padding-left:18px;display:grid;gap:6px;font-size:15px;line-height:1.5;color:#45484D}
.sv-trein-mod li::marker{color:#C2814F}
.sv-trein-mod p{margin:4px 0 0;padding-top:12px;border-top:1px solid rgba(21,22,24,.1);font-size:15px!important;color:#151618!important}
.sv-trein-mod b{color:#9A6236;font-weight:600}
.sv-trein-prog,.sv-trein-trilho,.sv-trein-trilho>li{min-width:0;max-width:100%}
@media(max-width:900px){.sv-trein-trilho>li{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.sv-trein-mod h3{font-size:21px}.sv-trein-capa{display:none}.sv-trein-mod-t{display:block}}
/* treinamento: nos cartões de leitura, sem o rótulo que repete a capa (o fecho não repete mais a foto do topo) */
main:has(.sv-trein-prog) .sv-leituras .post-meta{display:none}
/* treinamento: mini-cenas dos 3 formatos */
.sv-mini{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin-bottom:6px;font:500 11px/1 'DM Mono',monospace;color:#6B6D71}
.sv-mini p{grid-column:1/-1;margin:0;display:grid;gap:5px}
.sv-mini span+span{text-align:right}
.sv-mini-pes p{grid-template-columns:repeat(10,14px)}
.sv-mini-pes i{width:14px;height:14px;border-radius:50% 50% 4px 4px;border:1.5px solid #C2814F}
.sv-mini-pes i:nth-child(-n+5){background:#C2814F}
.sv-mini-dias p{grid-template-columns:repeat(30,1fr);gap:2px;padding:4px 0}
.sv-mini-dias i{height:14px;border-radius:2px;background:#C2814F}
.sv-mini-dias i:nth-child(n+11){opacity:.55}.sv-mini-dias i:nth-child(n+21){opacity:.25}
.sv-mini-term{display:grid;grid-template-columns:1fr;gap:4px;background:#1C1D20;border-radius:8px;padding:10px 12px;color:#C9CBCF}
.sv-mini-term code{font:500 11.5px/1.3 'DM Mono',monospace}.sv-mini-term code:first-child{color:#E3A878}
/* regras de uso (treinamento): semáforo do módulo 1 em HTML e as 3 regras em linha, sem cartão */
.sv-sema{display:grid;gap:12px;margin-bottom:30px}
.sv-sema-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sv-sema-cols section{background:#FFFFFF;border:1px solid rgba(21,22,24,.08);border-top:4px solid var(--cor);border-radius:14px;padding:18px 20px}
.sv-sema-verde{--cor:#3F8A5A}.sv-sema-amarelo{--cor:#D2A23A}.sv-sema-vermelho{--cor:#B3412E}
.sv-sema h3{display:flex;gap:10px;align-items:center;font-size:15px!important;margin:0 0 12px}
.sv-sema h3 i{width:14px;height:14px;border-radius:50%;background:var(--cor);box-shadow:0 0 0 4px rgba(21,22,24,.06);flex:none}
.sv-sema ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sv-sema li{font-size:14.5px;line-height:1.45;padding:8px 12px;border-radius:8px;background:#F6F4F1}
.sv-sema-fonte{font-size:15px!important;color:#45484D!important;margin:6px 0 0;padding-left:14px;border-left:3px solid #C2814F}
.sv-sema-fonte b{color:#151618}
/* animação: cada item cai na sua cor, uma cor por vez; sem JS ou com movimento reduzido, tudo já aparece no lugar */
.sv-sema.espera li,.sv-sema.espera h3 i{opacity:0}
.sv-sema.anima li{animation:sv-cai .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--c)*.45s + var(--i)*.09s + .25s)}
.sv-sema.anima h3 i{animation:sv-luz .5s ease-out both;animation-delay:calc(var(--c)*.45s)}
@keyframes sv-cai{from{opacity:0;transform:translateY(-18px)}}
@keyframes sv-luz{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.sv-sema li,.sv-sema h3 i{animation:none!important;opacity:1!important}}
@media(max-width:900px){.sv-sema-cols{grid-template-columns:1fr}}
/* "como acontece" em linha do tempo (treinamento): traço cobre ligando as etapas */
.sv-linha{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative;counter-reset:etapa}
.sv-linha:before{content:'';position:absolute;left:8px;right:8px;top:8px;height:2px;background:#C2814F;opacity:.6}
.sv-linha li{position:relative;padding-top:34px;counter-increment:etapa}
.sv-linha li:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#F3F3F1;border:3px solid #C2814F}
.sv-linha span{font:600 12px/1 'DM Mono',monospace;color:#9A6236;letter-spacing:.06em}.sv-linha h3{margin:8px 0 6px;font-size:18px}.sv-linha p{margin:0;font-size:14.5px;line-height:1.5;color:#55575B}
@media(max-width:900px){.sv-linha{grid-template-columns:1fr;gap:22px;padding-left:30px}.sv-linha:before{left:8px;right:auto;top:8px;bottom:8px;width:2px;height:auto}.sv-linha li{padding-top:0}.sv-linha li:before{left:-30px}}
/* fases e casos */
.sv-fases,.sv-casos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.sv-fases article,.sv-casos article{border-radius:16px;padding:26px;display:grid;gap:10px;align-content:start;background:#FFFFFF;border:1px solid rgba(21,22,24,.08)}
.sv-fases article:first-child{border-color:#C2814F;box-shadow:inset 4px 0 0 #C2814F}
.sv-fases article:first-child h3{color:#9A6236}
.sv-casos small{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9A6236}

/* bloco escuro de contraste (mapa e painel) */
.sv-escuro{background:radial-gradient(ellipse at 80% 0%,#3A2C2266,transparent 60%),#1B1C1F;color:#ECEDEF;border-radius:22px;padding:clamp(24px,4vw,44px);gap:28px}
.sv-escuro h2{color:#F3F3F1}.sv-escuro .section-label{color:#D4A17D}
.sv-escuro-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px}
.sv-escuro .sv-nota{color:#8E9095!important}

/* mapa do processo */
.mp-botoes{display:flex;gap:6px;padding:4px;border:1px solid rgba(236,237,239,.14);border-radius:10px}
.mp-botoes button{font:500 13px Inter,sans-serif;color:#B5B7BB;background:none;border:0;border-radius:7px;padding:9px 14px;cursor:pointer}
.mp-botoes button[aria-pressed="true"]{background:#D4A17D;color:#151618}
.mp-botoes button:focus-visible{outline:2px solid #D4A17D;outline-offset:2px}
.mp-tela{overflow-x:auto}
.mp-dica{display:none}
@media(max-width:800px){.mp-dica{display:block;margin-bottom:-14px}}
.mp-tela svg{display:block;width:100%;min-width:760px;height:auto}
.mp-raia rect{fill:rgba(236,237,239,.025);stroke:rgba(236,237,239,.08)}
.mp-raia text{fill:#8E9095;font:600 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mp-no rect{fill:#26282C;stroke:rgba(236,237,239,.22)}
.mp-no text{fill:#ECEDEF;font:500 13px Inter,sans-serif;text-anchor:middle}
.mp-no.is-gargalo rect{stroke:#D4A17D;stroke-width:1.5}
.mp-seta{fill:none;stroke:#8E9095;stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400}
.mp-fluxo marker path{fill:#8E9095}
.mp-tag rect{fill:#D4A17D}
.mp-tag text{fill:#151618;font:600 12px Inter,sans-serif;text-anchor:middle}
.mp-depois .mp-tag rect{fill:#7CC3A0}
.mp-depois .mp-no rect{stroke:rgba(124,195,160,.5)}
.mp-fluxo{display:none}
[data-estado="hoje"] .mp-hoje,[data-estado="depois"] .mp-depois{display:inline}
.mp-no,.mp-tag{opacity:0}
.is-on .mp-no{animation:sv-entra .5s var(--ease) calc(var(--i)*.18s) forwards}
.is-on .mp-seta{animation:sv-traco .6s ease-out calc(var(--i)*.18s + .3s) forwards}
.is-on .mp-tag{animation:sv-entra .5s var(--ease) calc(1.3s + var(--i)*.35s) forwards}
.is-on .mp-hoje .is-gargalo rect{animation:sv-pulso 2.4s ease-in-out 2s infinite}
@keyframes sv-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sv-traco{to{stroke-dashoffset:0}}
@keyframes sv-pulso{50%{stroke:#F0C9A8;stroke-width:3}}

/* conversa do agente: título e barras ao lado do celular; marcas do sistema dentro da conversa; entra balão a balão (script no próprio bloco) */
.ch-palco{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-areas:"c ." "c t" "c b" "c .";grid-template-rows:1fr auto auto 1fr;gap:28px clamp(32px,6vw,96px)}
.ch-titulo{grid-area:t}.ch-aparelho{grid-area:c}.ch-palco>.ch-barras{grid-area:b;max-width:560px}.ch-lead{margin-top:12px;font-size:16px;line-height:1.55;color:#55575B;max-width:46ch}
.ch-celular{background:#E9E4DC;border:10px solid #151618;border-radius:38px;overflow:hidden;box-shadow:0 50px 80px -40px rgba(21,22,24,.55);display:flex;flex-direction:column}
.ch-topo{display:flex;gap:10px;align-items:center;background:#1F5C4B;color:#FFFFFF;padding:16px 16px 12px}.ch-topo b{display:block;font-size:14px}.ch-topo small{font-size:11px;opacity:.75}
.ch-avatar{width:34px;height:34px;border-radius:50%;background:#C2814F;display:grid;place-items:center;font:600 15px 'Inter Tight',Inter,sans-serif;color:#FFFFFF}
.ch-falas{display:grid;gap:8px;padding:14px 12px;align-content:start}
.ch-falas li{max-width:84%;padding:8px 10px 6px;border-radius:10px;font-size:13px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.ch-falas time{display:block;font-size:10px;color:#6B7A72;text-align:right;margin-top:2px}
.ch-c{background:#FFFFFF;justify-self:start;border-top-left-radius:2px}.ch-a{background:#D7F3C9;justify-self:end;border-top-right-radius:2px}.ch-foto{font-weight:550}
.ch-falas .ch-marca{justify-self:center;max-width:none;font-size:11px;font-weight:600;line-height:1.3;color:#8A4F22;background:#FFF6EE;border:1px solid #E9CBB2;border-radius:999px;padding:3px 10px;box-shadow:none}
.ch-falas .ch-espera{display:none}.ch-falas .ch-entra{animation:sv-entra .35s var(--ease) both}
.ch-falas .ch-digitando{display:flex;gap:4px;padding:11px 12px}.ch-digitando i{width:6px;height:6px;border-radius:50%;background:#5E7A6A;animation:ch-pulo .9s infinite}.ch-digitando i:nth-child(2){animation-delay:.15s}.ch-digitando i:nth-child(3){animation-delay:.3s}
@keyframes ch-pulo{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.ch-lado-titulo{font-size:11px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9A6236!important}
.ch-barras{display:grid;gap:14px}
.ch-barra{display:grid;gap:6px}
.ch-barra>span{font-size:14px;font-weight:550}
.ch-barra>div{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:10px}
.ch-barra i{display:block;height:12px;border-radius:6px;background:#C9CBCF;width:0}
.ch-barra .is-depois i{background:#C2814F}
.ch-barra b{font:600 15px 'Inter Tight',Inter,sans-serif;font-variant-numeric:tabular-nums}
.ch-barra .is-depois b{color:#9A6236}
.is-on .ch-barra i{animation:sv-barra 1.2s var(--ease) 1s forwards}
.is-on .ch-barra .is-depois i{animation-delay:1.8s}
@keyframes sv-barra{to{width:var(--w)}}

/* painel de indicadores */
.pn-tela{display:grid;gap:16px}
.pn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.pn-kpis li{background:#26282C;border:1px solid rgba(236,237,239,.1);border-radius:14px;padding:16px 18px;display:grid;gap:4px;opacity:0}
.pn-kpis span{font-size:12px;color:#B5B7BB}
.pn-kpis b{font:600 30px 'Inter Tight',Inter,sans-serif;color:#F3F3F1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pn-kpis small{font-size:11px;color:#D4A17D}
.is-on .pn-kpis li{animation:sv-entra .5s var(--ease) calc(var(--i)*.15s) forwards}
.pn-graficos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.pn-graficos figure{margin:0;background:#26282C;border:1px solid rgba(236,237,239,.1);border-radius:14px;padding:18px}
.pn-graficos figcaption{font-size:12px;color:#B5B7BB;margin-bottom:10px}
.pn-linha svg{width:100%;height:auto;display:block}
.pn-meta{fill:none;stroke:#8E9095;stroke-dasharray:5 5}
.pn-real{fill:none;stroke:#D4A17D;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pn-linha circle{fill:#D4A17D;opacity:0}
.pn-linha text{fill:#8E9095;font:500 11px Inter,sans-serif}
.is-on .pn-real{animation:sv-traco 1.8s ease-out .6s forwards}
.is-on .pn-linha circle{animation:sv-entra .3s ease-out calc(.6s + var(--i)*.22s) forwards}
.pn-barras ul{display:grid;gap:14px}
.pn-barras li{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:13px;color:#ECEDEF}
.pn-barras i{display:block;height:10px;border-radius:5px;background:#D4A17D;width:0}
.pn-barras b{font:600 13px 'Inter Tight',Inter,sans-serif;text-align:right}
.is-on .pn-barras i{animation:sv-barra 1s var(--ease) calc(1s + var(--i)*.2s) forwards}

/* demos, Nodarya e vídeo da home */
.sv-demos,.sv-nodarya{padding:0;display:grid;gap:24px}
.sv-nodarya{background:none;border:0}
.sv-nodarya .sv-titulo h2{color:var(--text)}
.sv-nodarya .nd-workspace{margin:0;max-width:none}
.sv-video{border-radius:20px;overflow:hidden;background:#151618;box-shadow:0 40px 80px -40px rgba(21,22,24,.5)}
.sv-video video{display:block;width:100%;height:auto;aspect-ratio:2/1}

/* perguntas */
.sv-faq{display:grid;border-top:1px solid var(--line)}
.sv-faq details{border-bottom:1px solid var(--line)}
.sv-faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-size:16px;font-weight:550;position:relative}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary:after{content:'+';position:absolute;right:4px;top:14px;font-size:22px;color:#9A6236;transition:transform .3s var(--ease)}
.sv-faq details[open] summary:after{transform:rotate(45deg)}
.sv-faq summary:focus-visible{outline:2px solid #9A6236;outline-offset:4px}
.sv-faq p{padding:0 0 20px;max-width:70ch;font-size:15px}

/* leituras: cartões do blog com a capa (blog.css); no celular, faixa que desliza */
.sv-leituras{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-leituras .blog-card p:not(.post-meta){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.sv-leituras{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(var(--page-gutter,20px)*-1);padding:0 var(--page-gutter,20px) 8px;scroll-padding-inline:var(--page-gutter,20px);scrollbar-width:none}.sv-leituras::-webkit-scrollbar{display:none}.sv-leituras .blog-card{flex:0 0 min(80%,340px);scroll-snap-align:start}}
.servico .post-cta{margin:0;max-width:none}
/* outros serviços: os mesmos cartões com foto da home (.sv-tile) */
.sv-outros{display:grid;gap:14px}
.sv-outros-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv-outros .sv-tile-texto strong{font-size:17px}
@media(max-width:1100px){.sv-outros-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sv-outros-grade{grid-template-columns:1fr;gap:12px}}
/* Home: cartões com foto para as páginas de serviço; processo primeiro (maiores), tecnologia depois. Em PT substituem os 3 cartões sem link; o inglês, sem as páginas, mantém os cartões. */
.solution-grid:has(~ .sv-home){display:none}
.sv-home{display:grid;gap:30px;margin-top:0}
.sv-grupo{display:grid;gap:12px}
.sv-grupo .section-label span{color:var(--muted,#6B6E73);margin-left:8px;letter-spacing:0;text-transform:none}
.sv-grupo ul{display:grid;gap:20px}
.sv-processo ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-tecnologia ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv-tile{position:relative;display:flex;flex-direction:column;height:100%;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;overflow:hidden;transition:transform .5s var(--ease,ease),box-shadow .5s var(--ease,ease),border-color .3s}
.sv-tile:hover,.sv-tile:focus-visible{transform:translateY(-4px);border-color:#C2814F;box-shadow:0 26px 50px -30px rgba(21,22,24,.45)}
.sv-tile-foto{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#E6E4E0}
.sv-processo .sv-tile-foto{aspect-ratio:2/1}
.sv-tile-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease,ease)}
.sv-tile:hover img{transform:scale(1.06)}
.sv-tile-foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,22,24,0) 55%,rgba(21,22,24,.35))}
.sv-tile-foto b{position:absolute;left:14px;bottom:12px;z-index:1;font-size:12px;font-weight:600;color:#191919;background:#F3F3F1;border-radius:6px;padding:5px 9px;font-variant-numeric:tabular-nums}
.sv-tile-texto{display:grid;gap:4px;padding:15px 56px 17px 18px}
.sv-tile-texto strong{font-family:"Inter Tight",Inter,Arial,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.sv-tecnologia .sv-tile-texto strong{font-size:17px}
.sv-tile-texto small{font-size:14px;line-height:1.5;color:var(--muted,#6B6E73)}
.sv-tile>i{position:absolute;right:16px;bottom:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #C2814F;color:#9A6236;font-style:normal;font-size:15px;transition:background .3s,color .3s,transform .3s}
.sv-tile:hover>i{background:#C2814F;color:#FFF;transform:translateX(3px)}
.sv-processo .sv-tile{border-top:3px solid #C2814F}
@media(max-width:1100px){.sv-tecnologia ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .sv-home{gap:32px}.sv-grupo .section-label span{display:block;margin:4px 0 0}
 .sv-processo ul,.sv-tecnologia ul{grid-template-columns:1fr;gap:12px}
 .sv-tile{flex-direction:row;align-items:stretch}
 .sv-tile-foto,.sv-processo .sv-tile-foto{flex:0 0 43%;aspect-ratio:auto;min-height:118px}
 .sv-tile-foto b{left:6px;bottom:7px;font-size:12px;padding:4px 6px;white-space:nowrap;letter-spacing:-.01em;max-width:calc(100% - 12px)}
 .sv-tile-texto{padding:14px 44px 14px 14px;align-content:center}
 .sv-tile-texto strong,.sv-tecnologia .sv-tile-texto strong{font-size:16px}
 .sv-tile-texto small{font-size:13px}
 .sv-tile>i{right:12px;bottom:auto;top:50%;margin-top:-14px;width:28px;height:28px}
 .sv-processo .sv-tile{border-top-width:1px;border-left:3px solid #C2814F}
}
@media(prefers-reduced-motion:reduce){.sv-tile,.sv-tile img,.sv-tile>i{transition:none}}

@media(prefers-reduced-motion:reduce){.servico *{animation-duration:.01s!important;animation-delay:0s!important}}
@media(max-width:900px){
 .sv-hero{grid-template-columns:1fr;gap:28px}
 .sv-hero>.sv-foto{order:-1;aspect-ratio:16/10}
 .ch-palco,.pn-graficos{grid-template-columns:1fr}
 .ch-celular{max-width:360px;justify-self:center;width:100%}
 .sv-etapas li:after{display:none}
}
@media(max-width:760px){
 .servico{padding-block:28px 56px;gap:56px}
 .servico .blog-crumbs{margin-bottom:-36px}
 .sv-acoes .button{width:100%}
 .pn-barras li{grid-template-columns:96px 1fr 36px}
}
/* Identidade do app Nodarya fora da demo (pop.creator: Logo.tsx, index.css, AuthGate e GuidedInterviewChat): cartão da home e entrevista em /nodarya/ */
.nd-marca{--nd-ink:#0E0F11;--nd-canvas:#F3F4F6;--nd-border:#E1E4E9;--nd-muted:#5C6370;--nd-faint:#7D8490;--nd-action:#3155D6;--nd-action-strong:#2343B5;--nd-soft:#EEF2FE;--nd-node:#6C8CFF;--nd-ok:#0F7A6C;--nd-pend:#9E5F00;--nd-pend-soft:#FDF4E7;font-family:Inter,system-ui,sans-serif}
.nd-marca .nd-brand{display:flex;align-items:center;gap:10px;color:#FAFAFA}
.nd-marca .nd-word{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;color:#FAFAFA}
/* Home: o cartão ocupa o lugar da demo, que segue completa em /nodarya/ */
.nodarya-section:has(.nd-chamada) .nd-workspace{display:none}
.nd-chamada{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);border-radius:18px;overflow:hidden;border:1px solid #2A2D33;box-shadow:0 40px 80px -40px rgba(14,15,17,.55);transition:transform .5s var(--ease,ease),box-shadow .5s var(--ease,ease)}
.nd-chamada:hover,.nd-chamada:focus-visible{transform:translateY(-4px);box-shadow:0 50px 90px -40px rgba(14,15,17,.65)}
.ndc-painel{background:var(--nd-ink);color:#FAFAFA;padding:40px 44px;display:flex;flex-direction:column;gap:22px}
.ndc-painel strong{font-family:"Space Grotesk",Inter,sans-serif;font-weight:600;font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.02em;margin-top:auto;color:#FAFAFA;text-wrap:balance}
.ndc-trilha{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}
.ndc-trilha i{width:14px;height:1.5px;background:var(--nd-action)}
.ndc-no{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #2E3138;border-radius:7px;font-size:13px;color:#E6E8EB;background:#15171A}
.ndc-no::before{content:'';width:8px;height:8px;background:#FAFAFA}
.ndc-no1::before{border-radius:50%;background:var(--nd-node)}
.ndc-no2::before{width:7px;height:7px;transform:rotate(45deg);background:#D5D8DD}
.ndc-no3::before{width:2px;height:12px;background:#14A08C}
.ndc-painel small{font-size:15px;line-height:1.6;color:#A9AEB7;max-width:44ch}
.ndc-botao{align-self:flex-start;display:inline-flex;gap:10px;align-items:center;background:var(--nd-action);color:#FFF;font-weight:600;font-size:15px;padding:13px 20px;border-radius:9px;transition:background .3s}
.nd-chamada:hover .ndc-botao{background:var(--nd-action-strong)}
.ndc-tela{background:var(--nd-canvas);display:grid;place-items:center;padding:40px 0 40px 40px;overflow:hidden}
.ndc-tela img{width:100%;height:auto;border-radius:12px 0 0 12px;box-shadow:0 24px 50px -20px rgba(14,15,17,.35);transform:perspective(1400px) rotateY(-7deg);transform-origin:left center;transition:transform .8s var(--ease,ease)}
.nd-chamada:hover .ndc-tela img{transform:perspective(1400px) rotateY(0)}
/* /nodarya/: entrevista com IA no visual do app */
.ent-app{display:grid;grid-template-columns:190px minmax(0,1fr) 270px;grid-template-areas:"brand topo topo" "menu log lado" "menu resp lado";grid-template-rows:auto 1fr auto;border-radius:14px;overflow:hidden;border:1px solid #2A2D33;background:var(--nd-canvas);color:var(--nd-ink);box-shadow:0 24px 60px #0d163426}
.ent-app .nd-brand{grid-area:brand;background:var(--nd-ink);padding:0 18px;min-height:62px;border-bottom:1px solid #24272C}
.ent-topo{grid-area:topo;display:flex;align-items:center;gap:10px;padding:10px 20px;background:#FFF;border-bottom:1px solid var(--nd-border)}
.ent-topo>div{margin-right:auto;display:grid}
.ent-topo b{font-size:14px;font-weight:600}
.ent-topo small{font-size:12px;color:var(--nd-muted)}
.ent-btn{font-size:13px;padding:7px 12px;border-radius:8px;white-space:nowrap}
.ent-acao{background:var(--nd-action);color:#FFF;font-weight:600}
.ent-btn:not(.ent-acao){border:1px solid var(--nd-border);background:#FFF}
.ent-menu{grid-area:menu;background:var(--nd-ink);display:flex;flex-direction:column;gap:2px;padding:14px 10px}
.ent-menu span{padding:9px 12px;border-radius:8px;font-size:13px;color:#A3A9B3}
.ent-menu .ent-ativo{background:#1E2126;color:#FAFAFA;font-weight:600;box-shadow:inset 2px 0 0 var(--nd-action)}
.ent-log{grid-area:log;display:flex;flex-direction:column;gap:12px;padding:20px;background:rgba(236,238,241,.6)}
.ent-msg{max-width:88%;border:1px solid var(--nd-border);background:#FFF;border-radius:10px;padding:11px 13px}
.ent-msg b{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--nd-action);margin-bottom:3px}
.ent-msg p{font-size:14px;line-height:1.5;margin:0}
.ent-msg small{display:block;font-size:12px;color:var(--nd-muted);margin-top:5px}
.ent-voce{align-self:flex-end;border-color:rgba(49,85,214,.2);background:#F4F6FD}
.ent-voce b{color:var(--nd-ink)}.ent-voce time{font-weight:400;color:var(--nd-faint)}
.ent-audio{display:flex;align-items:center;gap:2px;margin:4px 0 7px}
.ent-audio i{font-style:normal;font-size:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--nd-action);color:#FFF;margin-right:6px}
.ent-audio em{width:3px;height:var(--h);background:var(--nd-node);border-radius:2px}
.ent-audio small{margin:0 0 0 8px!important}
.ent-lado{grid-area:lado;background:#FFF;border-left:1px solid var(--nd-border);padding:20px 18px}
.ent-lado p{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-faint);margin:0 0 12px}
.ent-lado ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ent-reg{border:1px solid var(--nd-border);border-left:3px solid var(--nd-ok);border-radius:8px;padding:10px 12px;display:grid;gap:3px}
.ent-reg span{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;color:var(--nd-ok);text-transform:uppercase;letter-spacing:.06em}
.ent-reg strong{font-size:13px;font-weight:600}
.ent-reg em{font-style:normal;font-family:"DM Mono",ui-monospace,monospace;font-size:11px;color:var(--nd-action-strong);background:var(--nd-soft);border-radius:4px;padding:2px 6px;justify-self:start}
.ent-pendente{border-left-color:var(--nd-pend);background:var(--nd-pend-soft)}.ent-pendente span{color:var(--nd-pend)}
.ent-resposta{grid-area:resp;display:flex;align-items:center;gap:10px;margin:0 20px 18px;padding:8px 8px 8px 14px;background:#FFF;border:1px solid #D2D6DD;border-radius:10px;font-size:14px;color:var(--nd-faint)}
.ent-resposta span{margin-right:auto}
.ent-mic,.ent-enviar{font-style:normal;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}
.ent-mic{color:#C3281E;border:1px solid #D2D6DD;font-size:12px}
.ent-enviar{background:var(--nd-action);color:#FFF}
.ent-msg,.ent-reg{opacity:0;transform:translateY(8px)}
.ent-app.is-on .ent-msg,.ent-app.is-on .ent-reg{animation:ent-in .5s cubic-bezier(.2,.7,.2,1) var(--d) both}
@keyframes ent-in{to{opacity:1;transform:none}}
@media(max-width:900px){
 .nd-chamada{grid-template-columns:1fr}
 .ndc-painel{padding:28px 22px;gap:18px}
 .ndc-tela{padding:24px 0 24px 22px}
 .ndc-no{font-size:12px;padding:5px 8px}
 .ent-app{grid-template-columns:1fr;grid-template-areas:"brand" "topo" "log" "resp" "lado"}
 .ent-menu,.ent-topo small,.ent-topo .ent-btn:not(.ent-acao){display:none}
 .ent-app .nd-brand{min-height:52px}
 .ent-topo{padding:10px 14px}
 .ent-log{padding:14px}
 .ent-resposta{margin:0 14px 14px}
 .ent-lado{border-left:0;border-top:1px solid var(--nd-border)}
}
@media(prefers-reduced-motion:reduce){.nd-chamada,.ndc-tela img{transition:none;transform:none}.ent-msg,.ent-reg{opacity:1;transform:none;animation:none!important}}
/* /nodarya/ v2: topo com a tela do app, entregas em miniatura */
.sv-foto-app{aspect-ratio:auto;background:radial-gradient(120% 90% at 85% 15%,#1C2A5C 0%,#0E0F11 62%);padding:46px 0 46px 40px;display:grid;align-items:center}
.sv-foto-app:after{display:none}
.sv-foto-app img{height:auto;border-radius:12px 0 0 12px;transform:perspective(1400px) rotateY(-8deg);transform-origin:left center;box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);animation:none}
.sv-foto-app::before{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(108,140,255,.35),transparent 70%);pointer-events:none}
.ent-entregas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ent-entregas figure{margin:0;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ent-tela{background:var(--nd-canvas);border-bottom:1px solid var(--nd-border);padding:18px;height:260px;overflow:hidden;display:grid;place-items:center}
.ent-tela>svg,.ent-tela>div{width:100%;max-width:340px;background:#FFF;border:1px solid var(--nd-border);border-radius:8px;box-shadow:0 14px 30px -18px rgba(13,22,52,.35)}
.ent-svg text{font:600 6.5px Inter,sans-serif;fill:#7D8490;letter-spacing:.06em}
.ent-svg text.t{font-weight:500;font-size:6px;letter-spacing:0;fill:#0E0F11}
.ent-entregas figcaption{padding:18px 20px 20px;display:grid;gap:6px}
.ent-entregas figcaption b{font-family:"Inter Tight",Inter,sans-serif;font-size:17px;font-weight:600;color:#151618}
.ent-entregas figcaption small{font-size:13.5px;line-height:1.55;color:#55575B}
.ent-pop{padding:10px 14px;display:grid;gap:7px;font-size:10px;color:var(--nd-ink)}
.ent-pop-topo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:2px solid var(--nd-ink);padding-bottom:6px}
.ent-pop-topo b{font-size:11px}
.ent-pop-topo span{font-family:"DM Mono",ui-monospace,monospace;font-size:8.5px;color:var(--nd-ok);background:#E6F4F1;border-radius:3px;padding:1px 5px}
.ent-pop dl{margin:0;display:grid;grid-template-columns:1.6fr 1fr;gap:8px}
.ent-pop dt{font-family:"DM Mono",ui-monospace,monospace;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--nd-faint)}
.ent-pop dd{margin:1px 0 0;font-size:9px}
.ent-pop ol{margin:0;padding:0 0 0 14px;display:grid;gap:4px;font-size:9px;line-height:1.35;color:var(--nd-ink)}.ent-pop ol li::marker{color:var(--nd-action);font-weight:600}
.ent-pop li i{display:block;height:4px;border-radius:2px;background:#DDE1E7;margin-top:3px}
.ent-pop li i+i{width:65%}
.ent-pop li em{display:inline-block;margin-top:2px;font-style:normal;font-family:"DM Mono",ui-monospace,monospace;font-size:7.5px;color:var(--nd-action-strong);background:var(--nd-soft);border-radius:3px;padding:1px 5px}
.ent-pop svg{width:100%;height:auto}
.ent-valor{padding:14px;display:grid;gap:8px}
.ent-barra{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;font-size:9px;color:var(--nd-ink)}
.ent-barra i{height:10px;border-radius:3px;background:linear-gradient(90deg,#0F7A6C 0 var(--a),#B9BFC9 var(--a) calc(var(--a) + var(--c)),#C3281E calc(var(--a) + var(--c)) 100%)}
.ent-valor p{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:8.5px;color:var(--nd-muted)}
.ent-valor p span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.ent-va::before{background:#0F7A6C}.ent-ct::before{background:#B9BFC9}.ent-ds::before{background:#C3281E}
.ent-mais{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ent-mais li{font-size:14px;line-height:1.55;color:#55575B;padding:12px 0 0 26px;border-top:1px solid var(--line);position:relative}
.ent-mais li::before{content:'✓';position:absolute;left:0;top:12px;color:#9A6236;font-weight:600}
.ent-mais b{color:#151618;font-weight:600}
@media(max-width:1000px){.ent-entregas,.ent-mais{grid-template-columns:1fr}.ent-tela{height:auto}}
@media(max-width:900px){.sv-foto-app{padding:28px 0 28px 22px}}
/* /nodarya/ no celular: entregas e casos lado a lado com rolagem; a lista da entrevista fica no texto abaixo dela */
@media(max-width:760px){
 .ent-lado{display:none}
 .ent-entregas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}
 .ent-entregas figure{flex:0 0 84%;scroll-snap-align:center}
 .ent-tela{height:240px;padding:14px}
 .ent-pop>svg{display:none}
}