:root{
  --blue:#0a56ad;
  --blue-deep:#0b4e91;
  --blue-darker:#073b70;
  --navy:#18243a;
  --muted:#687386;
  --line:#e4e9f0;
  --soft:#f6f8fb;
  --white:#fff;
  --cta:linear-gradient(90deg,#2e5fc7 0%,#7257df 52%,#ee4749 100%);
  --container:min(1120px,calc(100% - 44px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.62;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
.container{width:var(--container);margin-inline:auto}
.section{padding:104px 0}
.kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:#96a0b0;margin-bottom:20px}
.kicker:before{content:"";width:22px;height:3px;border-radius:3px;background:currentColor}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.02em}
h1{font-size:clamp(3rem,5.3vw,5rem)}
h2{font-size:clamp(2rem,3.35vw,3.4rem)}
h3{font-size:1.1rem}
p{margin:0;color:var(--muted);letter-spacing:.005em}
.lead{font-size:1.06rem;line-height:1.78}

/* Header original clean */
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,40,70,.05)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{width:150px;height:auto}
.nav-actions{display:flex;align-items:center;gap:14px}
.btn{appearance:none;border:1.5px solid transparent;border-radius:999px;min-height:48px;padding:0 24px;font:inherit;font-size:.9rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn-outline{background:#fff;border-color:#dfe4eb;color:#253149}
.btn-primary{background:var(--cta);color:#fff;box-shadow:0 10px 24px rgba(84,83,195,.22)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.975)}
.btn-primary:hover{box-shadow:0 14px 28px rgba(84,83,195,.30)}
.btn-outline:hover{border-color:#c8cfda;box-shadow:0 9px 22px rgba(30,47,70,.08)}

/* HERO — diagramação do site original; vídeo substitui a imagem */
.hero{background:#f8fafc;padding:110px 0 116px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:86px;align-items:center}
.hero-copy{max-width:620px}
.hero-copy .kicker{color:#a2abb9}
.hero h1{color:#151f32}
.hero h1 .blue{color:var(--blue)}
.hero .lead{margin-top:26px;max-width:620px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.video-frame{background:#fff;border-radius:28px;padding:12px;box-shadow:0 22px 48px rgba(23,49,82,.10)}
.video-shell{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0c1726}
.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 8px 4px;color:#7b8594;font-size:.82rem}
.video-caption a{font-weight:800;color:var(--blue)}

/* Como funciona — simples, sem excesso visual */
.how{background:#fff}
.section-head{max-width:720px;margin-bottom:58px}
.section-head h2{color:#152033}
.section-head .lead{margin-top:18px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.step{padding-right:24px}
.step-label{display:inline-flex;align-items:center;justify-content:center;width:max-content;font-size:.78rem;letter-spacing:.04em;color:#0b57b5;font-weight:900;margin-bottom:20px;padding:10px 18px;border-radius:999px;background:rgba(11,87,181,.10);box-shadow:0 6px 16px rgba(11,87,181,.08)}
.step h3{font-size:1.22rem;color:#263149;margin-bottom:12px}
.step p{font-size:.96rem}
.step-icon{width:54px;height:54px;border-radius:16px;background:#edf4fb;color:var(--blue);display:grid;place-items:center;font-size:1.55rem;margin-bottom:22px}

/* Segurança */
.security{background:#f7f9fc}
.security-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:76px;align-items:center}
.security .lead{margin-top:20px;max-width:650px}
.checks{display:grid;gap:24px;margin-top:38px}
.check-row{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start}
.checkmark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:var(--blue);font-weight:900}
.check-row strong{display:block;color:#273249;margin-bottom:6px}
.check-row p{font-size:.94rem}
.security-art{display:grid;place-items:center;min-height:420px}
.security-art img{width:min(100%,390px);animation:float 3.8s ease-in-out infinite;filter:drop-shadow(0 17px 22px rgba(15,65,115,.10))}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* Soluções — clean, 2 colunas */
.solutions{background:#fff}
.solutions-title{max-width:800px;margin-bottom:54px}
.solutions-title .lead{margin-top:18px}
.solutions-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:48px}
.solution{border-top:1px solid #e5eaf0;padding-top:26px}
.solution h3{color:#273249;margin-bottom:13px;font-size:1.17rem}
.solution p,.solution li{font-size:.95rem;color:var(--muted)}
.solution ul{margin:18px 0 0;padding-left:20px}
.solution li+li{margin-top:11px}

/* BLOCO AZUL — manter a diagramação original */
.experience{position:relative;background:linear-gradient(135deg,#0b4d8e 0%,#0c5bb0 100%);overflow:hidden;padding:112px 0;color:#fff}
.experience:after{content:"";position:absolute;right:-120px;bottom:-170px;width:440px;height:440px;border:58px solid rgba(255,255,255,.07);border-radius:50%}
.experience-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .88fr;gap:92px;align-items:center}
.experience .kicker{color:#fff}
.experience h2{color:#fff;max-width:600px}
.experience .lead{color:rgba(255,255,255,.78);margin-top:22px;max-width:610px}
.experience-copy p+p{margin-top:14px}
.experience-store-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.store-badge{display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 16px;border-radius:18px;background:rgba(7,17,29,.92);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px rgba(2,11,24,.22);transition:transform .18s ease,box-shadow .18s ease}
.store-badge:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(2,11,24,.28)}
.store-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06))}
.store-icon svg{width:24px;height:24px;display:block}
.store-copy{display:flex;flex-direction:column;line-height:1.1}
.store-copy small{font-size:.74rem;letter-spacing:.02em;color:rgba(255,255,255,.72);margin-bottom:5px}
.store-copy strong{font-size:1.08rem;color:#fff}
.experience-photo{background:#fff;border-radius:28px;padding:14px;box-shadow:0 24px 50px rgba(4,23,45,.20)}
.experience-photo img{border-radius:20px;width:100%}

/* Implantação ágil */
.implant{background:#fff}
.implant-grid{display:grid;grid-template-columns:1fr .92fr;gap:78px;align-items:center}
.implant h2{color:#162033}
.implant .lead{margin-top:20px}
.implant-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.implant-visual{display:grid;place-items:center}
.implant-visual img{width:min(100%,430px)}

/* Footer — mesmo espírito, sociais só por ícones */
.footer{background:#071a2e;color:#fff;padding:62px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:58px;align-items:start}
.footer-logo{width:160px;filter:brightness(0) invert(1)}
.footer-copy{margin-top:18px;color:#b9c5d2;max-width:430px;font-size:.94rem}
.footer-copy strong{color:#fff}
.footer-title{font-weight:800;margin-bottom:16px}
.footer-links{display:grid;gap:10px;color:#b9c5d2;font-size:.92rem}
.footer-links a:hover,.footer-links button:hover{color:#fff}
.footer-links button{background:none;border:0;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer}
.socials{display:flex;gap:12px;flex-wrap:wrap}
.social{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.2s}
.social:hover{background:#fff;transform:translateY(-3px)}
.social svg{width:21px;height:21px;fill:#fff}
.social:hover svg{fill:#0b4e91}
.copyright{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#91a1b3;font-size:.82rem}

/* Chat flutuante */
.chat-launch{position:fixed;right:18px;bottom:18px;z-index:1500;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:#ff5344;color:#fff;font-size:1.35rem;cursor:pointer;box-shadow:0 16px 34px rgba(255,83,68,.30);transition:.18s}
.chat-launch:hover{transform:translateY(-3px) scale(1.04)}
.chat-launch:active{transform:scale(.96)}
.chat-box{position:fixed;right:18px;bottom:88px;z-index:1499;width:min(340px,calc(100vw - 28px));background:#fff;border:1px solid #e5eaf0;border-radius:22px;box-shadow:0 24px 60px rgba(10,28,48,.18);display:none;overflow:hidden}
.chat-box.open{display:block}
.chat-head{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f8fafc;padding:16px 18px;border-bottom:1px solid #eef1f5}
.chat-head strong{color:#253149}
.chat-close{border:0;background:none;font-size:1.5rem;cursor:pointer;color:#6e7989}
.chat-body{padding:18px}
.chat-body p{font-size:.94rem}
.chat-status{margin:15px 0;border:1px solid #e7ecf1;border-radius:16px;padding:14px}
.chat-status strong{display:block;margin-bottom:6px;color:#354156}

.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none;transition:none}.security-art img{animation:none}}

@media(max-width:980px){
 .hero-grid,.security-grid,.experience-grid,.implant-grid{grid-template-columns:1fr;gap:48px}
 .hero{padding:76px 0 86px}
 .video-frame{max-width:680px}
 .video-shell{aspect-ratio:16/9}
 .steps{grid-template-columns:1fr;gap:34px}
 .solutions-grid{grid-template-columns:1fr;gap:34px}
 .experience-photo{max-width:620px}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 :root{--container:min(100% - 32px,1120px)}
 .nav{height:auto;min-height:78px;padding:12px 0;flex-wrap:wrap}
 .logo img{width:136px}
 .nav-actions{gap:8px}
 .btn{min-height:44px;padding:0 17px;font-size:.82rem}
 .section{padding:76px 0}
 .hero{padding:64px 0 76px}
 .hero-actions,.implant-actions{display:grid;grid-template-columns:1fr}
 .hero-actions .btn,.implant-actions .btn{width:100%}
 .video-shell{aspect-ratio:16/9}
 .experience{padding:82px 0}
 .experience-grid{gap:42px}
 .footer-grid{grid-template-columns:1fr;gap:38px}
 .copyright{display:grid}
}
@media(max-width:420px){
 :root{--container:min(100% - 24px,1120px)}
 h1{font-size:2.5rem}
 h2{font-size:2rem}
 .nav-actions{width:100%;justify-content:flex-start}
 .nav-actions .btn{flex:1}
 .video-caption{display:block}
 .video-caption a{display:inline-block;margin-top:4px}
 .social{width:42px;height:42px}
}


/* ===== V12 — loops suaves nos ícones + refinamento mobile ===== */
.step-icon{
  transform-origin:center;
  will-change:transform,box-shadow;
  animation:stepIconFloatA 3.6s ease-in-out infinite;
  box-shadow:0 8px 20px rgba(10,86,173,.06);
}
.step:nth-child(2) .step-icon{animation-name:stepIconFloatB;animation-duration:4.1s;animation-delay:-1.15s}
.step:nth-child(3) .step-icon{animation-name:stepIconFloatC;animation-duration:3.8s;animation-delay:-.55s}
@keyframes stepIconFloatA{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  50%{transform:translateY(-7px) rotate(-2deg) scale(1.035);box-shadow:0 13px 24px rgba(10,86,173,.11)}
}
@keyframes stepIconFloatB{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  50%{transform:translateY(-6px) rotate(3deg) scale(1.04);box-shadow:0 13px 24px rgba(10,86,173,.10)}
}
@keyframes stepIconFloatC{
  0%,100%{transform:translateY(0) scale(1)}
  45%{transform:translateY(-5px) scale(1.06)}
  60%{transform:translateY(-5px) scale(1.02)}
}

.checkmark{
  transform-origin:center;
  will-change:transform,box-shadow;
  animation:checkPulse 3.1s ease-in-out infinite;
}
.check-row:nth-child(2) .checkmark{animation-delay:-.7s}
.check-row:nth-child(3) .checkmark{animation-delay:-1.4s}
.check-row:nth-child(4) .checkmark{animation-delay:-2.1s}
@keyframes checkPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(10,86,173,0)}
  50%{transform:scale(1.09);box-shadow:0 0 0 6px rgba(10,86,173,.055)}
}

.security-art img{
  animation:securityFloatLoop 4s ease-in-out infinite !important;
  transform-origin:center;
  will-change:transform;
}
@keyframes securityFloatLoop{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-14px) rotate(.8deg)}
}

.implant-visual img{
  transform-origin:center;
  will-change:transform;
  animation:implantFloatLoop 4.4s ease-in-out infinite;
}
@keyframes implantFloatLoop{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.018)}
}

.social svg{
  transform-origin:center;
  will-change:transform;
  animation:socialIconLoop 3.2s ease-in-out infinite;
}
.social:nth-child(2) svg{animation-delay:-.7s}
.social:nth-child(3) svg{animation-delay:-1.4s}
.social:nth-child(4) svg{animation-delay:-2.1s}
@keyframes socialIconLoop{
  0%,100%{transform:translateY(0) scale(1) rotate(0deg)}
  50%{transform:translateY(-2px) scale(1.08) rotate(2deg)}
}

.chat-launch{animation:chatBreathLoop 3.4s ease-in-out infinite}
@keyframes chatBreathLoop{
  0%,100%{box-shadow:0 16px 34px rgba(255,83,68,.30);transform:translateY(0) scale(1)}
  50%{box-shadow:0 18px 38px rgba(255,83,68,.40);transform:translateY(-3px) scale(1.025)}
}
.chat-launch:hover{animation-play-state:paused;transform:translateY(-4px) scale(1.06)}
.chat-launch:active{animation-play-state:paused;transform:scale(.95)}

/* Tablet e celular: preserve proporções e áreas de toque */
@media(max-width:980px){
  .hero-grid,.security-grid,.experience-grid,.implant-grid{align-items:start}
  .video-frame{width:100%;max-width:720px}
  .security-art,.implant-visual{min-height:0}
  .security-art img{width:min(82vw,360px)}
  .implant-visual img{width:min(88vw,400px)}
  .experience-photo{width:100%;max-width:580px}
}
@media(max-width:700px){
  body{font-size:16px}
  .container{width:var(--container)}
  .hero-grid,.security-grid,.experience-grid,.implant-grid{gap:40px}
  .section-head{margin-bottom:42px}
  .steps{gap:38px}
  .step{padding-right:0}
  .step-icon{width:52px;height:52px;margin-bottom:18px}
  .checks{gap:22px;margin-top:32px}
  .check-row{grid-template-columns:30px minmax(0,1fr)}
  .solution{padding-top:22px}
  .video-frame{border-radius:22px;padding:9px}
  .video-shell{border-radius:16px}
  .experience-photo{padding:10px;border-radius:22px}
  .experience-photo img{border-radius:15px}
  .socials{gap:14px}
  .social{min-width:44px;min-height:44px}
  .chat-launch{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:56px;height:56px}
  .chat-box{right:14px;bottom:82px;width:min(340px,calc(100vw - 28px))}
}
@media(max-width:420px){
  .header{position:sticky}
  .nav{gap:10px}
  .logo{width:100%;display:flex;justify-content:flex-start}
  .nav-actions{display:grid;grid-template-columns:1fr 1.35fr;width:100%;gap:9px}
  .nav-actions .btn{width:100%;min-width:0;padding-inline:12px;font-size:.78rem}
  .hero{padding:52px 0 64px}
  .hero h1{font-size:clamp(2.25rem,11.5vw,2.7rem);line-height:1.08}
  h2{font-size:clamp(1.85rem,9vw,2.2rem)}
  .lead{font-size:1rem;line-height:1.72}
  .hero-actions,.implant-actions{gap:10px}
  .video-caption{padding:11px 5px 2px;font-size:.78rem}
  .section{padding:66px 0}
  .experience{padding:72px 0}
  .experience:after{width:320px;height:320px;border-width:42px;right:-165px;bottom:-135px}
  .security-art img{width:min(78vw,300px)}
  .implant-visual img{width:min(84vw,340px)}
  .footer{padding-top:52px}
  .footer-grid{gap:34px}
  .copyright{margin-top:36px}
}

@media (prefers-reduced-motion:reduce){
  .step-icon,.checkmark,.security-art img,.implant-visual img,.social svg,.chat-launch{animation:none!important}
}


    /* ===== Ajuste V13: títulos azuis, mantendo o primeiro título misto ===== */
    .how h2,
    .how h3,
    .security h2,
    .security .check-row strong,
    .solutions h2,
    .solutions h3,
    .implant h2{
      color:var(--blue) !important;
    }

    /* Mantém o primeiro título exatamente como aprovado */
    .hero h1{color:#151f32 !important}
    .hero h1 .blue{color:var(--blue) !important}

    /* Mantém títulos brancos em áreas de fundo escuro */
    .experience h2{color:#fff !important}



/* ===== FINAL CONSOLIDADO — diagramação do site original + ajustes aprovados ===== */

/* Ordem visual: bloco azul primeiro, depois hero com capa do futuro MP4 */
.experience{padding:108px 0 112px}
.experience-grid{grid-template-columns:1fr .88fr;gap:86px}

/* Capa estática do vídeo — pronta para o MP4 do desenvolvedor */
.video-frame{background:#fff;border-radius:24px;padding:10px;box-shadow:0 20px 44px rgba(23,49,82,.11);border:1px solid #e7ebf1}
.video-shell{position:relative;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#0c1726}
.video-shell iframe{display:none!important}
.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:rgba(255,255,255,.92);color:var(--blue);font-size:1.55rem;box-shadow:0 12px 30px rgba(0,0,0,.18);pointer-events:none}
.video-caption{display:none!important}

/* Como funciona — cards exatamente no espírito do site existente */
.how{background:#fff}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.step{background:#fff;border:1px solid #dfe4eb;border-radius:18px;padding:34px 32px 36px;box-shadow:0 3px 8px rgba(20,40,70,.08);min-height:290px}
.step-label{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-bottom:18px;color:#0b57b5;font-size:.8rem;letter-spacing:.04em;font-weight:900;padding:10px 18px;border-radius:999px;background:rgba(11,87,181,.10);box-shadow:0 6px 16px rgba(11,87,181,.08)}
.step h3{font-size:1.2rem;margin-bottom:16px;color:var(--blue)!important}
.step p{font-size:.98rem;line-height:1.7}
.step-icon{display:none!important}

/* Soluções — mesmos fundos, quadros, bordas e respiro da referência original */
.solutions{background:#f7f9fc!important}
.solutions-title{max-width:860px;margin-bottom:58px}
.solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.solution{background:#fff;border:1px solid #dfe4eb;border-radius:18px;padding:34px 36px 36px;box-shadow:0 2px 7px rgba(20,40,70,.045);border-top:1px solid #dfe4eb;display:flex;flex-direction:column;min-width:0}
.solution h3{color:var(--blue)!important;margin-bottom:14px;font-size:1.16rem}
.solution p,.solution li{font-size:.95rem;line-height:1.65}
.solution ul{margin:16px 0 0;padding-left:21px}
.solution li+li{margin-top:8px}
.solution-icon-wrap{margin-top:auto;padding-top:24px;display:grid;place-items:center}
.solution-icon{width:150px;max-width:42%;height:auto;animation:legalIconLoop 4s ease-in-out infinite;filter:drop-shadow(0 12px 17px rgba(15,65,115,.10))}
@keyframes legalIconLoop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.7deg)}}

/* Mantém a hierarquia de cores já aprovada */
.hero h1{color:#151f32!important}
.hero h1 .blue{color:var(--blue)!important}
.how h2,.how h3,.security h2,.security .check-row strong,.solutions h2,.solutions h3,.implant h2{color:var(--blue)!important}
.experience h2{color:#fff!important}

/* Refinamento responsivo */
@media(max-width:980px){
  .experience{padding:84px 0 88px}
  .experience-grid{grid-template-columns:1fr;gap:44px}
  .experience-photo{max-width:620px}
  .hero-grid{grid-template-columns:1fr;gap:46px}
  .video-frame{max-width:760px;width:100%}
  .steps{grid-template-columns:1fr;gap:22px}
  .step{min-height:0}
  .solutions-grid{grid-template-columns:1fr;gap:22px}
  .solution{padding:30px}
  .solution-icon{max-width:170px;width:38%}
}
@media(max-width:700px){
  .experience{padding:70px 0 74px}
  .experience-grid{gap:34px}
  .experience-photo{width:100%;max-width:none}
  .hero{padding:62px 0 72px}
  .hero-grid{gap:36px}
  .video-frame{padding:7px;border-radius:19px}
  .video-shell{border-radius:13px}
  .video-play{width:56px;height:56px;font-size:1.25rem}
  .steps{gap:18px}
  .step{padding:26px 24px 28px;border-radius:16px}
  .solutions-title{margin-bottom:40px}
  .solution{padding:26px 24px 28px;border-radius:16px}
  .solution-icon{width:135px;max-width:45%}
}
@media(max-width:420px){
  .experience{padding:60px 0 64px}
  .experience .lead{font-size:.97rem}
  .experience-photo{padding:9px;border-radius:20px}
  .experience-photo img{border-radius:14px}
  .hero{padding:54px 0 62px}
  .step{padding:24px 20px 26px}
  .step-label{font-size:.72rem;padding:9px 15px}
  .solution{padding:24px 20px 26px}
  .solution p,.solution li,.step p{font-size:.94rem}
  .video-play{width:50px;height:50px;font-size:1.12rem}
}
@media(prefers-reduced-motion:reduce){.solution-icon{animation:none!important}}



/* ===== AJUSTE 01.10.2026 — blocos, ícones 3D e aba Planos ===== */
.nav-links{display:flex;align-items:center;margin-left:auto;margin-right:6px}
.nav-tab{font-size:.9rem;font-weight:800;color:#253149;padding:12px 16px;border-radius:999px;transition:.18s}
.nav-tab:hover{background:#f1f5fa;color:var(--blue);transform:translateY(-1px)}

/* blocos com leve sombra projetada, seguindo o visual do site original */
.how,.security,.solutions,.implant,.plans{background:#f6f8fb!important}
.how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container{
  background:#fff;border:1px solid rgba(18,47,80,.08);border-radius:28px;
  box-shadow:0 16px 38px rgba(17,46,78,.08);padding:clamp(30px,5vw,64px);
}
.section.how,.section.security,.section.solutions,.section.implant,.section.plans{padding:52px 0}
.section.how{padding-top:72px}

/* cards internos */
.step,.solution{border-color:rgba(18,47,80,.08)!important;box-shadow:0 9px 24px rgba(20,48,80,.07)!important}
.step:hover,.solution:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,48,80,.10)!important}
.step,.solution{transition:transform .22s ease,box-shadow .22s ease}

/* ícones 3D no mesmo universo azul/vermelho do PREMIAEU */
.step-icon3d{width:88px;height:88px;margin-bottom:10px;display:grid;place-items:center}
.step-icon3d img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(12,61,112,.16));animation:icon3dFloat 4s ease-in-out infinite}
.step:nth-child(2) .step-icon3d img{animation-delay:-1.2s}.step:nth-child(3) .step-icon3d img{animation-delay:-2.1s}
.solution-icon-wrap{margin-top:auto;padding-top:24px;display:grid;place-items:center}
.security-art img,.implant-visual img{filter:drop-shadow(0 18px 22px rgba(12,61,112,.16));animation:icon3dFloat 4.2s ease-in-out infinite;width:min(100%,330px)}
@keyframes icon3dFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.7deg)}}

/* Planos — espaço reservado */
.plans-card{text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.plans-card .kicker{justify-content:center;color:#98a3b4}
.plans-card h2{color:#162033;margin-bottom:18px}
.plans-card .lead{max-width:680px}
.plans-placeholder{margin-top:30px;width:min(760px,100%);min-height:120px;border:2px dashed #d9e2ec;border-radius:22px;background:#f9fbfd;display:grid;place-items:center;padding:24px;color:#8a96a7;font-weight:700}

@media(max-width:980px){
 .nav{flex-wrap:wrap}.nav-links{order:3;width:100%;margin:0;justify-content:center;border-top:1px solid #eef2f6;padding-top:8px}
 .nav-actions{margin-left:auto}
 .how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container{padding:34px}
}
@media(max-width:700px){
 .nav-links{order:3;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
 .nav-tab{padding:9px 12px}
 .how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container{padding:24px;border-radius:22px}
 .section.how,.section.security,.section.solutions,.section.implant,.section.plans{padding:28px 0}
 .step-icon3d{display:none!important}
}

/* ÍCONES 3D ORIGINAIS DO SITE OFICIAL — mesmos assets e movimento flutuante */
.security-art img{width:min(100%,390px);animation:securityFloatLoop 4s ease-in-out infinite!important;filter:drop-shadow(0 17px 22px rgba(15,65,115,.10))}
@keyframes securityFloatLoop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(.45deg)}}
.solution-icon-wrap{margin-top:auto;padding-top:24px;display:grid;place-items:center}
.solution-icon{width:150px;max-width:42%;height:auto;animation:legalIconLoop 4s ease-in-out infinite;filter:drop-shadow(0 12px 17px rgba(15,65,115,.10))}
@keyframes legalIconLoop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.7deg)}}
.implant-visual img{width:min(100%,430px);animation:implantFloatLoop 4.4s ease-in-out infinite;filter:drop-shadow(0 16px 22px rgba(15,65,115,.10))}
@keyframes implantFloatLoop{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-.45deg)}}
@media(prefers-reduced-motion:reduce){.security-art img,.solution-icon,.implant-visual img{animation:none!important}}

/* GABARITO VISUAL DO SITE OFICIAL — preservar estes elementos sem redesenhar */
.security-art img{width:min(100%,390px)!important;object-fit:contain;animation:premiaShieldFloat 4s ease-in-out infinite!important;filter:drop-shadow(0 17px 22px rgba(15,65,115,.10))!important}
.solution-icon-wrap{margin-top:22px;display:grid;place-items:center}
.solution-icon{width:150px!important;max-width:42%!important;height:auto!important;object-fit:contain;animation:premiaLegalFloat 4s ease-in-out infinite!important;filter:drop-shadow(0 12px 17px rgba(15,65,115,.10))!important}
.implant-visual img{width:min(100%,430px)!important;object-fit:contain;animation:premiaImplantFloat 4.4s ease-in-out infinite!important;filter:drop-shadow(0 16px 22px rgba(15,65,115,.10))!important}
@keyframes premiaShieldFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-14px,0) rotate(.45deg)}}
@keyframes premiaLegalFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(.7deg)}}
@keyframes premiaImplantFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-12px,0) rotate(-.45deg)}}
@media(prefers-reduced-motion:reduce){.security-art img,.solution-icon,.implant-visual img{animation:none!important}}


/* ===== REFINOS VISUAIS 01.10.2026 — comparação com o site original ===== */
.how>.container,.plans>.container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
.how .section-head,.plans-head{max-width:780px;margin-bottom:36px}
.how .lead{max-width:620px}
.steps{gap:22px!important;align-items:stretch}
.step{min-height:0!important;padding:28px 30px 30px!important;border-radius:20px!important;box-shadow:0 6px 18px rgba(18,47,80,.07)!important}
.step h3{max-width:230px;line-height:1.15!important;margin-bottom:18px!important}
.step p{color:#67758b!important;line-height:1.62!important;margin:0!important}
.step p+p{margin-top:18px!important}
.step-label{font-size:.84rem!important;letter-spacing:.02em!important;color:#5b63e6!important;background:rgba(91,99,230,.10)!important;box-shadow:none!important;padding:12px 24px!important;margin-bottom:24px!important}

/* Botões App Store / Google Play com mais destaque */
.experience-store-badges{gap:16px!important;margin-top:30px!important}
.store-badge{background:#fff!important;color:#1d2c44!important;border:none!important;box-shadow:0 14px 28px rgba(3,16,33,.18)!important;min-width:238px!important;padding:14px 18px!important}
.store-badge:hover{transform:translateY(-3px)!important;box-shadow:0 18px 36px rgba(3,16,33,.22)!important}
.store-icon{background:linear-gradient(135deg,#f4f7fc,#e7eef8)!important;border:1px solid #e0e7f1}
.store-copy small{color:#70819a!important}
.store-copy strong{color:#18263c!important}
.store-icon.apple svg path{fill:#18263c!important}

/* Checks verdes como no original */
.checkmark,.plan-check{background:rgba(29,185,84,.12)!important;color:#1ea957!important}

/* Planos */
.section.plans{padding-top:44px!important}
.plans-logo{width:168px;max-width:100%;margin-bottom:16px}
.plans-head .kicker{margin-top:4px}
.trial-pill{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#506078;font-size:.96rem;font-weight:500;box-shadow:0 10px 24px rgba(17,46,78,.06);margin-bottom:32px}
.trial-pill-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2f6df6,#ff5566);color:#fff;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pricing-grid-site{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.plan-card-site{position:relative;background:#fff;border:1px solid rgba(18,47,80,.08);border-radius:28px;padding:34px 30px 32px;box-shadow:0 12px 28px rgba(17,46,78,.08);display:flex;flex-direction:column;min-height:100%}
.plan-card-site.featured{border:2px solid rgba(11,87,181,.22);box-shadow:0 18px 38px rgba(11,87,181,.14);transform:translateY(-2px)}
.featured-tag{position:absolute;top:-14px;left:30px;background:linear-gradient(135deg,#2f6df6,#ff5566);color:#fff;padding:7px 14px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 18px rgba(47,109,246,.25)}
.plan-header-site h3{font-size:1.46rem;line-height:1.16;color:#162033;margin-bottom:12px}
.plan-header-site p{font-size:.98rem;line-height:1.58;color:#6c7a8f;min-height:76px}
.plan-price{display:flex;align-items:flex-end;gap:6px;margin:20px 0 6px}
.plan-price.consultation{display:block}
.price-main{font-size:2.55rem;font-weight:900;line-height:1;color:#162033}
.price-main.smaller{font-size:2rem}
.price-period{font-size:1rem;font-weight:700;color:#6c7a8f;line-height:1.3}
.price-note{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700;margin-bottom:22px;width:max-content}
.price-note.success{background:#eefaf2;color:#1a8d4d;border:1px solid #ccecd7}
.price-note.info{background:#eef4ff;color:#2b63cf;border:1px solid #d5e3ff}
.price-note.neutral{background:#f2f5f8;color:#5c6b7f;border:1px solid #dce5ed}
.plan-btn{margin-bottom:26px;justify-content:center}
.plan-divider{height:1px;background:#e8eef5;margin-bottom:24px}
.plan-group-title{font-size:.82rem;font-weight:900;color:#162033;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px}
.plan-group-title.second{margin-top:24px}
.plan-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.plan-feature-list li{display:flex;align-items:flex-start;gap:12px;color:#68768a;font-size:.95rem;line-height:1.55}
.plan-check{width:24px;height:24px;min-width:24px;border-radius:50%;display:grid;place-items:center;font-size:1rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(29,185,84,.08)}

/* Implantação com ícone menor e centralizado, no padrão do original */
.implant>.container{padding:clamp(34px,5vw,60px)!important}
.implant-grid{grid-template-columns:1.03fr .97fr!important;gap:40px!important;align-items:center!important}
.implant .lead{max-width:580px}
.implant-visual{display:grid;place-items:center}
.implant-visual img{width:min(100%,320px)!important;max-width:320px!important;margin:0 auto!important;filter:drop-shadow(0 16px 18px rgba(15,65,115,.10))!important}

@media(max-width:1100px){
  .pricing-grid-site{grid-template-columns:1fr;gap:22px}
  .plan-card-site.featured{transform:none}
  .plan-header-site p{min-height:0}
}
@media(max-width:980px){
  .how .section-head,.plans-head{margin-bottom:28px}
  .implant-grid{grid-template-columns:1fr!important;gap:26px!important}
  .implant-visual{order:2}
  .implant-visual img{width:min(100%,280px)!important;max-width:280px!important}
}
@media(max-width:700px){
  .trial-pill{display:flex;border-radius:22px;padding:14px 16px;align-items:flex-start}
  .step{padding:24px 22px 24px!important}
  .step-label{padding:10px 20px!important;margin-bottom:20px!important}
  .store-badge{width:100%;max-width:320px}
  .plans-logo{width:142px}
  .plan-card-site{padding:28px 22px 26px;border-radius:22px}
}


/* ===== BLOCO FINAL — WHITE LABEL & IDENTIDADE ===== */
.section.whitelabel{background:#f6f8fb;padding:52px 0 70px}
.whitelabel-box{background:#fff;border:1px solid rgba(18,47,80,.08);border-radius:28px;box-shadow:0 16px 38px rgba(17,46,78,.08);padding:clamp(34px,5vw,60px);display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.whitelabel-copy h2{color:var(--blue);max-width:620px;margin-bottom:20px}
.whitelabel-copy .lead{max-width:620px;color:#65748a}
.whitelabel-features{display:flex;flex-direction:column;gap:26px}
.whitelabel-item{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start}
.whitelabel-check{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(29,185,84,.12);color:#1ea957;font-size:1.2rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(29,185,84,.08)}
.whitelabel-item h4{font-size:1.06rem;color:#1c2a40;margin:2px 0 6px;font-weight:800}
.whitelabel-item p{margin:0;color:#6b788b;line-height:1.6;font-size:.96rem}
@media(max-width:980px){.whitelabel-box{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){.section.whitelabel{padding:28px 0 44px}.whitelabel-box{padding:26px 22px;border-radius:22px}.whitelabel-item{grid-template-columns:36px 1fr;gap:13px}.whitelabel-check{width:34px;height:34px}}


/* ===== AJUSTES FINAIS 01.10.2026 — hero, planos e contratação ===== */
.hero-audience{display:inline-flex;max-width:max-content;padding:18px 34px;border-radius:999px;background:rgba(101,109,238,.12);color:#5f67e8!important;text-transform:none!important;letter-spacing:-.02em!important;font-size:clamp(1.12rem,1.75vw,1.6rem)!important;font-weight:900!important;line-height:1.15!important;margin-bottom:26px!important}
.hero-audience:before{display:none!important}
.btn-plan-highlight{background:#fff;color:#22426d;border-color:#dfe4eb;box-shadow:0 12px 28px rgba(32,54,88,.10)}
.btn-plan-highlight:hover{border-color:#cdd6e2;box-shadow:0 16px 30px rgba(32,54,88,.14)}
.nav-tab-plans{background:linear-gradient(90deg,rgba(46,95,199,.10) 0%,rgba(238,71,73,.10) 100%);color:var(--blue);box-shadow:inset 0 0 0 1px rgba(10,86,173,.10)}
.nav-tab-plans:hover{background:linear-gradient(90deg,rgba(46,95,199,.15) 0%,rgba(238,71,73,.15) 100%)!important;color:var(--blue)!important}

.plan-signup-box{margin-top:34px;background:#fff;border:1px solid rgba(18,47,80,.08);border-radius:28px;padding:34px 32px;box-shadow:0 12px 30px rgba(17,46,78,.08)}
.plan-signup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.plan-signup-head .kicker{margin-bottom:16px}
.plan-signup-head h3{font-size:clamp(1.45rem,2.5vw,2rem);color:#162033;margin-bottom:10px}
.autosave-note{display:inline-flex;align-items:center;gap:10px;background:#f4f8ff;border:1px solid #dde8fb;border-radius:999px;padding:10px 16px;color:#49637f;font-weight:700;font-size:.88rem;white-space:nowrap}
.autosave-dot{width:10px;height:10px;border-radius:50%;background:#22b45c;box-shadow:0 0 0 6px rgba(34,180,92,.12)}
.plan-signup-form{display:grid;gap:26px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field-full{grid-column:1/-1}
.field label{font-size:.9rem;font-weight:800;color:#243149}
.field input,.field select,.field textarea{width:100%;min-height:54px;padding:0 16px;border-radius:16px;border:1px solid #dce5ef;background:#fbfdff;font:inherit;color:#18243a;outline:none;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}
.field textarea{min-height:132px;padding:15px 16px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8fb4ea;box-shadow:0 0 0 4px rgba(46,95,199,.10);background:#fff}
.payment-box{border-top:1px solid #e8eef5;padding-top:24px;display:grid;gap:18px}
.payment-copy h4{margin:0 0 8px;color:#162033;font-size:1.12rem}
.payment-options{display:flex;flex-wrap:wrap;gap:12px}
.pay-option{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #dce5ef;border-radius:999px;background:#f8fbff;color:#314159;font-weight:700;cursor:pointer}
.pay-option input{accent-color:#2e5fc7}
.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-signup-actions{display:flex;gap:14px;flex-wrap:wrap}

@media(max-width:980px){
  .plan-signup-head{flex-direction:column}
  .payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .hero-audience{padding:16px 20px;border-radius:22px;font-size:1rem!important;max-width:100%}
  .plan-signup-box{padding:26px 20px;border-radius:22px}
  .form-grid,.payment-grid{grid-template-columns:1fr}
  .autosave-note{white-space:normal;border-radius:18px}
}


/* ===== V14 — refinamento do destaque, logo original e cadastro sob demanda ===== */
.logo img{width:154px!important;height:auto!important;object-fit:contain;background:#fff}
.plans-logo{width:176px!important;height:auto!important;object-fit:contain;background:#fff}

.hero-audience{max-width:720px!important;padding:16px 26px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(90,98,232,.10),rgba(101,109,238,.16))!important;border:1px solid rgba(95,103,232,.10);box-shadow:0 10px 28px rgba(70,78,180,.08)!important}
.hero-audience span{display:block;text-wrap:balance;color:#5962e6;font-size:clamp(1.02rem,1.45vw,1.35rem);font-weight:850;line-height:1.28;letter-spacing:-.02em}

.nav-tab-plans{display:inline-flex!important;align-items:center;gap:8px!important;padding:11px 18px!important;background:linear-gradient(90deg,#2e5fc7 0%,#7257df 52%,#ee4749 100%)!important;color:#fff!important;box-shadow:0 10px 22px rgba(84,83,195,.22)!important;border:none!important}
.nav-tab-plans svg{width:15px;height:15px;transition:transform .18s ease}
.nav-tab-plans:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(84,83,195,.30)!important;background:linear-gradient(90deg,#2e5fc7 0%,#7257df 52%,#ee4749 100%)!important}
.nav-tab-plans:hover svg{transform:translateX(3px)}

.btn-plan-highlight{display:inline-flex!important;align-items:center;gap:9px!important;background:#fff!important;color:#244466!important;border:1.5px solid #d8e1ec!important;box-shadow:0 10px 22px rgba(27,48,78,.09)!important}
.btn-plan-highlight svg{width:16px;height:16px;transition:transform .18s ease}
.btn-plan-highlight:hover{border-color:#bfcde0!important;color:var(--blue)!important;box-shadow:0 14px 28px rgba(27,48,78,.14)!important}
.btn-plan-highlight:hover svg{transform:translateX(3px)}

.plan-signup-box[hidden]{display:none!important}
.plan-signup-box.signup-open{display:block!important;animation:signupReveal .36s ease both}
@keyframes signupReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
  .hero-audience{padding:14px 18px!important;border-radius:20px!important}
  .hero-audience span{font-size:.98rem;line-height:1.35}
  .nav-tab-plans{padding:10px 15px!important}
}


/* ===== AJUSTE FINAL DE LOGO E KICKERS ===== */
:root{--premiaeu-accent:#ff4b33}
.kicker{color:var(--premiaeu-accent)!important}
.hero-audience{color:var(--premiaeu-accent)!important}
.logo img,.plans-logo,.footer-logo{display:block;background:transparent!important;image-rendering:auto;object-fit:contain}
.logo img{width:clamp(174px,15vw,230px)!important;height:auto!important}
.plans-logo{width:190px!important;max-width:100%;height:auto!important;background:transparent!important}
.footer-logo{width:190px!important;height:auto!important;filter:none!important;background:transparent!important}


.accent-eu{color:var(--premiaeu-accent)!important;font-weight:900}
.accent-kicker{color:var(--premiaeu-accent)!important}


/* ===== BLOCO IMPLANTACAO APOS ECOSSISTEMA ===== */
.implant-center>.container{max-width:1180px!important}
.implant-center-card{max-width:920px;margin:0 auto;text-align:center}
.implant-center-icon{display:grid;place-items:center;margin-bottom:20px}
.implant-center-icon img{width:min(100%,180px)!important;max-width:180px!important;display:block;margin:0 auto;filter:drop-shadow(0 16px 18px rgba(15,65,115,.10))!important}
.implant-center h2{max-width:780px;margin:0 auto 26px;line-height:.98!important;letter-spacing:-.045em}
.implant-center .lead{max-width:860px;margin:0 auto;color:#67758b!important;font-size:clamp(1.02rem,1.55vw,1.18rem);line-height:1.78!important}
.implant-center-actions{justify-content:center;margin-top:36px!important}
@media(max-width:700px){
  .implant-center>.container{padding:30px 20px!important}
  .implant-center-icon img{width:min(100%,138px)!important;max-width:138px!important}
  .implant-center h2{max-width:100%;margin-bottom:18px}
  .implant-center .lead{font-size:1rem!important;line-height:1.7!important}
}


.implant-kicker{justify-content:center;color:var(--premiaeu-accent)!important;margin-bottom:18px!important}
.implant-kicker:before{background:var(--premiaeu-accent)!important}


/* ===== SECOES COM FUNDO DE PONTA A PONTA ===== */
.section.how{background:#ffffff!important}
.section.security,.section.implant{background:#f6f8fb!important}
.section.solutions,.section.plans,.section.whitelabel{background:#ffffff!important}
.section.how,.section.security,.section.solutions,.section.implant,.section.plans,.section.whitelabel{padding:64px 0!important}
.how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container,.whitelabel>.container{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  width:min(1180px, calc(100% - 72px))!important;
  max-width:none!important;
  margin:0 auto!important;
}
.how .section-head,.security-grid,.solutions-title,.plans-head,.whitelabel-grid,.implant-center-card{max-width:none!important}
.implant-center-card{padding:0!important}
@media(max-width:980px){
  .section.how,.section.security,.section.solutions,.section.implant,.section.plans,.section.whitelabel{padding:52px 0!important}
  .how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container,.whitelabel>.container{width:min(1180px, calc(100% - 40px))!important}
}
@media(max-width:700px){
  .section.how,.section.security,.section.solutions,.section.implant,.section.plans,.section.whitelabel{padding:40px 0!important}
  .how>.container,.security>.container,.solutions>.container,.implant>.container,.plans>.container,.whitelabel>.container{width:min(1180px, calc(100% - 28px))!important}
}


/* ===== AJUSTE FINAL — IMPLANTAÇÃO ÁGIL & AGÊNCIAS ===== */
.implant-center-card{max-width:900px!important;margin:0 auto!important;text-align:center!important}
.implant-center-icon{display:grid!important;place-items:center!important;margin:0 auto 18px!important}
.implant-center-icon img{
  width:min(100%,190px)!important;
  max-width:190px!important;
  height:auto!important;
  margin:0 auto!important;
  animation:icon3dFloat 4.2s ease-in-out infinite!important;
  filter:drop-shadow(0 16px 18px rgba(15,65,115,.10))!important
}
.implant-kicker{
  justify-content:center!important;
  color:var(--premiaeu-accent)!important;
  margin-bottom:18px!important
}
.implant-title{
  max-width:720px!important;
  margin:0 auto 20px!important;
  color:var(--blue)!important;
  font-size:clamp(2rem,3.2vw,3.25rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important
}
.implant-center .lead{
  max-width:820px!important;
  margin:0 auto!important;
  color:#67758b!important;
  line-height:1.75!important
}
.implant-center-actions{
  justify-content:center!important;
  margin-top:32px!important
}
@media(max-width:700px){
  .implant-center-icon img{width:min(100%,150px)!important;max-width:150px!important}
  .implant-title{font-size:clamp(1.8rem,8vw,2.35rem)!important}
}


/* ===== REFINO — MUITO ALÉM DO SOFTWARE ===== */
.solutions-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important
}
.solution{
  min-height:100%!important;
  padding:30px 30px 32px!important
}
.solution h3{
  font-size:1.18rem!important;
  line-height:1.25!important
}
.solution p{
  margin-top:8px!important
}
.solution p + p{
  margin-top:4px!important
}
.solution-icon-wrap{
  margin-top:22px!important;
  padding-top:0!important
}
.solution-icon{
  width:118px!important;
  max-width:118px!important
}
@media(max-width:1100px){
  .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .solution:last-child{grid-column:1/-1!important}
  .solution:last-child .solution-icon{width:110px!important}
}
@media(max-width:760px){
  .solutions-grid{grid-template-columns:1fr!important}
  .solution:last-child{grid-column:auto!important}
  .solution{padding:26px 24px 28px!important}
}


/* ===== FOOTER LOGO AZUL ===== */
.footer-logo{width:210px!important;max-width:100%!important;height:auto!important;display:block!important;background:transparent!important;filter:none!important}


/* ===== AJUSTE FINAL — CHAMADA INICIAL NO PADRÃO DOS KICKERS ===== */
.hero-audience{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  max-width:980px!important;
  padding:0!important;
  margin-bottom:20px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:var(--premiaeu-accent)!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.hero-audience:before{
  display:block!important;
  content:""!important;
  width:42px!important;
  min-width:42px!important;
  height:5px!important;
  border-radius:999px!important;
  background:var(--premiaeu-accent)!important;
}
.hero-audience span{
  display:block!important;
  color:var(--premiaeu-accent)!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-wrap:balance;
}
@media(max-width:700px){
  .hero-audience{
    font-size:.72rem!important;
    letter-spacing:.12em!important;
    gap:10px!important;
  }
  .hero-audience:before{
    width:32px!important;
    min-width:32px!important;
    height:4px!important;
  }
}


/* ===== AJUSTE DE COR E FONTE DOS SUBTITULOS ===== */
/* Restaura o primeiro bloco azul ao visual anterior: texto branco e 'exclusiva' branca. */
.experience .accent-kicker{
  color:#ffffff!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.experience .accent-kicker:before{background:#ffffff!important}
.experience .accent-eu{color:#ffffff!important;font-weight:900!important}

/* A partir de 'Do lado do cliente', os pequenos títulos deixam de usar laranja. */
.section .kicker,
.plans .kicker,
.whitelabel .kicker,
.plan-signup-head .kicker,
.implant-kicker{
  color:#728198!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
}
.section .kicker:before,
.plans .kicker:before,
.whitelabel .kicker:before,
.plan-signup-head .kicker:before,
.implant-kicker:before{
  background:#9aa7b8!important;
}

/* Mantém o destaque 'Para lojas...' no padrão dos subtítulos, sem laranja. */
.hero-audience,
.hero-audience span{
  color:#5f67e8!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
.hero-audience:before{background:#5f67e8!important}

/* O kicker do bloco azul continua branco apesar das regras gerais acima. */
.experience .kicker{color:#ffffff!important}
.experience .kicker:before{background:#ffffff!important}


/* ===== AJUSTE DOS BOTÕES — topo e lojas ===== */
.nav-links .nav-tab-plans,
.nav-actions .btn{
  min-height:58px!important;
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.nav-links .nav-tab-plans{
  padding:12px 22px!important;
  background:linear-gradient(90deg,#2f67db 0%,#6e58df 52%,#f15a57 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(70,82,205,.28)!important;
}
.nav-links .nav-tab-plans:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(70,82,205,.34)!important;
}
.nav-actions .btn-outline{
  background:#ffffff!important;
  border:2px solid #d9e1ec!important;
  color:#243149!important;
  box-shadow:0 8px 20px rgba(29,44,69,.06)!important;
}
.nav-actions .btn-outline:hover{
  border-color:#c7d2df!important;
  box-shadow:0 12px 24px rgba(29,44,69,.10)!important;
}
.nav-actions .btn-primary{
  background:linear-gradient(90deg,#2f67db 0%,#6e58df 52%,#f15a57 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(70,82,205,.28)!important;
}
.nav-actions .btn-primary:hover{
  box-shadow:0 16px 34px rgba(70,82,205,.34)!important;
}

.experience-store-badges{
  gap:22px!important;
}
.store-badge{
  min-width:320px!important;
  padding:18px 22px!important;
  border-radius:28px!important;
  background:#ffffff!important;
  color:#1f2d46!important;
  border:1px solid rgba(214,224,238,.85)!important;
  box-shadow:0 18px 36px rgba(9,27,56,.18)!important;
}
.store-badge:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 24px 42px rgba(9,27,56,.22)!important;
}
.store-icon{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f4f7fb,#e7edf7)!important;
  border:1px solid #d6dfeb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.store-icon svg{width:28px!important;height:28px!important}
.store-copy small{
  color:#72809a!important;
  font-size:.88rem!important;
  margin-bottom:6px!important;
}
.store-copy strong{
  color:#1e2c44!important;
  font-size:1.22rem!important;
  line-height:1.05!important;
}
@media(max-width:900px){
  .store-badge{min-width:0!important;width:100%!important;max-width:360px!important}
}


/* ===== AJUSTE FINAL — BOTÕES AZUIS COM RELEVO ===== */
:root{--button-solid:#1f5fcb;--button-solid-dark:#174fad;--button-shadow:rgba(16,54,124,.28)}
.btn,
.nav-tab-plans,
.btn-plan-highlight,
.plan-btn,
.plan-signup-actions .btn,
.hero-actions .btn,
.implant-actions .btn,
.nav-actions .btn{
  border-radius:999px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  min-height:58px!important;
  box-shadow:0 12px 24px rgba(17,51,114,.18), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -3px 0 rgba(8,35,84,.10)!important;
}
.btn-primary,
.btn-outline,
.nav-tab-plans,
.btn-plan-highlight,
.plan-btn,
.plan-signup-actions .btn{
  background:linear-gradient(180deg,#2c73e4 0%, var(--button-solid) 58%, var(--button-solid-dark) 100%)!important;
  color:#fff!important;
  border:1px solid #215bbd!important;
  text-shadow:0 1px 0 rgba(11,35,78,.18)!important;
}
.btn-primary:hover,
.btn-outline:hover,
.nav-tab-plans:hover,
.btn-plan-highlight:hover,
.plan-btn:hover,
.plan-signup-actions .btn:hover{
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 16px 30px rgba(17,51,114,.24), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -3px 0 rgba(8,35,84,.14)!important;
}
.btn-primary:active,
.btn-outline:active,
.nav-tab-plans:active,
.btn-plan-highlight:active,
.plan-btn:active,
.plan-signup-actions .btn:active{
  transform:translateY(1px)!important;
  box-shadow:0 8px 16px rgba(17,51,114,.18), inset 0 2px 6px rgba(8,35,84,.18)!important;
}
.nav-tab-plans svg,.btn-plan-highlight svg{filter:drop-shadow(0 1px 0 rgba(11,35,78,.18))}

/* App Store / Google Play com visual mais premium */
.experience-store-badges{gap:24px!important;align-items:stretch!important}
.store-badge{
  min-width:330px!important;
  padding:20px 24px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
  border:1px solid #d8e2f0!important;
  box-shadow:0 18px 40px rgba(7,28,61,.20), inset 0 1px 0 rgba(255,255,255,.9)!important;
  gap:16px!important;
}
.store-badge:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 24px 46px rgba(7,28,61,.24), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.store-icon{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#e6edf7 100%)!important;
  border:1px solid #d3deeb!important;
  box-shadow:0 8px 16px rgba(17,51,114,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.store-icon.apple{
  background:linear-gradient(180deg,#f5f8fd 0%,#dfe8f5 100%)!important;
}
.store-icon.apple svg{width:34px!important;height:34px!important}
.store-icon.apple svg path{fill:#1d2c44!important}
.store-badge:nth-child(2) .store-icon{
  background:linear-gradient(180deg,#f5f8fd 0%,#e3ebf7 100%)!important;
}
.store-icon svg{width:34px!important;height:34px!important;display:block!important}
.store-copy small{
  color:#71829b!important;
  font-size:.92rem!important;
  line-height:1!important;
  margin-bottom:7px!important;
}
.store-copy strong{
  color:#1b2840!important;
  font-size:1.28rem!important;
  line-height:1.08!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .store-badge{min-width:0!important;width:100%!important;max-width:380px!important}
}


/* ===== APP STORE / GOOGLE PLAY — ESTILO BLACK GLOSS ===== */
.experience-store-badges{gap:26px!important;align-items:stretch!important;margin-top:32px!important}
.store-badge{
  position:relative!important;
  overflow:hidden!important;
  min-width:345px!important;
  padding:18px 26px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#2b2b2b 0%,#050505 18%,#000000 100%)!important;
  border:2px solid #9aa3af!important;
  box-shadow:0 18px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 0 rgba(255,255,255,.06)!important;
  color:#fff!important;
  gap:18px!important;
}
.store-badge::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(165deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 22%,rgba(255,255,255,0) 23%,rgba(255,255,255,0) 100%)!important;
  pointer-events:none!important;
}
.store-badge::after{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  pointer-events:none!important;
}
.store-badge:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -2px 0 rgba(255,255,255,.08)!important;
}
.store-icon{
  position:relative!important;
  z-index:1!important;
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.store-icon svg{width:36px!important;height:36px!important}
.store-icon.apple svg path{fill:#ffffff!important}
.store-copy{position:relative!important;z-index:1!important}
.store-copy small{
  color:rgba(255,255,255,.82)!important;
  font-size:.9rem!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
.store-copy strong{
  color:#ffffff!important;
  font-size:1.38rem!important;
  line-height:1.02!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28)!important;
}
@media(max-width:900px){
  .store-badge{min-width:0!important;width:100%!important;max-width:430px!important}
}
@media(max-width:700px){
  .store-badge{padding:16px 20px!important;border-radius:22px!important;gap:14px!important}
  .store-icon{width:60px!important;height:60px!important;flex-basis:60px!important}
  .store-copy strong{font-size:1.2rem!important}
}


/* ===== TOPO — TODOS OS BOTÕES NO PADRÃO AZUL ===== */
.nav-links .nav-tab-plans,
.nav-actions .btn-outline,
.nav-actions .btn-primary{
  background:linear-gradient(180deg,#2c73e4 0%, #1f5fcb 58%, #174fad 100%)!important;
  color:#fff!important;
  border:1px solid #215bbd!important;
  text-shadow:0 1px 0 rgba(11,35,78,.18)!important;
  box-shadow:0 12px 24px rgba(17,51,114,.18), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -3px 0 rgba(8,35,84,.10)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.nav-links .nav-tab-plans:hover,
.nav-actions .btn-outline:hover,
.nav-actions .btn-primary:hover,
.nav-links .nav-tab-plans:focus-visible,
.nav-actions .btn-outline:focus-visible,
.nav-actions .btn-primary:focus-visible{
  color:#fff!important;
  transform:translateY(-2px) scale(1.02)!important;
  box-shadow:0 18px 34px rgba(17,51,114,.28), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -3px 0 rgba(8,35,84,.14)!important;
  filter:brightness(1.04)!important;
  outline:none!important;
}
.nav-links .nav-tab-plans:active,
.nav-actions .btn-outline:active,
.nav-actions .btn-primary:active{
  transform:translateY(1px)!important;
  box-shadow:0 8px 16px rgba(17,51,114,.18), inset 0 2px 6px rgba(8,35,84,.18)!important;
}


/* ===== ÍCONES LIMPOS NOS BOTÕES PRETOS DAS LOJAS ===== */
.store-icon,
.store-icon.apple{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.store-icon{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
}
.store-icon svg{
  width:40px!important;
  height:40px!important;
}
.store-icon.apple svg path{fill:#ffffff!important}


/* ===== AJUSTE FINO — ÍCONES APP STORE E GOOGLE PLAY ===== */
.store-icon,.store-icon.apple{background:transparent!important;border:none!important;box-shadow:none!important}
.store-icon.apple{width:58px!important;height:58px!important;flex:0 0 58px!important}
.store-icon.apple svg{width:46px!important;height:46px!important}
.store-badge:nth-child(2) .store-icon{width:60px!important;height:60px!important;flex:0 0 60px!important;background:transparent!important}
.store-badge:nth-child(2) .store-icon svg{width:48px!important;height:48px!important}


/* ===== RODAPÉ — LOGO PREMIAEU TODA BRANCA ===== */
.footer-logo{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}


/* ===== TIPOGRAFIA — POPPINS + MONTSERRAT ===== */
body,
p,
.lead,
.check-row p,
.solution p,
.plan-header-site p,
.plan-feature-list li,
.footer-copy,
.footer-links,
.store-copy small,
.store-copy strong{
  font-family:"Montserrat", Arial, sans-serif!important;
}

h1,h2,h3,h4,
.hero h1,
.experience h2,
.how h2,
.how h3,
.security h2,
.security .check-row strong,
.solutions h2,
.solutions h3,
.implant h2,
.plan-header-site h3,
.plan-group-title,
.footer-title{
  font-family:"Poppins", Arial, sans-serif!important;
  text-transform:none!important;
}

.kicker,
.hero-audience,
.implant-kicker,
.accent-kicker{
  font-family:"Poppins", Arial, sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-weight:700!important;
}

.btn,
.nav-tab,
.nav-actions,
.plan-btn,
.pay-option{
  font-family:"Poppins", Arial, sans-serif!important;
}


/* ===== AJUSTE DE LEITURA — TAMANHOS DE FONTE ===== */

/* Frases acima dos títulos, em caixa alta */
.kicker,
.hero-audience,
.implant-kicker,
.accent-kicker{
  font-size:1.02rem!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
}

/* Textos descritivos em Montserrat um pouco maiores */
p,
.lead,
.check-row p,
.solution p,
.plan-header-site p,
.plan-feature-list li,
.footer-copy,
.footer-links{
  font-size:1.03rem!important;
  line-height:1.75!important;
}

/* Mantém textos auxiliares menores onde necessário */
.store-copy small{
  font-size:.92rem!important;
  line-height:1.25!important;
}
.store-copy strong{
  font-size:1.38rem!important;
  line-height:1.05!important;
}

/* Ajustes responsivos */
@media(max-width:700px){
  .kicker,
  .hero-audience,
  .implant-kicker,
  .accent-kicker{
    font-size:.95rem!important;
    line-height:1.35!important;
  }

  p,
  .lead,
  .check-row p,
  .solution p,
  .plan-header-site p,
  .plan-feature-list li,
  .footer-copy,
  .footer-links{
    font-size:1rem!important;
    line-height:1.68!important;
  }
}


/* ===== PADRÃO DE COR — 'PARA LOJAS...' IGUAL AO 'COMO FUNCIONA' ===== */
.hero-audience,
.hero-audience span{
  color:#728198!important;
}
.hero-audience:before{
  background:#9aa7b8!important;
}


/* ===== TÍTULOS — MAIS ESPAÇAMENTO ENTRE LINHAS ===== */
h1,
h2,
h3,
h4,
.hero h1,
.experience h2,
.how h2,
.how h3,
.security h2,
.solutions h2,
.solutions h3,
.implant h2,
.plan-header-site h3,
.plan-group-title{
  line-height:1.22!important;
}

/* Títulos maiores ganham um pouco mais de respiro */
.hero h1,
.experience h2,
.how h2,
.security h2,
.solutions h2,
.implant h2{
  line-height:1.24!important;
}

/* No celular, mantém boa leitura sem abrir demais */
@media(max-width:700px){
  h1,
  h2,
  h3,
  h4,
  .hero h1,
  .experience h2,
  .how h2,
  .how h3,
  .security h2,
  .solutions h2,
  .solutions h3,
  .implant h2,
  .plan-header-site h3,
  .plan-group-title{
    line-height:1.26!important;
  }
}


/* ===== QUEBRAS E RESPIRO ESPECÍFICOS NOS TÍTULOS ===== */
.implant-title,
.how-main-title{
  line-height:1.30!important;
}
.implant-title br,
.how-main-title br{
  content:"";
}


/* ===== CORPO DOS TEXTOS DESCRITIVOS — MONTSERRAT MAIOR ===== */
body,
p,
.lead,
.hero p,
.experience p,
.how p,
.security p,
.solutions p,
.implant p,
.plans p,
.whitelabel p,
.check-row p,
.solution p,
.plan-header-site p,
.plan-feature-list li,
.footer-copy,
.footer-links,
.signup-form label,
.signup-form input,
.signup-form textarea,
.signup-form select{
  font-family:"Montserrat", Arial, sans-serif!important;
}

/* Textos corridos principais */
p,
.lead,
.hero p,
.experience p,
.how p,
.security p,
.solutions p,
.implant p,
.plans p,
.whitelabel p,
.check-row p,
.solution p{
  font-size:1.10rem!important;
  line-height:1.78!important;
}

/* Listas e textos auxiliares importantes */
.plan-feature-list li,
.footer-copy,
.footer-links,
.signup-form label,
.signup-form input,
.signup-form textarea,
.signup-form select{
  font-size:1.02rem!important;
  line-height:1.65!important;
}

/* Mobile: mantém maior, mas sem estourar o layout */
@media(max-width:700px){
  p,
  .lead,
  .hero p,
  .experience p,
  .how p,
  .security p,
  .solutions p,
  .implant p,
  .plans p,
  .whitelabel p,
  .check-row p,
  .solution p{
    font-size:1.04rem!important;
    line-height:1.72!important;
  }

  .plan-feature-list li,
  .footer-copy,
  .footer-links,
  .signup-form label,
  .signup-form input,
  .signup-form textarea,
  .signup-form select{
    font-size:1rem!important;
  }
}


/* ===== TESTE — IMPLANTAÇÃO ÁGIL & AGÊNCIAS NA MESMA LINHA ===== */
.implant-title-firstline{
  white-space:nowrap!important;
  display:inline-block!important;
}
@media(max-width:700px){
  .implant-title-firstline{
    white-space:normal!important;
  }
}


/* ===== HERO — QUEBRA E ESPAÇAMENTO DO TÍTULO ===== */
.hero-main-title{
  line-height:1.08!important;
  margin-bottom:28px!important;
}
.hero-main-title .hero-title-line{
  display:block!important;
}
.hero-main-title .hero-title-line + .hero-title-line{
  margin-top:.18em!important;
}
.hero-main-title .blue{
  color:var(--premiaeu-blue,#1f5fcb)!important;
}
@media(max-width:700px){
  .hero-main-title{
    line-height:1.10!important;
    margin-bottom:22px!important;
  }
  .hero-main-title .hero-title-line + .hero-title-line{
    margin-top:.14em!important;
  }
}


/* ===== HERO — QUEBRA FORÇADA EXATAMENTE EM 3 LINHAS ===== */
.hero-main-title{
  line-height:1!important;
  margin:0 0 30px!important;
}
.hero-main-title .hero-line{
  display:inline-block!important;
  white-space:nowrap!important;
  font-family:inherit!important;
}
.hero-main-title .hero-line-blue{
  color:#1760bd!important;
}
.hero-main-title br{
  display:block!important;
  content:""!important;
  margin-top:.22em!important;
}
@media(max-width:700px){
  .hero-main-title{
    line-height:1.02!important;
  }
  .hero-main-title .hero-line{
    white-space:nowrap!important;
  }
  .hero-main-title br{
    margin-top:.16em!important;
  }
}


/* ===== CORPO DOS TEXTOS — 18PX DESKTOP / 17PX MOBILE ===== */
p,
.lead,
.hero p,
.experience p,
.how p,
.security p,
.solutions p,
.implant p,
.plans p,
.whitelabel p,
.check-row p,
.solution p{
  font-size:18px!important;
  line-height:1.78!important;
}

@media(max-width:700px){
  p,
  .lead,
  .hero p,
  .experience p,
  .how p,
  .security p,
  .solutions p,
  .implant p,
  .plans p,
  .whitelabel p,
  .check-row p,
  .solution p{
    font-size:17px!important;
    line-height:1.72!important;
  }
}


/* ===== ÍCONES 3D PADRÃO DO SITE — BLOCO MUITO ALÉM DO SOFTWARE ===== */
.solution{
  display:flex!important;
  flex-direction:column!important;
}
.solution-icon-wrap{
  width:148px!important;
  height:148px!important;
  margin:26px auto 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:auto!important;
}
.solution-icon{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  filter: drop-shadow(0 10px 18px rgba(13, 52, 117, 0.10));
}
.solution-loop{
  transform-origin:center center;
  will-change:transform;
}
.loop-a{animation:premiaLoopA 4.8s ease-in-out infinite;}
.loop-b{animation:premiaLoopB 5.2s ease-in-out infinite;}
.loop-c{animation:premiaLoopC 5.0s ease-in-out infinite;}
@keyframes premiaLoopA{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes premiaLoopB{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes premiaLoopC{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@media(max-width:700px){
  .solution-icon-wrap{
    width:118px!important;
    height:118px!important;
    margin-top:22px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .loop-a,.loop-b,.loop-c{animation:none!important}
}


/* ===== AJUSTE: TELA DO VÍDEO MAIOR EM RELAÇÃO AO TEXTO ===== */
.hero-grid{
  grid-template-columns: .88fr 1.12fr !important;
  gap: 56px !important;
  align-items: center !important;
}
.hero-copy{
  max-width: 560px !important;
}
.video-frame{
  width: 100% !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}
.video-shell{
  aspect-ratio: 16 / 9 !important;
}

@media (max-width: 1100px){
  .hero-grid{
    grid-template-columns: .92fr 1.08fr !important;
    gap: 42px !important;
  }
  .video-frame{
    max-width: 800px !important;
  }
}

@media (max-width: 900px){
  .hero-grid{
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
  .hero-copy{
    max-width: 100% !important;
  }
  .video-frame{
    max-width: 820px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 700px){
  .video-frame{
    max-width: 100% !important;
  }
}


/* ===== APP STORE / GOOGLE PLAY — CONTEÚDO MAIOR E BOTÕES LADO A LADO ===== */
.experience-store-badges{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}

.store-badge{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  padding:18px 22px!important;
  gap:16px!important;
}

/* ícones maiores */
.store-icon,
.store-icon.apple,
.store-badge:nth-child(2) .store-icon{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.store-icon svg,
.store-icon.apple svg,
.store-badge:nth-child(2) .store-icon svg{
  width:54px!important;
  height:54px!important;
}

/* textos maiores dentro dos botões */
.store-copy small{
  font-size:1rem!important;
  line-height:1.1!important;
  margin-bottom:4px!important;
}
.store-copy strong{
  font-size:1.55rem!important;
  line-height:1!important;
  font-weight:800!important;
}

/* tablet */
@media(max-width:900px){
  .experience-store-badges{
    flex-wrap:nowrap!important;
    gap:14px!important;
  }
  .store-badge{
    padding:16px 18px!important;
    gap:12px!important;
  }
  .store-icon,
  .store-icon.apple,
  .store-badge:nth-child(2) .store-icon{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
  .store-icon svg,
  .store-icon.apple svg,
  .store-badge:nth-child(2) .store-icon svg{
    width:48px!important;
    height:48px!important;
  }
  .store-copy strong{
    font-size:1.35rem!important;
  }
  .store-copy small{
    font-size:.9rem!important;
  }
}

/* celular: continuam lado a lado, mas compactos */
@media(max-width:600px){
  .experience-store-badges{
    gap:10px!important;
  }
  .store-badge{
    padding:12px 12px!important;
    gap:8px!important;
    border-radius:18px!important;
  }
  .store-icon,
  .store-icon.apple,
  .store-badge:nth-child(2) .store-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
  .store-icon svg,
  .store-icon.apple svg,
  .store-badge:nth-child(2) .store-icon svg{
    width:40px!important;
    height:40px!important;
  }
  .store-copy small{
    font-size:.68rem!important;
  }
  .store-copy strong{
    font-size:1rem!important;
  }
}


/* ===== CORREÇÃO — MANTER RETÂNGULO ORIGINAL, CONTEÚDO MAIOR ===== */
.experience-store-badges{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:26px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}

/* volta ao tamanho original do retângulo */
.store-badge{
  flex:0 0 auto!important;
  min-width:345px!important;
  width:auto!important;
  max-width:none!important;
  padding:18px 26px!important;
  border-radius:26px!important;
  gap:18px!important;
}

/* mantém apenas o conteúdo interno um pouco maior */
.store-icon,
.store-icon.apple{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.store-icon svg,
.store-icon.apple svg{
  width:58px!important;
  height:58px!important;
}
.store-badge:nth-child(2) .store-icon{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  background:transparent!important;
}
.store-badge:nth-child(2) .store-icon svg{
  width:58px!important;
  height:58px!important;
}

.store-copy small{
  font-size:.98rem!important;
  line-height:1.1!important;
}
.store-copy strong{
  font-size:1.5rem!important;
  line-height:1!important;
}

/* tablet */
@media(max-width:900px){
  .experience-store-badges{
    flex-wrap:nowrap!important;
    gap:18px!important;
  }
  .store-badge{
    min-width:0!important;
    width:100%!important;
    max-width:345px!important;
    padding:18px 22px!important;
  }
}

/* celular */
@media(max-width:700px){
  .experience-store-badges{
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  .store-badge{
    min-width:0!important;
    width:calc(50% - 5px)!important;
    max-width:none!important;
    padding:14px 12px!important;
    border-radius:22px!important;
    gap:8px!important;
  }
  .store-icon,
  .store-icon.apple,
  .store-badge:nth-child(2) .store-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
  .store-icon svg,
  .store-icon.apple svg,
  .store-badge:nth-child(2) .store-icon svg{
    width:40px!important;
    height:40px!important;
  }
  .store-copy small{
    font-size:.68rem!important;
  }
  .store-copy strong{
    font-size:1rem!important;
  }
}


/* ===== CORREÇÃO: FOTO PRESERVADA + BOTÕES ALINHADOS AO TEXTO ===== */

/* Mantém a foto do bloco no tamanho do layout, sem reduzir */
.experience-grid{
  grid-template-columns:1fr .88fr!important;
  gap:86px!important;
  align-items:center!important;
}
.experience-photo{
  width:100%!important;
  max-width:none!important;
}
.experience-photo img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

/* Os dois botões ocupam exatamente a largura do bloco de texto acima */
.experience-copy{
  width:100%!important;
}
.experience-store-badges{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:30px!important;
}

/* Cada retângulo preenche sua metade, sem aumentar a altura */
.store-badge{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:16px 18px!important;
  gap:12px!important;
}

/* Conteúdo interno continua maior, mas sem alterar o retângulo */
.store-icon,
.store-icon.apple,
.store-badge:nth-child(2) .store-icon{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.store-icon svg,
.store-icon.apple svg,
.store-badge:nth-child(2) .store-icon svg{
  width:48px!important;
  height:48px!important;
}
.store-copy{
  min-width:0!important;
}
.store-copy small{
  font-size:.86rem!important;
  line-height:1.1!important;
}
.store-copy strong{
  font-size:1.30rem!important;
  line-height:1!important;
}

/* Tablet/celular: foto continua em largura total quando o layout empilha */
@media(max-width:900px){
  .experience-grid{
    grid-template-columns:1fr!important;
    gap:44px!important;
  }
  .experience-photo{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
  }
  .experience-store-badges{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
}

@media(max-width:600px){
  .experience-store-badges{
    gap:9px!important;
  }
  .store-badge{
    padding:12px 10px!important;
    gap:7px!important;
    border-radius:18px!important;
  }
  .store-icon,
  .store-icon.apple,
  .store-badge:nth-child(2) .store-icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  .store-icon svg,
  .store-icon.apple svg,
  .store-badge:nth-child(2) .store-icon svg{
    width:36px!important;
    height:36px!important;
  }
  .store-copy small{
    font-size:.62rem!important;
  }
  .store-copy strong{
    font-size:.9rem!important;
  }
}


/* ===== BOTÕES — POPPINS EM CAIXA ALTA ===== */
.btn,
.nav-tab,
.nav-tab-plans,
.nav-actions .btn,
.hero-actions .btn,
.implant-actions .btn,
.plan-btn,
.btn-plan-highlight,
.plan-signup-actions .btn,
.pay-option{
  font-family:"Poppins", Arial, sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}


/* ===== BOTÕES AZUIS — MAIS ESPAÇAMENTO ENTRE LETRAS ===== */
/* Mantém App Store e Google Play exatamente como estavam */
.btn,
.nav-tab,
.nav-tab-plans,
.nav-actions .btn,
.hero-actions .btn,
.implant-actions .btn,
.plan-btn,
.btn-plan-highlight,
.plan-signup-actions .btn,
.pay-option{
  letter-spacing:.06em!important;
}


/* ===== BLOCO DO LADO DO CLIENTE — DESCRITIVOS SEMIBOLD ===== */
.experience-copy .lead{
  font-weight:600!important;
}


/* ===== HERO — TEXTO DESCRITIVO SEMIBOLD ===== */
.hero-description-semibold{
  font-family:"Montserrat", Arial, sans-serif!important;
  font-weight:600!important;
}


/* ===== AJUSTE V62 — FONTE DO HERO COMO V59 + VÍDEO MAIOR ===== */

/* Texto do hero volta ao padrão da V59 */
.hero .lead{
  font-family:"Montserrat", Arial, sans-serif!important;
  font-weight:400!important;
}

/* Mais espaço para o vídeo sem alterar sua proporção */
.hero-grid{
  grid-template-columns:.78fr 1.22fr!important;
  gap:46px!important;
  align-items:center!important;
}
.hero-copy{
  max-width:530px!important;
}
.video-frame{
  width:100%!important;
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:0!important;
}
.video-shell{
  aspect-ratio:16 / 9!important;
}
.video-poster{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Responsivo */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:.84fr 1.16fr!important;
    gap:38px!important;
  }
  .video-frame{
    max-width:860px!important;
  }
}
@media(max-width:900px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .hero-copy{
    max-width:100%!important;
  }
  .video-frame{
    max-width:840px!important;
    margin:0 auto!important;
  }
}
@media(max-width:700px){
  .video-frame{
    max-width:100%!important;
  }
}


/* ===== V63 — HERO/VÍDEO SEM SOBREPOSIÇÃO + RESPONSIVO ===== */

/* Desktop: duas colunas reais, sem permitir que uma invada a outra */
.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) minmax(520px, 1.08fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.hero-copy,
.video-frame{
  min-width:0!important;
}
.hero-copy{
  max-width:none!important;
}

/* Mantém o título em 3 linhas, mas reduz o máximo o suficiente para caber */
.hero .hero-main-title{
  font-size:clamp(3rem, 4.3vw, 4.3rem)!important;
  line-height:1.04!important;
  max-width:100%!important;
}
.hero-main-title .hero-line{
  white-space:nowrap!important;
}

/* Vídeo maior, porém sempre contido na própria coluna */
.video-frame{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.video-shell{
  width:100%!important;
  aspect-ratio:16 / 9!important;
}
.video-poster{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Notebook/tablet: empilha antes que exista risco de colisão */
@media(max-width:1050px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .hero-copy{
    max-width:760px!important;
  }
  .video-frame{
    width:100%!important;
    max-width:820px!important;
    margin:0 auto!important;
  }
  .hero .hero-main-title{
    font-size:clamp(2.8rem, 7.4vw, 4.1rem)!important;
  }
}

/* Celular */
@media(max-width:700px){
  .hero-grid{
    gap:32px!important;
  }
  .hero-copy{
    max-width:100%!important;
  }
  .video-frame{
    max-width:100%!important;
  }
  .hero .hero-main-title{
    font-size:clamp(2.25rem, 11vw, 2.85rem)!important;
    line-height:1.06!important;
  }
}

/* Telas muito estreitas: preserva as três linhas sem estourar lateralmente */
@media(max-width:430px){
  .hero .hero-main-title{
    font-size:clamp(2.05rem, 10.4vw, 2.55rem)!important;
  }
}


/* ===== HERO — 3 BOTÕES LADO A LADO ===== */
.hero-actions{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}
.hero-actions .btn{
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  justify-content:center!important;
}

/* Notebook/tablet: continuam lado a lado enquanto houver espaço */
@media(max-width:1050px){
  .hero-actions{
    grid-template-columns:repeat(3, minmax(0,1fr))!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    font-size:.78rem!important;
    padding-inline:12px!important;
  }
}

/* Celular: mantém responsividade e empilha para não apertar demais */
@media(max-width:700px){
  .hero-actions{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    width:100%!important;
    font-size:.82rem!important;
  }
}


/* ===== CORREÇÃO DOS 3 BOTÕES HORIZONTAIS ===== */
.hero-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  width:max-content!important;
  max-width:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

.hero-actions .btn{
  width:auto!important;
  min-width:max-content!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  justify-content:center!important;
  padding:0 26px!important;
  min-height:58px!important;
  font-size:.80rem!important;
  letter-spacing:.045em!important;
  box-sizing:border-box!important;
}

/* Garante espaço suficiente para os textos maiores */
.hero-actions .btn:nth-child(1){min-width:248px!important;}
.hero-actions .btn:nth-child(2){min-width:218px!important;}
.hero-actions .btn:nth-child(3){min-width:270px!important;}

/* Notebook/tablet: reduz discretamente antes de empilhar */
@media(max-width:1180px){
  .hero-actions{
    gap:10px!important;
  }
  .hero-actions .btn{
    padding:0 18px!important;
    font-size:.72rem!important;
    letter-spacing:.035em!important;
  }
  .hero-actions .btn:nth-child(1){min-width:220px!important;}
  .hero-actions .btn:nth-child(2){min-width:190px!important;}
  .hero-actions .btn:nth-child(3){min-width:236px!important;}
}

/* Em telas menores, empilha para preservar leitura */
@media(max-width:900px){
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:420px!important;
    gap:10px!important;
  }
  .hero-actions .btn,
  .hero-actions .btn:nth-child(1),
  .hero-actions .btn:nth-child(2),
  .hero-actions .btn:nth-child(3){
    width:100%!important;
    min-width:0!important;
    font-size:.82rem!important;
  }
}




.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#0c1726;
}



@media (max-width: 700px){
  .nav-tab-plans{display:none !important;}
}



/* ===== V82 — ajustes exclusivos para celular ===== */
@media (max-width:700px){

  /* Mantém o botão Planos oculto no topo do celular */
  .nav-tab-plans{
    display:none !important;
  }

  /* Topo mais compacto no celular */
  .nav{
    min-height:64px !important;
    padding:8px 0 !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
  }
  .logo img{
    width:118px !important;
  }
  .nav-actions{
    width:auto !important;
    margin-left:auto !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
  }
  .nav-actions .btn{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:clamp(.61rem,2.35vw,.70rem) !important;
    letter-spacing:.025em !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  /* A imagem/vídeo aparece primeiro logo ao abrir no celular */
  .hero{
    padding:20px 0 58px !important;
  }
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:26px !important;
  }
  .hero-grid > .video-frame{
    order:1 !important;
    width:100% !important;
    margin:0 auto !important;
  }
  .hero-grid > .hero-copy{
    order:2 !important;
    width:100% !important;
  }

  /* Textos do hero responsivos para diferentes celulares */
  .hero-audience{
    font-size:clamp(.64rem,2.5vw,.76rem) !important;
    line-height:1.42 !important;
    margin-bottom:12px !important;
  }
  .hero .hero-main-title{
    font-size:clamp(1.95rem,8.6vw,2.65rem) !important;
    line-height:1.04 !important;
    margin-bottom:16px !important;
  }
  .hero .lead{
    font-size:clamp(.92rem,3.7vw,1.02rem) !important;
    line-height:1.58 !important;
    margin-top:14px !important;
  }

  /* Demais títulos e textos também se adaptam ao tamanho da tela */
  h2{
    font-size:clamp(1.65rem,7vw,2.15rem) !important;
    line-height:1.12 !important;
  }
  h3{
    font-size:clamp(1.04rem,4.5vw,1.28rem) !important;
    line-height:1.24 !important;
  }
  .kicker{
    font-size:clamp(.64rem,2.5vw,.74rem) !important;
    line-height:1.4 !important;
  }
  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li{
    font-size:clamp(.90rem,3.6vw,.98rem) !important;
    line-height:1.56 !important;
  }

  .video-frame{
    border-radius:20px !important;
    padding:8px !important;
  }
  .video-shell{
    border-radius:14px !important;
  }
}

@media (max-width:420px){
  .nav{
    min-height:60px !important;
    padding:7px 0 !important;
  }
  .logo img{
    width:108px !important;
  }
  .nav-actions{
    gap:5px !important;
  }
  .nav-actions .btn{
    min-height:34px !important;
    padding:0 8px !important;
    font-size:.60rem !important;
    border-radius:9px !important;
  }
  .hero{
    padding-top:16px !important;
  }
  .hero-grid{
    gap:22px !important;
  }
  .hero .hero-main-title{
    font-size:clamp(1.82rem,8.8vw,2.25rem) !important;
  }
  .section{
    padding-top:60px !important;
    padding-bottom:60px !important;
  }
}

@media (max-width:360px){
  .logo img{
    width:100px !important;
  }
  .nav-actions .btn{
    padding:0 7px !important;
    font-size:.57rem !important;
  }
  .hero .hero-main-title{
    font-size:1.78rem !important;
  }
  .hero .lead,
  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p{
    font-size:.89rem !important;
  }
}



/* ===== V83 — ajuste fino exclusivo para celular ===== */
@media (max-width:700px){

  /* Botões do topo: texto sempre dentro do botão */
  .nav-actions{
    gap:5px !important;
    align-items:center !important;
  }

  .nav-actions .btn{
    min-width:0 !important;
    max-width:96px !important;
    min-height:34px !important;
    height:auto !important;
    padding:6px 8px !important;
    font-size:clamp(.54rem,2vw,.62rem) !important;
    line-height:1.12 !important;
    letter-spacing:.015em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-align:center !important;
  }

  /* Redução de 2 px apenas no celular */
  .hero-audience{
    font-size:calc(clamp(.64rem,2.5vw,.76rem) - 2px) !important;
  }

  .hero .hero-main-title{
    font-size:calc(clamp(1.95rem,8.6vw,2.65rem) - 2px) !important;
  }

  .hero .lead{
    font-size:calc(clamp(.92rem,3.7vw,1.02rem) - 2px) !important;
  }

  h2{
    font-size:calc(clamp(1.65rem,7vw,2.15rem) - 2px) !important;
  }

  h3{
    font-size:calc(clamp(1.04rem,4.5vw,1.28rem) - 2px) !important;
  }

  .kicker{
    font-size:calc(clamp(.64rem,2.5vw,.74rem) - 2px) !important;
  }

  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li{
    font-size:calc(clamp(.90rem,3.6vw,.98rem) - 2px) !important;
  }
}

@media (max-width:420px){
  .nav-actions .btn{
    max-width:88px !important;
    min-height:32px !important;
    padding:5px 7px !important;
    font-size:.52rem !important;
    line-height:1.1 !important;
  }
}

@media (max-width:360px){
  .nav-actions .btn{
    max-width:82px !important;
    padding:5px 6px !important;
    font-size:.50rem !important;
  }
}



/* ===== V84 — refinamento mobile sem alterar o desktop ===== */
@media (max-width:700px){

  /* Mantém somente os dois botões principais no topo do celular */
  .nav-tab-plans{
    display:none !important;
  }

  /* Cabeçalho horizontal, compacto sem exagerar */
  .nav{
    min-height:66px !important;
    padding:8px 0 !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    align-items:center !important;
  }

  .logo{
    flex:0 0 auto !important;
  }

  .logo img{
    width:112px !important;
  }

  .nav-actions{
    margin-left:auto !important;
    width:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    min-width:0 !important;
  }

  .nav-actions .btn{
    flex:0 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:11px !important;
    font-size:.62rem !important;
    line-height:1.1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    overflow:visible !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    text-align:center !important;
  }

  /* Restaura a ordem natural do hero, como no site desktop:
     texto primeiro e imagem/vídeo depois, sem alterar a proporção aprovada */
  .hero{
    padding:38px 0 62px !important;
  }

  .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
    align-items:start !important;
  }

  .hero-grid > .hero-copy,
  .hero-grid > .video-frame{
    order:initial !important;
  }

  .video-frame{
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding:9px !important;
    border-radius:22px !important;
  }

  .video-shell{
    width:100% !important;
    aspect-ratio:16/9 !important;
    border-radius:16px !important;
  }

  /* Mantém o ajuste de fonte mobile da V83 */
  .hero-audience{
    font-size:calc(clamp(.64rem,2.5vw,.76rem) - 2px) !important;
  }

  .hero .hero-main-title{
    font-size:calc(clamp(1.95rem,8.6vw,2.65rem) - 2px) !important;
  }

  .hero .lead{
    font-size:calc(clamp(.92rem,3.7vw,1.02rem) - 2px) !important;
  }

  h2{
    font-size:calc(clamp(1.65rem,7vw,2.15rem) - 2px) !important;
  }

  h3{
    font-size:calc(clamp(1.04rem,4.5vw,1.28rem) - 2px) !important;
  }

  .kicker{
    font-size:calc(clamp(.64rem,2.5vw,.74rem) - 2px) !important;
  }

  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li{
    font-size:calc(clamp(.90rem,3.6vw,.98rem) - 2px) !important;
  }
}

@media (max-width:420px){
  .nav{
    min-height:62px !important;
    gap:7px !important;
  }

  .logo img{
    width:104px !important;
  }

  .nav-actions{
    gap:5px !important;
  }

  .nav-actions .btn{
    min-height:36px !important;
    padding:0 8px !important;
    font-size:.56rem !important;
    border-radius:10px !important;
  }

  .hero{
    padding-top:30px !important;
  }
}

@media (max-width:360px){
  .logo img{
    width:98px !important;
  }

  .nav-actions .btn{
    padding:0 7px !important;
    font-size:.53rem !important;
  }
}



/* ===== V85 — refinamento exclusivo para celular ===== */
@media (max-width:700px){

  /* Topo: somente Entrar + Contato, lado a lado e bem proporcionados */
  .nav{
    min-height:66px !important;
    padding:8px 0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
  }

  .logo{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  .logo img{
    width:112px !important;
    max-width:112px !important;
  }

  .nav-actions{
    margin-left:auto !important;
    width:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    min-width:0 !important;
  }

  .nav-actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:68px !important;
    max-width:none !important;
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:11px !important;
    font-size:.64rem !important;
    line-height:1 !important;
    letter-spacing:.025em !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-align:center !important;
  }

  /* Hero no celular:
     título/texto -> vídeo -> botões */
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
  }

  .hero-copy{
    display:contents !important;
  }

  .hero-audience{
    order:1 !important;
  }

  .hero-main-title{
    order:2 !important;
  }

  .hero .lead{
    order:3 !important;
  }

  .hero-grid > .video-frame{
    order:4 !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
  }

  .hero-actions{
    order:5 !important;
    width:100% !important;
    margin-top:0 !important;
  }

  /* Títulos principais menores apenas no celular */
  .hero .hero-main-title{
    font-size:calc(clamp(1.95rem,8.6vw,2.65rem) - 4px) !important;
    line-height:1.05 !important;
  }

  h2{
    font-size:calc(clamp(1.65rem,7vw,2.15rem) - 4px) !important;
    line-height:1.14 !important;
  }

  h3{
    font-size:calc(clamp(1.04rem,4.5vw,1.28rem) - 3px) !important;
  }

  /* Mantém os textos corridos menores como na versão anterior */
  .hero .lead{
    font-size:calc(clamp(.92rem,3.7vw,1.02rem) - 2px) !important;
  }

  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li{
    font-size:calc(clamp(.90rem,3.6vw,.98rem) - 2px) !important;
  }
}

@media (max-width:420px){
  .nav{
    min-height:62px !important;
    padding:7px 0 !important;
    gap:7px !important;
  }

  .logo img{
    width:104px !important;
    max-width:104px !important;
  }

  .nav-actions{
    gap:5px !important;
  }

  .nav-actions .btn{
    min-width:62px !important;
    min-height:36px !important;
    padding:0 9px !important;
    font-size:.58rem !important;
    border-radius:10px !important;
  }

  .hero .hero-main-title{
    font-size:calc(clamp(1.82rem,8.8vw,2.25rem) - 4px) !important;
  }

  h2{
    font-size:calc(clamp(1.55rem,6.8vw,1.95rem) - 4px) !important;
  }
}

@media (max-width:360px){
  .logo img{
    width:98px !important;
    max-width:98px !important;
  }

  .nav-actions .btn{
    min-width:58px !important;
    padding:0 8px !important;
    font-size:.55rem !important;
  }
}



/* ===== V86 — ícone de segurança menor apenas no celular ===== */
@media (max-width:700px){
  .security-art{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:0 !important;
  }

  .security-art img{
    width:min(58vw,240px) !important;
    max-width:240px !important;
    height:auto !important;
    margin:0 auto !important;
  }
}

@media (max-width:420px){
  .security-art img{
    width:min(54vw,210px) !important;
    max-width:210px !important;
  }
}

@media (max-width:360px){
  .security-art img{
    width:min(52vw,190px) !important;
    max-width:190px !important;
  }
}



/* ===== V87 — PADRONIZAÇÃO PROFISSIONAL DO MOBILE ===== */
@media (max-width:700px){

  /* Margens laterais consistentes, inspiradas na referência enviada */
  :root{
    --mobile-gutter: clamp(22px, 7.5vw, 30px);
    --container: min(calc(100% - (var(--mobile-gutter) * 2)), 1120px);
  }

  .container{
    width:var(--container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Topo: dois botões idênticos, alinhados, horizontais e arredondados */
  .nav{
    min-height:68px !important;
    padding:8px 0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
  }

  .logo{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  .logo img{
    width:108px !important;
    max-width:108px !important;
    height:auto !important;
  }

  .nav-actions{
    margin-left:auto !important;
    width:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .nav-actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 82px !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    font-size:.62rem !important;
    line-height:1 !important;
    letter-spacing:.025em !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  /* Hierarquia tipográfica única e consistente */
  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .implant h2,
  .whitelabel h2,
  .plans h2{
    font-size:clamp(1.85rem, 7.8vw, 2.15rem) !important;
    line-height:1.10 !important;
    letter-spacing:-.025em !important;
    margin-bottom:18px !important;
  }

  /* Títulos internos de cards */
  .step h3,
  .solution h3,
  .plan-card h3,
  .check-row strong{
    font-size:clamp(1.02rem, 4.6vw, 1.18rem) !important;
    line-height:1.28 !important;
  }

  /* Corpo dos textos: mesmo tamanho e entrelinha em todos os blocos */
  .hero .lead,
  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li,
  .plan-card p,
  .section p{
    font-size:0.95rem !important;
    line-height:1.62 !important;
    letter-spacing:0 !important;
  }

  /* Kicker/subtítulo pequeno também padronizado */
  .kicker,
  .hero-audience{
    font-size:.70rem !important;
    line-height:1.35 !important;
    letter-spacing:.08em !important;
  }

  /* Espaçamento vertical mais limpo e regular entre seções */
  .section{
    padding-top:68px !important;
    padding-bottom:68px !important;
  }

  .section-head{
    margin-bottom:36px !important;
  }

  /* Hero com respiro controlado e diagramação limpa */
  .hero{
    padding-top:34px !important;
    padding-bottom:64px !important;
  }

  .hero-grid{
    gap:28px !important;
  }

  .hero .lead{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  /* Imagens e vídeo alinhados ao mesmo eixo das margens */
  .video-frame,
  .experience-photo,
  .security-art,
  .implant-visual{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* Cards internos com bordas e respiros consistentes */
  .solution,
  .plan-card{
    box-sizing:border-box !important;
  }

  /* Botões principais internos: mesmo desenho arredondado */
  .hero-actions .btn,
  .implant-actions .btn,
  .plan-btn,
  .btn-plan-highlight{
    border-radius:999px !important;
  }
}

@media (max-width:420px){
  :root{
    --mobile-gutter:24px;
  }

  .logo img{
    width:102px !important;
    max-width:102px !important;
  }

  .nav-actions{
    gap:6px !important;
  }

  .nav-actions .btn{
    flex-basis:76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:.58rem !important;
  }

  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .implant h2,
  .whitelabel h2,
  .plans h2{
    font-size:1.82rem !important;
  }

  .hero .lead,
  .section-head .lead,
  .experience-copy .lead,
  .implant-copy .lead,
  .security-copy .lead,
  .white-label-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .plan-card li,
  .plan-card p,
  .section p{
    font-size:.92rem !important;
  }
}

@media (max-width:360px){
  :root{
    --mobile-gutter:20px;
  }

  .logo img{
    width:96px !important;
    max-width:96px !important;
  }

  .nav-actions .btn{
    flex-basis:72px !important;
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    font-size:.55rem !important;
  }

  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .implant h2,
  .whitelabel h2,
  .plans h2{
    font-size:1.72rem !important;
  }
}



/* ===== V88 — Entrar e Contato exatamente do mesmo tamanho ===== */

/* Desktop e tablet */
.nav-actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.nav-actions .btn{
  flex:0 0 152px !important;
  width:152px !important;
  min-width:152px !important;
  max-width:152px !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Celular */
@media (max-width:700px){
  .nav-actions{
    gap:7px !important;
  }

  .nav-actions .btn{
    flex:0 0 82px !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    font-size:.62rem !important;
    line-height:1 !important;
  }
}

@media (max-width:420px){
  .nav-actions .btn{
    flex-basis:76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:.58rem !important;
  }
}

@media (max-width:360px){
  .nav-actions .btn{
    flex-basis:72px !important;
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    height:34px !important;
    min-height:34px !important;
    font-size:.55rem !important;
  }
}



/* ===== V89 — mais respiro lateral + botões das lojas preservados ===== */
@media (max-width:700px){

  /* Mais margem lateral em todo o site mobile */
  :root{
    --mobile-gutter: clamp(28px, 8.5vw, 36px) !important;
    --container: min(calc(100% - (var(--mobile-gutter) * 2)), 1120px) !important;
  }

  .container{
    width:var(--container) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* App Store e Google Play:
     continuam retangulares, alinhados e do mesmo tamanho */
  .experience-store-badges{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    align-items:stretch !important;
  }

  .experience-store-badges .store-badge{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:72px !important;
    height:72px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
  }

  .experience-store-badges .store-badge > span,
  .experience-store-badges .store-badge .store-text{
    min-width:0 !important;
  }
}

@media (max-width:420px){
  :root{
    --mobile-gutter:28px !important;
  }

  .experience-store-badges{
    gap:10px !important;
  }

  .experience-store-badges .store-badge{
    min-height:68px !important;
    height:68px !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    gap:8px !important;
  }
}

@media (max-width:360px){
  :root{
    --mobile-gutter:24px !important;
  }

  .experience-store-badges .store-badge{
    min-height:64px !important;
    height:64px !important;
    padding:8px 9px !important;
    border-radius:14px !important;
  }
}



/* ===== V90 — logo do rodapé menor apenas no celular ===== */
@media (max-width:700px){
  .footer-logo{
    width:88px !important;
    max-width:88px !important;
    height:auto !important;
  }
}

@media (max-width:420px){
  .footer-logo{
    width:82px !important;
    max-width:82px !important;
  }
}

@media (max-width:360px){
  .footer-logo{
    width:78px !important;
    max-width:78px !important;
  }
}



/* ===== V91 — ALINHAMENTO MOBILE COMPLETO ===== */
@media (max-width:700px){

  /* Um único eixo lateral para TODO o site no celular */
  :root{
    --mobile-page-gutter:30px;
  }

  .container,
  .hero > .container,
  .experience > .container,
  .section > .container,
  .security > .container,
  .solutions > .container,
  .whitelabel > .container,
  .plans > .container,
  .implant > .container,
  .footer > .container{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--mobile-page-gutter) !important;
    padding-right:var(--mobile-page-gutter) !important;
    box-sizing:border-box !important;
  }

  /* Todos os blocos internos respeitam o mesmo eixo */
  .hero-copy,
  .experience-copy,
  .security-copy,
  .solutions-title,
  .whitelabel-copy,
  .whitelabel-features,
  .section-head,
  .implant-copy,
  .plans-head,
  .footer-grid,
  .solutions-grid,
  .pricing-grid-site{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Cards e linhas internas alinhados dentro do mesmo limite */
  .solution,
  .plan-card-site,
  .whitelabel-item,
  .check-row,
  .step,
  .trial-pill{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Tipografia principal padronizada */
  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .solutions h2,
  .whitelabel h2,
  .implant h2,
  .plans h2{
    font-size:1.82rem !important;
    line-height:1.10 !important;
    letter-spacing:-.025em !important;
  }

  /* Corpo de texto igual em todas as áreas */
  .hero .lead,
  .section-head .lead,
  .experience-copy .lead,
  .security-copy .lead,
  .solutions-title .lead,
  .whitelabel-copy .lead,
  .implant-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .whitelabel-item p,
  .plan-card-site p,
  .plan-card-site li{
    font-size:.92rem !important;
    line-height:1.62 !important;
    letter-spacing:0 !important;
  }

  /* Títulos menores internos também seguem padrão */
  .solution h3,
  .step h3,
  .whitelabel-item h4,
  .check-row strong,
  .plan-card-site h3{
    font-size:1.02rem !important;
    line-height:1.30 !important;
  }

  /* Imagens e vídeo entram no mesmo alinhamento visual */
  .video-frame,
  .experience-photo,
  .security-art,
  .implant-visual{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* Botões App Store / Google Play:
     retangulares, mesma largura e perfeitamente alinhados */
  .experience-store-badges{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    align-items:stretch !important;
  }

  .experience-store-badges .store-badge{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:70px !important;
    min-height:70px !important;
    padding:9px 11px !important;
    border-radius:15px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Rodapé proporcionalmente menor no celular */
  .footer{
    padding-top:54px !important;
    padding-bottom:42px !important;
  }

  .footer-logo{
    width:78px !important;
    max-width:78px !important;
    height:auto !important;
    margin-bottom:18px !important;
  }

  .footer p,
  .footer a,
  .footer li{
    font-size:.78rem !important;
    line-height:1.50 !important;
  }

  .footer h3,
  .footer h4,
  .footer strong{
    font-size:.90rem !important;
    line-height:1.30 !important;
  }

  .footer-grid{
    gap:28px !important;
  }

  .social{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }

  .socials{
    gap:10px !important;
    flex-wrap:wrap !important;
  }
}

@media (max-width:420px){
  :root{
    --mobile-page-gutter:28px;
  }

  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .solutions h2,
  .whitelabel h2,
  .implant h2,
  .plans h2{
    font-size:1.76rem !important;
  }

  .experience-store-badges{
    gap:10px !important;
  }

  .experience-store-badges .store-badge{
    height:66px !important;
    min-height:66px !important;
    padding:8px 9px !important;
  }

  .footer-logo{
    width:74px !important;
    max-width:74px !important;
  }
}

@media (max-width:360px){
  :root{
    --mobile-page-gutter:24px;
  }

  .hero .hero-main-title,
  .section h2,
  .section-head h2,
  .experience h2,
  .security h2,
  .solutions h2,
  .whitelabel h2,
  .implant h2,
  .plans h2{
    font-size:1.68rem !important;
  }

  .footer p,
  .footer a,
  .footer li{
    font-size:.75rem !important;
  }
}



/* ===== V92 — PADRÃO MOBILE BASEADO NA REFERÊNCIA ADOBE =====
   Medidas reproduzidas visualmente a partir dos prints de referência enviados.
   Não utiliza código proprietário da Adobe.
*/
@media (max-width:700px){

  :root{
    --adobe-mobile-gutter:30px;
    --adobe-mobile-content:calc(100% - 60px);
  }

  /* Eixo principal: 30px de cada lado */
  .container,
  .hero > .container,
  .experience > .container,
  .section > .container,
  .security > .container,
  .solutions > .container,
  .whitelabel > .container,
  .plans > .container,
  .implant > .container,
  .footer > .container{
    width:var(--adobe-mobile-content) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Todos os blocos internos respeitam o mesmo eixo */
  .hero-copy,
  .experience-copy,
  .security-copy,
  .solutions-title,
  .whitelabel-copy,
  .section-head,
  .implant-copy,
  .plans-head,
  .footer-grid,
  .solutions-grid,
  .pricing-grid-site,
  .steps,
  .checks,
  .whitelabel-features{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Imagens, vídeo e cards alinhados no mesmo eixo de 30px */
  .video-frame,
  .experience-photo,
  .security-art,
  .implant-visual,
  .solution,
  .plan-card-site,
  .step,
  .check-row,
  .whitelabel-item{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Mantém respiro interno dos cards sem alterar o eixo externo */
  .solution,
  .plan-card-site{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  /* Botões App Store / Google Play dentro do mesmo eixo */
  .experience-store-badges{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
  }

  /* Topo segue o mesmo eixo lateral visual */
  .nav{
    width:var(--adobe-mobile-content) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Rodapé no mesmo alinhamento */
  .footer-grid{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Celulares muito estreitos: pequeno ajuste de segurança */
@media (max-width:340px){
  :root{
    --adobe-mobile-gutter:24px;
    --adobe-mobile-content:calc(100% - 48px);
  }
}



/* ===== V93 — ajuste do texto "Disponível no" no Google Play ===== */
@media (max-width:700px){
  .experience-store-badges .store-badge small{
    white-space:nowrap !important;
  }

  .experience-store-badges .store-badge:last-child small{
    font-size:.52rem !important;
    line-height:1 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px){
  .experience-store-badges .store-badge:last-child small{
    font-size:.48rem !important;
  }
}



/* ===== V94 — planos, corpo de textos e rodapé refinados no mobile ===== */
@media (max-width:700px){

  /* Mantém o eixo lateral padrão em 30px */
  :root{
    --premia-mobile-gutter:30px;
    --premia-mobile-width:calc(100% - 60px);
  }

  /* Área de planos: tudo no MESMO eixo lateral */
  .plans > .container,
  #planos > .container,
  .plans .container{
    width:var(--premia-mobile-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .plans-head,
  .trial-pill,
  .pricing-grid-site,
  .plan-card-site,
  .plan-card,
  .plan-signup,
  .plan-signup-actions{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  .pricing-grid-site{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .plan-card-site,
  .plan-card{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .trial-pill{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* Corpo dos textos: mesmo tamanho em TODOS os blocos principais */
  .hero .lead,
  .section p,
  .section-head .lead,
  .experience-copy .lead,
  .security-copy .lead,
  .solutions-title .lead,
  .implant-copy .lead,
  .whitelabel-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .check-row p,
  .whitelabel-item p,
  .plan-card-site p,
  .plan-card-site li,
  .plan-card p,
  .plan-card li,
  .trial-pill,
  .trial-pill p{
    font-size:.92rem !important;
    line-height:1.62 !important;
    letter-spacing:0 !important;
  }

  /* Títulos internos dos planos proporcionais ao restante */
  .plan-card-site h3,
  .plan-card h3,
  .plans h3,
  .plan-card-site strong,
  .plan-card strong{
    line-height:1.28 !important;
  }

  /* Rodapé: logo e tipografia em proporção mais equilibrada */
  .footer-logo{
    width:74px !important;
    max-width:74px !important;
    height:auto !important;
    margin-bottom:16px !important;
  }

  .footer p,
  .footer a,
  .footer li,
  .footer-nav a,
  .footer-copy{
    font-size:.72rem !important;
    line-height:1.48 !important;
  }

  .footer h3,
  .footer h4,
  .footer strong,
  .footer-title{
    font-size:.82rem !important;
    line-height:1.28 !important;
  }

  .footer-grid{
    gap:24px !important;
  }

  .social{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  .socials{
    gap:9px !important;
  }
}

@media (max-width:420px){
  :root{
    --premia-mobile-gutter:28px;
    --premia-mobile-width:calc(100% - 56px);
  }

  .plans > .container,
  #planos > .container,
  .plans .container{
    width:var(--premia-mobile-width) !important;
  }

  .hero .lead,
  .section p,
  .section-head .lead,
  .experience-copy .lead,
  .security-copy .lead,
  .solutions-title .lead,
  .implant-copy .lead,
  .whitelabel-copy .lead,
  .solution p,
  .step p,
  .check-row,
  .check-row p,
  .whitelabel-item p,
  .plan-card-site p,
  .plan-card-site li,
  .plan-card p,
  .plan-card li,
  .trial-pill,
  .trial-pill p{
    font-size:.90rem !important;
  }

  .footer-logo{
    width:70px !important;
    max-width:70px !important;
  }

  .footer p,
  .footer a,
  .footer li,
  .footer-nav a,
  .footer-copy{
    font-size:.69rem !important;
  }

  .footer h3,
  .footer h4,
  .footer strong,
  .footer-title{
    font-size:.79rem !important;
  }
}

@media (max-width:340px){
  :root{
    --premia-mobile-gutter:24px;
    --premia-mobile-width:calc(100% - 48px);
  }

  .plans > .container,
  #planos > .container,
  .plans .container{
    width:var(--premia-mobile-width) !important;
  }
}



/* ===== V95 — correção fina das margens da área de planos no mobile ===== */
@media (max-width:700px){

  /* Garante exatamente o mesmo respiro à esquerda e à direita */
  .plans > .container,
  #planos > .container,
  .plans .container{
    width:auto !important;
    max-width:none !important;
    margin-left:30px !important;
    margin-right:30px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Cards e blocos não podem ultrapassar o container */
  .plans-head,
  .trial-pill,
  .pricing-grid-site,
  .plan-card-site,
  .plan-card,
  .plan-signup,
  .plan-signup-actions{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  /* Evita qualquer sobra lateral causada por padding/borda */
  .plan-card-site,
  .plan-card,
  .trial-pill{
    overflow:hidden !important;
  }
}

@media (max-width:420px){
  .plans > .container,
  #planos > .container,
  .plans .container{
    margin-left:28px !important;
    margin-right:28px !important;
  }
}

@media (max-width:340px){
  .plans > .container,
  #planos > .container,
  .plans .container{
    margin-left:24px !important;
    margin-right:24px !important;
  }
}



/* ===== V96 — ajuste do selo "Sem risco" + textos App Store / Google Play ===== */
@media (max-width:700px){

  /* Selo "SEM RISCO": formato regular e texto centralizado dentro */
  .trial-pill{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }

  .trial-pill-badge{
    flex:0 0 76px !important;
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    min-height:76px !important;
    padding:0 10px !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.12 !important;
    font-size:.68rem !important;
    letter-spacing:.045em !important;
    font-weight:800 !important;
  }

  /* Mantém os dois botões de download alinhados e retangulares */
  .experience-store-badges{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  .experience-store-badges .store-badge{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:70px !important;
    min-height:70px !important;
    border-radius:15px !important;
    padding:9px 11px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
  }

  .experience-store-badges .store-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-width:0 !important;
    line-height:1 !important;
  }

  /* "Baixar na" e "Disponível no" ficam sempre em UMA linha */
  .experience-store-badges .store-copy small{
    display:block !important;
    width:auto !important;
    font-size:.50rem !important;
    line-height:1.05 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
  }

  /* "App Store" e "Google Play" também em uma única linha */
  .experience-store-badges .store-copy strong{
    display:block !important;
    width:auto !important;
    font-size:.90rem !important;
    line-height:1.06 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px){
  .trial-pill-badge{
    flex-basis:70px !important;
    width:70px !important;
    height:70px !important;
    min-width:70px !important;
    min-height:70px !important;
    font-size:.64rem !important;
  }

  .experience-store-badges{
    gap:10px !important;
  }

  .experience-store-badges .store-badge{
    height:66px !important;
    min-height:66px !important;
    padding:8px 9px !important;
    gap:7px !important;
  }

  .experience-store-badges .store-copy small{
    font-size:.46rem !important;
  }

  .experience-store-badges .store-copy strong{
    font-size:.82rem !important;
  }
}



/* ===== V97 — ajustes pontuais solicitados ===== */
@media (max-width:700px){

  /* 1) "Mais popular" totalmente visível */
  .plan-card-site.featured{
    padding-top:64px !important;
  }
  .featured-tag{
    top:14px !important;
    left:24px !important;
    max-width:calc(100% - 48px) !important;
    padding:10px 16px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    z-index:5 !important;
  }

  /* 2) Ícone play visível na capa do vídeo */
  .video-shell{
    position:relative !important;
  }
  .video-play-badge{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:66px !important;
    height:66px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.94) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
    pointer-events:none !important;
    z-index:3 !important;
    color:#0b57b5 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .video-play-badge svg{
    width:24px !important;
    height:24px !important;
    margin-left:3px !important;
    fill:currentColor !important;
    display:block !important;
  }
  .video-shell.is-playing .video-play-badge{
    opacity:0 !important;
    visibility:hidden !important;
  }

  /* 3) Apple Store e Google Play no mesmo alinhamento */
  .experience-store-badges{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  .experience-store-badges .store-badge{
    width:100% !important;
    height:68px !important;
    min-height:68px !important;
    margin:0 !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
  }
  .experience-store-badges .store-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }
  .experience-store-badges .store-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    line-height:1 !important;
  }
  .experience-store-badges .store-copy small,
  .experience-store-badges .store-copy strong{
    white-space:nowrap !important;
  }
}

@media (max-width:420px){
  .plan-card-site.featured{
    padding-top:60px !important;
  }
  .featured-tag{
    left:20px !important;
    max-width:calc(100% - 40px) !important;
    font-size:.70rem !important;
    padding:9px 14px !important;
  }

  .video-play-badge{
    width:58px !important;
    height:58px !important;
  }
  .video-play-badge svg{
    width:22px !important;
    height:22px !important;
  }

  .experience-store-badges .store-badge{
    height:66px !important;
    min-height:66px !important;
    padding:8px 10px !important;
    gap:8px !important;
  }
  .experience-store-badges .store-copy small{
    font-size:.46rem !important;
  }
  .experience-store-badges .store-copy strong{
    font-size:.82rem !important;
  }
}



/* ===== V98 — ajuste fino somente no botão Google Play ===== */
@media (max-width:700px){

  /* Mantém exatamente o mesmo formato visual já aprovado dos botões */
  .experience-store-badges .store-badge:last-child{
    padding-left:12px !important;
    padding-right:15px !important;
    justify-content:flex-start !important;
    gap:9px !important;
  }

  /* Ícone com a mesma área do botão App Store */
  .experience-store-badges .store-badge:last-child .store-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    flex:0 0 40px !important;
  }

  /* Texto deslocado para dentro, sem encostar na lateral direita */
  .experience-store-badges .store-badge:last-child .store-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 49px) !important;
    overflow:visible !important;
  }

  .experience-store-badges .store-badge:last-child .store-copy small{
    font-size:.45rem !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .experience-store-badges .store-badge:last-child .store-copy strong{
    font-size:.76rem !important;
    line-height:1.05 !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px){
  .experience-store-badges .store-badge:last-child{
    padding-left:9px !important;
    padding-right:12px !important;
    gap:7px !important;
  }

  .experience-store-badges .store-badge:last-child .store-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    flex-basis:36px !important;
  }

  .experience-store-badges .store-badge:last-child .store-copy{
    max-width:calc(100% - 43px) !important;
  }

  .experience-store-badges .store-badge:last-child .store-copy small{
    font-size:.42rem !important;
  }

  .experience-store-badges .store-badge:last-child .store-copy strong{
    font-size:.70rem !important;
  }
}



/* ===== V99 — menu mobile de navegação estilo referência Adobe ===== */
.mobile-menu-toggle,
.mobile-menu{
  display:none;
}

@media (max-width:700px){
  .nav{
    position:relative !important;
  }

  .mobile-menu-toggle{
    display:inline-flex !important;
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    margin:0 6px 0 0 !important;
    border:0 !important;
    background:transparent !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
  }

  .mobile-menu-toggle span{
    display:block !important;
    width:24px !important;
    height:2.5px !important;
    border-radius:999px !important;
    background:#162033 !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }

  .mobile-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7.5px) rotate(45deg) !important;
  }
  .mobile-menu-toggle.is-open span:nth-child(2){
    opacity:0 !important;
  }
  .mobile-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7.5px) rotate(-45deg) !important;
  }

  .logo{
    margin-right:auto !important;
  }

  .mobile-menu{
    display:none;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:100% !important;
    z-index:1200 !important;
    background:#fff !important;
    border-top:1px solid #edf0f4 !important;
    border-bottom:1px solid #e3e7ec !important;
    box-shadow:0 12px 26px rgba(21,40,65,.10) !important;
    padding:10px 30px 14px !important;
  }

  .mobile-menu.open{
    display:block !important;
  }

  .mobile-menu a{
    display:flex !important;
    align-items:center !important;
    min-height:46px !important;
    padding:8px 0 !important;
    color:#273249 !important;
    text-decoration:none !important;
    font-family:'Poppins',Arial,sans-serif !important;
    font-size:.88rem !important;
    font-weight:700 !important;
    border-bottom:1px solid #eef1f4 !important;
  }

  .mobile-menu a:last-child{
    border-bottom:0 !important;
  }
}

@media (max-width:420px){
  .mobile-menu{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .mobile-menu-toggle{
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
    margin-right:4px !important;
  }

  .mobile-menu-toggle span{
    width:22px !important;
  }
}



/* ===== V100 — topo mobile e botão de chat corrigidos ===== */
@media (max-width:700px){

  /* Topo: move o conjunto um pouco para a esquerda e evita corte */
  .nav{
    width:calc(100% - 36px) !important;
    margin-left:18px !important;
    margin-right:18px !important;
    gap:6px !important;
    overflow:visible !important;
  }

  .mobile-menu-toggle{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin-right:2px !important;
  }

  .logo{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin-right:auto !important;
  }

  .logo img{
    width:104px !important;
    max-width:104px !important;
  }

  .nav-actions{
    flex:0 0 auto !important;
    margin-left:4px !important;
    gap:6px !important;
    min-width:0 !important;
  }

  .nav-actions .btn{
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 7px !important;
    font-size:.56rem !important;
    border-radius:999px !important;
  }

  /* Chat menor e mais para dentro da tela */
  .chat-launch{
    right:14px !important;
    bottom:14px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    font-size:1.05rem !important;
    box-shadow:0 12px 26px rgba(255,83,68,.26) !important;
  }

  .chat-box{
    right:14px !important;
    bottom:76px !important;
    width:min(320px,calc(100vw - 28px)) !important;
  }
}

@media (max-width:420px){
  .nav{
    width:calc(100% - 28px) !important;
    margin-left:14px !important;
    margin-right:14px !important;
    gap:4px !important;
  }

  .mobile-menu-toggle{
    flex-basis:32px !important;
    width:32px !important;
    height:32px !important;
    margin-right:0 !important;
  }

  .mobile-menu-toggle span{
    width:21px !important;
  }

  .logo img{
    width:96px !important;
    max-width:96px !important;
  }

  .nav-actions{
    gap:5px !important;
    margin-left:2px !important;
  }

  .nav-actions .btn{
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 6px !important;
    font-size:.53rem !important;
  }

  .chat-launch{
    right:12px !important;
    bottom:12px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    font-size:.98rem !important;
  }

  .chat-box{
    right:12px !important;
    bottom:68px !important;
    width:min(300px,calc(100vw - 24px)) !important;
  }
}

@media (max-width:360px){
  .nav{
    width:calc(100% - 22px) !important;
    margin-left:11px !important;
    margin-right:11px !important;
  }

  .logo img{
    width:90px !important;
    max-width:90px !important;
  }

  .nav-actions .btn{
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    height:32px !important;
    min-height:32px !important;
    font-size:.50rem !important;
  }

  .chat-launch{
    right:10px !important;
    bottom:10px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }
}



/* ===== V101 — logo e botões do topo maiores, mantendo alinhamento ===== */
@media (max-width:700px){

  .nav{
    width:calc(100% - 32px) !important;
    margin-left:16px !important;
    margin-right:16px !important;
    gap:6px !important;
    align-items:center !important;
  }

  .mobile-menu-toggle{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin-right:2px !important;
  }

  /* Logo um pouco maior */
  .logo{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin-right:auto !important;
  }

  .logo img{
    width:112px !important;
    max-width:112px !important;
    height:auto !important;
  }

  /* Dois botões exatamente iguais */
  .nav-actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    margin-left:4px !important;
    flex:0 0 auto !important;
  }

  .nav-actions .btn{
    flex:0 0 78px !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    font-size:.58rem !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px){

  .nav{
    width:calc(100% - 24px) !important;
    margin-left:12px !important;
    margin-right:12px !important;
    gap:4px !important;
  }

  .mobile-menu-toggle{
    flex-basis:32px !important;
    width:32px !important;
    height:32px !important;
    margin-right:0 !important;
  }

  .logo img{
    width:104px !important;
    max-width:104px !important;
  }

  .nav-actions{
    gap:5px !important;
    margin-left:2px !important;
  }

  .nav-actions .btn{
    flex-basis:74px !important;
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    font-size:.55rem !important;
  }
}

@media (max-width:360px){

  .nav{
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
  }

  .logo img{
    width:98px !important;
    max-width:98px !important;
  }

  .nav-actions .btn{
    flex-basis:70px !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    font-size:.52rem !important;
  }
}



/* ===== V102 — App Store centralizado + topo mobile um pouco maior ===== */
@media (max-width:700px){

  /* APP STORE: conteúdo centralizado horizontal e verticalmente */
  .experience-store-badges .store-badge:first-child{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding-left:12px !important;
    padding-right:12px !important;
    gap:10px !important;
  }

  .experience-store-badges .store-badge:first-child .store-icon{
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
  }

  .experience-store-badges .store-badge:first-child .store-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-width:0 !important;
  }

  .experience-store-badges .store-badge:first-child .store-copy small,
  .experience-store-badges .store-badge:first-child .store-copy strong{
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* TOPO: logo e botões um pouco maiores */
  .nav{
    width:calc(100% - 26px) !important;
    margin-left:13px !important;
    margin-right:13px !important;
    gap:5px !important;
  }

  .logo img{
    width:118px !important;
    max-width:118px !important;
  }

  .nav-actions{
    gap:6px !important;
  }

  .nav-actions .btn{
    flex:0 0 82px !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    font-size:.60rem !important;
    padding:0 8px !important;
  }
}

@media (max-width:420px){

  .experience-store-badges .store-badge:first-child{
    padding-left:10px !important;
    padding-right:10px !important;
    gap:8px !important;
  }

  .experience-store-badges .store-badge:first-child .store-icon{
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
  }

  .nav{
    width:calc(100% - 20px) !important;
    margin-left:10px !important;
    margin-right:10px !important;
    gap:4px !important;
  }

  .logo img{
    width:110px !important;
    max-width:110px !important;
  }

  .nav-actions{
    gap:5px !important;
  }

  .nav-actions .btn{
    flex-basis:78px !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    font-size:.57rem !important;
  }
}

@media (max-width:360px){

  .logo img{
    width:102px !important;
    max-width:102px !important;
  }

  .nav-actions .btn{
    flex-basis:74px !important;
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    font-size:.54rem !important;
  }
}



/* ===== V103 — App Store alinhado exatamente no mesmo padrão do Google Play ===== */
@media (max-width:700px){
  .experience-store-badges .store-badge{
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
  }

  .experience-store-badges .store-badge .store-icon,
  .experience-store-badges .store-badge .store-icon.apple,
  .experience-store-badges .store-badge:nth-child(2) .store-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
  }

  .experience-store-badges .store-badge .store-icon svg,
  .experience-store-badges .store-badge .store-icon.apple svg,
  .experience-store-badges .store-badge:nth-child(2) .store-icon svg{
    width:30px !important;
    height:30px !important;
    display:block !important;
    margin:0 auto !important;
  }

  .experience-store-badges .store-badge .store-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
    line-height:1.05 !important;
    margin:0 !important;
  }

  .experience-store-badges .store-badge .store-copy small,
  .experience-store-badges .store-badge .store-copy strong{
    width:100% !important;
    text-align:left !important;
    white-space:nowrap !important;
    margin:0 !important;
  }
}

@media (max-width:420px){
  .experience-store-badges .store-badge{
    gap:9px !important;
    padding-left:13px !important;
    padding-right:13px !important;
  }

  .experience-store-badges .store-badge .store-icon,
  .experience-store-badges .store-badge .store-icon.apple,
  .experience-store-badges .store-badge:nth-child(2) .store-icon{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  .experience-store-badges .store-badge .store-icon svg,
  .experience-store-badges .store-badge .store-icon.apple svg,
  .experience-store-badges .store-badge:nth-child(2) .store-icon svg{
    width:28px !important;
    height:28px !important;
  }
}



/* ===== V104 — rodapé proporcional no celular ===== */
@media (max-width:700px){

  /* Texto principal do rodapé proporcional à logo e ao layout mobile */
  .footer-copy{
    font-size:.70rem !important;
    line-height:1.48 !important;
    max-width:100% !important;
  }

  .footer-copy strong{
    font-size:.72rem !important;
    line-height:1.48 !important;
    font-weight:700 !important;
  }
}

@media (max-width:420px){
  .footer-copy{
    font-size:.67rem !important;
    line-height:1.46 !important;
  }

  .footer-copy strong{
    font-size:.69rem !important;
    line-height:1.46 !important;
  }
}

@media (max-width:360px){
  .footer-copy{
    font-size:.64rem !important;
  }

  .footer-copy strong{
    font-size:.66rem !important;
  }
}


/* Production performance */
img { content-visibility:auto; }
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* ===== V106 — App Store mobile: texto à esquerda e mais próximo da maçã ===== */
@media (max-width:700px){
  .experience-store-badges .store-badge:first-child{
    justify-content:flex-start !important;
    align-items:center !important;
    gap:6px !important;
    padding-left:11px !important;
    padding-right:11px !important;
  }

  .experience-store-badges .store-badge:first-child .store-icon.apple{
    margin:0 !important;
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
  }

  .experience-store-badges .store-badge:first-child .store-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
    margin:0 !important;
  }

  .experience-store-badges .store-badge:first-child .store-copy small,
  .experience-store-badges .store-badge:first-child .store-copy strong{
    display:block !important;
    width:auto !important;
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px){
  .experience-store-badges .store-badge:first-child{
    gap:5px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .experience-store-badges .store-badge:first-child .store-icon.apple{
    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;
  }
}