/* Atualização visual aprovada — 14/09/2026
   Camada isolada para preservar a versão-base e facilitar revisão/rollback. */

.hero-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
}
.hero-copy h1{
  max-width:780px;
  margin-bottom:22px;
}
.hero-copy h1>span{white-space:nowrap}
.hero-copy h1 .hero-line-long{
  font-size:.86em;
  white-space:nowrap;
}
.hero-copy>.hero-platforms{
  position:static;
  inset:auto;
  transform:none;
  display:flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin:4px 0 18px;
  flex-wrap:nowrap;
}
.hero-copy>.hero-platforms span{
  width:58px;
  height:58px;
  flex:0 0 58px;
}
.hero-copy>.hero-platforms img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.hero-copy .hero-actions{
  margin-top:0;
  align-items:center;
  justify-content:flex-start;
}
.hero-copy .whatsapp-pulse{min-width:220px}

.whatsapp-pulse{
  position:relative;
  isolation:isolate;
}
.whatsapp-pulse::before,
.whatsapp-pulse::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-7px;
  border:2px solid rgba(41,224,121,.52);
  border-radius:inherit;
  pointer-events:none;
  animation:whatsappHalo 2.8s cubic-bezier(.22,1,.36,1) infinite;
}
.whatsapp-pulse::after{animation-delay:1.4s}

.hero-system{
  height:680px;
  overflow:visible;
  border-radius:0;
  display:grid;
  justify-items:center;
}
.hero-phone-premium{
  position:absolute;
  z-index:3;
  top:-20px;
  left:50%;
  width:min(455px,94%);
  aspect-ratio:2/3;
  transform:translateX(-50%);
  filter:drop-shadow(0 34px 58px rgba(0,0,0,.42));
  animation:premiumPhoneFloat 6.5s ease-in-out infinite;
}
.hero-device-picture{
  display:block;
  width:100%;
  height:100%;
}
.hero-device-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.phone-chat{
  position:absolute;
  z-index:4;
  top:14.5%;
  right:23.5%;
  bottom:17%;
  left:23.5%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px 13px 22px 22px;
  background:linear-gradient(180deg,rgba(5,23,42,.84),rgba(2,14,27,.93));
  box-shadow:inset 0 0 28px rgba(18,185,255,.08);
  color:#fff;
  font-size:.72rem;
}
.chat-header{
  min-height:56px;
  padding:10px 11px;
  display:flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#075f52,#0a7b66);
  box-shadow:0 6px 16px rgba(0,0,0,.2);
}
.chat-header img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.25));
}
.chat-profile{
  display:grid;
  width:34px;
  height:34px;
  flex:0 0 34px;
  overflow:hidden;
  place-items:center;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  box-shadow:0 4px 12px rgba(0,0,0,.26);
}
.chat-profile img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
}
.chat-header span{display:grid;line-height:1.15}
.chat-header b{font-size:.76rem}
.chat-header small{color:#d2f8e4;font-size:.59rem}
.chat-body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:14px 10px 12px;
  background:
    radial-gradient(circle at 85% 18%,rgba(41,224,121,.08),transparent 32%),
    radial-gradient(circle at 10% 80%,rgba(22,184,255,.08),transparent 30%);
}
.chat-bubble{
  max-width:88%;
  margin:0;
  padding:9px 10px;
  border-radius:12px;
  line-height:1.35;
  color:#eaf4fb;
  opacity:0;
  transform:translateY(9px) scale(.97);
  animation:chatBubbleCycle 9s cubic-bezier(.22,1,.36,1) infinite;
}
.chat-bubble.incoming{
  align-self:flex-start;
  border-bottom-left-radius:4px;
  background:#19364d;
}
.chat-bubble.outgoing{
  align-self:flex-end;
  border-bottom-right-radius:4px;
  background:#075e54;
  animation-delay:1.5s;
}
.chat-bubble:nth-of-type(3){animation-delay:3s}
.chat-status{
  align-self:center;
  margin-top:auto;
  padding:6px 8px;
  border:1px solid rgba(41,224,121,.24);
  border-radius:999px;
  background:rgba(41,224,121,.1);
  color:#bff7d2;
  font-size:.57rem;
  opacity:0;
  animation:chatStatusCycle 9s ease infinite 4.4s;
}
.chat-status b{color:#29e079}
.hero-system .hero-services-button{
  left:50%;
  right:auto;
  bottom:2px;
  transform:translateX(-50%);
  min-width:220px;
}

/* Cena demonstrativa da seção Seu Maior Problema */
.problem .container{width:min(1320px,calc(100% - 40px))}
.problem-content{text-align:center}
.problem-content>h2{
  max-width:980px;
  margin:20px auto 30px;
}
.problem-content>p{
  max-width:940px;
  margin:30px auto 0;
  color:#c7d6e7;
  font-size:1.08rem;
}
.problem-content>.problem-question{
  max-width:820px;
  margin-top:16px;
  color:#29e079;
  font-size:clamp(1.35rem,2.25vw,2rem);
  font-weight:900;
  line-height:1.18;
  letter-spacing:-.035em;
  text-wrap:balance;
  background:linear-gradient(105deg,#18c8ff 0%,#c6f7ff 24%,#29aef5 46%,#29e079 74%,#baf7d2 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 8px 22px rgba(22,184,255,.18));
}
.problem-content>.problem-cta{
  min-width:220px;
  margin-top:22px;
  box-shadow:0 16px 42px rgba(41,224,121,.24),0 0 0 1px rgba(255,255,255,.08) inset;
}
.problem-story{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:32px;
  background:#051326;
  box-shadow:0 34px 90px rgba(0,0,0,.44);
  isolation:isolate;
}
.problem-story picture,
.problem-story picture img{
  display:block;
  width:100%;
  height:100%;
}
.problem-story picture img{
  object-fit:cover;
  transform:scale(1.012);
  animation:storyDrift 12s ease-in-out infinite alternate;
}
.problem-story::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,8,22,.2),transparent 32%,transparent 68%,rgba(3,24,31,.08));
}
.story-label,
.story-request{
  position:absolute;
  z-index:3;
  display:grid;
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 38px rgba(0,0,0,.26);
}
.story-label{
  top:24px;
  padding:10px 15px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.story-before{
  left:24px;
  background:rgba(7,20,38,.76);
  color:#d1deea;
}
.story-after{
  right:24px;
  background:rgba(12,97,66,.76);
  color:#d9ffe7;
}
.story-request{
  right:5.5%;
  bottom:10%;
  min-width:190px;
  padding:13px 16px;
  border-color:rgba(41,224,121,.36);
  border-radius:16px;
  background:rgba(5,28,45,.88);
  text-align:left;
  animation:requestPop 7s cubic-bezier(.22,1,.36,1) infinite;
}
.story-request b{color:#6ff0a6;font-size:.92rem}
.story-request small{color:#d5e4ee;font-size:.72rem}
.story-scan{
  position:absolute;
  z-index:2;
  top:-10%;
  bottom:-10%;
  left:-28%;
  width:22%;
  transform:skewX(-10deg);
  background:linear-gradient(90deg,transparent,rgba(28,199,255,.05),rgba(65,241,145,.2),transparent);
  filter:blur(3px);
  animation:storyScan 7s ease-in-out infinite;
  pointer-events:none;
}

/* Título dos Serviços Premium */
.services .services-title{max-width:1160px;margin-inline:auto}
.services .services-title span{display:block}
@media(min-width:1051px){
  .hero-copy h1{font-size:clamp(3rem,3.85vw,3.7rem)}
  .hero-copy h1 .hero-line-long{font-size:.76em}
  .services .services-title span{white-space:nowrap}
  .services .services-title{font-size:clamp(3rem,4.65vw,4.9rem)}
}

@keyframes whatsappHalo{
  0%{opacity:.72;transform:scale(.94)}
  75%,100%{opacity:0;transform:scale(1.16)}
}
@keyframes premiumPhoneFloat{
  50%{transform:translateX(-50%) translateY(-8px)}
}
@keyframes chatBubbleCycle{
  0%,8%{opacity:0;transform:translateY(9px) scale(.97)}
  15%,78%{opacity:1;transform:none}
  90%,100%{opacity:0;transform:translateY(-3px)}
}
@keyframes chatStatusCycle{
  0%,10%{opacity:0;transform:scale(.94)}
  20%,65%{opacity:1;transform:none}
  80%,100%{opacity:0}
}
@keyframes storyDrift{
  100%{transform:scale(1.035) translateX(-.6%)}
}
@keyframes storyScan{
  0%,12%{left:-28%;opacity:0}
  25%{opacity:1}
  70%{opacity:.9}
  88%,100%{left:108%;opacity:0}
}
@keyframes requestPop{
  0%,30%,100%{opacity:0;transform:translateY(14px) scale(.96)}
  40%,82%{opacity:1;transform:none}
}

@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero-copy{text-align:center}
  .hero-copy h1{margin-inline:auto}
  .hero-copy>.hero-platforms{justify-content:center;margin-inline:auto}
  .hero-copy .hero-actions{
    justify-content:center;
    margin-bottom:24px;
  }
  .hero-system{height:620px!important;max-width:620px;margin-inline:auto}
  .hero-phone-premium{top:-32px;width:min(420px,88%)}
  .problem .container{width:min(920px,calc(100% - 34px))}
}

@media(max-width:720px){
  /* Hero mobile: etiqueta → celular/conversa → título sobre o degradê → canais → CTAs */
  .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    gap:0;
  }
  .hero-copy{
    display:contents;
    text-align:center;
  }
  .hero-copy[data-reveal]{
    opacity:1;
    transform:none;
  }
  .hero-copy>.eyebrow{
    order:1;
    grid-column:1;
    grid-row:1;
    justify-self:center;
    margin-bottom:0;
    padding:11px 15px;
    font-size:.74rem;
    letter-spacing:.045em;
    white-space:nowrap;
  }
  .hero-copy>h1{
    order:3;
    position:relative;
    z-index:7;
    grid-column:1;
    grid-row:2;
    align-self:start;
    justify-self:center;
    width:min(100vw - 18px,430px);
    margin:clamp(262px,calc(88vw - 58px),292px) auto 0;
    font-size:clamp(2.78rem,13.8vw,3.45rem);
    line-height:.89;
    letter-spacing:-.065em;
    text-align:center;
    text-shadow:0 8px 24px rgba(0,8,22,.72);
    pointer-events:none;
  }
  .hero-system{
    order:2;
    position:relative;
    z-index:2;
    grid-column:1;
    grid-row:2;
    width:100%;
    height:clamp(388px,calc(134vw - 112px),423px)!important;
    margin:0 auto!important;
  }
  .hero-system::after{
    content:"";
    position:absolute;
    z-index:5;
    top:0;
    bottom:-52px;
    left:50%;
    width:calc(100% + 28px);
    transform:translateX(-50%);
    background:linear-gradient(180deg,transparent 0 43%,rgba(2,8,22,.16) 51%,rgba(2,8,22,.68) 66%,rgba(2,8,22,.96) 80%,#020816 94%);
    pointer-events:none;
  }
  .hero-phone-premium{
    top:4px;
    width:min(340px,94vw);
  }
  .hero-copy>h1 .blue{font-size:1em}
  .hero-copy>h1>span+span{margin-top:2px}
  .hero-copy>h1 .hero-line-middle{
    font-size:.869em;
    white-space:nowrap;
    letter-spacing:-.052em;
  }
  .hero-copy>h1 .hero-line-long{
    font-size:.585em;
    white-space:nowrap;
    letter-spacing:-.035em;
  }
  .hero-copy>.hero-platforms{
    order:4;
    grid-column:1;
    grid-row:2;
    align-self:start;
    justify-self:stretch;
    position:relative;
    z-index:6;
    display:block;
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    pointer-events:none;
  }
  .hero-copy>.hero-platforms span{
    position:absolute;
    display:grid;
    place-items:center;
    width:56px;
    height:56px;
    max-width:none;
    flex-basis:auto;
    min-width:0;
    margin:0;
    filter:drop-shadow(0 12px 22px rgba(0,8,22,.48));
  }
  .hero-copy>.hero-platforms span:nth-child(1){top:50px;left:4px;opacity:.88}
  .hero-copy>.hero-platforms span:nth-child(2){top:85px;right:0;opacity:.82}
  .hero-copy>.hero-platforms span:nth-child(3){top:190px;left:0;opacity:.72}
  .hero-copy>.hero-platforms span:nth-child(4){top:246px;right:6px;opacity:.64}
  .hero-copy>.hero-platforms span:nth-child(5){top:304px;left:8px;width:64px;height:64px;opacity:.58}
  .hero-copy>.hero-platforms img{
    animation-duration:5.8s;
  }
  .hero-copy .hero-actions{
    order:5;
    position:relative;
    z-index:8;
    grid-column:1;
    grid-row:4;
    display:grid;
    width:min(320px,100%);
    gap:12px;
    justify-self:center;
    margin:18px auto 24px;
  }
  .hero-copy .whatsapp-pulse{
    width:min(320px,100%);
    min-height:48px;
  }
  .hero-copy .hero-services-inline{
    display:inline-flex;
    width:100%;
    min-height:48px;
  }
  .hero-system>.hero-services-button{display:none}
  .phone-chat{
    top:14.5%;
    right:23%;
    bottom:17%;
    left:23%;
    border-radius:10px 10px 17px 17px;
    font-size:.59rem;
    transform:translateY(-4px);
  }
  .chat-header{min-height:43px;padding:7px 8px;gap:7px}
  .chat-profile{
    width:29px;
    height:29px;
    flex-basis:29px;
  }
  .chat-header img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:none;
  }
  .chat-header b{font-size:.61rem}
  .chat-header small{font-size:.49rem}
  .chat-body{gap:6px;padding:9px 7px 8px}
  .chat-bubble{padding:7px 8px;font-size:.57rem}
  .chat-status{display:none}
  .hero-system .hero-services-button{
    bottom:-2px;
    width:calc(100% - 48px);
  }
  .problem .container{width:min(100%,calc(100% - 26px))}
  .problem-content>h2{font-size:2.25rem}
  .problem-story{
    aspect-ratio:4/5;
    border-radius:22px;
  }
  .problem-story picture img{object-fit:cover}
  .story-label{top:14px;padding:8px 10px;font-size:.56rem}
  .story-before{left:12px}
  .story-after{right:12px;top:auto;bottom:14px}
  .story-request{
    right:14px;
    bottom:24%;
    min-width:152px;
    padding:10px 12px;
  }
  .story-request b{font-size:.76rem}
  .story-request small{font-size:.61rem}
  .problem-content>p{font-size:1rem;margin-top:24px}
  .services .services-title{font-size:clamp(2.35rem,11vw,3.25rem)}
}

@media(max-width:390px){
  .hero-copy>.eyebrow{
    padding:11px 13px;
    font-size:.7rem;
    letter-spacing:.04em;
    white-space:nowrap;
  }
  .hero-copy>h1{
    margin-top:clamp(246px,calc(96vw - 58px),278px);
    font-size:clamp(2.68rem,13.6vw,3.32rem);
  }
  .hero-copy>h1 .hero-line-middle{font-size:.846em}
  .hero-copy>h1 .hero-line-long{font-size:.57em}
  .hero-copy>.hero-platforms span{width:51px;height:51px}
  .hero-copy>.hero-platforms span:nth-child(5){width:59px;height:59px}
  .hero-copy .hero-actions{margin-top:10px}
  .hero-system{height:clamp(370px,calc(135vw - 112px),408px)!important}
  .hero-phone-premium{width:min(326px,94vw)}
  .story-label{font-size:.5rem}
}

@media(max-width:340px){
  .hero-copy>.eyebrow{
    padding:10px 9px;
    font-size:.58rem;
    letter-spacing:.045em;
  }
}

@media(prefers-reduced-motion:reduce){
  .whatsapp-pulse::before,
  .whatsapp-pulse::after,
  .hero-phone-premium,
  .chat-bubble,
  .chat-status,
  .problem-story picture img,
  .story-request,
  .story-scan{
    animation:none!important;
  }
  .chat-bubble,
  .chat-status,
  .story-request{opacity:1;transform:none}
  .story-scan{display:none}
}

.hero-phone-premium.motion-paused,
.hero-phone-premium.motion-paused .chat-bubble,
.hero-phone-premium.motion-paused .chat-status,
.problem-story.motion-paused picture img,
.problem-story.motion-paused .story-request,
.problem-story.motion-paused .story-scan{
  animation-play-state:paused!important;
}

/* Método Infalível — família original de ícones SVG animados */
.method-steps article{
  position:relative;
  overflow:visible;
  isolation:isolate;
  background:
    radial-gradient(circle at 100% 0,rgba(22,184,255,.1),transparent 42%),
    linear-gradient(150deg,rgba(255,255,255,.065),rgba(22,184,255,.035));
}
.method-steps .step-top{
  display:grid;
  gap:18px;
  align-content:start;
}
.method-steps .step-top>div{min-width:0}
.step-icon{
  position:relative;
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  padding:17px;
  border:1px solid rgba(139,224,255,.34);
  border-radius:24px;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(145deg,rgba(17,57,99,.95),rgba(5,20,45,.96));
  color:#67d9ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 15px 34px rgba(0,0,0,.28),0 0 25px rgba(22,184,255,.08);
  transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;
}
.step-icon::after{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(41,224,121,.13);
  border-radius:18px;
  pointer-events:none;
}
.step-icon svg{
  width:100%;
  height:100%;
  overflow:hidden;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.step-icon .icon-accent{
  color:#41ee8b;
  stroke:currentColor;
}
.method-steps article:hover .step-icon{
  transform:translateY(-4px) scale(1.035);
  border-color:rgba(41,224,121,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 21px 42px rgba(0,0,0,.32),0 0 30px rgba(41,224,121,.13);
}

.method-cta{
  display:flex;
  width:max-content;
  margin:64px auto 0;
}
.method.motion-ready .step-icon .icon-line,
.method.motion-ready .step-icon .icon-accent{
  stroke-dasharray:70;
  stroke-dashoffset:70;
  opacity:.3;
}
.method.motion-ready.method-icons-active .step-icon .icon-line{
  animation:methodIconDraw .95s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:var(--step-delay,0ms);
}
.method.motion-ready.method-icons-active .step-icon .icon-accent{
  animation:methodAccentDraw .8s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(var(--step-delay,0ms) + 260ms);
}
.method-steps article:nth-child(1){--step-delay:0ms}
.method-steps article:nth-child(2){--step-delay:70ms}
.method-steps article:nth-child(3){--step-delay:140ms}
.method-steps article:nth-child(4){--step-delay:210ms}
.method-steps article:nth-child(5){--step-delay:280ms}
.method.motion-ready.method-icons-active .step-icon-strategy .node-1{animation-delay:420ms}
.method.motion-ready.method-icons-active .step-icon-strategy .node-2{animation-delay:520ms}
.method.motion-ready.method-icons-active .step-icon-strategy .node-3{animation-delay:620ms}
.method.motion-ready.method-icons-active .step-icon-visual .icon-spark{
  transform-box:fill-box;
  transform-origin:center;
  animation:premiumSpark .72s cubic-bezier(.2,1.55,.35,1) forwards;
  animation-delay:620ms;
}
.method.motion-ready.method-icons-active .step-icon-activation .icon-rocket{
  transform-box:fill-box;
  transform-origin:center;
  animation:rocketLaunch .9s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:360ms;
}
.method.motion-ready.method-icons-active .step-icon-sales .icon-check{
  animation:methodCheck .72s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:650ms;
}
.method-steps article:hover .step-icon .icon-line{
  animation:methodIconReplay .78s cubic-bezier(.22,1,.36,1);
}
.method-steps article:hover .step-icon .icon-accent{
  animation:methodAccentReplay .7s cubic-bezier(.22,1,.36,1);
}
@keyframes methodIconDraw{
  from{stroke-dashoffset:70;opacity:.3}
  to{stroke-dashoffset:0;opacity:1}
}
@keyframes methodAccentDraw{
  0%{stroke-dashoffset:70;opacity:0}
  55%{opacity:1}
  100%{stroke-dashoffset:0;opacity:1}
}
@keyframes methodIconReplay{
  from{stroke-dashoffset:70;opacity:.4}
  to{stroke-dashoffset:0;opacity:1}
}
@keyframes methodAccentReplay{
  from{stroke-dashoffset:45;opacity:.2}
  to{stroke-dashoffset:0;opacity:1}
}
@keyframes premiumSpark{
  0%{stroke-dashoffset:0;opacity:0;transform:scale(.35) rotate(-18deg)}
  70%{opacity:1;transform:scale(1.18) rotate(4deg)}
  100%{stroke-dashoffset:0;opacity:1;transform:scale(1) rotate(0)}
}
@keyframes rocketLaunch{
  0%{stroke-dashoffset:70;opacity:.25;transform:translate(-2px,3px) scale(.92)}
  100%{stroke-dashoffset:0;opacity:1;transform:none}
}
@keyframes methodCheck{
  0%{stroke-dashoffset:24;opacity:0;transform:scale(.7)}
  100%{stroke-dashoffset:0;opacity:1;transform:scale(1)}
}
@keyframes methodIconPop{
  from{opacity:0;transform:translateY(8px) scale(.94)}
  to{opacity:1;transform:none}
}
@media(max-width:980px){
  .method-steps .step-top{
    grid-template-columns:84px minmax(0,1fr);
    align-items:center;
  }
}
@media(max-width:680px){
  .method-steps{
    padding-left:0;
    gap:12px;
  }
  .method-steps::before,
  .method-steps article::before{
    display:none!important;
  }
  .method-steps article{
    margin-left:0;
  }
  .method-steps article{padding:25px}
  .method.motion-ready .step-icon .icon-line,
  .method.motion-ready .step-icon .icon-accent,
  .method.motion-ready.method-icons-active .step-icon .icon-line,
  .method.motion-ready.method-icons-active .step-icon .icon-accent{
    stroke-dasharray:none!important;
    stroke-dashoffset:0!important;
    opacity:1!important;
    animation:none!important;
    transform:none!important;
  }
  .method.motion-ready .step-icon{
    opacity:0;
    transform:translateY(8px) scale(.94);
  }
  .method.motion-ready.method-icons-active .step-icon{
    animation:methodIconPop .65s cubic-bezier(.22,1,.36,1) forwards;
    animation-delay:var(--step-delay,0ms);
  }
  .method-steps .step-top{
    grid-template-columns:76px minmax(0,1fr);
    gap:16px;
  }
  .step-icon{
    width:76px;
    height:76px;
    padding:15px;
    border-radius:21px;
  }
  .step-icon::after{border-radius:15px}
}

/* CTA secundário da Hero ao lado do CTA principal somente no layout desktop */
.hero-services-inline{display:none}

@media(min-width:1051px){
  .hero-copy .hero-actions{
    gap:14px;
    flex-wrap:nowrap;
  }
  .hero-copy .hero-services-inline{
    display:inline-flex;
    min-width:180px;
    height:56px;
  }
  .hero-system>.hero-services-button{display:none}
  .problem-title,
  .portfolio-title{max-width:none}
  .problem-title>span,
  .portfolio-title>span{white-space:nowrap}
  .before-after .section-head{
    width:min(1100px,100%);
    max-width:none;
  }
  .before-after .before-after-title{
    width:100%;
    max-width:none;
  }
  .before-after-title>span{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .method.motion-ready .step-icon .icon-line,
  .method.motion-ready .step-icon .icon-accent{
    stroke-dasharray:none!important;
    stroke-dashoffset:0!important;
    opacity:1!important;
    animation:none!important;
    transform:none!important;
  }
  .method-steps article:hover .step-icon{transform:none}
}

/* Instagram profile — official account preview */
.instagram-contact{
  overflow:hidden;
}

.instagram-section-logo{
  display:block;
  width:80px;
  height:80px;
  margin:0 auto 16px;
  object-fit:contain;
}

.instagram-section-title>span,
.before-after-title>span{display:block}

.instagram-contact .section-head{margin-bottom:24px}

.instagram-contact::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(41,224,121,.14),transparent 68%);
  pointer-events:none;
}

.instagram-profile-card{
  position:relative;
  max-width:1040px;
  margin:auto;
  padding:38px;
  border:1px solid rgba(13,66,111,.12);
  border-radius:34px;
  background:rgba(255,255,255,.92);
  box-shadow:0 28px 80px rgba(5,31,63,.12);
  overflow:hidden;
}

.instagram-profile-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}

.instagram-profile-header{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:32px;
  align-items:center;
}

.instagram-avatar{
  width:144px;
  height:144px;
  padding:5px;
  border-radius:50%;
  background:linear-gradient(145deg,var(--blue),var(--green));
  box-shadow:0 16px 38px rgba(7,89,143,.2);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;
}

.instagram-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:4px solid #fff;
  border-radius:50%;
}

.instagram-avatar:hover,
.instagram-avatar:focus-visible{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 22px 48px rgba(7,89,143,.28);
}

.instagram-profile-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.instagram-kicker{
  display:block;
  color:#0873a9;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.instagram-profile-title h3{
  margin:2px 0 0;
  color:var(--navy);
  font-size:clamp(1.45rem,2.8vw,2.05rem);
  line-height:1.1;
  letter-spacing:-.035em;
}

.instagram-actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
}

.instagram-profile-button{
  min-height:44px;
  padding:11px 20px;
}

.instagram-message-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border:1px solid #cad8e8;
  border-radius:999px;
  background:#f4f7fb;
  color:var(--ink);
  font-weight:850;
  text-decoration:none;
  transition:background-color .2s,border-color .2s,transform .2s;
}

.instagram-message-button:hover,
.instagram-message-button:focus-visible{
  transform:translateY(-2px);
  border-color:var(--blue);
  background:#eaf7ff;
}

.instagram-name{
  margin:15px 0 9px;
  color:var(--ink);
  font-size:.92rem!important;
  font-weight:800;
}

.instagram-bio{
  display:grid;
  gap:1px;
  color:#40536b;
  font-size:.88rem;
  line-height:1.5;
}

.instagram-bio b{
  color:var(--green);
}

.instagram-site-link{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:12px;
  color:#075f93;
  font-size:.86rem;
  font-weight:850;
  text-decoration:none;
}

.instagram-site-link svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.instagram-highlights{
  display:grid;
  grid-template-columns:repeat(6,minmax(82px,1fr));
  gap:16px;
  margin:32px 0;
  padding:26px 8px 24px;
  border-top:1px solid #e3ebf4;
  border-bottom:1px solid #e3ebf4;
  list-style:none;
}

.instagram-highlights li{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:8px;
  color:#183b5d;
  text-align:center;
}

.instagram-highlights small{
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}

.instagram-highlight-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  padding:15px;
  border:3px solid #fff;
  border-radius:50%;
  outline:2px solid rgba(22,184,255,.28);
  background:linear-gradient(145deg,#f7fcff,#edf9f4);
  color:#08a9c8;
  box-shadow:0 8px 22px rgba(12,67,110,.1);
}

.instagram-highlight-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.instagram-highlight-icon.brand-highlight{
  padding:8px;
}

.instagram-highlight-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.instagram-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.instagram-gallery>a{
  position:relative;
  aspect-ratio:1;
  display:block;
  overflow:hidden;
  border-radius:18px;
  background:#07152c;
  isolation:isolate;
}

.instagram-gallery>a::after{
  content:"";
  position:absolute;
  inset:45% 0 0;
  z-index:1;
  background:linear-gradient(180deg,transparent,rgba(1,10,23,.78));
  opacity:.66;
  transition:opacity .3s;
}

.instagram-gallery img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s;
}

.instagram-gallery>a:hover img,
.instagram-gallery>a:focus-visible img{
  transform:scale(1.055);
  filter:saturate(1.08);
}

.instagram-gallery>a:hover::after,
.instagram-gallery>a:focus-visible::after{
  opacity:.9;
}

.instagram-media-type{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(3,15,33,.7);
  color:#fff;
  font-size:.68rem;
  font-weight:850;
  line-height:1;
  backdrop-filter:blur(8px);
}

.instagram-media-type svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.instagram-media-type svg path:first-child{
  fill:currentColor;
  stroke:none;
}

.instagram-post-cta{
  position:absolute;
  left:18px;
  right:18px;
  bottom:15px;
  z-index:2;
  color:#fff;
  font-size:.85rem;
  font-weight:900;
  text-align:center;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
  transform:translateY(5px);
  transition:transform .3s;
}

.instagram-gallery>a:hover .instagram-post-cta,
.instagram-gallery>a:focus-visible .instagram-post-cta{
  transform:none;
}

.instagram-avatar:focus-visible,
.instagram-gallery>a:focus-visible,
.instagram-profile-button:focus-visible,
.instagram-message-button:focus-visible,
.instagram-site-link:focus-visible{
  outline:3px solid var(--blue);
  outline-offset:4px;
}

@media(max-width:760px){
  .instagram-profile-card{
    padding:26px 22px;
    border-radius:27px;
  }
  .instagram-profile-header{
    grid-template-columns:112px minmax(0,1fr);
    gap:20px;
    align-items:start;
  }
  .instagram-avatar{
    width:108px;
    height:108px;
  }
  .instagram-profile-title{
    display:grid;
    gap:13px;
  }
  .instagram-actions{
    flex-wrap:wrap;
  }
  .instagram-profile-button,
  .instagram-message-button{
    min-height:40px;
    padding:9px 15px;
    font-size:.78rem;
  }
  .instagram-name{
    margin-top:18px;
  }
  .instagram-highlights{
    grid-template-columns:repeat(6,78px);
    justify-content:start;
    gap:12px;
    margin:26px -22px;
    padding:22px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .instagram-highlights::-webkit-scrollbar{display:none}
  .instagram-highlights li{scroll-snap-align:start}
  .instagram-highlight-icon{
    width:66px;
    height:66px;
    padding:13px;
  }
  .instagram-gallery{
    gap:5px;
  }
  .instagram-gallery>a{
    border-radius:11px;
  }
  .instagram-post-cta{
    left:7px;
    right:7px;
    bottom:9px;
    font-size:.66rem;
  }
  .instagram-media-type{
    top:7px;
    right:7px;
    width:28px;
    height:28px;
    justify-content:center;
    padding:6px;
    font-size:0;
  }
}

@media(max-width:480px){
  .instagram-profile-card{
    padding:20px 15px 16px;
    border-radius:23px;
  }
  .instagram-profile-header{
    grid-template-columns:82px minmax(0,1fr);
    gap:14px;
  }
  .instagram-avatar{
    width:78px;
    height:78px;
    padding:3px;
  }
  .instagram-avatar img{border-width:3px}
  .instagram-profile-title h3{font-size:1.2rem}
  .instagram-kicker{font-size:.56rem}
  .instagram-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .instagram-profile-button,
  .instagram-message-button{
    width:100%;
    padding:8px 9px;
    font-size:.66rem;
  }
  .instagram-name{
    grid-column:1/-1;
    margin:18px 0 7px;
    font-size:.8rem!important;
  }
  .instagram-bio{
    grid-column:1/-1;
    font-size:.78rem;
  }
  .instagram-site-link{
    font-size:.76rem;
  }
  .instagram-highlights{
    margin:23px -15px;
    padding:19px 15px;
  }
  .instagram-gallery{
    margin:0 -7px;
    gap:3px;
  }
  .instagram-gallery>a{border-radius:6px}
  .instagram-post-cta{display:none}
  .instagram-media-type{
    top:5px;
    right:5px;
    width:25px;
    height:25px;
  }
}

@media(prefers-reduced-motion:reduce){
  .instagram-avatar,
  .instagram-gallery img,
  .instagram-gallery>a::after,
  .instagram-post-cta{
    transition:none!important;
  }
}

/* Refinamento aprovado: hero desktop, menu, icones soltos e nova ordem */
.method{order:12}
.faq{order:13}
.final-cta{order:14}
.instagram-contact{order:15}

.step-icon{
  width:92px;
  height:92px;
  padding:9px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 12px 18px rgba(22,184,255,.2));
}
.step-icon::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:18%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,184,255,.2),rgba(41,224,121,.08) 45%,transparent 72%);
  filter:blur(8px);
  opacity:.82;
}
.step-icon::after{display:none}
.step-icon svg{
  position:relative;
  z-index:1;
  overflow:visible;
  stroke-width:2;
}
.method-steps article:hover .step-icon{
  transform:translateY(-4px) scale(1.055);
  border-color:transparent;
  box-shadow:none;
  filter:drop-shadow(0 16px 22px rgba(41,224,121,.24));
}

@media(min-width:1280px){
  .site-header{
    width:min(1340px,calc(100% - 24px));
    gap:16px;
  }
  .site-header nav{gap:16px}
  .site-header nav a{font-size:.82rem}
  .hero .hero-grid{
    width:min(1340px,calc(100% - 56px));
    grid-template-columns:minmax(0,1fr) 455px;
    gap:28px;
    align-items:start;
  }
  .hero-copy h1{
    max-width:none;
    margin:22px 0 26px;
    font-size:clamp(7.25rem,8.2vw,7.75rem);
    line-height:.86;
    letter-spacing:-.072em;
  }
  .hero-copy h1 .hero-line-long{
    font-size:.6em;
    letter-spacing:-.055em;
  }
  .hero-copy h1 .hero-line-middle{font-size:.912em}
  .hero-phone-premium{top:7px}
}

@media(max-width:1180px) and (min-width:981px){
  .site-header nav{
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    margin:0;
    padding:16px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(2,10,25,.98);
    box-shadow:0 22px 48px rgba(0,0,0,.42);
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .site-header nav.open{display:flex}
  .menu-toggle{
    display:flex;
    margin-left:auto;
    flex:0 0 46px;
    width:46px;
    height:46px;
    border:0;
    background:transparent;
    align-items:center;
    justify-content:center;
    padding:0 10px;
  }
}

@media(max-width:980px){
  .step-icon{
    width:86px;
    height:86px;
    padding:9px;
  }
  .method-steps .step-top{
    grid-template-columns:86px minmax(0,1fr);
  }
}

@media(max-width:680px){
  /* Método mobile compacto, conectado e com hierarquia reforçada */
  .method-steps{
    position:relative;
    padding-left:18px!important;
    gap:10px;
  }
  .method-steps::before{
    content:"";
    display:block!important;
    position:absolute;
    z-index:0;
    left:2px;
    top:18px;
    bottom:18px;
    width:5px;
    height:auto;
    border-radius:999px;
    background:linear-gradient(180deg,#16b8ff 0%,#6d8cff 25%,#b66cff 50%,#ffb647 75%,#29e079 100%);
    box-shadow:0 0 22px rgba(41,224,121,.32);
  }
  .method-steps article,
  .method-steps article:nth-child(n){
    min-height:0;
    margin-left:8px;
    padding:16px 14px 13px 16px;
    transform:none;
    border-radius:18px;
  }
  .method-steps article::before{
    content:"";
    display:block!important;
    position:absolute;
    z-index:2;
    left:-29px;
    top:22px;
    width:15px;
    height:15px;
    transform:none;
    border:3px solid #06152d;
    border-radius:50%;
    box-shadow:0 0 16px currentColor;
  }
  .method-steps .step-top{
    grid-template-columns:62px minmax(0,1fr);
    gap:10px;
    align-items:center;
  }
  .step-icon{
    width:62px;
    height:62px;
    padding:6px;
  }
  .method-steps .step-top>div>b{
    position:absolute;
    top:6px;
    left:8px;
    margin:0;
    font-size:.68rem;
    line-height:1;
    letter-spacing:.08em;
  }
  .method-steps .step-top h3{
    margin:0;
    font-size:2rem;
    line-height:1;
    letter-spacing:-.04em;
  }
  .method-steps article>p{
    margin:-4px 0 0 72px;
    font-size:.72rem;
    line-height:1.35;
  }
  .method-cta{
    width:min(320px,100%);
    min-height:52px;
    margin:28px auto 0;
  }
  .instagram-contact .section-head{
    margin-bottom:14px;
  }

  /* Títulos aprovados: preservar exatamente os blocos planejados no mobile */
  .problem-title{
    font-size:clamp(1.16rem,5.65vw,1.38rem)!important;
  }
  .problem-title>span:first-child{
    font-size:1.6em;
    line-height:1.05;
  }
  .problem-story{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .services .services-title{
    max-width:none;
    font-size:clamp(1.3rem,7.8vw,1.95rem)!important;
  }
  .services .services-title>span{
    white-space:nowrap;
  }
  .before-after .before-after-title{
    width:100%;
    max-width:none;
    font-size:clamp(1.31rem,6.67vw,1.625rem)!important;
  }
  .portfolio-title{
    max-width:none;
    font-size:clamp(1.45rem,6.55vw,1.6rem)!important;
  }
  .instagram-section-title{
    max-width:none;
    font-size:clamp(1.42rem,6.4vw,1.56rem)!important;
  }
  .problem-title>span,
  .before-after-title>span,
  .portfolio-title>span,
  .instagram-section-title>span{
    white-space:nowrap;
  }
}