/* Proposta "Moderno 3D": página clara (papel frio e cobre); a cena do topo, as demonstrações e o Nodarya
   viram objetos grafite com profundidade; contato e rodapé fecham em grafite. */
:root{--bg:#F3F3F1;--panel:#FFFFFF;--text:#151618;--muted:#55575B;--line:rgba(21,22,24,.12);color-scheme:light}
body{background:var(--bg);color:var(--text)}
::selection{background:#C2814F;color:#151618}

/* Cabeçalho */
.header{background:rgba(243,243,241,.88);border-bottom-color:var(--line)}
.header .brand img{content:url(../assets/marca-clara.svg)}
.nav nav a{color:#46484D}.nav nav a:hover{color:#151618}
.nav-contact{border-bottom-color:#151618}.menu-toggle span{background:#151618}
@media(max-width:760px){.nav nav{background:#FFFFFF}}

/* Topo */
.intro{color:#55575B}.square{background:#C2814F}
.button.primary{background:#C2814F;color:#151618}.button.primary:hover{background:#B0703F}
.text-link{color:#151618}.text-link:hover{color:#9A6236}
.byline p{color:#2B2D31}.byline small{color:#6B6D71}.byline-rule{background:#9A9DA3}
.hero-art{background:radial-gradient(ellipse at 55% 45%,#3A2C2255,transparent 65%),#1B1C1F;border-radius:20px;box-shadow:0 50px 90px -40px rgba(21,22,24,.55),0 0 0 1px rgba(21,22,24,.06);overflow:hidden}
.art-top>span,.art-foot{display:none}.art-top{justify-content:flex-end;top:14px!important;right:16px!important;left:auto!important}
/* cena em camadas: cada camada fica numa profundidade e a cena inteira gira com o ponteiro */
.hero-sculpture{position:relative;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--tilt-x,0deg))) rotateY(calc(-12deg + var(--tilt-y,0deg)));transition:transform .9s var(--ease)}
.hero-sculpture .engine-layer{position:absolute;inset:0;margin:auto;width:100%;height:auto;transform:translateZ(var(--z));pointer-events:none}
.hero-sculpture .layer-floor{position:relative}
@media(prefers-reduced-motion:no-preference){.hero-art:not(:hover) .hero-sculpture{animation:sway 9s ease-in-out infinite alternate}}
@keyframes sway{from{transform:rotateX(9deg) rotateY(-15deg)}to{transform:rotateX(6deg) rotateY(-6deg)}}
body.motion-paused .hero-sculpture{animation-play-state:paused}

/* Seções claras */
.section-label,.project-status{color:#9A6236}
.solutions{padding-top:var(--section-space)}
.solution-grid{border-top:0;padding-top:8px;gap:20px}
.solution-grid article{background:#FFFFFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;padding:28px 26px 30px;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.solution-grid article+article:before{display:none}
.solution-grid article:hover{box-shadow:0 30px 50px -30px rgba(21,22,24,.35)}
.solution-grid svg{stroke:#B0703F}
.delivery span{color:#6B6D71}.about-fields{color:#55575B}
.portrait{background:#E3E3E0}.signature-mark img{filter:none}.signature-mark{opacity:.1}
/* Resultados medidos: mesmos cartões das soluções, número em cobre */
.results{padding-block:0 var(--section-space)}
.result-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.result-grid li{background:#FFFFFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;padding:28px 26px 26px;display:flex;flex-direction:column}
.result-grid strong{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(30px,2.6vw,40px);font-weight:600;letter-spacing:-.03em;color:#9A6236;line-height:1.1}
.result-grid h3{font-size:18px;margin-top:18px}
.result-grid p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:10px}
.result-grid small{font-size:11px;color:#6B6D71;margin-top:auto;padding-top:18px}
@media(max-width:900px){.result-grid{grid-template-columns:1fr}.result-grid li{padding:22px 20px}}

/* Abas das demonstrações no claro */
.project-list button{color:#3D3F44}
.project-list button:hover{background:#E8E8E5;color:#151618}
.project-list button svg{background:#F1E2D5;color:#9A6236}
.project-list button[aria-selected=true]{background:#151618;color:#F3F3F1;border-color:#151618}
.project-list button[aria-selected=true] svg{background:#C2814F;color:#151618}
.project-list button[aria-selected=true] small{color:#C9CBCF}

/* Objetos grafite com profundidade (demonstrações e Nodarya) */
.project-panel,.nd-workspace{box-shadow:0 60px 100px -50px rgba(21,22,24,.6),0 0 0 1px rgba(21,22,24,.08)}
.nd-workspace{border-radius:14px;border-color:#34363B;background:#1C1D20}
.nd-scene{background:#1B1C1F}
.nodarya-section .text-link{color:#151618}
.reveal-3d{transform:perspective(1800px) rotateX(16deg) translateY(30px) scale(.97);opacity:.35;transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .9s ease}
.reveal-3d.is-in{transform:none;opacity:1}
/* as fichas de resultado entram "levantando" da tela */
@media(prefers-reduced-motion:no-preference){
 .live-reveal.is-visible :is(.live-task,.knowledge-rule,.exception-card,.live-product){animation:card-pop .8s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes card-pop{from{transform:perspective(900px) rotateX(22deg) translateY(22px);opacity:0}}

/* Contato e rodapé em grafite */
.contact-section,.footer{--bg:#1C1D20;--text:#ECEDEF;--muted:#9A9DA3;--line:rgba(212,161,125,.16);color:var(--text);color-scheme:dark}
.contact-section{background:#1C1D20;border-top:0}
.contact-section .section-label{color:#D4A17D}
.contact-section .button.primary{background:#D4A17D;color:#151618}.contact-section .button.primary:hover{background:#E4BB9C}
.contact-section .text-link{color:#ECEDEF}
.footer{background:#17181B;box-shadow:0 0 0 100vmax #17181B;clip-path:inset(0 -100vmax)}
.project-panel,.nd-workspace{--text:#ECEDEF;--muted:#9A9DA3;--line:rgba(212,161,125,.16);color:var(--text);color-scheme:dark}
html,body{overflow-x:clip}
.nodarya-section{background:transparent}
.art-top .motion-toggle{background:rgba(27,28,31,.8);border:1px solid #34363B;border-radius:999px;padding:5px 12px;position:relative;z-index:3}
/* cena WebGL: malha em relevo com o "IA" feito de pontos; sai da coluna até a borda da tela e se dissolve sob o texto */
/* .cena-3d entra no <html> antes da primeira pintura: o desenho antigo nem aparece enquanto a cena carrega (volta só se ela falhar) */
.cena-3d .hero-art .hero-sculpture,.cena-3d .hero-art #flow-field,.hero-art.has-webgl .hero-sculpture,.hero-art.has-webgl #flow-field{display:none}
.cena-3d .hero-art,.hero-art.has-webgl{background:none;box-shadow:none;border-radius:0;overflow:visible}
.malha{position:absolute;pointer-events:none;z-index:0;animation:malha-entra 1s ease both}
@keyframes malha-entra{from{opacity:0}}
.malha canvas{width:100%;height:100%;display:block;-webkit-mask:linear-gradient(90deg,#0000,#000 20%);mask:linear-gradient(90deg,#0000,#000 20%)}
.malha-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:7px 12px;background:#FFFFFFE6;border:1px solid rgba(21,22,24,.1);border-radius:999px;font-size:13px;color:#151618;white-space:nowrap;box-shadow:0 8px 24px -12px rgba(21,22,24,.35);will-change:transform}
.malha-label i{width:7px;height:7px;border-radius:50%;background:#C2814F;flex:none}
.malha-label.saida i{background:#151618}
@media(max-width:760px){
 .malha-label{font-size:11px;padding:5px 9px}
 .cena-3d .hero{flex-direction:column}
 .cena-3d .hero-art{order:-1;aspect-ratio:1.15;margin:-50px 0 -24px}
 .malha canvas{-webkit-mask:linear-gradient(#0000,#000 10%,#000 62%,#0000 92%);mask:linear-gradient(#0000,#000 10%,#000 62%,#0000 92%)}
}
.hero{position:relative}.hero-copy{z-index:2}

/* o painel das demonstrações cabe na altura da tela: em telas baixas o cabeçalho enxuga e o resumo some */
.project-panel{scroll-margin:96px 0 16px}
@media(min-width:761px) and (max-height:860px){
 .lab-header{padding-block:10px}.lab-brief{padding-block:10px}.lab-brief p{display:none}
 .demo-timeline{padding-top:9px}.lab-footer{padding-block:9px 11px}
}
@media(min-width:761px) and (max-height:700px){.lab-brief{display:none}}
/* palco com a altura do maior momento da demonstração: o painel não pula enquanto ela anda */
@media(min-width:761px){.demo-stage{min-height:504px}}
@media(max-width:760px){.art-top .motion-label{display:none}.art-top .motion-toggle{padding:5px 9px}}
.hero-art .motion-toggle{display:none}
/* cada coisa dita uma vez dentro das demonstrações: sai o que repete o título, a linha do tempo ou o aviso do rodapé */
#projectStatus,.lab-brief p,.live-pane-title small,.live-person .chat-presence,.live-person .presence-dot,#demoNotice,.plan-summary{display:none}
/* vídeo da plataforma: de ponta a ponta, mas nunca mais alto que a tela abaixo do menu (cabe inteiro de uma vez).
   Quando a altura limita e ele fica mais estreito que a tela (.solto), as laterais também se dissolvem no papel. */
.platform-demo{padding-block:var(--section-space)}
.platform-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw)}
.platform-frame{--menu:92px;position:relative;width:min(100%,calc((100svh - var(--menu) - 24px)*2));margin-inline:auto}
.platform-video{display:block;width:100%;height:auto;aspect-ratio:2/1;background:var(--bg);cursor:pointer;
 -webkit-mask:linear-gradient(#0000,#000 2%,#000 98%,#0000);mask:linear-gradient(#0000,#000 2%,#000 98%,#0000)}
.platform-frame.solto .platform-video{-webkit-mask:linear-gradient(#0000,#000 2%,#000 98%,#0000),linear-gradient(90deg,#0000,#000 3%,#000 97%,#0000);-webkit-mask-composite:source-in;
 mask:linear-gradient(#0000,#000 2%,#000 98%,#0000),linear-gradient(90deg,#0000,#000 3%,#000 97%,#0000);mask-composite:intersect}
/* som: um botão só, no canto inferior direito do próprio vídeo */
.platform-sound{position:absolute;right:max(14px,4%);bottom:9%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
 background:rgba(21,22,24,.72);color:#F3F3F1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s}
.platform-sound:hover{background:#151618}.platform-sound:focus-visible{outline:2px solid #C2814F;outline-offset:3px}
.platform-sound svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.platform-sound .som-on,.com-som .platform-sound .som-off{display:none}.com-som .platform-sound .som-on{display:block}
.platform-frame:not(.com-som) .platform-sound{box-shadow:0 0 0 0 #C2814F99;animation:chama-som 2.4s ease-out infinite}
@keyframes chama-som{70%,100%{box-shadow:0 0 0 12px #C2814F00}}
@media(max-width:760px){.platform-frame{--menu:72px}.platform-sound{width:30px;height:30px;right:8px;bottom:9%}.platform-sound svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.platform-sound{animation:none!important}}
/* WhatsApp fixo no canto inferior direito, em cobre; some perto do contato e fica sob a barra de cookies */
.whats-fixo{position:fixed;right:20px;bottom:20px;z-index:55;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#C2814F;color:#fff;
 box-shadow:0 10px 26px rgba(21,22,24,.28);transition:transform .25s,opacity .25s,background .2s}
.whats-fixo:hover{background:#A86C3F;transform:translateY(-2px)}.whats-fixo:focus-visible{outline:2px solid #151618;outline-offset:3px}
.whats-fixo svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.whats-fixo svg path+path{fill:currentColor;stroke:none}
.whats-fixo.oculto{opacity:0;transform:translateY(12px);pointer-events:none}
.quiz-link{display:inline-block;margin-top:18px;font-size:13px;line-height:1.7;color:#E9C6AC;text-decoration:underline;text-decoration-color:#E9C6AC66;text-underline-offset:4px}.quiz-link:hover{color:#fff;text-decoration-color:#fff}
@media(max-width:760px){.whats-fixo{right:14px;bottom:14px;width:50px;height:50px}}
/* Como trabalho: trilha cobre que avança e uma ilustração por etapa */
.delivery{gap:24px}
.delivery li{position:relative;border-top:0;padding:28px 26px 24px;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:16px;display:flex;flex-direction:column}
.delivery li::before,.delivery li::after{content:'';position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;background:#E4E2DD}
.delivery li::after{background:#C2814F;transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.delivery li:nth-child(2)::after{transition-delay:.9s}.delivery li:nth-child(3)::after{transition-delay:1.8s}
.delivery span{font-family:'Inter Tight',Inter,sans-serif;font-size:13px;font-weight:600;color:#9A6236;letter-spacing:.04em}
.dl-art{width:100%;height:auto;max-height:132px;margin:14px 0 4px;fill:none;stroke:#151618;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dl-art rect{fill:#F3F3F1}
.dl-volta{stroke:#C2814F;stroke-dasharray:4 5}
.dl-gargalo{transition:fill .5s 1.1s,stroke .5s 1.1s}
.dl-lupa circle{fill:rgba(194,129,79,.08)}.dl-lupa path{stroke-width:6}
.dl-lupa{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.dl-ponto{fill:#C2814F;stroke:none}
.dl-construir .dl-bloco{fill:#E9E7E2;stroke:none;transition:opacity .45s,transform .45s}
.dl-construir .dl-lado{fill:#151618}
.dl-construir .dl-cobre{fill:#C2814F}
.dl-grade{stroke:#E4E2DD;stroke-width:1}
.dl-barras rect{fill:#ECE8E2;stroke:none;transform-box:fill-box;transform-origin:bottom;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dl-linha{stroke:#C2814F;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s .3s cubic-bezier(.4,0,.2,1)}
.dl-fim{fill:#C2814F;stroke:#FFF;stroke-width:3;transition:opacity .3s 1.6s}
.delivery h3{margin-top:14px}
.delivery small{margin-top:auto;padding-top:18px;font-size:12px;color:#151618;font-weight:500;display:flex;gap:8px;align-items:baseline}
.delivery small::before{content:'→';color:#C2814F}
.dl-gargalo,.dl-entender .dl-gargalo{fill:#C2814F;stroke:#9A6236}
@media(prefers-reduced-motion:no-preference){
 .delivery:not(.is-in) li::after{transform:scaleX(0)}
 .delivery:not(.is-in) .dl-gargalo{fill:#F3F3F1;stroke:#151618}
 .delivery:not(.is-in) .dl-lupa{transform:translateX(-84px)}
 .delivery:not(.is-in) .dl-bloco{opacity:0;transform:translateY(6px)}
 .delivery:not(.is-in) .dl-barras rect{transform:scaleY(0)}
 .delivery:not(.is-in) .dl-linha{stroke-dashoffset:1}
 .delivery:not(.is-in) .dl-fim{opacity:0}
 .dl-construir .dl-bloco:nth-of-type(2){transition-delay:1.1s}.dl-construir .dl-bloco:nth-of-type(3){transition-delay:1.25s}.dl-construir .dl-bloco:nth-of-type(4){transition-delay:1.4s}.dl-construir .dl-bloco:nth-of-type(5){transition-delay:1.55s}.dl-construir .dl-bloco:nth-of-type(6){transition-delay:1.7s}
 .dl-evoluir{--a:1.9s}.dl-barras rect{transition-delay:calc(var(--a) + var(--i,0)*.08s)}
 .dl-barras rect:nth-child(2){--i:1}.dl-barras rect:nth-child(3){--i:2}.dl-barras rect:nth-child(4){--i:3}.dl-barras rect:nth-child(5){--i:4}
 .dl-evoluir .dl-linha{transition-delay:2.2s}.dl-evoluir .dl-fim{transition-delay:3.4s}
}
/* Resultados: bloco escuro de contraste, com mini gráficos em escala */
.results{background:#151618;box-shadow:0 0 0 100vmax #151618;clip-path:inset(0 -100vmax);padding-block:var(--section-space);color:#F3F3F1}
.results .section-label{color:#D69A6A}
.results .section-heading h2{color:#F3F3F1}
.results .section-heading>p{color:#A9ACB2}
.result-grid li{background:#1E1F22;border-color:#2E3034}
.result-grid strong{color:#D69A6A}
.result-grid h3{color:#F3F3F1}
.result-grid p{color:#A9ACB2}
.result-grid small{color:#8A8D93}
.rg-viz{display:grid;gap:8px;margin-top:18px;padding:14px;border-radius:10px;background:#18191B;border:1px solid #2A2C30}
.rg-linha{display:grid;grid-template-columns:62px 1fr 52px;align-items:center;gap:10px;font-size:12px;color:#A9ACB2}
.rg-linha i{position:relative;height:10px;border-radius:3px;background:#26282B;overflow:hidden}
.rg-linha i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--v);background:#6B6D71;border-radius:3px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rg-depois i::after{background:#D69A6A}
.rg-linha b{font-weight:600;color:#F3F3F1;text-align:right;font-variant-numeric:tabular-nums}
.rg-depois b{color:#D69A6A}
@media(prefers-reduced-motion:no-preference){
 .result-grid:not(.is-in) .rg-linha i::after{transform:scaleX(0)}
 .rg-depois i::after{transition-delay:.35s}
 .result-grid li:nth-child(2) .rg-linha i::after{transition-delay:.3s}.result-grid li:nth-child(2) .rg-depois i::after{transition-delay:.65s}.result-grid li:nth-child(3) .rg-linha i::after{transition-delay:.6s}.result-grid li:nth-child(3) .rg-depois i::after{transition-delay:.6s}
}
@media(max-width:760px){
 .delivery{gap:16px}
 .delivery li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px 16px;padding:20px 18px 18px;align-items:start}
 .delivery li>*{grid-column:2}
 .delivery span{grid-row:auto;padding:0}
 .delivery .dl-art{grid-column:1;grid-row:1/5;margin:4px 0 0;max-height:none;align-self:center}
 .delivery h3{margin:0}.delivery p{margin:0}
 .delivery small{padding-top:8px}
 .rg-viz{margin-top:14px;padding:10px 12px}
}
/* Sobre: foto com moldura cobre e selo da formação, frase de princípio, trajetória em 3 passos e chamada */
.about.sobre2{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;padding-block:72px 88px}
.sb-foto{position:relative;margin:0 0 34px;padding:0 18px 18px 0}
.sb-foto::before{content:'';position:absolute;inset:18px 0 0 18px;border-radius:18px;background:linear-gradient(150deg,#D69A6A,#9A6236)}
.sobre2 .portrait{position:relative;height:auto;aspect-ratio:4/5;margin:0;border-radius:16px;overflow:hidden;background:#E3E3E0;box-shadow:0 30px 60px -36px rgba(21,22,24,.6)}
.sobre2 .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:none}
.sb-foto figcaption{position:absolute;left:18px;right:36px;bottom:-14px;display:grid;gap:8px;padding:14px 16px;background:#FFF;border-radius:12px;box-shadow:0 18px 40px -22px rgba(21,22,24,.45)}
.sb-foto figcaption span{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:13px}
.sb-foto figcaption span+span{border-top:1px solid rgba(21,22,24,.08);padding-top:8px}
.sb-foto figcaption b{font-weight:600;color:#151618}
.sb-foto figcaption small{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;color:#9A6236}
.sobre2 .section-label{color:#9A6236}
.sobre2 .about-copy>.sb-frase{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(24px,2.3vw,34px);line-height:1.15;font-weight:500;letter-spacing:-.02em;color:#9A6236;max-width:none;margin-top:22px}
.sb-trilha{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sb-trilha li{position:relative;padding-top:20px;border-top:2px solid #E4E2DD}
.sb-trilha li::before{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:#F3F3F1;border:2px solid #C9C6C0}
.sb-trilha .sb-hoje{border-top-color:#C2814F}
.sb-trilha .sb-hoje::before{background:#C2814F;border-color:#C2814F;box-shadow:0 0 0 5px rgba(194,129,79,.18)}
.sb-trilha span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6B6D71}
.sb-trilha .sb-hoje span{color:#9A6236}
.sb-trilha strong{display:block;margin-top:6px;font-family:'Inter Tight',Inter,sans-serif;font-size:17px;font-weight:600;color:#151618}
.sb-trilha p{margin-top:6px;font-size:13px;line-height:1.65;color:#55575B}
.sb-trilha a{color:#9A6236;text-decoration:underline;text-underline-offset:3px}
.sb-botao{margin-top:32px}
@media(max-width:1100px){.sb-trilha{grid-template-columns:1fr;gap:18px}.sb-trilha li{padding:0 0 0 24px;border-top:0;border-left:2px solid #E4E2DD}.sb-trilha .sb-hoje{border-left-color:#C2814F}.sb-trilha li::before{top:2px;left:-7px}.sb-trilha{padding-left:7px}}
@media(max-width:760px){
 .about.sobre2{grid-template-columns:1fr;gap:28px;padding-block:44px 52px}
 .sb-foto{max-width:340px;margin-bottom:22px}
 .sb-foto{max-width:none}
 .sobre2 .portrait{aspect-ratio:4/3;margin-top:0}
 .sobre2 .portrait img{object-position:center 20%}
 .sobre2 .about-copy>.sb-frase{font-size:24px}
 .sb-botao{width:100%;justify-content:center}
}
/* Rodapé único: marca + WhatsApp, serviços, site, contato e faixa de baixo */
.rodape{background:#151618;color:#ECEDEF;padding-top:64px;border-top:1px solid #26282C}
.rd-grade{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
.rd-marca{display:grid;gap:18px;justify-items:start;align-content:start}
.rodape .brand img{content:url(../assets/marca.svg)}
.rodape .brand b,.rodape .brand small{color:#ECEDEF}
.rd-marca p{font-size:14px;line-height:1.6;color:#9A9DA3;max-width:30ch}
.rd-col>p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#D69A6A;margin-bottom:14px}
.rd-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rd-col li,.rd-col a{font-size:14px;color:#C3C5CA}
.rd-col a{transition:color .2s}.rd-col a:hover{color:#FFF}
.rd-base{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:56px;padding-block:22px;border-top:1px solid #2A2C30;font-size:12px;color:#8A8D93}
.rd-base>span:first-child{margin-right:auto}
.rd-base button{font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rd-base a,.rd-base button{color:#A9ACB2}.rd-base a:hover,.rd-base button:hover{color:#FFF}
@media(max-width:900px){.rd-grade{grid-template-columns:1fr 1fr;gap:36px 24px}.rd-marca{grid-column:1/-1}}
@media(max-width:560px){.rodape{padding-top:48px}.rd-col:last-child{grid-column:1/-1}.rd-base>span:first-child{margin-right:0;width:100%}}
/* Menu do topo: "Serviços" abre os serviços em dois grupos e o teste dos 5 sinais */
.nav{position:relative}
.nav nav{align-self:stretch;align-items:center}
.nav-mega{align-self:stretch;display:flex;align-items:center}
.nav-mega>button{font:inherit;font-size:13px;color:#46484D;background:none;border:0;padding:0;cursor:pointer;display:flex;gap:6px;align-items:center}
.nav-mega>button:hover,.nav-mega>button[aria-expanded=true]{color:#151618}
.nav-mega>button i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-mega>button[aria-expanded=true] i{transform:translateY(1px) rotate(-135deg)}
.mega{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:#FFF;border:1px solid rgba(21,22,24,.08);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 40px 80px -40px rgba(21,22,24,.45);padding:22px;grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:18px 28px}
.nav-mega>button[aria-expanded=true]+.mega{display:grid}
@media(hover:hover) and (min-width:761px){.nav-mega:hover .mega{display:grid}.nav-mega:hover>button i{transform:translateY(1px) rotate(-135deg)}}
.mega-grupo>p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9A6236;margin:0 0 10px 8px}
.mega-grupo ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.mega-grupo+.mega-grupo ul{grid-template-columns:1fr 1fr}
.nav .mega a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:10px;color:#151618;font-size:14px}
.nav .mega a:hover,.nav .mega a[aria-current]{background:#F7F6F3}
.mega img{width:76px;height:52px;object-fit:cover;border-radius:7px;display:block}
.mega strong{display:block;font-size:14px;font-weight:600;color:#151618}
.mega small{display:block;font-size:12px;line-height:1.4;color:#55575B;margin-top:2px}
.nav .mega .mega-teste{grid-column:1/-1;display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-radius:12px;background:#151618;color:#F3F3F1}
.nav .mega .mega-teste:hover{background:#26282C}
.mega-teste b{font-weight:600}.mega-teste span{color:#A9ACB2;font-size:13px}.mega-teste i{margin-left:auto;font-style:normal;color:#D69A6A}
@media(max-width:760px){
 .nav nav{align-self:auto;align-items:stretch}
 .nav-mega{display:block}
 .nav nav>a{text-align:left;padding-left:8px}
 .nav-mega>button{width:100%;justify-content:space-between;padding:15px 8px;font-size:15px;color:#151618}
 .mega{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 10px;grid-template-columns:1fr;gap:12px}
 .mega-grupo+.mega-grupo ul{grid-template-columns:1fr}
 .mega img,.mega small{display:none}
 .nav .mega a{grid-template-columns:1fr;padding:9px 8px 9px 18px}
 .nav .mega .mega-teste{padding:12px 14px}
}
/* seletor de idioma: as duas opções lado a lado, com bandeira; a atual fica marcada */
.lang{display:inline-flex;align-items:center;flex-shrink:0;border:1px solid rgba(21,22,24,.14);border-radius:8px;padding:3px;gap:2px}
.lang a{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#6B6D71;transition:color .2s ease,background .2s ease}
.lang a:hover,.lang a:focus-visible{color:#151618}
.lang a[aria-current]{background:#151618;color:#F3F3F1}
.lang svg{width:18px;height:13px;border-radius:2px;box-shadow:0 0 0 1px rgba(21,22,24,.12);flex-shrink:0}
@media(max-width:760px){.lang a{padding:5px 6px;gap:5px}}
@media(max-width:420px){.lang a{font-size:0;gap:0}.lang svg{width:20px;height:14px}}
/* página /sobre/ */
.sobre-pagina .about.sobre2{padding-block:0}
.sobre-pagina .sobre2 h1{font-size:clamp(38px,4.2vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:0}
.sobre-pagina .sobre2 .sv-lead{margin-top:20px;max-width:52ch}
.sb-trilha4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sb-mais{display:inline-flex;margin:28px 0 0 24px}
@media(max-width:1100px){.sb-trilha4{grid-template-columns:1fr}}
@media(max-width:760px){.sb-mais{margin:18px 0 0}}
.nav nav>a[aria-current=page]{color:#151618;text-decoration:underline 2px #C2814F;text-underline-offset:8px}
/* celular: o botão flutuante do WhatsApp já faz o papel do "Conversar"; sobra espaço para o seletor e o menu */
@media(max-width:480px){.nav .nav-contact:not(.quiz-back){display:none}.nav .brand{margin-right:auto}}
.hero-alt{margin-top:16px;font-size:14px;color:#55575B}.hero-alt a{color:#9A6236;text-decoration:underline;text-underline-offset:3px}
/* sem WebGL: some o desenho escuro antigo; o topo fica só com o texto */
html:not(.cena-3d) .hero-art{display:none}
/* topo: o chão da malha some suave no fim do topo; título grande não quebra em 4 linhas */
@media(min-width:761px){.malha canvas{-webkit-mask:linear-gradient(90deg,#0000,#000 20%),linear-gradient(#000 78%,#0000);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,#0000,#000 20%),linear-gradient(#000 78%,#0000);mask-composite:intersect}}
@media(min-width:1600px){.hero .hero-copy h1{font-size:65px}}
/* vídeos do canal do YouTube (só na home em inglês): três demos lado a lado, cada uma abre no YouTube */
.yt-demos{padding-block:var(--section-space)}
.yt-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.yt-grid a{display:block;background:#fff;border:1px solid rgba(21,22,24,.08);border-radius:10px;overflow:hidden;color:#151618;transition:transform .2s,box-shadow .2s}
.yt-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(21,22,24,.1)}
.yt-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#E6E7E9}
.yt-grid span{display:block;padding:16px 18px 18px}.yt-grid strong{display:block;font-size:16px}.yt-grid small{display:block;margin-top:4px;font-size:13px;color:#5E6168}
.yt-canal{margin-top:26px}
@media(max-width:760px){.yt-grid{grid-template-columns:1fr;gap:16px}}
/* foco visível no fundo claro: o #E7BD9D do site.css (feito para o fundo escuro) some no papel; #9A6236 passa de 3:1 no claro e no escuro */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#9A6236}
/* celular: rótulo pequeno nunca abaixo de 12 px */
@media(max-width:640px){.section-label{font-size:12px}}