/* ============================================================
   ASSINA.AI — HOME UPGRADE (aditivo, carregado após style.css)
   Identidade híbrida: hero/CTA dark roxo, conteúdo claro.
   ============================================================ */

:root{
  --aai-purple:#5d3fd3;
  --aai-purple-light:#ad46ff;
  --aai-purple-bright:#c98bff;
  --aai-dark:#0a0712;
  --aai-dark-2:#0d0a1a;
  --aai-grad:linear-gradient(120deg,#ad46ff 0%,#c98bff 50%,#5d3fd3 100%);
}

/* ============================================================
   1) HERO HÍBRIDO (dark)
   ============================================================ */
#home{
  background:radial-gradient(125% 85% at 50% -10%, #1d1340 0%, #0d0a1a 55%, #0a0712 100%);
  position:relative;
  overflow:hidden;
  color:#fff;
}
/* glow superior */
#home::before{
  content:"";
  position:absolute; top:-18%; left:50%; transform:translateX(-50%);
  width:1000px; height:640px; max-width:130%;
  background:radial-gradient(ellipse at center, rgba(173,70,255,.30), transparent 65%);
  filter:blur(40px); pointer-events:none; z-index:0;
}
/* grid sutil */
#home::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(circle at 50% 22%,#000,transparent 75%);
  mask-image:radial-gradient(circle at 50% 22%,#000,transparent 75%);
}
#home .hero-container{position:relative; z-index:2}

/* textos do hero no dark */
#home .hero-claim-badge{
  background:rgba(173,70,255,.12);
  color:#dcc8ff;
  border:1px solid rgba(173,70,255,.32);
  backdrop-filter:blur(6px);
}
#home .hero-title{ text-wrap:balance; }
#home .hero-subtitle,
#home .hero-subtitle-main{ color:#ffffff !important; text-wrap:balance; }
#home .hero-description{ color:rgba(255,255,255,.84) !important; text-wrap:pretty; }
#home .hero-cta-benefits{ display:none !important; } /* removido p/ dar respiro entre CTA e mockup */
#home .hero-cta-benefits strong{ color:#fff; }
#home .gradient-text{
  background:var(--aai-grad);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 24px rgba(173,70,255,.35));
}
#home .btn-gradient{ box-shadow:0 12px 34px -8px rgba(93,63,211,.7), inset 0 1px 0 rgba(255,255,255,.25); }
#home .btn-gradient:hover{ box-shadow:0 18px 46px -8px rgba(93,63,211,.85); }

/* glow atrás do laptop */
.hero-bg-wrapper{ position:relative; }
.hero-bg-wrapper::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:78%; height:62%;
  background:radial-gradient(ellipse at center bottom, rgba(173,70,255,.40), transparent 70%);
  filter:blur(36px); z-index:0; pointer-events:none;
}
.hero-laptop-wrapper{ z-index:1; }
.hero-badges{ z-index:4; }

/* badges em vidro no dark */
#home .hero-badge{
  background:rgba(13,10,26,.93);
  color:#fff !important;
  border:1px solid rgba(173,70,255,.45);
  backdrop-filter:blur(12px);
  box-shadow:0 16px 36px -14px rgba(0,0,0,.9);
  font-weight:600;
}
#home .hero-badge span{ color:#fff !important; }
#home .hero-badge i{ color:var(--aai-purple-bright); }
#home .hero-badge-purple{
  background:#5d3fd3;
  border:1px solid rgba(201,139,255,.6);
  box-shadow:0 16px 36px -14px rgba(93,63,211,.85);
}
#home .hero-badge-purple span,
#home .hero-badge-purple i{ color:#fff !important; }

/* ---- d4sign-style: mensagens de WhatsApp subindo ---- */
.hero-msgs{
  position:absolute; left:3%; bottom:6%;
  width:236px; height:330px; z-index:5; pointer-events:none; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);
}
.hero-msg{
  position:absolute; left:0; right:0; bottom:-64px;
  display:flex; gap:10px; align-items:center;
  background:rgba(20,16,31,.86); border:1px solid rgba(173,70,255,.26);
  border-radius:14px; border-bottom-left-radius:4px;
  padding:10px 13px; backdrop-filter:blur(8px);
  box-shadow:0 14px 32px -16px rgba(0,0,0,.8);
  opacity:0; animation:aaiMsgRise 8s linear infinite;
}
.hero-msg .mi{
  width:30px; height:30px; border-radius:50%; background:#25d366;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.hero-msg .mi svg{ width:15px; height:15px; stroke:#fff; stroke-width:2.6; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.hero-msg b{ display:block; font-size:.8rem; color:#fff; line-height:1.2; }
.hero-msg span{ font-size:.68rem; color:rgba(255,255,255,.55); }
@keyframes aaiMsgRise{
  0%{opacity:0; transform:translateY(0) scale(.96)}
  9%{opacity:1; transform:translateY(-14px) scale(1)}
  82%{opacity:1; transform:translateY(-292px)}
  100%{opacity:0; transform:translateY(-330px)}
}

/* ---- Autentique-style: cartão de assinatura sendo desenhada ---- */
.hero-sign{
  position:absolute; right:4%; top:14%; width:236px; z-index:6;
  background:#fffdf9; color:#1b1813; border-radius:16px; padding:16px 16px 14px;
  box-shadow:0 28px 60px -22px rgba(0,0,0,.65);
  animation:aaiFloat 5.5s ease-in-out infinite;
}
.hero-sign-head{ display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.hero-sign-head .si{ width:26px; height:26px; border-radius:7px; background:var(--aai-grad); display:flex; align-items:center; justify-content:center; }
.hero-sign-head .si svg{ width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round }
.hero-sign-head b{ font-size:.78rem; }
.hero-sign-line{ height:7px; background:#ece8f6; border-radius:4px; margin-bottom:8px; }
.hero-sign-line.s2{ width:80%; } .hero-sign-line.s3{ width:60%; }
.hero-sign-area{ margin-top:14px; border-top:1px dashed #d6cfe8; padding-top:8px; position:relative; }
.hero-sign-area svg{ width:120px; height:42px; overflow:visible; }
.hero-sign-area path.aai-sig{ stroke:var(--aai-purple); stroke-width:2.6; fill:none; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; animation:aaiSig 4s ease-in-out infinite; }
.hero-sign-area .lbl{ position:absolute; right:0; bottom:6px; font-family:monospace; font-size:.56rem; letter-spacing:.06em; color:#8a8198; text-transform:uppercase; }
.hero-sign-ok{
  position:absolute; right:-10px; bottom:-10px;
  display:flex; align-items:center; gap:6px;
  background:#2f7d5b; color:#fff; font-size:.66rem; font-weight:700;
  padding:6px 11px; border-radius:100px; box-shadow:0 12px 24px -10px rgba(0,0,0,.5);
  opacity:0; animation:aaiOkPop 4s ease-in-out infinite;
}
.hero-sign-ok svg{ width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round }
@keyframes aaiSig{ 0%{stroke-dashoffset:1} 45%{stroke-dashoffset:0} 88%{stroke-dashoffset:0} 100%{stroke-dashoffset:1} }
@keyframes aaiOkPop{ 0%,40%{opacity:0;transform:scale(.7)} 55%{opacity:1;transform:scale(1)} 88%{opacity:1} 100%{opacity:0;transform:scale(.7)} }
@keyframes aaiFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

/* esconder overlays do HERO em telas menores (mantém laptop limpo no mobile) */
@media (max-width: 991.98px){
  #home .hero-msgs, #home .hero-sign{ display:none !important; }
}

/* cartão de assinatura realocado (seção "Zero fricção / conversão") */
.sign-demo{ display:flex; justify-content:center; margin:1.5rem auto 2.5rem; }
.sign-demo .hero-sign{ position:static; right:auto; top:auto; width:300px; max-width:90%; }

@media (prefers-reduced-motion: reduce){
  .hero-msg, .hero-sign, .hero-sign-area path.aai-sig, .hero-sign-ok{ animation:none !important; }
  .hero-msg{ opacity:1; position:relative; bottom:auto; margin-bottom:10px; }
  .hero-sign-area path.aai-sig{ stroke-dashoffset:0; }
  .hero-sign-ok{ opacity:1; }
}

/* ============================================================
   2) SEÇÃO RH / HOLERITES — turbinada (showcase produto + provas)
   ============================================================ */
#holerite-batch .holerite-title{ color:#1a1a1a !important; }
.rh-showcase{ margin:1.75rem 0 2.75rem; }
.rh-frame{
  position:relative; border-radius:18px; overflow:hidden; background:#fff;
  border:1px solid rgba(93,63,211,.14);
  box-shadow:0 34px 70px -34px rgba(93,63,211,.5);
}
.rh-frame::before{ content:""; display:block; height:34px; background:#f3f0fb; border-bottom:1px solid rgba(93,63,211,.08); }
.rh-frame-dots{ position:absolute; top:12px; left:14px; display:flex; gap:6px; z-index:2; }
.rh-frame-dots i{ width:10px; height:10px; border-radius:50%; background:rgba(93,63,211,.25); display:block; }
.rh-frame img{ display:block; width:100%; height:auto; }

.rh-proof-stat{ display:flex; align-items:baseline; gap:12px; margin-bottom:14px; }
.rh-proof-stat b{ font-size:3.4rem; font-weight:800; line-height:.9; background:var(--aai-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.rh-proof-stat span{ font-size:.95rem; color:#5a5470; max-width:15ch; }
.rh-proof-text{ color:#5a5470; font-size:.98rem; margin-bottom:14px; }

.rh-msgs{ position:relative; height:250px; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent); }
.rh-msg{ position:absolute; left:0; right:0; bottom:-58px; display:flex; gap:10px; align-items:center;
  background:#fff; border:1px solid rgba(93,63,211,.14); border-radius:14px; border-bottom-left-radius:4px;
  padding:11px 14px; box-shadow:0 14px 30px -16px rgba(93,63,211,.4);
  opacity:0; animation:rhMsgRise 8s linear infinite; }
.rh-msg .mi{ width:30px; height:30px; border-radius:50%; background:#25d366; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rh-msg .mi svg{ width:15px; height:15px; stroke:#fff; stroke-width:2.6; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.rh-msg b{ display:block; font-size:.85rem; color:#1a1a1a; line-height:1.2; }
.rh-msg span{ font-size:.72rem; color:#8a8198; }
@keyframes rhMsgRise{
  0%{opacity:0; transform:translateY(0) scale(.96)}
  9%{opacity:1; transform:translateY(-12px) scale(1)}
  82%{opacity:1; transform:translateY(-220px)}
  100%{opacity:0; transform:translateY(-250px)}
}
@media (max-width: 991.98px){
  .rh-proof{ margin-top:1.25rem; }
  .rh-msgs{ height:230px; }
}
@media (prefers-reduced-motion: reduce){
  .rh-msg{ animation:none !important; opacity:1; position:relative; bottom:auto; margin-bottom:10px; }
  .rh-msgs{ height:auto; }
}

/* ============================================================
   3) FAIXA DE FEATURES — marquee animado
   ============================================================ */
.features-banner.fb-anim{
  padding:0 !important;
  background:#ffffff;
  border-top:1px solid rgba(93,63,211,.10);
  border-bottom:1px solid rgba(93,63,211,.10);
  overflow:hidden;
}
.fb-marquee{
  overflow:hidden; padding:18px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.fb-track{ display:flex; align-items:center; width:max-content; animation:fbScroll 38s linear infinite; }
.fb-marquee:hover .fb-track{ animation-play-state:paused; }
.fb-item{ display:inline-flex; align-items:center; gap:12px; padding:0 30px; white-space:nowrap; }
.fb-item > i{ font-size:1.5rem; color:var(--aai-purple); flex-shrink:0; }
.fb-txt{ display:flex; flex-direction:column; line-height:1.18; }
.fb-txt b{ font-weight:700; color:#1a1a1a; font-size:.98rem; }
.fb-txt em{ font-style:normal; color:#8a8198; font-size:.78rem; }
.fb-sep{ width:7px; height:7px; border-radius:50%; background:rgba(93,63,211,.35); flex-shrink:0; }
@keyframes fbScroll{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
  .fb-track{ animation:none; flex-wrap:wrap; justify-content:center; gap:12px 0; }
}

/* ============================================================
   4) AJUSTES DE POLIMENTO (feedback)
   ============================================================ */
/* remove botão "Top" (reforço; já removido no JS) */
#back-to-top{ display:none !important; }

/* WhatsApp flutuante → só ícone */
.whatsapp-float-btn span{ display:none !important; }
.whatsapp-float-btn{ width:56px !important; height:56px !important; min-width:0 !important; padding:0 !important; border-radius:50% !important; display:flex !important; align-items:center; justify-content:center; }
.whatsapp-float-btn i{ margin:0 !important; font-size:1.7rem; }

/* caixas de comparação: glow no hover (vermelho / verde) */
.comparison-card{ transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.comparison-card-problem:hover{ transform:translateY(-5px); box-shadow:0 20px 46px -16px rgba(220,38,38,.45); border-color:rgba(220,38,38,.5) !important; }
.comparison-card-solution:hover{ transform:translateY(-5px); box-shadow:0 20px 46px -16px rgba(61,220,151,.5); border-color:rgba(61,220,151,.55) !important; }

/* alinhar o "200" com o resto do título (RH) */
.rh-proof-stat{ align-items:center; gap:14px; }
.rh-proof-stat b{ line-height:1; padding-bottom:3px; }

/* carrossel de prints no showcase de RH */
.rh-swiper{ width:100%; overflow:hidden; }
.rh-swiper .swiper-slide img{ display:block; width:100%; height:auto; }

/* fluxo limpo "Como a IA funciona" (RH) — substitui o bloco poluído */
.rh-flow{ max-width:1000px; margin:3rem auto 0; text-align:center; }
.rh-flow-title{ font-weight:800; font-size:clamp(1.5rem,3vw,2.1rem); color:#1a1a1a; margin-bottom:.6rem; letter-spacing:-.02em; }
.rh-flow-sub{ color:#5a5470; max-width:62ch; margin:0 auto 2.4rem; }
.rh-flow-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:2.2rem; text-align:left; }
@media(max-width:768px){ .rh-flow-steps{ grid-template-columns:1fr; gap:14px; } }
.rh-flow-step{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid rgba(93,63,211,.12); border-radius:14px; padding:20px; box-shadow:0 12px 30px -22px rgba(93,63,211,.5); }
.rh-flow-step .n{ width:34px; height:34px; border-radius:10px; background:var(--aai-grad); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rh-flow-step b{ display:block; color:#1a1a1a; margin-bottom:3px; }
.rh-flow-step span{ color:#6c6580; font-size:.9rem; line-height:1.5; }
.rh-flow-cta .btn-gradient{ font-size:1.05rem; }
.rh-flow-trust{ color:#8a8198; font-size:.82rem; margin-top:14px; }
.rh-flow-trust i{ color:#2f7d5b; margin-right:5px; }

/* dobra "Pare de perder horas" — preencher o espaço vago com mini-stats */
.hero-cta-highlights{ display:flex; flex-direction:column; gap:12px; flex-shrink:0; }
.cta-hl{ display:flex; align-items:baseline; gap:10px; background:#fff; border:1px solid rgba(93,63,211,.12); border-radius:12px; padding:13px 18px; box-shadow:0 12px 28px -20px rgba(93,63,211,.5); min-width:248px; }
.cta-hl b{ font-size:1.7rem; font-weight:800; line-height:1; background:var(--aai-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cta-hl span{ font-size:.85rem; color:#6c6580; line-height:1.3; }
@media(max-width:900px){
  .hero-cta-content{ flex-wrap:wrap; justify-content:center; text-align:center; }
  .hero-cta-text{ flex:1 1 100% !important; text-align:center; }
  .hero-cta-highlights{ flex-direction:row; flex-wrap:wrap; justify-content:center; width:100%; }
  .cta-hl{ min-width:0; flex:1 1 200px; justify-content:center; }
}

/* ============================================================
   Print 02: seção "Tecnologia Exclusiva" — mais apresentável
   ============================================================ */
.ai-feature-card{ position:relative; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.ai-feature-card::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 100% 0%, rgba(173,70,255,.14), transparent 55%); opacity:0; transition:opacity .3s ease; pointer-events:none; }
.ai-feature-card:hover{ transform:translateY(-6px); border-color:rgba(173,70,255,.55) !important; box-shadow:0 28px 56px -24px rgba(93,63,211,.7); }
.ai-feature-card:hover::after{ opacity:1; }
.ai-feature-card-icon{ width:52px; height:52px; border-radius:14px; background:rgba(173,70,255,.12); border:1px solid rgba(173,70,255,.3); display:flex; align-items:center; justify-content:center; color:var(--aai-purple-bright); margin-bottom:18px; position:relative; z-index:1; }
.ai-feature-card-icon i{ font-size:1.55rem; }
.ai-feature-card-title, .ai-feature-card-description{ position:relative; z-index:1; }

/* #3: Tecnologia Exclusiva — 2 colunas (mockup + cards refinados) */
.ai-feature-body{ display:grid; grid-template-columns:1.02fr .98fr; gap:38px; align-items:center; margin-top:1.5rem; }
@media(max-width:900px){ .ai-feature-body{ grid-template-columns:1fr; gap:30px; } }
.ai-feature-visual{ position:relative; border-radius:16px; overflow:hidden; border:1px solid rgba(173,70,255,.28); box-shadow:0 44px 90px -38px rgba(93,63,211,.85); background:#0a0712; }
.ai-feature-visual::before{ content:""; display:block; height:30px; background:#14101f; border-bottom:1px solid rgba(173,70,255,.16); }
.aiv-dots{ position:absolute; top:11px; left:14px; display:flex; gap:6px; z-index:2; }
.aiv-dots i{ width:9px; height:9px; border-radius:50%; background:rgba(173,70,255,.45); display:block; }
.ai-feature-visual img{ display:block; width:100%; height:auto; }
.ai-feature-cards{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important; }
@media(max-width:560px){ .ai-feature-cards{ grid-template-columns:1fr !important; } }
.ai-feature-card{ padding:22px; }
.ai-feature-card-icon{ width:46px; height:46px; border-radius:12px; margin-bottom:14px; }
.ai-feature-card-icon i{ font-size:1.35rem; }
.ai-feature-card-title{ font-size:1.04rem; margin-bottom:6px; }
.ai-feature-card-description{ font-size:.87rem; line-height:1.5; margin-bottom:12px; }
.ai-feature-badge-metric{ display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.02em; padding:5px 11px; border-radius:100px; }

/* ============================================================
   Print FAQ: accordion mais bonito
   ============================================================ */
#faq .accordion-item{ border:1px solid rgba(93,63,211,.12) !important; border-radius:14px !important; margin-bottom:14px; overflow:hidden; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
#faq .accordion-item:hover{ border-color:rgba(93,63,211,.38) !important; box-shadow:0 16px 38px -24px rgba(93,63,211,.6); transform:translateY(-2px); }
#faq .accordion-button{ font-size:1.05rem; font-weight:600; padding:1.15rem 1.4rem; color:#1a1a1a !important; background:#fff !important; border-radius:14px !important; }
#faq .accordion-button:not(.collapsed){ background:linear-gradient(90deg, rgba(93,63,211,.09), rgba(173,70,255,.05)) !important; color:#5d3fd3 !important; box-shadow:none; }
#faq .accordion-button:focus{ box-shadow:0 0 0 3px rgba(93,63,211,.16); }
#faq .accordion-button::after{ width:1.1rem; height:1.1rem; background-size:1.1rem; }
#faq .accordion-body{ padding:.2rem 1.4rem 1.35rem; color:#5a5470 !important; font-size:.96rem; line-height:1.65; }
#faq .accordion-header{ margin:0; }

/* ============================================================
   5) AJUSTES (batch 2)
   ============================================================ */
/* footer: logo real (substitui o nome escrito) */
.footer-brand-logo{ height:30px; width:auto; display:block; }

/* CTA final "Pronto para Eliminar": quebra equilibrada + badges 2x2 */
.cta-papelada-title{ text-wrap:balance; }
.cta-papelada-badges{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:520px; margin-left:auto; margin-right:auto; }
.cta-papelada-badge{ flex:0 0 calc(50% - 12px); justify-content:center; }
@media(max-width:420px){ .cta-papelada-badge{ flex:1 1 100%; } }

/* Automação de Holerites: círculo do ícone menor, sem expandir sobre o texto */
#holerite-batch .holerite-card-icon{ width:50px !important; height:50px !important; margin-bottom:1rem !important; transition:none !important; }
#holerite-batch .holerite-card-icon i{ font-size:1.3rem !important; }
#holerite-batch .holerite-card:hover .holerite-card-icon{ transform:none !important; box-shadow:none !important; }

/* Funcionalidades: setas de navegação FORA dos cards (no vão lateral) */
.features-exclusive-swiper{ padding-left:60px !important; padding-right:60px !important; }
.features-exclusive-prev{ left:6px !important; }
.features-exclusive-next{ right:6px !important; }
@media(max-width:767.98px){
  .features-exclusive-swiper{ padding-left:42px !important; padding-right:42px !important; }
  .features-exclusive-prev{ left:2px !important; }
  .features-exclusive-next{ right:2px !important; }
}

/* ============================================================
   6) GESTÃO DE CONTRATOS (nossa versão)
   ============================================================ */
.gc-section{ padding:4.5rem 0; background:#ffffff; }
.gc-head{ text-align:center; max-width:700px; margin:0 auto 3rem; }
.gc-badge{ display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#5d3fd3; background:rgba(93,63,211,.1); border:1px solid rgba(93,63,211,.22); border-radius:100px; padding:7px 16px; margin-bottom:16px; }
.gc-title{ font-weight:800; font-size:clamp(1.8rem,4vw,2.7rem); color:#1a1a1a; letter-spacing:-.025em; line-height:1.1; margin-bottom:.7rem; }
.gc-sub{ color:#5a5470; font-size:1.05rem; line-height:1.6; margin:0; }
.gc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:900px){ .gc-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .gc-grid{ grid-template-columns:1fr; } }
.gc-card{ background:#fff; border:1px solid rgba(93,63,211,.12); border-radius:16px; padding:26px; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.gc-card:hover{ transform:translateY(-5px); border-color:rgba(93,63,211,.4); box-shadow:0 26px 54px -28px rgba(93,63,211,.55); }
.gc-ic{ width:52px; height:52px; border-radius:14px; background:rgba(93,63,211,.1); color:#5d3fd3; display:flex; align-items:center; justify-content:center; font-size:1.55rem; margin-bottom:16px; }
.gc-card h3{ font-size:1.12rem; font-weight:700; color:#1a1a1a; margin-bottom:8px; }
.gc-card p{ color:#6c6580; font-size:.93rem; line-height:1.55; margin:0; }
.gc-card.gc-ia{ background:linear-gradient(160deg, rgba(93,63,211,.07), rgba(173,70,255,.04)); border-color:rgba(93,63,211,.32); }
.gc-card.gc-ia .gc-ic{ background:var(--aai-grad); color:#fff; }
.gc-cta{ text-align:center; margin-top:2.6rem; }

/* #4: GIF dos 5 passos isolado em camada de GPU (reduz a travada no scroll) */
.steps-gif{ transform:translateZ(0); will-change:transform; backface-visibility:hidden; }
.steps-image{ will-change:transform; }

/* ============================================================
   7) COMPARATIVO "Você está perdendo tempo" — antes × depois pareado
   ============================================================ */
.cmp2{ max-width:980px; margin:0 auto; }
.cmp2-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
.cmp2-col-head{ font-weight:800; font-size:1.06rem; display:flex; align-items:center; gap:9px; padding:2px 6px 6px; }
.cmp2-col-head i{ font-size:1.25rem; }
.cmp2-bad-head{ color:#dc2626; }
.cmp2-good-head{ color:#5d3fd3; }
.cmp2-cell{ display:flex; align-items:center; gap:12px; border-radius:14px; padding:18px 20px; font-size:.96rem; line-height:1.45; height:100%; }
.cmp2-cell i{ font-size:1.35rem; flex-shrink:0; }
.cmp2-bad{ background:#fdf3f3; border:1px solid rgba(220,38,38,.16); color:#6e5757; }
.cmp2-bad i{ color:#dc2626; }
.cmp2-good{ background:#f5f2fc; border:1px solid rgba(93,63,211,.2); color:#352f55; font-weight:500; transition:transform .25s ease, box-shadow .25s ease; }
.cmp2-good i{ color:#5d3fd3; }
.cmp2-good:hover{ transform:translateY(-3px); box-shadow:0 16px 36px -22px rgba(93,63,211,.6); }
@media(max-width:560px){
  .cmp2-grid{ gap:8px 10px; }
  .cmp2-cell{ padding:13px 14px; font-size:.85rem; gap:9px; }
  .cmp2-cell i{ font-size:1.1rem; }
  .cmp2-col-head{ font-size:.9rem; }
}