/* Identidade visual GEAIA: papel quente, tinta escura, ouro da marca, verde de ação.
   Fontes oficiais: GEAIA Display (Archivo), GEAIA Sans (Inter), GEAIA Mono (IBM Plex Mono). */

@font-face{font-family:"GEAIA Display";src:url("fonts/geaia-archivo-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"GEAIA Display";src:url("fonts/geaia-archivo-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"GEAIA Sans";src:url("fonts/geaia-inter-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"GEAIA Sans";src:url("fonts/geaia-inter-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"GEAIA Mono";src:url("fonts/geaia-ibmplexmono-400.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  --papel:#F6F3EC; --branco:#FFFDF8; --tinta:#14181C; --carvao:#0B0E11; --grafite:#2A2F35;
  --areia:#E7E3D8; --linha:#DCD6C8; --muted:#6E6A5E;
  --ouro:#C9A46B; --ouro-escuro:#8C6A35; --ambar:#B7791F; --ouro-suave:#FBF1DF;
  --verde:#2F7D57; --verde-suave:#EAF3EE;
  --warn-bg:#FBF1DF; --warn-line:#C9A46B; --warn-ink:#8C6A35;
  --r-lg:22px; --r-md:14px; --r-sm:10px;
  --sombra:0 1px 2px rgba(11,14,17,.06),0 12px 32px -12px rgba(11,14,17,.22);
  --sombra-forte:0 30px 80px -30px rgba(11,14,17,.45);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"GEAIA Sans",system-ui,sans-serif;color:var(--tinta);background:var(--papel);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
a{color:var(--verde)}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.estreito{max-width:760px;margin:0 auto;padding:0 20px}

h1,h2,h3{font-family:"GEAIA Display",system-ui,sans-serif;letter-spacing:-.025em;line-height:1.08}

/* etiqueta de seção, em mono */
.eyebrow{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-escuro);display:block;margin-bottom:14px}

/* topo */
.topo{border-bottom:1px solid var(--linha);background:rgba(246,243,236,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.topo .container{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px}
.marca{display:flex;align-items:center;text-decoration:none}
.marca img{height:26px;width:auto}
.menu{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.menu a{color:var(--grafite);text-decoration:none;font-size:15px}
.menu a:hover{color:var(--tinta)}
.menu .entrar{border:1px solid var(--linha);border-radius:999px;padding:8px 16px;color:var(--tinta);background:var(--branco)}

/* hero */
.hero{padding:88px 0 64px}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:700;max-width:22ch;margin:18px 0 20px}
.hero h1 em{font-style:italic;color:var(--ouro-escuro)}
.hero .sub{font-size:19px;color:var(--grafite);max-width:52ch}
.hero .acoes{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.miuda{font-size:13px;color:var(--muted);margin-top:16px}

/* botões: pílula, como no geaia.com */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.95rem 1.6rem;font-weight:500;font-size:1rem;font-family:"GEAIA Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn,.btn.primario{background:var(--carvao);color:var(--branco);box-shadow:0 10px 24px -10px rgba(11,14,17,.6)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn.secundario{background:var(--branco);color:var(--tinta);border-color:var(--linha);box-shadow:none}
.btn.ouro{background:var(--ouro);color:var(--carvao);box-shadow:none}
.btn.linha{background:transparent;color:var(--tinta);border-color:var(--linha);box-shadow:none}
.btn.grande{font-size:1.05rem;padding:1.05rem 2rem}
.btn.desabilitado{background:var(--areia);border-color:var(--areia);color:var(--muted);cursor:not-allowed;pointer-events:none;box-shadow:none}

/* seções */
section.bloco{padding:64px 0;border-top:1px solid var(--linha)}
section.bloco h2{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:700;max-width:26ch}
h3{font-size:19px}
.texto{margin-top:16px;color:var(--grafite);font-size:17px;max-width:62ch}
.texto strong{color:var(--tinta)}

/* grade de blocos */
.grade{display:grid;gap:16px;margin-top:32px}
.grade.tres{grid-template-columns:repeat(3,1fr)}
.grade.duas{grid-template-columns:repeat(2,1fr)}
.grade.quatro{grid-template-columns:repeat(4,1fr)}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sombra)}
.card h3{margin-bottom:8px}
.card p{color:var(--grafite);font-size:15px}
.card.destaque{border-color:var(--verde);border-width:2px;position:relative}
.etiqueta{position:absolute;top:-13px;left:22px;background:var(--verde);color:#fff;font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;border-radius:999px}

/* planos */
.plano .preco{font-family:"GEAIA Display",system-ui,sans-serif;font-size:30px;font-weight:700;margin:16px 0 2px;letter-spacing:-.02em}
.plano .parcela{color:var(--grafite);font-size:14px}
.plano ul{list-style:none;margin:18px 0}
.plano li{padding:8px 0 8px 28px;position:relative;font-size:15px;border-bottom:1px solid var(--areia)}
.plano li:last-child{border-bottom:none}
.plano li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700}
.plano li.nao{color:var(--muted);text-decoration:line-through}
.plano li.nao::before{content:"✕";color:var(--muted)}
.plano .btn{width:100%;text-align:center}
.plano .promessa{color:var(--grafite);font-size:15px;min-height:46px}
.nota-abaixo{font-size:13px;color:var(--muted);margin-top:14px}

/* garantia */
.garantia{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.garantia .card p{margin-top:8px}
.pendente-visivel{background:var(--ouro-suave);border:1px solid var(--ouro);border-radius:var(--r-md);padding:16px 18px;margin-top:18px;font-size:14px;color:var(--ouro-escuro)}
.pendente-visivel b{display:block;font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}

/* FAQ */
details{border:1px solid var(--linha);border-radius:var(--r-md);background:var(--branco);margin-top:12px;padding:18px 20px}
summary{cursor:pointer;font-weight:500;font-size:16px;list-style:none;font-family:"GEAIA Sans",system-ui,sans-serif}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--muted);font-weight:400}
details[open] summary::after{content:"×"}
details p{margin-top:12px;color:var(--grafite);font-size:15px}

/* rodapé */
footer.rodape{border-top:1px solid var(--linha);padding:40px 0 56px;margin-top:24px}
.rodape p{color:var(--muted);font-size:13px}
.rodape .links{margin-bottom:14px;display:flex;gap:22px;flex-wrap:wrap}
.rodape a{color:var(--grafite);font-size:14px}

/* passos numerados, em mono */
.passos{counter-reset:passo;margin-top:32px}
.passo{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--linha)}
.passo:last-child{border-bottom:none}
.passo .num{counter-increment:passo;width:40px;height:40px;border-radius:50%;background:var(--verde-suave);color:var(--verde);font-family:"GEAIA Mono",ui-monospace,monospace;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.passo .num::before{content:counter(passo,decimal-leading-zero)}
.passo b{display:block;font-family:"GEAIA Display",system-ui,sans-serif;font-size:17px;letter-spacing:-.01em}
.passo p{color:var(--grafite);font-size:15px;margin-top:4px}

/* depoimentos */
.depoimento{display:flex;flex-direction:column;gap:14px}
.depoimento blockquote{font-size:16px;color:var(--grafite);line-height:1.6}
.depoimento .autor{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-escuro)}

/* checkout */
.checkout{max-width:640px;margin:0 auto;padding:48px 20px}
.checkout .card{margin-bottom:16px}
.preco-pix{font-family:"GEAIA Display",system-ui,sans-serif;font-size:34px;font-weight:700;color:var(--verde);letter-spacing:-.02em}
.erro-caixa{border-left:4px solid #b3261e;background:#fdf0ef;color:#7a1a15;padding:18px 22px;border-radius:var(--r-sm);font-weight:500}
.oculto{display:none}

/* formulários */
form.campo-livre{margin-top:24px}
label.rot{display:block;font-size:14px;font-weight:500;margin:18px 0 8px}
input.campo,textarea.campo,select.campo{width:100%;padding:13px 16px;border:1px solid var(--linha);border-radius:var(--r-md);font-size:15px;font-family:"GEAIA Sans",system-ui,sans-serif;background:var(--branco);color:var(--tinta)}
input.campo:focus,textarea.campo:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:var(--verde)}
textarea.campo{min-height:110px;resize:vertical}
.form-ok{background:var(--verde-suave);color:var(--verde);border-radius:var(--r-md);padding:18px 20px;margin-top:18px;font-weight:500}
.form-erro{background:#fdf0ef;color:#7a1a15;border-radius:var(--r-md);padding:18px 20px;margin-top:18px;font-weight:500}

/* aviso de erro de preços */
.aviso-planos{padding:22px;border:1px dashed var(--ouro);border-radius:var(--r-md);background:var(--ouro-suave);color:var(--ouro-escuro);font-weight:500}

/* faixa escura de fechamento */
.fecho{background:var(--carvao);color:var(--branco);border-radius:var(--r-lg);padding:56px 40px;text-align:center;margin-top:16px}
.fecho h2{color:var(--branco);max-width:none}
.fecho p{color:#B9B4A6;margin-top:12px}
.fecho .acoes{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fecho .btn{background:var(--ouro);color:var(--carvao);box-shadow:none}
.fecho .btn.secundario{background:transparent;color:var(--branco);border-color:#3A4046}

@media(max-width:900px){
  .grade.quatro{grid-template-columns:repeat(2,1fr)}
  .grade.tres{grid-template-columns:1fr}
  .grade.duas,.garantia{grid-template-columns:1fr}
  .hero{padding:64px 0 48px}
}
@media(max-width:560px){
  .grade.quatro{grid-template-columns:1fr}
  .menu{flex-wrap:wrap;gap:10px 14px}
  .menu a{font-size:14px}
  .fecho{padding:40px 22px}
}

/* figuras ilustradas da marca */
.figura{border:1px solid var(--linha);border-radius:var(--r-lg);overflow:hidden;background:var(--branco);box-shadow:var(--sombra)}
.figura img{display:block;width:100%;height:auto}

/* hero com arte ao lado */
.hero.com-arte{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-arte{margin:0}
.hero-arte img{display:block;width:100%;height:auto;border-radius:var(--r-lg);animation:boiar 7s ease-in-out infinite}
@keyframes boiar{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* texto e arte lado a lado em uma seção */
.com-arte{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}

/* microinteração nos cartões */
.card{transition:transform .35s ease,box-shadow .35s ease}
.card:hover{transform:translateY(-3px);box-shadow:var(--sombra)}

/* revelação suave ao rolar (motion.js) */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.reveal.visivel{opacity:1;transform:none}

/* acessibilidade: sem movimento para quem pede ao sistema */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

@media (max-width:900px){
  .hero.com-arte,.com-arte{grid-template-columns:1fr}
  .hero.com-arte{gap:32px}
}

/* hero interativo: brilho do cursor, canvas da rede e título cinético */
.hero.com-arte{position:relative}
.hero.com-arte::before{content:"";position:absolute;inset:-40px;pointer-events:none;background:radial-gradient(440px circle at var(--mx,72%) var(--my,28%),rgba(201,164,107,.16),transparent 65%)}
.hero.com-arte>*{position:relative;z-index:1}
.hero-arte canvas{display:block;width:100%;height:auto;border-radius:var(--r-lg)}
.hero h1 .palavra{display:inline-block;opacity:0;transform:translateY(.4em);animation:palavraEntra .65s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(140ms + var(--i)*60ms)}
@keyframes palavraEntra{to{opacity:1;transform:none}}
.figura img{transform:scale(1.08)}
@media (prefers-reduced-motion: reduce){
  .hero h1 .palavra{opacity:1;transform:none}
  .figura img{transform:none}
}

/* avatares de inicial nos depoimentos */
.depoimento .autor{display:flex;align-items:center;gap:10px}
.depoimento .inicial{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--ouro);color:var(--carvao);font-family:"GEAIA Display",system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:0;text-transform:none}

/* Maya vintage integrada ao texto, avatar sem fundo */
.hero-maya{position:relative;overflow:visible}
.hero-maya .hero-texto{position:relative;z-index:2;max-width:600px}
.hero-maya::before{content:"";position:absolute;inset:-40px;pointer-events:none;background:radial-gradient(440px circle at var(--mx,72%) var(--my,28%),rgba(201,164,107,.16),transparent 65%)}
.maya-fundo{position:absolute;right:0;bottom:0;width:clamp(280px,33vw,460px);z-index:1}
.maya-fundo img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 18px 34px rgba(11,14,17,.18))}

/* Maya apontando para os passos (espelhada: o dedo aponta para o texto) */
.bloco-maya .container{position:relative}
.bloco-maya .passos{max-width:56%}
.maya-aponta{position:absolute;right:0;bottom:-10px;width:min(42%,470px);height:auto;pointer-events:none;transform:scaleX(-1);filter:drop-shadow(0 14px 28px rgba(11,14,17,.16))}

@media (max-width:900px){
  .hero-maya .hero-texto{max-width:none}
  .maya-fundo{opacity:.25;right:-18%}
  .maya-aponta{opacity:.18;right:-8%}
  .bloco-maya .passos{max-width:100%}
}

/* Proatividade: a Maya apresenta as mensagens que ela mesma envia */
.frases-palco{margin:40px 0 34px;display:flex;align-items:center;gap:28px}
.maya-frases{width:min(36%,340px);height:auto;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 16px 32px rgba(11,14,17,.16))}
.frases{flex:1;display:flex;flex-direction:column;gap:13px}
.frase{background:var(--branco);border:1px solid var(--linha);border-radius:16px 16px 16px 4px;padding:11px 16px;font-size:15px;line-height:1.5;color:var(--grafite);max-width:400px;box-shadow:var(--sombra);animation:boiar 6s ease-in-out infinite;animation-delay:var(--d)}
.frase:nth-child(even){align-self:flex-end;border-radius:16px 16px 4px 16px}
.frase-meta{display:block;font-family:"GEAIA Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-escuro);margin-bottom:4px}
@media (max-width:640px){
  .frases-palco{flex-direction:column;gap:0;margin-top:30px}
  .frases{order:1;gap:11px}
  .frase{max-width:100%;font-size:14px}
  .maya-frases{order:2;width:min(58%,240px);margin:-6px auto 0}
}

/* Maya apresentando o time nas páginas ONE e Site Profissional */
.secao-equipe{position:relative}
.secao-equipe .eyebrow,.secao-equipe h2{position:relative;z-index:2;max-width:72%}
.equipe-maya{position:absolute;right:0;top:-46px;width:clamp(120px,16vw,190px);height:auto;transform:scaleX(-1);pointer-events:none;z-index:1;filter:drop-shadow(0 12px 26px rgba(11,14,17,.15))}
@media (max-width:640px){
  .secao-equipe .eyebrow,.secao-equipe h2{max-width:100%}
  .equipe-maya{position:static;transform:scaleX(-1);display:block;margin:6px auto -20px;width:140px;opacity:.9}
}
/* A operação conectada: Maya à direita, texto à esquerda, cabos apontando para o texto */
.bloco-conecta .container{position:relative;min-height:clamp(430px,44vw,520px)}
.bloco-conecta .eyebrow,.bloco-conecta h2,.bloco-conecta .conecta-texto{position:relative;z-index:2}
.bloco-conecta h2{max-width:58%}
.bloco-conecta .conecta-texto{max-width:54%;margin-top:18px}
.maya-conecta{position:absolute;right:0;bottom:-24px;width:min(36%,410px);height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 16px 34px rgba(11,14,17,.16))}
@media (max-width:900px){
  .bloco-conecta .container{min-height:0}
  .bloco-conecta h2,.bloco-conecta .conecta-texto{max-width:100%}
  .maya-conecta{right:-10%;bottom:0;width:min(58%,340px);opacity:.16}
}

/* organograma circular da equipe: avatar, nome e cargo na tela; descrição no hover/foco */
/* equipe: texto ao lado do círculo (não acima), círculo sempre inteiro na tela */
.time-grid{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:24px;align-items:center}
.time-intro .texto{margin-top:14px}
.time-grid .eyebrow,.time-grid h2{max-width:none}
.time-grid .equipe-maya{position:static;transform:scaleX(-1);width:150px;margin:14px 0 0;filter:drop-shadow(0 12px 26px rgba(11,14,17,.15))}
@media (max-width:900px){.time-grid{grid-template-columns:1fr}}
@media (max-width:640px){.time-grid .equipe-maya{margin:6px auto -10px;display:block}}
.org-circulo{position:relative;width:clamp(400px,min(100%,calc(100vh - 170px)),780px);margin:24px auto 8px;aspect-ratio:1;container-type:inline-size}
.org-svg{position:absolute;inset:0;width:100%;height:100%}
.org-node{position:absolute;left:calc((50 + var(--r)*cos(var(--a)))*1cqw);top:calc((50 + var(--r)*sin(var(--a)))*1cqw);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;cursor:default;outline:none}
.org-avatar{width:clamp(44px,11cqw,96px);height:clamp(44px,11cqw,96px);border-radius:50%;background:var(--branco);border:1px solid var(--linha);box-shadow:var(--sombra);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.org-avatar img{width:92%;height:92%;object-fit:contain;object-position:bottom}
.org-node.chefe .org-avatar{width:clamp(70px,17cqw,150px);height:clamp(70px,17cqw,150px);border-color:var(--ouro)}
.org-node.chefe .org-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.org-node b{font-family:"GEAIA Display",system-ui,sans-serif;font-size:clamp(11px,1.9cqw,16px);letter-spacing:-.01em;margin-top:10px;transition:color .2s ease;background:var(--papel);border-radius:999px;padding:4px 12px;position:relative;z-index:3}
.org-node .papel-org{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:clamp(8px,1.25cqw,10px);letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-escuro);display:block;margin-top:5px;max-width:130px;background:var(--papel);border-radius:999px;padding:4px 10px;position:relative;z-index:3}
.org-node.chefe b{font-size:19px}
.org-node:hover .org-avatar,.org-node:focus .org-avatar{transform:scale(1.08);border-color:var(--ouro);box-shadow:0 16px 38px rgba(201,164,107,.38)}
.org-node:hover b,.org-node:focus b{color:var(--ouro-escuro)}
.org-tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);width:220px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);padding:12px 14px;font-size:13px;line-height:1.5;color:var(--grafite);text-align:center;box-shadow:0 18px 44px rgba(11,14,17,.16);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:6;pointer-events:none}
.org-node:hover .org-tip,.org-node:focus .org-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.org-node.tip-e .org-tip{left:-6px;transform:translate(0,6px)}
.org-node.tip-e:hover .org-tip,.org-node.tip-e:focus .org-tip{transform:translate(0,0)}
.org-node.tip-d .org-tip{left:auto;right:-6px;transform:translate(0,6px)}
.org-node.tip-d:hover .org-tip,.org-node.tip-d:focus .org-tip{transform:translate(0,0)}
.org-node.chefe .org-tip{bottom:auto;top:calc(100% + 12px)}
.org-grupo{position:absolute;left:calc((50 + var(--r)*cos(var(--a)))*1cqw);top:calc((50 + var(--r)*sin(var(--a)))*1cqw);transform:translate(-50%,-50%);font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:var(--papel);border-radius:999px;padding:5px 12px;z-index:4}
.org-node:nth-of-type(2) .papel-org{display:none}
@media (max-width:900px){
  .org-avatar{width:74px;height:74px}
  .org-node.chefe .org-avatar{width:112px;height:112px}
  .org-node b{font-size:13.5px}
  .org-node .papel-org{font-size:9px;max-width:100px}
  .org-tip{width:180px;font-size:12px}
}
@media (max-width:640px){
  .org-circulo{width:100%;aspect-ratio:auto;container-type:normal;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:48px 12px;margin-top:62px}
  .org-svg{display:none}
  .org-node,.org-grupo{position:relative;left:auto;top:auto;transform:none}
  .org-grupo{flex-basis:100%;text-align:center;font-size:11px;margin-bottom:-34px}
  .org-node{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);box-shadow:var(--sombra);width:46%;min-width:148px;padding:50px 10px 14px}
  .org-node .org-avatar{position:absolute;top:-36px;left:50%;transform:translateX(-50%);width:78px;height:78px}
  .org-node:hover .org-avatar,.org-node:focus .org-avatar{transform:translateX(-50%) scale(1.05)}
  .org-node.chefe,.org-node:nth-of-type(2){width:64%}
  .org-node.chefe .org-avatar{width:96px;height:96px;top:-42px}
  .org-node b,.org-node .papel-org{background:transparent;padding:0}
  .org-node:nth-of-type(2) .papel-org{display:block}
  .org-tip{display:none}
  .org-node.chefe{order:1}
  .org-node:nth-of-type(2){order:2}
  .org-circulo>span.org-grupo:nth-of-type(1){order:3}
  .org-node:nth-of-type(3),.org-node:nth-of-type(4),.org-node:nth-of-type(5),.org-node:nth-of-type(6),.org-node:nth-of-type(7){order:4}
  .org-circulo>span.org-grupo:nth-of-type(2){order:5}
  .org-node:nth-of-type(8),.org-node:nth-of-type(9),.org-node:nth-of-type(10){order:6}
}

/* balões de fala com rabinho (estilo conversa) */
.frase{border-radius:20px 20px 20px 6px}
.frase::after{content:"";position:absolute;bottom:-8px;left:24px;width:0;height:0;border:8px solid transparent;border-top:12px solid var(--branco);border-bottom:0;transform:skewX(-24deg)}
.frase:nth-child(even){border-radius:20px 20px 6px 20px}
.frase:nth-child(even)::after{left:auto;right:24px;transform:skewX(24deg)}
.frase em{font-style:italic;color:var(--tinta)}

/* cartões com check verde (diferencia dos balões de fala) */
.cartao-check{position:relative;background:var(--verde-suave);border:1px solid #C7DDCF;border-radius:var(--r-md);box-shadow:var(--sombra);padding:22px 18px 18px 58px}
.cartao-check::before{content:"✓";position:absolute;left:18px;top:20px;width:26px;height:26px;border-radius:50%;background:var(--verde);color:#FFFDF8;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}
.cartao-check p{color:var(--grafite);font-size:15px}

/* tooltip de informação (i) reutilizável */
.dica{position:relative;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;border:1px solid var(--ouro);color:var(--ouro-escuro);font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;cursor:help;vertical-align:middle;margin-left:8px;outline:none}
.dica .dica-texto{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:260px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);padding:12px 14px;font-family:"GEAIA Sans",system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--grafite);text-align:left;box-shadow:0 18px 44px rgba(11,14,17,.16);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:8;pointer-events:none}
.dica:hover .dica-texto,.dica:focus .dica-texto,.dica:focus-within .dica-texto{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* garantia redesenhada: selo 60 dias + checks */
.garantia-nova{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;margin-top:36px}
.garantia-principal{background:var(--branco);border:1px solid var(--ouro);border-radius:var(--r-lg);padding:36px;display:flex;gap:32px;align-items:flex-start;box-shadow:var(--sombra);position:relative;overflow:hidden}
.garantia-principal::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ouro),var(--verde))}
.selo-60{flex-shrink:0;width:120px;height:120px;border-radius:50%;border:2px solid var(--ouro);background:var(--ouro-suave);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.selo-60 b{font-family:"GEAIA Display",system-ui,sans-serif;font-size:46px;line-height:1;color:var(--ouro-escuro)}
.selo-60 span{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-escuro);margin-top:5px}
.garantia-principal h3{font-size:26px;letter-spacing:-.02em}
.garantia-principal .sub-g{color:var(--grafite);margin-top:8px;font-size:16px}
.garantia-principal p{margin-top:12px;font-size:15px;color:var(--grafite)}
.checks-g{list-style:none;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px}
.checks-g li{position:relative;padding-left:32px;font-size:14.5px;color:var(--tinta)}
.checks-g li::before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--verde);color:#FFFDF8;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}
.garantia-7 h3{font-size:20px}
.garantia-7 p{margin-top:8px;color:var(--grafite);font-size:15px}
@media (max-width:900px){
  .garantia-nova{grid-template-columns:1fr}
  .garantia-principal{flex-direction:column;padding:28px 22px;gap:22px}
  .checks-g{grid-template-columns:1fr}
}

/* fecho: título sempre centrado, sem quebra "torta" */
.fecho h2{max-width:620px;margin-left:auto;margin-right:auto}

/* ===== Checkout Two-Step (modelo order page) ===== */
.ck-faixa{background:var(--carvao);color:var(--areia);text-align:center;font-size:13px;padding:11px 16px;letter-spacing:.02em}
.ck-faixa b{color:var(--ouro)}
.ck-wrap{max-width:1080px;margin:0 auto;padding:44px 20px 80px;display:grid;gap:36px}
@media(min-width:960px){.ck-wrap{grid-template-columns:1.15fr .85fr;align-items:start}}
.ck h1{font-size:clamp(26px,3.2vw,33px);letter-spacing:-.02em;line-height:1.16;margin:0}
.ck-sub{margin-top:10px;color:var(--grafite);font-size:16px;max-width:52ch}
.ck-passos{display:flex;gap:22px;margin:26px 0 24px;padding:0;list-style:none}
.ck-passos li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted)}
.ck-marca{width:30px;height:30px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;font-family:"GEAIA Display",serif;font-size:14px;background:var(--branco)}
.ck-passos .ck-ativo{color:var(--tinta)}
.ck-passos .ck-ativo .ck-marca{background:var(--carvao);border-color:var(--carvao);color:var(--branco)}
.ck-passos .ck-feito{color:var(--verde)}
.ck-passos .ck-feito .ck-marca{background:var(--verde-suave);border-color:var(--verde);color:var(--verde)}
.ck-form{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);padding:30px;box-shadow:var(--sombra)}
.ck-form h2{font-size:17px;margin:0 0 18px}
.ck-campos{display:grid;gap:16px}
@media(min-width:640px){.ck-grade2{grid-template-columns:1fr 1fr}}
.ck-campo label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--grafite)}
.ck-campo input{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:var(--r-sm);padding:12px 14px;font:inherit;font-size:15px;background:var(--branco);color:var(--tinta)}
.ck-campo input:focus{outline:2px solid var(--ouro);outline-offset:0;border-color:var(--ouro)}
.ck-campo .erro-msg{display:none;color:#B3261E;font-size:12.5px;margin-top:5px}
.ck-campo.invalido input{border-color:#B3261E}
.ck-campo.invalido .erro-msg{display:block}
.ck-opcional{font-weight:400;color:var(--muted)}
.ck-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.ck-micro{font-size:13px;color:var(--muted);margin-top:12px;display:flex;gap:8px;align-items:center}
.ck-asaas{border:1.5px dashed var(--linha);border-radius:var(--r-md);padding:24px;text-align:center;color:var(--muted);font-size:14px;background:var(--papel);line-height:1.6}
.ck-asaas b{color:var(--grafite);display:block;font-size:15px;margin-bottom:4px}
.ck-bump{border:1px solid var(--ouro);background:var(--ouro-suave);border-radius:var(--r-md);padding:16px 18px;display:flex;gap:12px;align-items:flex-start;margin-top:20px;cursor:pointer}
.ck-bump input{margin-top:3px;width:18px;height:18px;accent-color:var(--verde);flex:none}
.ck-bump b{display:block;font-size:14.5px;color:var(--tinta)}
.ck-bump p{margin:4px 0 0;font-size:13px;color:var(--grafite)}
.ck-resumo{background:var(--branco);border:1px solid var(--linha);border-top:4px solid var(--ouro);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sombra)}
@media(min-width:960px){.ck-resumo{position:sticky;top:96px}}
.ck-resumo h2{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:600}
.ck-resumo-plano{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-family:"GEAIA Display",serif;font-weight:700;font-size:19px}
.ck-resumo-plano span:last-child{font-size:16px;white-space:nowrap}
.ck-lista{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.ck-lista li{display:flex;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--areia);font-size:14px;color:var(--grafite);line-height:1.45}
.ck-lista li span:last-child{font-family:"GEAIA Mono",ui-monospace,monospace;font-size:12px;color:var(--verde);font-weight:700;white-space:nowrap;padding-top:2px}
.ck-lista li.ck-nao{color:var(--muted)}
.ck-lista li.ck-nao span:last-child{color:var(--muted);font-weight:400}
.ck-lista li.ck-bump-linha{display:none;color:var(--ouro-escuro)}
.ck-lista li.ck-bump-linha span:last-child{color:var(--ouro-escuro)}
.ck-lista li.ck-bump-linha.on{display:flex}
.ck-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:16px;margin-top:6px;border-top:1px solid var(--linha);font-size:15px;font-weight:600}
.ck-total strong{font-family:"GEAIA Display",serif;font-size:30px;letter-spacing:-.02em;white-space:nowrap}
.ck-nota-total{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}
.ck-garantia{margin-top:18px;border:1px solid var(--linha);border-radius:var(--r-md);background:var(--papel);padding:16px;font-size:13px;line-height:1.6;color:var(--grafite);display:flex;gap:14px;align-items:flex-start}
.ck-selo{flex:none;width:54px;height:54px;border-radius:50%;background:var(--ouro);color:var(--carvao);display:grid;place-items:center;font-family:"GEAIA Display",serif;font-weight:700;font-size:12.5px;text-align:center;line-height:1.15}
.ck-seguro{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;font-size:12.5px;color:var(--muted)}
.ck-resumo-m{display:none}
@media(max-width:959px){
  .ck-resumo-m{display:block;margin-bottom:8px}
  .ck-resumo-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px}
  .ck-resumo-m summary::-webkit-details-marker{display:none}
  .ck-resumo-m summary::after{content:"ver resumo";font-family:"GEAIA Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-escuro)}
  .ck-resumo-m[open] summary::after{content:"fechar resumo"}
  .ck-resumo-d{display:none}
  .ck-form{padding:22px}
}
.ck-pendente{margin-top:14px}

/* 09/11: sem rolagem lateral no celular (ilustrações que vazam a borda ficam cortadas) */
html,body{overflow-x:clip}
.container.hero{padding-left:20px;padding-right:20px}