/* ============================================================
   Home cvwebdesigner — porte fiel do protótipo aprovado 2026-08-20
   (referência Figma "Agência Tucano", acento azul da marca, Inter)
   Escopo: body.cv-home27 — subpáginas não são afetadas.
   ============================================================ */
:root{
  --cvh-bg:#0B0D10;
  --cvh-panel:#101318;
  --cvh-card:#14181E;
  --cvh-line:rgba(255,255,255,.08);
  --cvh-text:#F2F4F8;
  --cvh-muted:#9AA3B2;
  --cvh-a1:#091FFE;
  --cvh-a2:#091FFE;
  --cvh-a3:#091FFE;
  --cvh-grad:#091FFE;
}
.cv-home27{background:#050608!important;color:var(--cvh-text);font-family:'Inter',Verdana,Arial,sans-serif!important}
.cv-home27,.cv-home27 .cvh{overflow-x:hidden}
.cv-home27 .modern-bg-glow{display:none}

/* textura de ruído sutil sobre a home */
.cv-home27::before{content:'';position:fixed;inset:0;z-index:9;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.04;mix-blend-mode:screen}

/* header no formato pill (escopado ao home) */
.cv-home27 .modern-header-wrapper{background-color:#050608!important}
.cv-home27 .modern-header-wrapper .modern-header-nav{
  min-height:76px;margin:14px auto;padding:.6rem 1.3rem;
  background:rgba(18,20,24,.92);border:1px solid #202226;border-radius:16px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cv-home27 .modern-header-wrapper .btn-supabase-primary{
  background:var(--cvh-grad)!important;border:0!important;border-radius:999px!important}

/* rodapé alinhado ao fundo da home */
.cv-home27 .modern-footer{border-radius:0!important;background:#08090b!important}

/* moldura central com hairlines verticais */
.cvh{max-width:1360px;margin:0 auto;background:var(--cvh-bg);
  border-left:1px solid #17191c;border-right:1px solid #17191c}
.cvh *{box-sizing:border-box}
.cvh a{text-decoration:none;color:inherit}
.cvh a:focus-visible,.cvh button:focus-visible,.cvh input:focus-visible,.cvh select:focus-visible,.cvh textarea:focus-visible{
  outline:2px solid var(--cvh-a3);outline-offset:3px;border-radius:4px}

/* eyebrow */
.cvh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--cvh-muted)}
.cvh-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cvh-grad)}

/* botões */
.cvh-btn{display:inline-block;background:var(--cvh-grad);color:#fff!important;font-weight:700;font-size:14px;
  padding:13px 26px;border-radius:999px;border:0;cursor:pointer;font-family:inherit;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.cvh-btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 8px 24px rgba(0,102,255,.4)}
.cvh-btn.ghost{background:transparent;border:1px solid var(--cvh-line);color:var(--cvh-text)!important;font-weight:600}
.cvh-btn.ghost:hover{border-color:var(--cvh-a3);box-shadow:none;filter:none}

/* seções */
.cvh section{border-bottom:1px solid var(--cvh-line);margin:0;padding:0}
.cvh>.cvh-sec{--cvh-fold-bg:#0B0D10;position:relative;isolation:isolate;background:var(--cvh-fold-bg);scroll-margin-top:110px}
.cvh>.cvh-sec:nth-of-type(odd){--cvh-fold-bg:#101116}
.cvh>.cvh-sec::before{content:'';position:absolute;z-index:0;left:0;right:0;top:-34px;height:35px;background:var(--cvh-fold-bg);clip-path:polygon(0 34px,18.5% 34px,21.5% 0,78.5% 0,81.5% 34px,100% 34px,100% 100%,0 100%);pointer-events:none;filter:drop-shadow(0 -1px rgba(255,255,255,.045))}
.cvh>.cvh-sec>*{position:relative;z-index:1}
.cvh-sec-head{text-align:center;padding:72px 20px 40px}
.cvh-sec-head h2{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.01em;
  text-transform:uppercase;margin:14px 0 0;color:#fff}

/* ============ hero — banner astronauta + IA (logo em holograma no banner) ============ */
.cvh-hero{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center}
.cvh-hero-bg{position:absolute;inset:0;z-index:0;background:#04060a url('../img/fotos/hero-web-astronauta-ia.jpg') right center/cover no-repeat}
.cvh-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,10,.88) 0%,rgba(4,6,10,.6) 36%,rgba(4,6,10,.1) 66%,transparent 100%)}
.cvh-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:210px 0 130px;text-align:left}
.cvh-ai-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#B9BAC2;font:600 11px/1 monospace;letter-spacing:.2em;text-transform:uppercase}
.cvh-ai-pill::before{content:'';width:7px;height:7px;background:#091FFE;box-shadow:0 0 10px rgba(9,31,254,.9)}
.cvh-hero h1{max-width:720px;margin:26px 0 0;color:#fff;font-weight:500;letter-spacing:-.045em;line-height:1.06;font-size:clamp(38px,5vw,68px)}
.cvh-hero h1 strong{font-weight:800;color:#fff}
.cvh-sub{position:relative;z-index:2;margin:28px 0 0;max-width:48ch;color:#c1c6ce;font-size:18px;line-height:1.6}
.cvh-cta-row{margin-top:36px;display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap}
.cvh-scroll-cue{position:absolute;z-index:4;left:50%;bottom:25px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);color:rgba(255,255,255,.55);transition:color .25s}
.cvh-scroll-cue:hover{color:#fff}
.cvh-scroll-cue span{font:600 9px/1 monospace;letter-spacing:.2em;text-transform:uppercase}
.cvh-scroll-cue svg{width:24px;height:34px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.cvh-scroll-cue circle{fill:#091FFE;stroke:none;animation:cvh-scroll-dot 1.8s ease-in-out infinite}
.cvh-scroll-cue path{animation:cvh-scroll-arrow 1.8s ease-in-out infinite}
@keyframes cvh-scroll-dot{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}80%,100%{opacity:0;transform:translateY(11px)}}
@keyframes cvh-scroll-arrow{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.cvh-scroll-cue circle,.cvh-scroll-cue path{animation:none!important}}
@media(max-width:900px){.cvh-hero-inner{padding:180px 0 110px}}
@media(max-width:700px){.cvh-hero-bg{background-position:68% center}.cvh-hero-bg::after{background:rgba(4,6,10,.66)}.cvh-hero-inner{width:calc(100% - 40px);padding:160px 0 120px}.cvh-hero h1{font-size:clamp(32px,9vw,44px);line-height:1.12}.cvh-sub{font-size:16px;max-width:32ch}.cvh-scroll-cue{bottom:20px}}

/* ============ sobre (paleta Clerk, igual ao bento) ============ */
.cvh>#sobre{--cvh-fold-bg:#131316}
.cvh-about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:88px 56px}
.cvh-about-visual{position:relative;min-height:450px;display:grid;place-items:center}
.cvh-builder{position:relative;width:100%;border-radius:16px;background:#212126;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.025),0 28px 70px rgba(0,0,0,.4)}
.cvh-builder-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.06);background:#26262B}.cvh-builder-top i{width:7px;height:7px;border-radius:50%;background:#3A3B42}.cvh-builder-top i:first-child{background:#091FFE}.cvh-builder-top span{margin-left:9px;color:#858792;font:500 9px/1 monospace;letter-spacing:.08em}.cvh-builder-top b{width:7px;height:13px;margin-left:1px;background:#091FFE;animation:cvh-code-caret .8s steps(1) infinite}
.cvh-site-builder{display:block;width:100%;height:auto}.builder-shell{fill:#19191E;stroke:rgba(255,255,255,.06);stroke-width:1.5}.builder-divider{stroke:rgba(255,255,255,.06);stroke-width:1}.preview-canvas{fill:#1E1E23;stroke:rgba(255,255,255,.05)}.code-line{fill:#4A4B54;transform-box:fill-box;transform-origin:left;animation:cvh-code-write 8s ease-in-out infinite}.code-key{fill:#091FFE;transform-box:fill-box;transform-origin:left;animation:cvh-code-write 8s ease-in-out infinite}.code-line.l1{animation-delay:.1s}.code-line.l2{animation-delay:.25s}.code-line.l3{animation-delay:.4s}.code-key.l4{animation-delay:.55s}.code-line.l5{animation-delay:.7s}.code-line.l6{animation-delay:.85s}.code-line.l7{animation-delay:1s}.code-key.l8{animation-delay:1.15s}.code-line.l9{animation-delay:1.3s}.code-line.l10{animation-delay:1.45s}.code-line.l11{animation-delay:1.6s}.code-cursor{fill:#091FFE;animation:cvh-code-caret .8s steps(1) infinite}
.part-fill{fill:#2F3037}.part-fill.dark{fill:#26262B}.part-blue{fill:#091FFE}.part-white{fill:#C7C8CF}.part-line{fill:#4A4B54}.part-card{fill:#26262B;stroke:rgba(255,255,255,.06)}.part-blue.soft{fill:#091FFE;opacity:.55}.part-blue.hollow{fill:none;stroke:#091FFE;stroke-width:8}
.build-part{opacity:0;transform-box:fill-box;transform-origin:center;animation:cvh-build-part 8s cubic-bezier(.2,.8,.2,1) infinite}.build-header{animation-delay:.55s}.build-hero{animation-delay:1.25s}.build-side{animation-delay:1.95s}.build-content{animation-delay:2.6s}.build-footer{animation-delay:3.25s}
.cvh-build-progress{height:3px;background:#26262B}.cvh-build-progress span{display:block;height:100%;background:#091FFE;transform-origin:left;animation:cvh-build-progress 8s ease-in-out infinite}
.cvh-build-status{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #383942;border-radius:999px;background:#19191E;color:#858792;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.cvh-build-status i{width:7px;height:7px;border-radius:50%;background:#091FFE;box-shadow:0 0 0 5px rgba(9,31,254,.12);animation:cvh-status-pulse 1.3s ease-in-out infinite}
@keyframes cvh-code-write{0%,8%{transform:scaleX(0);opacity:0}20%,84%{transform:scaleX(1);opacity:1}94%,100%{transform:scaleX(0);opacity:0}}
@keyframes cvh-build-part{0%,10%{opacity:0;transform:translateY(12px) scale(.97)}22%,76%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes cvh-build-progress{0%{transform:scaleX(0)}72%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes cvh-code-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes cvh-status-pulse{50%{transform:scale(.55);opacity:.45}}
@media(prefers-reduced-motion:reduce){.cvh-builder *{animation:none!important}.code-line,.code-key,.build-part{opacity:1;transform:none}.cvh-build-progress span{transform:scaleX(1)}}
@media(max-width:700px){.cvh-about-visual{min-height:320px}.cvh-builder{border-radius:18px}.cvh-build-status{right:10px;bottom:10px;font-size:8px}.cvh-builder-top span{max-width:130px;overflow:hidden;white-space:nowrap}}
.cvh-about h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;text-transform:uppercase;
  letter-spacing:-.01em;margin:14px 0 18px;color:#fff}
.cvh-about p{color:var(--cvh-muted);margin:0 0 14px;max-width:55ch;line-height:1.7;font-size:15px}
.cvh-about .cvh-btn{margin-top:10px}
.cvh-spark{color:transparent;background:var(--cvh-grad);-webkit-background-clip:text;background-clip:text;font-weight:900}

/* ============ stats ============ */
.cvh-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:44px 24px;
  margin:0 56px 88px;background:#212126;border-radius:16px;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.025)}
.cvh-stats .stat b{display:block;font-size:34px;font-weight:900;background:var(--cvh-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.cvh-stats .stat span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cvh-muted);margin-top:6px}
.cvh-stats .stat span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cvh-grad)}

/* ============ soluções — bento técnico ============ */
.cvh>#solucoes{--cvh-fold-bg:#131316} /* mesmo cinza-chumbo da referência Clerk */
.cvh-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,320px);gap:24px;padding:0 56px 88px;max-width:1240px;margin:0 auto}
.cvh-bento-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:visible;background:#212126;border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .4s cubic-bezier(.175,.885,.32,1.1),box-shadow .35s}
.cvh-bento-card::after{content:'↗';position:absolute;z-index:5;right:22px;top:19px;color:#575963;font-size:15px;transition:color .25s,transform .25s}
.cvh-bento-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 0 0 1px rgba(255,255,255,.09),0 22px 60px rgba(0,0,0,.32)}
.cvh-bento-card:hover::after{color:#B9BAC2;transform:translate(2px,-2px)}
.cvh-bento-sites{grid-row:span 2}
.cvh-bento-brand{grid-column:span 2}
.cvh-bento-copy{position:relative;z-index:4;padding:25px 24px 0}
.cvh-bento-copy>span{display:block;margin-bottom:35px;color:#656772;font:600 10px/1 monospace;letter-spacing:.14em;text-transform:uppercase}
.cvh-bento-copy h3{margin:0 0 9px;color:#fff;font-size:17px;font-weight:700;letter-spacing:-.025em}
.cvh-bento-copy p{max-width:42ch;margin:0;color:#9394A1;font-size:13px;line-height:1.6}
.cvh-bento-visual{position:relative;z-index:1;flex:1;min-height:0;margin-top:8px}
.cvh-bento-visual svg{display:block;width:100%;height:100%;overflow:visible}
.cvh-bento-visual svg text{fill:#858792;font:500 10px/1 monospace;letter-spacing:.04em}
/* kit visual Clerk compartilhado entre os cards */
.clk-panel{fill:#26262B;stroke:rgba(255,255,255,.06);stroke-width:1}
.clk-divider{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1;stroke-linecap:round}
.clk-dot{fill:#3A3B42}
.clk-block{fill:#2F3037}
.clk-bar{fill:#4A4B54}.clk-bar.w{fill:#C7C8CF}
.clk-chip{fill:#091FFE;opacity:.9}
.clk-sph{fill:#2F3037;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.cvh-bento-visual .ic{fill:none;stroke:#fff;stroke-opacity:.85;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cvh-code-tag rect{fill:#19191e;stroke:#383942}.cvh-code-tag{animation:cvh-bento-float 5s ease-in-out infinite}
.cvh-code-tag .tag-dot{fill:#091FFE;filter:drop-shadow(0 0 4px rgba(9,31,254,.8));animation:cvh-clk-blink 2s ease-in-out infinite}
.draw-block{transform-box:fill-box;transform-origin:left;animation:cvh-block-build 8s ease-in-out infinite}.draw-block.b1{animation-delay:1.3s}.draw-block.b2{animation-delay:1.5s}.draw-block.b3{animation-delay:1.7s}.draw-block.b4{animation-delay:1.9s}.draw-block.b5{animation-delay:2.1s}.draw-block.b6{animation-delay:2.3s}.draw-block.b7{animation-delay:2.5s}
/* diagrama de nós estilo Clerk (card Sistemas sob Medida) */
.cvh-bento-system .cvh-bento-visual,.cvh-bento-app .cvh-bento-visual,.cvh-bento-brand .cvh-bento-visual{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.55) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.55) 80%,rgba(0,0,0,0) 100%)}
.cvh-cli-lines path{fill:none;stroke:#fff;stroke-opacity:.06;stroke-width:1}
.cvh-cli-lines path.dash{stroke-dasharray:2 2}
.cvh-cli-sat>g{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.cvh-cli-sat>g>circle:first-child{fill:#2F3037}
.cvh-cli-pulse{fill:none;stroke:#091FFE;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:12 100;stroke-dashoffset:12;filter:drop-shadow(0 0 3px rgba(9,31,254,.9)) drop-shadow(0 0 8px rgba(9,31,254,.45));animation:cvh-cli-run 5.2s linear infinite}
.cvh-cli-pulse.p2{animation-delay:2.6s}
.cvh-cli-satglow{fill:none;stroke:#091FFE;stroke-width:1.2;opacity:0;filter:drop-shadow(0 0 6px rgba(9,31,254,.8));animation:cvh-cli-arrive 5.2s ease-in-out infinite;animation-delay:2.45s}
.cvh-cli-coreglow{fill:#091FFE;opacity:0;filter:drop-shadow(0 0 70px rgba(9,31,254,.9));animation:cvh-cli-arrive 5.2s ease-in-out infinite}
@keyframes cvh-cli-run{0%{stroke-dashoffset:12}45%,100%{stroke-dashoffset:-100}}
@keyframes cvh-cli-arrive{0%,38%{opacity:0}48%{opacity:.9}62%,100%{opacity:0}}
/* card Sites: pulso desce o fio, o notebook abre, o código é digitado e a estrutura aparece */
.cvh-cli-pulse.sp1{animation:cvh-clk-feed 8s linear infinite}
.clk-lid{transform-box:fill-box;transform-origin:center bottom;animation:cvh-clk-lid 8s cubic-bezier(.2,.7,.3,1) infinite}
.clk-scr{opacity:0;animation:cvh-clk-appear 8s ease-in-out infinite}
.clk-canvas{fill:#19191E}
.clk-code .cl{fill:#4A4B54;transform-box:fill-box;transform-origin:left;opacity:0;animation:cvh-clk-type 8s ease-in-out infinite}
.clk-code .cl.ck{fill:#091FFE}
.clk-code .l1{animation-delay:.1s}.clk-code .l2{animation-delay:.3s}.clk-code .l3{animation-delay:.5s}.clk-code .l4{animation-delay:.7s}.clk-code .l5{animation-delay:.9s}.clk-code .l6{animation-delay:1.1s}.clk-code .l7{animation-delay:1.3s}.clk-code .l8{animation-delay:1.5s}
.clk-caret{fill:#091FFE;animation:cvh-code-caret .8s steps(1) infinite}
@keyframes cvh-clk-lid{0%,2%{transform:scaleY(.07)}13%{transform:scaleY(1.03)}16%,92%{transform:scaleY(1)}98%,100%{transform:scaleY(.07)}}
@keyframes cvh-clk-appear{0%,15%{opacity:0}19%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes cvh-clk-type{0%,16%{transform:scaleX(0);opacity:0}22%,86%{transform:scaleX(1);opacity:1}94%,100%{opacity:0}}
@keyframes cvh-clk-feed{0%{stroke-dashoffset:12}10%,100%{stroke-dashoffset:-100}}
@keyframes cvh-clk-blink{0%,100%{opacity:.35}50%{opacity:1}}
/* card Aplicativos: pulso chega e dispara anel de notificação */
.clk-ring{fill:none;stroke:#091FFE;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px rgba(9,31,254,.7));animation:cvh-clk-ring 5.2s ease-out infinite}
@keyframes cvh-clk-ring{0%,44%{opacity:0;transform:scale(1)}46%{opacity:.7}60%,100%{opacity:0;transform:scale(1.8)}}
/* card Marcas: logo cvwebdesigner desenhada em blueprint pela luz ciano */
.lg-line{fill:none;stroke:#6E7078;stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:cvh-brand-draw 7s ease-in-out infinite}
.lg-light{fill:none;stroke:#091FFE;stroke-width:8;stroke-linecap:round;stroke-dasharray:8 100;stroke-dashoffset:8;opacity:0;filter:drop-shadow(0 0 18px rgba(9,31,254,.9));animation:cvh-brand-light 7s ease-in-out infinite}
.lg-fill{fill:#131316;opacity:0;animation:cvh-brand-fill 7s ease-in-out infinite}
.clk-vert circle{fill:#2F3037;stroke:#18181C;stroke-width:2}
.cvh-cli-satglow.bmk{animation-duration:7s;animation-delay:-.55s}
@keyframes cvh-brand-draw{0%,10%{stroke-dashoffset:100;opacity:.25}38%,44%{stroke-dashoffset:0;opacity:1}52%,86%{stroke-dashoffset:0;opacity:.6}94%,100%{stroke-dashoffset:-100;opacity:.1}}
@keyframes cvh-brand-light{0%,10%{stroke-dashoffset:8;opacity:0}13%{opacity:1}38%{stroke-dashoffset:-92;opacity:1}46%,100%{stroke-dashoffset:-92;opacity:0}}
@keyframes cvh-brand-fill{0%,36%{opacity:0}46%,90%{opacity:.95}100%{opacity:0}}
@keyframes cvh-block-build{0%,8%{opacity:0;transform:scaleX(0)}24%,82%{opacity:1;transform:scaleX(1)}94%,100%{opacity:0;transform:scaleX(0)}}
@keyframes cvh-bento-float{50%{transform:translateY(-6px)}}
@media(max-width:980px){.cvh-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,300px)}.cvh-bento-sites{grid-row:span 2}.cvh-bento-brand{grid-column:span 2}}
@media(max-width:640px){.cvh-bento{display:flex;flex-direction:column;padding:0 20px 56px}.cvh-bento-card{min-height:390px}.cvh-bento-sites{min-height:560px}.cvh-bento-copy>span{margin-bottom:28px}.cvh-bento-brand{min-height:360px}}
@media(prefers-reduced-motion:reduce){.cvh-bento-card *{animation:none!important}.draw-block{opacity:1;transform:none}.lg-line{stroke-dashoffset:0;opacity:1}.lg-fill{opacity:.95}.clk-scr{opacity:1}.clk-code .cl{opacity:1;transform:none}.cvh-cases-track{transition:none}}

/* ============ portfólio — vitrine de cases (padrão Clerk) ============ */
.cvh-cases{margin:0 56px;max-width:1240px;overflow:hidden;border-radius:16px;background:#212126;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.025)}
@media(min-width:1353px){.cvh-cases{margin:0 auto}}
.cvh-cases-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.cvh-case{flex:0 0 100%;display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center;padding:42px 44px 34px}
.cvh-case[aria-hidden="true"]{visibility:hidden;transition:visibility 0s .6s}
.cvh-case-kicker{display:block;color:#656772;font:600 10px/1 monospace;letter-spacing:.14em;text-transform:uppercase}
.cvh-case-info h3{margin:14px 0 10px;color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em}
.cvh-case-info p{margin:0 0 20px;color:#9394A1;font-size:14px;line-height:1.7;max-width:46ch}
.cvh-case-palette{display:flex;gap:10px;margin:0 0 26px}
.cvh-case-palette span{width:22px;height:22px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 2px 6px rgba(0,0,0,.3);cursor:help}
.cvh-case-shot{position:relative;border-radius:12px;overflow:hidden;background:#26262B;padding-top:32px;
  box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06)}
.cvh-case-shot i{position:absolute;top:13px;left:16px;width:6px;height:6px;border-radius:50%;background:#3A3B42}
.cvh-case-shot i:nth-child(2){left:28px}
.cvh-case-shot i:nth-child(3){left:40px}
.cvh-case-shot img{display:block;width:100%;height:380px;object-fit:cover;object-position:top}
.cvh-cases-nav{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 0 26px}
.cvh-case-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#26262B;color:#B9BAC2;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.cvh-case-btn svg{transition:transform .25s cubic-bezier(.175,.885,.32,1.1)}
.cvh-case-btn:hover{border-color:#091FFE;background:#2F3037;color:#fff}
.cvh-case-btn[data-dir="1"]:hover svg{transform:translateX(3px)}
.cvh-case-btn[data-dir="-1"]:hover svg{transform:translateX(-3px)}
.cvh-case-dots{display:flex;gap:9px}
.cvh-case-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#3A3B42;cursor:pointer;transition:background .2s,transform .2s}
.cvh-case-dots button.on{background:#091FFE;transform:scale(1.3)}
.cvh-works-cta{text-align:center;padding:40px 0 88px}

/* ============ processo ============ */
.cvh-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 56px 88px}
.cvh-process-grid article{position:relative;min-height:220px;padding:32px 26px;background:#232328;border:1px solid var(--cvh-line);border-radius:20px;overflow:visible;transition:transform .3s,border-color .3s,box-shadow .3s}
.cvh-process-grid article::before{content:'';position:absolute;left:0;top:32px;width:3px;height:48px;border-radius:0 3px 3px 0;background:#091FFE}
.cvh-process-grid article:hover{transform:none;border-color:var(--cvh-line);box-shadow:none}
.cvh-electric-noise{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border-radius:30px;opacity:0;pointer-events:none;z-index:4;transition:opacity .12s ease}
.cvh-process-grid article:hover .cvh-electric-noise,.cvh-bento-card:hover .cvh-electric-noise{opacity:1}
.cvh-process-grid article>span{display:block;color:#091FFE;font:700 12px/1 monospace;letter-spacing:.14em;margin-bottom:54px}
.cvh-process-grid h3{margin:0 0 10px;color:#fff;font-size:20px;letter-spacing:-.025em}
.cvh-process-grid p{margin:0;color:var(--cvh-muted);font-size:14px;line-height:1.65}
.cvh-process-art{position:absolute;right:22px;top:15px;width:158px;height:84px;opacity:.72;pointer-events:none}
.cvh-process-art svg{display:block;width:100%;height:100%;overflow:visible}
.cvh-process-art svg *{transform-box:fill-box;transform-origin:center}
.proc-line,.proc-axis,.proc-window,.proc-window-line,.proc-orbit{fill:none;stroke:#555761;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.proc-line{stroke-dasharray:190;animation:cvh-proc-draw 6s ease-in-out infinite}
.proc-node{fill:#232328;stroke:#777984;stroke-width:1.2;animation:cvh-proc-node 6s ease-in-out infinite}.proc-node.n2{animation-delay:.25s}.proc-node.n3{animation-delay:.5s}.proc-node.n4{animation-delay:.75s}
.proc-scan{fill:none;stroke:#091FFE;stroke-width:1;opacity:0;animation:cvh-proc-scan 3s ease-out infinite}
.proc-axis{stroke:#3e4048}.proc-block{fill:#34353d;stroke:#5a5c66;stroke-width:1;transform-origin:left;animation:cvh-proc-plan 6s ease-in-out infinite}.proc-block.p2{animation-delay:.25s}.proc-block.p3{animation-delay:.5s}.proc-cursor{fill:none;stroke:#091FFE;stroke-width:1.3;animation:cvh-proc-cursor 6s ease-in-out infinite}
.proc-window{fill:#1d1e23}.proc-window-line{stroke:#494b54}.cvh-proc-create circle{fill:#555761}.proc-ui{fill:#4f515a;transform-origin:left;animation:cvh-proc-build 6.5s ease-in-out infinite}.proc-ui.u1,.proc-ui.u3{fill:#091FFE}.proc-ui.u2{animation-delay:.2s}.proc-ui.u3{animation-delay:.4s}.proc-ui.u4{animation-delay:.6s}
.proc-orbit{opacity:.5;animation:cvh-proc-orbit 5s ease-in-out infinite}.proc-orbit.o2{animation-delay:.3s}.proc-orbit.o3{animation-delay:.6s}.proc-check{fill:none;stroke:#9a9ca5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:cvh-proc-check 5s ease-in-out infinite}.proc-ping{fill:none;stroke:#091FFE;stroke-width:1.2;opacity:0;animation:cvh-proc-ping 5s ease-out infinite}
.server-ground{fill:#090A0D;opacity:.55;filter:blur(2px)}.proc-server-wire{fill:none;stroke:#444650;stroke-width:1;stroke-dasharray:5 5;animation:cvh-server-wire 5.5s linear infinite}.proc-server{stroke:#555761;stroke-width:.8}.server-top{fill:#35363E}.server-side{fill:#15161A;stroke:#3D3E46}.server-shell{fill:url(#rackFace)}.server-unit{fill:url(#rackUnit);stroke:#4E5059}.server-sheen{fill:url(#rackSheen);stroke:none}.server-slot{fill:none;stroke:#62646D!important;stroke-width:.8;stroke-linecap:round}.server-screw{fill:#6D6F78;stroke:none}.server-led{fill:#6f717a;stroke:none;animation:cvh-server-led 1.5s steps(1) infinite}.server-led.l2{animation-delay:.35s}.server-led.l3{animation-delay:.7s}.proc-packet{fill:#091FFE;filter:drop-shadow(0 0 5px rgba(9,31,254,.85));animation:cvh-server-packet 5.5s ease-in-out infinite}.proc-packet.pk2{animation-delay:1.1s}.proc-server-check{fill:none;stroke:#B5B6BD;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;opacity:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.16));animation:cvh-server-check 5.5s ease-in-out infinite}
@keyframes cvh-proc-draw{0%,8%{stroke-dashoffset:190;opacity:.2}35%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-190;opacity:.15}}
@keyframes cvh-proc-node{0%,18%{opacity:.2;transform:scale(.65)}32%,82%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(.65)}}
@keyframes cvh-proc-scan{0%,35%{opacity:0;transform:scale(.5)}38%{opacity:.8}62%,100%{opacity:0;transform:scale(2.2)}}
@keyframes cvh-proc-plan{0%,10%{opacity:0;transform:scaleX(0)}28%,84%{opacity:1;transform:scaleX(1)}96%,100%{opacity:0}}
@keyframes cvh-proc-cursor{0%,10%{transform:translateX(-110px);opacity:0}18%{opacity:1}68%,86%{transform:translateX(0);opacity:1}100%{opacity:0}}
@keyframes cvh-proc-build{0%,12%{opacity:0;transform:scaleX(0)}28%,84%{opacity:1;transform:scaleX(1)}96%,100%{opacity:0}}
@keyframes cvh-proc-orbit{0%,100%{opacity:.22;transform:scale(.9)}50%{opacity:.7;transform:scale(1.04)}}
@keyframes cvh-proc-check{0%,20%{stroke-dashoffset:40;opacity:0}42%,82%{stroke-dashoffset:0;opacity:1}100%{opacity:0}}
@keyframes cvh-proc-ping{0%,40%{opacity:0;transform:scale(.5)}44%{opacity:.85}72%,100%{opacity:0;transform:scale(5)}}
@keyframes cvh-server-wire{to{stroke-dashoffset:-40}}
@keyframes cvh-server-led{0%,42%{fill:#454750;opacity:.5}43%,72%{fill:#9b9da6;opacity:1}73%,100%{fill:#5b5d66;opacity:.7}}
@keyframes cvh-server-packet{0%,8%{opacity:0;transform:translateX(0)}14%{opacity:1}42%{opacity:1;transform:translateX(53px)}58%{opacity:1;transform:translateX(110px)}72%,100%{opacity:0;transform:translateX(138px)}}
@keyframes cvh-server-check{0%,44%{stroke-dashoffset:32;opacity:0}55%,78%{stroke-dashoffset:0;opacity:1}92%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cvh-process-art *{animation:none!important}.cvh-electric-noise{transition:none}.proc-line,.proc-check{stroke-dashoffset:0}.proc-node,.proc-block,.proc-ui{opacity:1;transform:none}}

/* ============ depoimentos — marquee duplo (padrão Clerk) ============ */
.cvh-gbadge{display:inline-flex;align-items:center;gap:9px;margin:16px 0 0;color:#9394A1;font-size:13px;font-weight:600}
.cvh-gbadge .stars{fill:#FBBC04}
.cvh-marquee{overflow:hidden;padding:8px 0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
#depoimentos .cvh-marquee:last-of-type{padding-bottom:80px}
.cvh-marquee-track{display:flex;width:max-content;animation:cvh-marquee 46s linear infinite}
.cvh-marquee[data-dir="dir"] .cvh-marquee-track{animation-direction:reverse;animation-duration:56s}
.cvh-marquee:hover .cvh-marquee-track{animation-play-state:paused}
.cvh-marquee-group{display:flex;gap:16px;padding-right:16px}
@keyframes cvh-marquee{to{transform:translateX(-50%)}}
.quote{flex:0 0 360px;background:#212126;border-radius:16px;padding:24px 26px 20px;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 0 1px rgba(255,255,255,.025)}
.quote .stars{display:block;width:97px;height:18px;fill:#FBBC04;margin-bottom:14px}
.quote p{font-size:13.5px;color:#9394A1;margin:0 0 18px;line-height:1.65}
.quote .who{display:flex;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:15px}
.quote .who .av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--cvh-grad);
  display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;
  box-shadow:0 0 0 3px #212126,0 0 0 4.5px rgba(9,31,254,.55)}
.quote .who b{display:block;font-size:13.5px;color:#fff}
.quote .who small{font-size:11.5px;color:#7C7D89}
@media(max-width:640px){.quote{flex-basis:300px}}
@media(prefers-reduced-motion:reduce){.cvh-marquee-track{animation:none!important}}

/* ============ perguntas frequentes ============ */
.cvh-faq-list{max-width:960px;margin:0 auto;padding:0 56px 88px}
.cvh-faq-list details{border-bottom:1px solid var(--cvh-line);transition:border-color .25s}
.cvh-faq-list details:first-child{border-top:1px solid var(--cvh-line)}
.cvh-faq-list details[open]{border-color:rgba(9,31,254,.48)}
.cvh-faq-list summary{position:relative;display:block;padding:24px 52px 24px 0;color:#fff;font-size:17px;font-weight:650;line-height:1.4;cursor:pointer;list-style:none}
.cvh-faq-list summary::-webkit-details-marker{display:none}
.cvh-faq-list summary::after{content:'+';position:absolute;right:4px;top:50%;width:32px;height:32px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid var(--cvh-line);border-radius:50%;color:#091FFE;font-size:22px;font-weight:400;transition:transform .25s,border-color .25s}
.cvh-faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg);border-color:rgba(9,31,254,.55)}
.cvh-faq-list details p{max-width:760px;margin:-4px 0 24px;color:var(--cvh-muted);font-size:14px;line-height:1.75}

/* ============ controles suspensos ============ */
html{scroll-behavior:smooth}
.cvh-back-top{position:fixed;right:1rem;bottom:5.5rem;z-index:99998;width:3.5rem;height:3.5rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(15,18,24,.72);color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .25s,visibility .25s,transform .25s,border-color .25s}
.cvh-back-top.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.cvh-back-top:hover{border-color:#091FFE;transform:translateY(-3px)}
.cvh-back-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* WhatsApp à direita e popup alinhado ao acionador */
body.cv-home27 label[for="wa_toggle"]{left:auto;right:1rem;z-index:99999}
body.cv-home27 #wa_popup{left:auto;right:2.5rem;transform:translateX(-1.5rem)}
body.cv-home27 #wa_toggle:checked~#wa_popup{transform:translateX(0)}

/* ============ contato ============ */
.cvh-contact{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;padding:88px 56px;align-items:start}
.cvh-contact h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;text-transform:uppercase;margin:12px 0 34px;color:#fff}
.cvh-contact .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px 32px}
.cvh-contact .field{display:flex;flex-direction:column;gap:8px}
.cvh-contact .field.full{grid-column:1/-1}
.cvh-contact .field label{font-size:13px;font-weight:600;color:var(--cvh-text)}
.cvh-contact .field label em{color:var(--cvh-a3);font-style:normal}
.cvh-contact .field input,.cvh-contact .field select,.cvh-contact .field textarea{
  background:transparent;border:0;border-bottom:1px solid var(--cvh-line);color:var(--cvh-text);
  font-family:inherit;font-size:14px;padding:8px 2px;transition:border-color .2s;border-radius:0;width:100%}
.cvh-contact .field select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239AA3B2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 4px center}
.cvh-contact .field select:invalid{color:var(--cvh-muted)}
.cvh-contact .field select option{background:var(--cvh-card);color:var(--cvh-text)}
.cvh-contact .field textarea{resize:vertical;min-height:70px}
.cvh-contact .field input::placeholder,.cvh-contact .field textarea::placeholder{color:#5C6572}
.cvh-contact .field input:focus,.cvh-contact .field select:focus,.cvh-contact .field textarea:focus{
  border-bottom-color:var(--cvh-a3);outline:none}
.cvh-contact form .cvh-btn{margin-top:34px}
.cvh-wa-card{border-radius:16px;overflow:hidden;border:1px solid var(--cvh-line);text-align:center;
  background:var(--cvh-card);
  padding:44px 28px}
.cvh-wa-card .waico{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:var(--cvh-grad);
  display:grid;place-items:center}
.cvh-wa-card .waico svg{width:30px;height:30px;fill:#fff}
.cvh-wa-card h3{font-size:22px;font-weight:800;margin:0 0 8px;color:#fff}
.cvh-wa-card p{font-size:14px;color:var(--cvh-muted);margin:0 0 24px;line-height:1.6}

/* ============ responsivo ============ */
@media(max-width:1100px){
  .cvh-case{grid-template-columns:1fr;gap:24px;padding:28px 22px 24px}
  .cvh-case-shot img{height:250px}
  .cvh-cases{margin:0 20px}
  .cvh-process-grid{grid-template-columns:repeat(2,1fr)}
  #depoimentos .cvh-marquee:last-of-type{padding-bottom:56px}
}
@media(max-width:900px){
  .cvh-about{grid-template-columns:1fr;padding:56px 20px}
  .cvh-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 20px 56px;padding:32px 12px}
  .cvh-rows{padding:0 20px 56px}
  .cvh-contact{grid-template-columns:1fr;padding:56px 20px}
}
@media(max-width:480px){
  .cvh-stats{grid-template-columns:1fr;gap:26px;padding:36px 16px}
  .cvh-stats .stat b{font-size:38px}
}
@media(max-width:600px){
  .cvh-case-info h3{font-size:22px}
  .cvh-process-grid{grid-template-columns:1fr;padding:0 20px 56px}
  .cvh-process-grid article{min-height:190px}
  .cvh-faq-list{padding:0 20px 56px}
  .cvh-faq-list summary{font-size:16px}
  .cvh-contact .fgrid{grid-template-columns:1fr}
  .cvh-row{grid-template-columns:42px 1fr;padding:20px}
  .cvh-row .ico{display:none}
  .cvh>.cvh-sec::before{top:-22px;height:23px;clip-path:polygon(0 22px,10% 22px,17% 0,83% 0,90% 22px,100% 22px,100% 100%,0 100%)}
}
/* Header sobre o hero, inspirado na estrutura da Tucano e adaptado à marca */
.tf-menu-open{overflow:hidden!important}
.tf-menu-open body{overflow:hidden!important}
.cv-figma-home .modern-header-wrapper{position:absolute!important;inset:0 0 auto!important;z-index:80!important;background:transparent!important;border:0!important;box-shadow:none!important;width:100%!important;max-width:none!important;height:auto!important}
.cv-figma-home .modern-header-wrapper .modern-header-nav{box-sizing:border-box!important;width:min(calc(100% - 10rem),1600px)!important;max-width:none!important;min-height:100px!important;margin:14px auto 0!important;padding:0 4.3rem!important;background-color:rgba(17,19,21,.96)!important;background-image:radial-gradient(rgba(255,255,255,.045) .7px,transparent .7px)!important;background-size:4px 4px!important;border:1px solid rgba(255,255,255,.035)!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;backdrop-filter:blur(12px)!important}
.cv-figma-home .modern-logo-img{width:150px!important;height:auto!important}
.cv-figma-home .modern-nav-menu{gap:2rem!important}
.cv-figma-home .modern-nav-menu a{font-size:16px!important;font-weight:500!important;color:#fff!important}
.cv-figma-home .modern-nav-menu a:after{background:#1677ff!important}
.cv-figma-home .modern-header-actions{gap:2rem!important}
.cv-figma-home .modern-header-wrapper .btn-supabase-primary{min-height:44px!important;padding:0 1.45rem!important;background:#1677ff!important;border-radius:22px 22px 5px 22px!important;color:#fff!important;box-shadow:none!important}
.cv-figma-home .modern-header-wrapper .btn-supabase-primary:hover{background:#2d86ff!important;transform:translateY(-2px)!important}
.tf-menu-trigger{width:46px!important;height:46px!important;padding:11px!important;display:grid!important;grid-template-columns:repeat(3,4px)!important;grid-template-rows:repeat(3,4px)!important;place-content:center!important;gap:5px!important;border:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important}
.tf-menu-trigger span{display:block;width:4px;height:4px;border-radius:1px;background:#70747b;transition:transform .35s ease,opacity .35s ease,background .35s ease}
.tf-menu-trigger span:nth-child(5),.tf-menu-trigger span:nth-child(9){background:#1677ff}
.tf-menu-trigger:hover span,.tf-menu-trigger.is-open span{background:#fff;animation:tf-menu-pulse .85s ease both}
.tf-menu-trigger:hover span:nth-child(2n),.tf-menu-trigger.is-open span:nth-child(2n){animation-delay:.08s}
.tf-menu-trigger:hover span:nth-child(3n),.tf-menu-trigger.is-open span:nth-child(3n){animation-delay:.16s}
@keyframes tf-menu-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.25) rotate(45deg);opacity:.35}}
.tf-menu-backdrop{position:fixed;inset:0;z-index:98;border:0;background:rgba(3,5,8,.72);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;backdrop-filter:blur(3px)}
.tf-menu-backdrop.is-open{opacity:1;visibility:visible}
.tf-side-menu{box-sizing:border-box;position:fixed;z-index:99;top:0;right:0;width:min(460px,92vw);height:100dvh;padding:2.2rem 2.6rem 2.6rem;background-color:#111315;background-image:radial-gradient(rgba(255,255,255,.05) .7px,transparent .7px);background-size:4px 4px;color:#fff;overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .55s cubic-bezier(.77,0,.18,1),visibility .55s;box-shadow:-30px 0 80px rgba(0,0,0,.45)}
.tf-side-menu.is-open{transform:translateX(0);visibility:visible}
.tf-side-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.tf-side-menu-head img{width:150px;height:auto}
.tf-side-menu-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;font:300 30px/1 inherit;cursor:pointer;transition:transform .3s,background .3s}
.tf-side-menu-close:hover{transform:rotate(90deg);background:#1677ff}
.tf-side-menu>p{margin:2rem 0;color:#9da1a8;font-size:15px;line-height:1.7}
.tf-side-menu nav{display:grid}
.tf-side-menu nav a{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:clamp(22px,3vw,30px);transition:color .25s,padding-left .25s}
.tf-side-menu nav a:hover{padding-left:.45rem;color:#4b96ff}
.tf-side-menu nav span{font-size:11px;color:#70747b}
.tf-side-menu-cta{display:flex;align-items:center;justify-content:space-between;margin-top:2.4rem;padding:1rem 1.2rem;background:#1677ff;border-radius:4px 18px 18px 18px;color:#fff;font-weight:700}
@media(max-width:1200px){.cv-figma-home .modern-header-wrapper .modern-header-nav{width:calc(100% - 2.5rem)!important}.cv-figma-home .modern-header-wrapper .modern-header-nav{padding:0 2rem!important}.cv-figma-home .modern-nav-menu{gap:1.15rem!important}.cv-figma-home .modern-header-actions{gap:.8rem!important}}
@media(max-width:900px){.cv-figma-home .modern-header-wrapper .modern-header-nav{width:calc(100% - 1.5rem)!important;min-height:76px!important;margin-top:12px!important;padding:0 1.1rem!important}.cv-figma-home .modern-logo-img{width:132px!important}.cv-figma-home .modern-header-wrapper nav,.cv-figma-home .modern-header-wrapper .btn-supabase-primary{display:none!important}.cv-figma-home .modern-header-actions{margin-left:auto!important}.tf-side-menu{padding:1.5rem 1.4rem 2rem}}
@media(prefers-reduced-motion:reduce){.tf-menu-trigger span,.tf-side-menu,.tf-menu-backdrop,.tf-side-menu-close{transition:none!important;animation:none!important}}

/* Identidade cromática: azul sólido, sem gradientes */
.cv-home27 .modern-header-wrapper .btn-supabase-primary,
.cv-figma-home .modern-header-wrapper .btn-supabase-primary,
.tf-side-menu-cta{background:#091FFE!important}
.cv-home27 .modern-header-wrapper .btn-supabase-primary:hover,
.cv-figma-home .modern-header-wrapper .btn-supabase-primary:hover{background:#091FFE!important;filter:brightness(1.12)}
.cv-figma-home .modern-nav-menu a:after,
.tf-menu-trigger span:nth-child(5),.tf-menu-trigger span:nth-child(9),
.tf-side-menu-close:hover{background:#091FFE!important}
.cvh-row:hover{border-color:rgba(9,31,254,.55)}

/* Menu principal compacto e totalmente arredondado */
.cv-figma-home .modern-header-wrapper .modern-header-nav{
  padding-inline:3rem!important;
  border-radius:999px!important
}
.cv-figma-home .modern-nav-menu{gap:1.25rem!important}
.cv-figma-home .modern-header-actions{gap:1rem!important}
@media(max-width:1200px){
  .cv-figma-home .modern-header-wrapper .modern-header-nav{padding-inline:1.65rem!important}
  .cv-figma-home .modern-nav-menu{gap:.85rem!important}
}
@media(max-width:900px){
  .cv-figma-home .modern-header-wrapper .modern-header-nav{padding-inline:1.1rem!important;border-radius:999px!important}
}

/* Mantém os cards e SVGs de soluções completos no mobile */
@media(max-width:600px){
  .cvh-row{grid-template-columns:1fr 78px!important;min-height:160px!important;padding:28px 20px!important;gap:14px!important}
  .cvh-row .ico{display:grid!important;width:72px!important;height:72px!important}
}

/* Linguagem de movimento e tipografia inspirada na precisão da Clerk */
body.cv-home27,
body.cv-home27 button,body.cv-home27 input,body.cv-home27 select,body.cv-home27 textarea{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.cv-home27 h1,.cv-home27 h2,.cv-home27 h3,.cv-home27 .modern-nav-menu a{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
.cvh-sec-head h2,.cvh-about h2,.cvh-contact h2{font-weight:700!important;letter-spacing:-.045em!important;text-transform:none!important}
.cvh-row h3{font-weight:700!important;letter-spacing:-.025em}
.cv-figma-home .modern-header-wrapper .modern-header-actions{margin-left:auto!important;gap:1rem!important}
.cvh-btn,.cv-home27 .btn-supabase-primary{transition:transform .2s cubic-bezier(.175,.885,.32,1.1),box-shadow .2s cubic-bezier(.175,.885,.32,1.1),background-color .2s!important}
.cvh-btn:hover,.cv-home27 .btn-supabase-primary:hover{transform:translateY(-2px) scale(1.015)!important}
.cvh-row,.cvh-wa-card{transition:transform .32s cubic-bezier(.175,.885,.32,1.1),border-color .25s,box-shadow .32s!important}
.cvh-row:hover,.cvh-wa-card:hover{box-shadow:0 18px 55px rgba(0,0,0,.3),0 0 0 1px rgba(9,31,254,.12);transform:translateY(-5px)}
.cv-home27 .modern-header-wrapper.is-scrolled{position:fixed!important;inset:0 0 auto!important;animation:cvh-header-drop .38s ease both}
.cv-home27 .modern-header-wrapper.is-scrolled .modern-header-nav{min-height:72px!important;margin-top:10px!important;background-color:rgba(17,19,21,.76)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 50px rgba(0,0,0,.32)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
@keyframes cvh-header-drop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.js .cvh-clerk-reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .7s cubic-bezier(.175,.885,.32,1.1) var(--reveal-delay,0ms),transform .7s cubic-bezier(.175,.885,.32,1.1) var(--reveal-delay,0ms)}
.js .cvh-clerk-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .cvh-clerk-reveal{opacity:1;transform:none;transition:none}}

/* Menu principal — valores definidos pelo cliente */
.cv-figma-home .modern-header-wrapper .modern-header-nav {
  box-sizing: border-box!important;
  width: min(calc(100% - 3rem),1600px)!important;
  max-width: none!important;
  min-height: 70px!important;
  margin: 14px auto 0!important;
  padding: 0 2rem!important;
  background-color: rgba(17,19,21,.96)!important;
  background-image: radial-gradient(rgba(255,255,255,.045) .7px,transparent .7px)!important;
  background-size: 4px 4px!important;
  border: 1px solid rgba(255,255,255,.035)!important;
  border-radius: 12px!important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28)!important;
  backdrop-filter: blur(12px)!important
}