:root{--navy:#061f43;--navy2:#0b3b68;--teal:#008b7a;--gold:#ffd34f;--cream:#f8f7f2;--ink:#082549;--muted:#657487;--line:#dce5e7;--white:#fff;--shadow:0 22px 60px rgba(4,26,57,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px}.scroll-progress span{display:block;height:100%;width:0;background:var(--gold)}.site-header{height:70px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:var(--gold);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold);border-radius:11px;font-weight:950}.site-header nav{display:flex;gap:25px;font-size:14px;font-weight:850}.site-header nav a{transition:.2s}.site-header nav a:hover{color:white;transform:translateY(-2px)}.hero{padding:64px max(24px,calc((100vw - 1180px)/2)) 78px;background:linear-gradient(145deg,var(--navy),#0b4068);color:white;display:grid;grid-template-columns:.83fr 1.17fr;gap:28px 42px;align-items:center;overflow:hidden}.hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.052em;margin:18px 0}.hero-copy p{font-size:clamp(20px,2vw,27px);color:#d8e4ec;margin:0}.eyebrow{display:inline-flex;color:var(--teal);font-size:12px;font-weight:950;letter-spacing:.14em}.hero .eyebrow,.demo .eyebrow,.cta-band>span{color:var(--gold)}.hero-visual{height:600px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual .phone{position:absolute;z-index:1;max-height:565px;width:auto;filter:drop-shadow(0 28px 26px rgba(0,0,0,.4));animation:float 5s ease-in-out infinite}.phone-search{left:6%;transform:rotate(-5deg)}.phone-settings{right:7%;transform:rotate(5deg);animation-delay:-2.4s!important}.hero-pills{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-pills span{min-height:70px;padding:16px 18px;border-radius:18px;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;color:white;box-shadow:0 12px 28px rgba(0,0,0,.19);font-size:15px}.pill-search{background:linear-gradient(135deg,#0ea58d,#04766d)}.pill-audio{background:linear-gradient(135deg,#385fd4,#7446c8)}.pill-mobile{background:linear-gradient(135deg,#f19a21,#df5d38)}.hero-offer{grid-column:1/-1;max-width:850px;width:100%;margin:10px auto 0;padding:28px;border-radius:28px;background:white;color:var(--ink);box-shadow:var(--shadow);text-align:center}.offer-title{font-size:12px;font-weight:950;letter-spacing:.13em;color:var(--teal)}.offer-price{display:flex;flex-direction:column;margin:12px 0}.offer-price small{color:var(--muted);font-weight:700}.offer-price strong,.cta-price strong{font-size:54px;line-height:1;letter-spacing:-.05em}.button{display:inline-flex;min-height:58px;padding:15px 26px;border-radius:16px;align-items:center;justify-content:center;font-size:15px;font-weight:950;transition:.22s transform,.22s box-shadow}.button:hover{transform:translateY(-4px)}.primary{color:white;background:linear-gradient(100deg,#06a88c,#06c37a,#f2b62e);background-size:200% 100%;box-shadow:0 14px 35px rgba(4,154,123,.3)}.hero-offer .button{width:100%;max-width:590px}.offer-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px auto 14px;max-width:680px;text-align:left}.offer-benefits span,.mid-benefits span{padding:8px 11px;border-radius:8px;background:linear-gradient(transparent 30%,#c9f4cc 30%);font-size:13px;font-weight:800}.hero-offer>small{color:var(--muted);font-weight:700}.section{padding:94px max(24px,calc((100vw - 1120px)/2))}.section-heading{text-align:center;max-width:720px;margin:0 auto 40px}.section-heading h2,.cta-band h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}.section-heading p{color:var(--muted);font-size:18px}.demo{background:#07294f;color:white}.demo .section-heading p{color:#bbcad7}.demo-layout{max-width:1020px;margin:auto;display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center}.accent-switch{display:grid;grid-template-columns:1fr 1fr;background:#11385f;padding:5px;border-radius:15px}.accent-button{border:0;border-radius:11px;padding:13px;color:#c7d4df;background:transparent;font-weight:850;cursor:pointer}.accent-button.active{background:white;color:var(--navy)}.demo-item{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:15px;margin:11px 0;border:1px solid #315573;border-radius:16px;background:#0d3155;color:white;cursor:pointer;transition:.22s}.demo-item:hover,.demo-item.playing{transform:translateY(-4px);border-color:#66e3cd}.demo-item>span:last-child{display:grid}.demo-item small{color:#b9cad7}.play-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--teal)}.audio-note{font-size:13px;color:#aebfce}.demo-phone{max-height:590px;display:flex;justify-content:center}.demo-phone img{height:590px;width:auto;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.4));animation:float 5s ease-in-out infinite}.access{background:#eef6f3;text-align:center}.steps{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.steps article{position:relative;padding:26px 22px;min-height:220px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 35px rgba(5,35,67,.08);transition:.24s}.steps article:hover,.feature-grid article:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(5,35,67,.15)}.steps article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--gold)}.step-icon{position:absolute;right:22px;top:28px;color:var(--teal);font-size:24px;font-weight:900}.steps h3{margin:22px 0 8px}.steps p{margin:0;color:var(--muted);font-size:14px}.access-button{margin-top:28px}.product-tour{background:white}.gallery-shell{max-width:760px;margin:auto;padding:16px;border-radius:28px;background:#edf3f3;box-shadow:var(--shadow);overflow:hidden}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 14px;font-size:13px;font-weight:850}.gallery-toolbar>span{display:flex;align-items:center;gap:8px}.gallery-toolbar i{width:8px;height:8px;border-radius:50%;background:#1ac58f}.gallery-toolbar button{width:40px;height:40px;margin-left:5px;border:1px solid var(--line);border-radius:11px;background:white;cursor:pointer}.gallery-viewport{overflow:hidden;border-radius:20px}.product-gallery{display:flex;gap:16px;transition:transform .45s ease}.gallery-card{flex:0 0:100%;margin:0;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:zoom-in}.gallery-card img{width:100%;height:auto;max-height:none;object-fit:contain;background:white}.gallery-card figcaption{display:grid;gap:3px;padding:17px;text-align:center}.gallery-card figcaption span{color:var(--muted);font-size:13px}.gallery-dots{display:flex;justify-content:center;gap:6px;padding:14px 0 8px}.gallery-dots span{width:7px;height:7px;border-radius:20px;background:#bbc8c7}.gallery-dots span.active{width:24px;background:var(--teal)}.zoom-hint{display:block;text-align:center;color:var(--teal);font-size:12px;font-weight:850}.feature-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{min-height:170px;padding:25px;border:1px solid var(--line);border-radius:21px;background:white;transition:.24s}.feature-grid article>span{color:var(--teal);font-size:35px;font-weight:950}.feature-grid h3{margin:8px 0 3px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}.cta-band{max-width:1040px;margin:15px auto;padding:64px;border-radius:30px;background:linear-gradient(135deg,var(--navy),#075f61);color:white;text-align:center;box-shadow:var(--shadow)}.cta-band>span{font-size:12px;font-weight:950;letter-spacing:.13em}.cta-price{display:flex;flex-direction:column;margin:16px 0}.cta-price small{color:#c5d4df}.cta-band .button{min-width:min(590px,100%)}.mid-benefits{max-width:700px;margin:22px auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.cta-band p{color:#cfdae3}.full-content{text-align:center;background:white}.content-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:850px;margin:0 auto 28px}.content-strip span{padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:#f6f9f8;font-size:13px;font-weight:800}.faq-list{max-width:780px;margin:auto}.faq details{margin:9px 0;padding:0 18px;border:1px solid var(--line);border-radius:15px;background:white}.faq summary{padding:18px 0;font-weight:850;cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;color:var(--teal);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 18px;color:var(--muted)}.whatsapp-support{margin-top:22px;padding:28px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#086357);color:white;display:grid;gap:7px;text-align:center}.whatsapp-support[hidden]{display:none}.whatsapp-support h3,.whatsapp-support p{margin:0;color:white}.whatsapp-support a{margin-top:9px;padding:15px;border-radius:13px;background:#20c963;color:white;font-weight:950}footer{padding:42px max(24px,calc((100vw - 1120px)/2));background:var(--navy);color:white;display:grid;grid-template-columns:1fr auto;gap:18px}footer>div{display:grid}footer span,footer small{color:#9fb1c1;font-size:12px}footer nav{display:flex;gap:18px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #2c4762;padding-top:18px}.floating-actions{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;align-items:center;gap:10px}.mobile-buy{display:none}.whatsapp-float{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;box-shadow:0 10px 28px rgba(0,0,0,.25)}.whatsapp-float[hidden]{display:none}.whatsapp-float svg{width:30px;fill:currentColor}.pulse-cta{animation:pulse 2s infinite,gradient 4s linear infinite}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.is-visible{opacity:1;transform:none}.image-lightbox{position:fixed;inset:0;z-index:200;background:rgba(2,13,28,.94);display:none;place-items:center;padding:60px 12px 20px}.image-lightbox.open{display:grid}.image-lightbox img{max-width:min(760px,96vw);max-height:88vh;object-fit:contain;border-radius:14px}.image-lightbox button{position:absolute;right:18px;top:15px;width:44px;height:44px;border:0;border-radius:50%;background:white;font-size:30px;cursor:pointer}.lightbox-open{overflow:hidden}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -15px}}@keyframes pulse{0%,100%{box-shadow:0 12px 30px rgba(7,179,132,.32)}50%{box-shadow:0 12px 40px rgba(245,190,43,.58);transform:scale(1.018)}}@keyframes gradient{to{background-position:200% 0}}
@media(max-width:760px){body{padding-bottom:72px}.site-header{height:auto;min-height:66px;padding:11px 12px;align-items:center}.brand b{display:none}.site-header nav{gap:0;justify-content:space-between;width:calc(100% - 48px);font-size:10px}.site-header nav a{padding:8px 5px}.hero{padding:35px 16px 48px;display:flex;flex-direction:column;gap:20px;text-align:center}.hero-copy h1{font-size:38px;margin:12px 0}.hero-copy p{font-size:20px}.hero-visual{height:390px;width:100%;margin-top:2px}.hero-visual .phone{height:365px;max-width:58%}.phone-search{left:4%;transform:rotate(-6deg)}.phone-settings{right:3%;transform:rotate(6deg)}.hero-pills{width:100%;grid-template-columns:1fr;gap:10px}.hero-pills span{min-height:60px;font-size:14px;padding:14px}.hero-offer{padding:24px 16px;margin-top:3px}.offer-price strong{font-size:52px}.hero-offer .button{min-height:64px}.offer-benefits{grid-template-columns:1fr;gap:7px}.offer-benefits span{font-size:12px;text-align:left}.section{padding:64px 16px}.section-heading{margin-bottom:28px}.section-heading h2,.cta-band h2{font-size:35px}.section-heading p{font-size:16px}.demo-layout{display:flex;flex-direction:column;gap:30px}.demo-item{padding:13px}.demo-item b{font-size:14px}.demo-item small{font-size:11px}.demo-phone{height:440px}.demo-phone img{height:440px}.steps{grid-template-columns:1fr;gap:13px}.steps article{min-height:170px}.access-button{width:100%;font-size:12px}.gallery-shell{padding:9px;border-radius:20px}.gallery-toolbar{font-size:11px}.gallery-toolbar button{width:38px;height:38px}.gallery-card img{width:100%;height:auto}.gallery-card figcaption{padding:14px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{min-height:155px;padding:18px}.feature-grid article>span{font-size:29px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:12px}.cta-band{margin:0;border-radius:0;padding:54px 17px}.mid-benefits{grid-template-columns:1fr}.full-content .button{width:100%;font-size:12px}.whatsapp-support{padding:28px 16px}.faq summary{font-size:14px}footer{grid-template-columns:1fr;padding:38px 20px}footer nav{flex-wrap:wrap}footer>small{grid-column:auto}.floating-actions{left:10px;right:10px;bottom:9px}.mobile-buy{display:flex;flex:1;min-height:54px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(100deg,#06a88c,#06c37a,#f2b62e);background-size:200% 100%;color:white;font-size:12px;font-weight:950;box-shadow:0 8px 25px rgba(8,127,114,.38)}.whatsapp-float{flex:0 0 54px;width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V22.3 — mobile UX and conversion refinements */
.hero-offer,.cta-band,.whatsapp-support{margin-left:auto;margin-right:auto}.hero-offer>*{margin-left:auto;margin-right:auto}.offer-benefits,.mid-benefits{justify-items:stretch}.offer-benefits span,.mid-benefits span{text-align:left;width:100%}.audio-phone{width:min(520px,100%);margin:auto;padding:52px 18px 22px;border:10px solid #111820;border-radius:54px;background:linear-gradient(180deg,#fbfaf4,#f1f5f2);box-shadow:0 32px 70px rgba(0,0,0,.38);position:relative;color:var(--ink)}.phone-speaker{position:absolute;top:17px;left:50%;translate:-50% 0;width:95px;height:20px;border-radius:20px;background:#111820}.audio-phone .accent-switch{background:#dce8e5}.audio-phone .accent-button{color:#526679}.audio-phone .accent-button.active{color:white;background:var(--teal)}.audio-phone .demo-item{background:white;color:var(--ink);border-color:#cbdcda;box-shadow:0 8px 20px rgba(6,31,67,.08)}.audio-phone .demo-item small{color:var(--muted)}.audio-phone .audio-note{color:var(--muted);text-align:center}.play-callout{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 2px;color:var(--teal);font-size:12px;font-weight:950;letter-spacing:.1em}.play-callout b{font-size:27px;line-height:1;animation:arrowBounce 1.1s ease-in-out infinite}.first-audio .play-icon{animation:playPulse 1.5s ease-in-out infinite}.product-gallery{display:block;transition:none}.gallery-card{display:none;width:100%;margin:0}.gallery-card.active{display:block;animation:galleryFade .35s ease}.gallery-card img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}.whatsapp-support a{display:flex;align-items:center;justify-content:center;gap:9px}.whatsapp-support a svg{width:25px;height:25px;fill:currentColor}.mobile-buy{background:var(--teal)!important;animation:buyPulse 2s ease-in-out infinite!important}.hero-visual .phone{filter:none}.demo-phone{display:none}@keyframes playPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,139,122,.4)}50%{transform:scale(1.13);box-shadow:0 0 0 12px rgba(0,139,122,0)}}@keyframes arrowBounce{50%{transform:translateY(7px)}}@keyframes galleryFade{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes buyPulse{50%{transform:scale(1.012);box-shadow:0 9px 28px rgba(0,139,122,.5)}}
@media(max-width:760px){.hero-visual{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.hero-visual .phone{position:relative;inset:auto!important;transform:none!important;width:100%;max-width:100%;height:auto;max-height:370px;object-fit:contain}.phone-search{justify-self:end}.phone-settings{justify-self:start}.hero-offer{width:100%;padding-left:18px;padding-right:18px}.offer-benefits,.mid-benefits{width:100%;max-width:100%}.offer-benefits span,.mid-benefits span{max-width:100%;text-align:left;padding-left:12px;padding-right:12px}.audio-phone{padding:46px 11px 18px;border-width:8px;border-radius:42px}.phone-speaker{top:14px}.play-callout{margin-top:12px}.gallery-shell{width:100%;max-width:100%;overflow:hidden}.gallery-viewport,.product-gallery,.gallery-card{width:100%;min-width:0}.gallery-card img{width:100%;height:auto!important;max-height:none!important}.mobile-buy{background:#008b7a!important}}

.hero-pills span{min-height:56px;padding:11px 15px;font-size:13px}.offer-benefits span,.mid-benefits span{position:relative;background:none!important;padding:7px 10px 7px 31px;border-radius:0}.offer-benefits span::before,.mid-benefits span::before{content:"✓";position:absolute;left:7px;top:5px;color:#55ff91;font-size:19px;font-weight:1000;text-shadow:0 0 10px rgba(85,255,145,.55)}.hero-offer .offer-benefits span::before{color:#20dc70}.audio-phone{border:2px solid #56606a;box-shadow:0 0 0 7px #111820,0 0 0 9px #626d76,0 32px 70px rgba(0,0,0,.42);background:linear-gradient(160deg,#fffef9,#edf4f1)}.phone-speaker{height:24px;width:112px;background:#080d13;box-shadow:inset 0 -2px 5px #2d3740,0 1px 0 rgba(255,255,255,.25)}.play-callout{justify-content:flex-start;padding-left:10px;gap:7px}.play-callout b{font-size:30px;color:#55ff91;transform-origin:center}.play-icon{background:linear-gradient(145deg,#22d5b6,#007b72 62%,#004e4c);border:2px solid rgba(255,255,255,.75);box-shadow:inset 3px 3px 7px rgba(255,255,255,.35),inset -4px -5px 9px rgba(0,44,49,.38),0 7px 15px rgba(0,94,87,.3);font-size:17px;padding-left:2px}.gallery-viewport{touch-action:pan-y;cursor:grab}.gallery-viewport:active{cursor:grabbing}.product-gallery{will-change:contents}.gallery-card.active{animation:galleryFade .25s ease}
@media(max-width:760px){.hero-pills span{min-height:48px;padding:9px 12px;font-size:12px}.hero-pills{gap:7px}.hero-visual{gap:12px}.hero-visual .phone{max-height:345px}.offer-benefits span,.mid-benefits span{padding-top:6px;padding-bottom:6px}.audio-phone{padding-top:48px;border-radius:46px}.play-callout{padding-left:7px}.play-callout b{font-size:28px}}

/* V23 UX refinements */
.hero-copy h1 { margin-bottom: 28px; }
.hero-copy p { margin-top: 0; margin-bottom: 30px; }

.hero-offer .button.primary {
 background: var(--navy);
 color: white;
 border: 1px solid rgba(255,255,255,.18);
}

.hero-pills {
 order: 3;
 margin-top: 18px;
}

.hero-visual {
 background: transparent;
}



.hero-visual .phone {
 filter: drop-shadow(0 22px 35px rgba(0,0,0,.22));
}

.fixed-gallery-height {
 min-height: 520px;
}

.gallery-card {
 height:100%;
}

@media(max-width:760px){
 .hero-copy h1 { margin-bottom: 24px; }
 .hero-copy p { margin-bottom: 20px; }
 .fixed-gallery-height {
   min-height: 430px;
 }
}

/* V23.1 Mockup cleanup */
.hero-visual {
    background: transparent !important;
}
.hero-visual::before,
.hero-visual::after {
    display:none !important;
}
.phone {
    background: transparent !important;
    filter: drop-shadow(0 18px 30px rgba(0,0,0,.18));
}

/* V23.2 - mobile hero correction */
.hero-visual{
 display:flex !important;
 justify-content:center !important;
 align-items:center !important;
 position:relative !important;
 background:transparent !important;
 min-height:520px;
}
.hero-visual .phone{
 max-width:390px;
 width:100%;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 24px 40px rgba(0,0,0,.22));
}
.hero-visual .phone-settings{
 display:none !important;
}
.hero-visual::before,
.hero-visual::after{
 display:none !important;
}

@media(max-width:760px){
 .hero{
  padding-top:24px;
 }
 .hero-copy h1{
  margin-bottom:24px !important;
  line-height:1.15;
 }
 .hero-copy p{
  margin-bottom:26px !important;
 }
 .hero-visual{
  min-height:390px;
  margin:0 auto 20px;
 }
 .hero-visual .phone{
  width:82vw;
  max-width:330px;
 }
 .hero-offer{
  margin-top:0 !important;
 }
 .hero-pills{
  display:grid !important;
  grid-template-columns:1fr;
 }
}

/* V23.3 conversion/mobile refinement */
.hero{
 background:var(--navy);
}
.hero-visual{
 height:520px;
}
.hero-visual .phone{
 max-height:520px;
 filter:drop-shadow(0 24px 30px rgba(0,0,0,.28));
}
.hero-offer{
 margin-top:0;
}
.primary{
 background:var(--navy);
 border:1px solid rgba(255,255,255,.15);
 box-shadow:0 14px 30px rgba(6,31,67,.35);
}
.hero-pills span{
 min-height:56px;
 background:white!important;
 color:var(--ink);
 border:1px solid var(--line);
 box-shadow:none;
 font-size:13px;
}
.hero-pills span:before{
 font-size:18px;
 color:var(--teal);
}
.hero-pills{
 gap:10px;
 margin-top:18px;
}
@media(max-width:760px){
 .hero{
  display:flex;
  flex-direction:column;
  padding:38px 18px 50px;
  text-align:center;
 }
 .hero-copy h1{
  font-size:40px;
  margin:18px 0 16px;
 }
 .hero-copy p{
  font-size:20px;
 }
 .hero-visual{
  order:2;
  width:100%;
  height:390px;
 }
 .hero-visual .phone{
  max-height:390px;
  position:relative;
 }
 .hero-offer{
  order:3;
  padding:22px 16px;
 }
 .offer-price strong{
  font-size:46px;
 }
 .hero-pills{
  grid-template-columns:1fr;
 }
 .hero-pills span{
  min-height:52px;
 }
}

/* V23.4 mockup transparent cutout */
.hero-visual, .hero-visual img, .phone-mockup { background: transparent !important; }
.mockup-halo, .hero-visual::before, .hero-visual::after { display:none !important; background:none !important; }
.phone-mockup img { object-fit: contain; }

/* V24.0 — hero com dois mockups e consolidação mobile */
.hero {
  background: linear-gradient(145deg, #061f43, #0b3b68);
}
.hero-visual {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center !important;
  justify-items: center !important;
  gap: 12px;
  width: 100%;
  height: 590px;
  min-height: 0;
  overflow: visible;
}
.hero-visual .phone {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 315px !important;
  max-height: 570px !important;
  height: auto !important;
  object-fit: contain;
  background: transparent !important;
  filter: none !important;
  transform: none !important;
}
.hero-visual .phone-vocabulary {
  animation-delay: -2.4s !important;
}
.hero-pills {
  order: initial;
  width: 100%;
  margin: 2px auto 4px;
}
.hero-pills span {
  min-height: 58px;
  background: white !important;
  color: var(--ink);
  border: 2px solid transparent;
  box-shadow: 0 12px 24px rgba(1, 19, 42, .2);
}
.hero-pills .pill-search { border-color: #19c5a7; }
.hero-pills .pill-audio { border-color: #8c69ef; }
.hero-pills .pill-mobile { border-color: #ff9b38; }
.hero-offer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-offer .button.primary {
  background: linear-gradient(100deg, #06a88c, #06c37a, #f2b62e);
  background-size: 200% 100%;
  color: white;
}
.offer-benefits,
.mid-benefits {
  width: 100%;
  justify-items: stretch;
}
.offer-benefits span,
.mid-benefits span {
  background: none !important;
  padding: 8px 10px 8px 34px;
  text-align: left;
}
.offer-benefits span::before,
.mid-benefits span::before {
  color: #55ff91 !important;
  text-shadow: 0 0 10px rgba(85, 255, 145, .5);
}
.mobile-buy {
  background: #008b7a !important;
  animation: none !important;
}

@media (max-width: 760px) {
  .hero {
    padding: 30px 14px 46px;
    gap: 18px;
  }
  .hero-copy h1 {
    font-size: clamp(34px, 10.5vw, 42px);
    line-height: 1.08;
  }
  .hero-visual {
    order: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    height: auto;
    min-height: 310px;
    margin: 0;
    padding: 0;
  }
  .hero-visual .phone {
    width: 100% !important;
    max-width: 180px !important;
    max-height: 355px !important;
  }
  .hero-pills {
    order: 3;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
  }
  .hero-pills span {
    min-height: 48px;
    padding: 9px 10px;
    font-size: 12px;
  }
  .hero-offer {
    order: 4;
    width: 100%;
    margin-top: 0 !important;
  }
  .offer-benefits,
  .mid-benefits {
    grid-template-columns: 1fr;
  }
  .fixed-gallery-height {
    min-height: 0;
  }
  .gallery-card img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* V34.0 — informações detalhadas transferidas para o CTA do showcase */
.device-offer-card {
  grid-column: 1 / -1;
  width: min(100%, 1040px);
  margin: 18px auto 0;
  padding: clamp(28px, 4.5vw, 52px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(5,29,65,.96), rgba(5,95,91,.94));
  box-shadow: 0 26px 64px rgba(0,12,35,.34);
  text-align: center;
}
.device-offer-card .offer-title { color: var(--gold); }
.device-offer-card .offer-price { color: #fff; }
.device-offer-card .offer-price small { color: #cbdce5; }
.device-offer-card .showcase-cta {
  width: min(100%, 590px);
  min-height: 64px;
  color: #061f43 !important;
  background: var(--gold) !important;
  border: 2px solid #ffe78d;
  box-shadow: 0 15px 38px rgba(255,211,79,.38) !important;
}
.device-offer-card .showcase-cta:hover {
  color: #061f43 !important;
  background: #ffe06f !important;
  box-shadow: 0 19px 44px rgba(255,211,79,.5) !important;
}
.device-offer-card .purchase-assurances {
  margin-top: 20px;
  color: #d8e5eb;
}
.device-offer-card .purchase-assurances strong { color: #fff; }
.device-offer-card .offer-benefits {
  max-width: 760px;
  margin: 22px auto 18px;
  color: #fff;
}
.device-offer-card .offer-benefits span {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.device-offer-card .future-updates {
  color: #e4eef3;
  background: rgba(255,255,255,.09);
}

/* V35.0 — primeiro CTA enxuto; minicards transferidos ao segundo CTA */
.hero-offer .primary {
  color: #061f43 !important;
  background: var(--gold) !important;
  border: 2px solid #ffe78d;
  box-shadow: 0 15px 38px rgba(255,211,79,.38) !important;
}
.hero-offer .primary:hover {
  color: #061f43 !important;
  background: #ffe06f !important;
  box-shadow: 0 19px 44px rgba(255,211,79,.5) !important;
}
.hero-offer .purchase-assurances {
  margin-top: 22px;
  color: #d8e5eb;
}
.hero-offer .purchase-assurances strong { color: #fff; }
.device-offer-card .hero-pills {
  width: 100%;
  max-width: 950px;
  margin: 22px auto 6px;
}
@media (max-width: 760px) {
  .device-showcase { align-items: stretch; }
  .device-offer-card {
    width: 100%;
    margin-top: 2px;
    padding: 32px 16px;
    border-radius: 24px;
  }
  .device-offer-card .showcase-cta { width: 100%; }
  .device-offer-card .purchase-assurances span { background: rgba(255,255,255,.09); }
  .device-offer-card .offer-benefits { grid-template-columns: 1fr; }
  .hero-offer .purchase-assurances span { background: rgba(255,255,255,.09); }
  .device-offer-card .hero-pills { margin-top: 18px; }
}

/* V29.0 — movimento dos mockups, vitrine premium e ícones mais claros */
.hero-visual .hero-phone-vocabulary {
  animation: heroFloatLeft 5.2s ease-in-out infinite !important;
  will-change: transform;
}
.hero-visual .hero-phone-grid {
  animation: heroFloatRight 5.2s ease-in-out -2.6s infinite !important;
  will-change: transform;
}
@keyframes heroFloatLeft {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-.6deg); }
  50% { transform: translate3d(0, -12px, 0) rotate(.4deg); }
}
@keyframes heroFloatRight {
  0%, 100% { transform: translate3d(0, -8px, 0) rotate(.5deg); }
  50% { transform: translate3d(0, 5px, 0) rotate(-.4deg); }
}
.device-showcase {
  position: relative;
  max-width: none;
  min-height: 660px;
  display: grid;
  grid-template-columns: minmax(330px, .78fr) minmax(560px, 1.22fr);
  align-items: center;
  gap: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #071f46 0%, #0a3770 58%, #084d77 100%);
  color: #fff;
}
.device-showcase-copy { position: relative; z-index: 2; max-width: 520px; }
.device-showcase-copy h2 {
  margin: 15px 0 18px;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.device-showcase-copy p { margin: 0 0 28px; color: #d6e5f1; font-size: 18px; }
.device-showcase-copy .button { min-width: min(410px, 100%); }
.device-showcase-image {
  width: 100%;
  max-height: 590px;
  object-fit: contain;
  border-radius: 28px;
  box-shadow: 0 30px 65px rgba(0,0,0,.3);
}
.steps .step-icon {
  top: 23px;
  right: 22px;
  font-size: 36px;
  line-height: 1;
  filter: drop-shadow(0 5px 8px rgba(7,31,67,.14));
}
@media (max-width: 760px) {
  .hero-visual .hero-phone-vocabulary { animation-duration: 5.6s !important; }
  .hero-visual .hero-phone-grid { animation-duration: 5.6s !important; }
  @keyframes heroFloatLeft {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -6px, 0); }
  }
  @keyframes heroFloatRight {
    0%, 100% { transform: translate3d(0, -4px, 0); }
    50% { transform: translate3d(0, 4px, 0); }
  }
  .device-showcase {
    min-height: 0;
    padding: 64px 16px;
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .device-showcase-copy { max-width: 100%; }
  .device-showcase-copy h2 { font-size: 37px; }
  .device-showcase-copy p { font-size: 16px; }
  .device-showcase-copy .button { width: 100%; }
  .device-showcase-image { width: 100%; max-height: none; border-radius: 20px; }
  .steps .step-icon { font-size: 34px; top: 22px; }
}

/* V24.3 — hierarquia, CTA premium, acesso rolável e galeria estável */
.hero-subheadline {
  max-width: 650px;
  padding: 15px 18px;
  border: 1px solid rgba(255, 211, 79, .32);
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(255, 211, 79, .14), rgba(0, 198, 167, .12));
  box-shadow: inset 4px 0 0 var(--gold);
}
.hero-subheadline strong {
  color: var(--gold);
  font-weight: 950;
  white-space: nowrap;
}
.mockup-slot-vocabulary .phone {
  width: 125% !important;
  max-width: 440px !important;
  max-height: 710px !important;
}
.hero-offer {
  max-width: 1040px;
  padding: clamp(32px, 5vw, 62px);
  border: 1px solid rgba(255, 255, 255, .14);
  background: linear-gradient(135deg, var(--navy), #075f61);
  color: #fff;
  box-shadow: 0 28px 70px rgba(1, 18, 40, .35);
}
.hero-offer .offer-title { color: var(--gold); }
.hero-offer .offer-price small,
.hero-offer > small { color: #d4e0e8; }
.hero-offer .offer-benefits {
  max-width: 760px;
  margin-bottom: 18px;
}
.hero-offer .offer-benefits span {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.hero-offer .purchase-assurances { color: #d8e5eb; }
.hero-offer .purchase-assurances strong { color: #fff; }
.future-updates {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}
.access {
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 211, 79, .24), transparent 29%),
    linear-gradient(145deg, #eaf7f3, #dceef2);
}
.steps-scroll-hint {
  display: none;
  margin: -8px auto 15px;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
}
.steps-scroll-hint span { animation:accessArrow 1.2s ease-in-out infinite; }
.steps article:nth-child(1) { background: linear-gradient(145deg, #fff, #effff8); border-color: #9ce8cf; }
.steps article:nth-child(2) { background: linear-gradient(145deg, #fff, #eef3ff); border-color: #bdcaff; }
.steps article:nth-child(3) { background: linear-gradient(145deg, #fff, #fff7e8); border-color: #ffd58c; }
.steps article::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 5px;
  border-radius: 8px 8px 0 0;
  background: var(--teal);
}
.steps article:nth-child(2)::after { background: #536fe0; }
.steps article:nth-child(3)::after { background: #f09a26; }
.fixed-gallery-height {
  min-height: 0 !important;
  aspect-ratio: 739 / 1535;
  background: #fff;
}
.gallery-card {
  height: 100% !important;
  grid-template-rows: 1fr 104px;
}
.gallery-card.active { display: grid !important; }
.gallery-card img {
  width: 100%;
  height: 100% !important;
  min-height: 0;
  object-fit: contain !important;
}
.gallery-card figcaption {
  min-height: 104px;
  align-content: center;
}
@keyframes accessArrow { 50% { transform: translateX(8px); } }

@media (max-width: 760px) {
  .hero-subheadline {
    margin: 0 auto 20px !important;
    padding: 13px 14px;
    text-align: left;
    font-size: 17px !important;
  }
  .mockup-slot-vocabulary .phone {
    width: 128% !important;
    max-width: 228px !important;
    max-height: 415px !important;
  }
  .hero-offer {
    padding: 36px 17px;
    border-radius: 25px;
  }
  .hero-offer .purchase-assurances span { background: rgba(255, 255, 255, .09); }
  .steps-scroll-hint { display: flex; align-items: center; justify-content: center; gap: 9px; }
  .steps {
    display: flex;
    width: calc(100vw - 16px);
    max-width: none;
    margin-left: 0;
    padding: 6px 17vw 24px 2px;
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 2px;
    scrollbar-width: none;
    touch-action: pan-x;
  }
  .steps::-webkit-scrollbar { display: none; }
  .steps article {
    flex: 0 0 78vw;
    min-height: 245px;
    padding: 28px 24px;
    scroll-snap-align: start;
    box-shadow: 0 16px 34px rgba(5, 35, 67, .13);
  }
  .steps h3 { font-size: 21px; }
  .steps p { font-size: 15px; }
  .fixed-gallery-height { aspect-ratio: 739 / 1555; }
  .gallery-card { grid-template-rows: 1fr 92px; }
  .gallery-card figcaption { min-height: 92px; }
}

/* V24.1 — hero, prova de compra e origem do produto */
.hero-definition {
  max-width: 610px;
  margin: 18px 0 0 !important;
  padding-left: 14px;
  border-left: 3px solid var(--gold);
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 750;
}
.hero-visual {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.mockup-slot {
  display: flex !important;
  width: 100%;
  height: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.mockup-slot .phone {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  animation: float 5s ease-in-out infinite;
}
.mockup-slot-vocabulary .phone { animation-delay: -2.4s !important; }
.hero-offer .hero-pills {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 760px;
  margin: 18px auto 0;
}
.hero-offer .hero-pills span {
  color: #fff !important;
  border: 0;
  box-shadow: 0 10px 22px rgba(6, 31, 67, .18);
}
.hero-offer .hero-pills .pill-search {
  background: linear-gradient(135deg, #0ea58d, #04766d) !important;
}
.hero-offer .hero-pills .pill-audio {
  background: linear-gradient(135deg, #385fd4, #7446c8) !important;
}
.hero-offer .hero-pills .pill-mobile {
  background: linear-gradient(135deg, #f19a21, #df5d38) !important;
}
.purchase-assurances {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  margin: 15px auto 2px;
  color: #526679;
  font-size: 12px;
  font-weight: 800;
}
.purchase-assurances strong {
  flex-basis: 100%;
  color: var(--ink);
  font-size: 13px;
}
.origin {
  background: #eef6f3;
}
.origin-card {
  max-width: 940px;
  margin: auto;
  padding: clamp(30px, 5vw, 58px);
  border-radius: 30px;
  background: linear-gradient(145deg, #061f43, #0b4f63);
  color: #fff;
  box-shadow: var(--shadow);
}
.origin-card .eyebrow { color: var(--gold); }
.origin-card h2 {
  max-width: 720px;
  margin: 12px 0 18px;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.origin-intro {
  max-width: 790px;
  margin: 0 0 28px;
  color: #d8e4ec;
  font-size: 18px;
}
.origin-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.origin-benefits span {
  position: relative;
  min-height: 94px;
  padding: 20px 16px 18px 46px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  background: rgba(255, 255, 255, .08);
  font-size: 14px;
  font-weight: 800;
}
.origin-benefits span::before {
  content: "✓";
  position: absolute;
  left: 17px;
  top: 17px;
  color: #55ff91;
  font-size: 20px;
  text-shadow: 0 0 10px rgba(85, 255, 145, .55);
}

@media (max-width: 760px) {
  .hero-definition {
    margin: 16px auto 0 !important;
    padding: 12px 13px;
    border: 1px solid rgba(255, 211, 79, .5);
    border-left: 3px solid var(--gold);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    text-align: left;
    font-size: 13px !important;
  }
  .hero-visual {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 300px;
  }
  .mockup-slot {
    min-height: 300px;
  }
  .mockup-slot .phone {
    width: 100% !important;
    max-width: 178px !important;
    max-height: 330px !important;
  }
  .hero-offer .hero-pills {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .purchase-assurances {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    width: 100%;
    text-align: left;
  }
  .purchase-assurances strong {
    grid-column: 1 / -1;
    text-align: center;
  }
  .purchase-assurances span {
    padding: 9px;
    border-radius: 9px;
    background: #f4f7f6;
  }
  .origin { padding: 64px 16px; }
  .origin-card { padding: 32px 20px; border-radius: 24px; }
  .origin-intro { font-size: 16px; }
  .origin-benefits { grid-template-columns: 1fr; }
  .origin-benefits span { min-height: 76px; }
}

/* V24.3 cascade lock — keep the final mobile refinements authoritative */
.mockup-slot-vocabulary .phone {
  width: 125% !important;
  max-width: 440px !important;
  max-height: 710px !important;
}
.hero-offer {
  max-width: 1040px;
  padding: clamp(32px, 5vw, 62px);
  border: 1px solid rgba(255, 255, 255, .14);
  background: linear-gradient(135deg, var(--navy), #075f61);
  color: #fff;
}
.hero-offer .offer-title { color: var(--gold); }
.hero-offer .offer-price small,
.hero-offer > small,
.hero-offer .purchase-assurances { color: #d4e0e8; }
.hero-offer .purchase-assurances strong { color: #fff; }
@media (max-width: 760px) {
  .mockup-slot-vocabulary .phone {
    width: 128% !important;
    max-width: 228px !important;
    max-height: 415px !important;
  }
  .hero-offer { padding: 36px 17px; border-radius: 25px; }
  .hero-offer .purchase-assurances span { background: rgba(255, 255, 255, .09); }
}

/* V25.0 — somente os dois mockups aprovados, com altura visual idêntica */
.hero-visual {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(12px, 2vw, 26px) !important;
  height: 590px !important;
  overflow: hidden !important;
}
.hero-visual .mockup-slot {
  height: 560px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-items: center !important;
}
.phone-crop {
  position: relative;
  width: auto;
  height: 560px;
  aspect-ratio: 802 / 1621;
  overflow: hidden;
  border-radius: 13.5% / 7%;
  background: transparent;
  animation: float 5s ease-in-out -2.4s infinite;
}
.phone-crop-grid {
  border: 3px solid #121820;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.28), 0 18px 35px rgba(0,0,0,.2);
}
.phone-crop-grid img {
  position: absolute;
  top: -12.28%;
  left: -21.32%;
  width: 142.52%;
  max-width: none;
  height: auto;
}
.phone-crop-vocabulary {
  aspect-ratio: 667 / 1332;
  animation-delay: 0s;
}
.phone-crop-vocabulary img {
  position: absolute;
  top: -11.86%;
  left: -20.24%;
  width: 140.93%;
  max-width: none;
  height: auto;
}
@media (max-width: 760px) {
  .hero-visual {
    width: 100% !important;
    height: 330px !important;
    min-height: 330px !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .hero-visual .mockup-slot {
    width: 100% !important;
    height: 310px !important;
    min-height: 0 !important;
  }
  .phone-crop { height: 310px; }
}

/* V26.0 — celulares completos, sem máscaras nem cortes */
body { overflow-x: hidden; }
.hero { overflow: visible !important; }
.hero-visual {
  height: auto !important;
  min-height: 590px !important;
  overflow: visible !important;
  align-items: center !important;
}
.hero-visual .mockup-slot {
  width: 100% !important;
  height: 590px !important;
  min-height: 590px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hero-visual .hero-phone {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 550px !important;
  object-fit: contain !important;
  transform: none !important;
  animation: none !important;
  background: transparent !important;
  filter: drop-shadow(0 24px 28px rgba(0,0,0,.28)) !important;
}
.hero-visual .hero-phone-vocabulary { max-height: 520px !important; }
.hero-visual .hero-phone-grid { max-height: 590px !important; }
@media (max-width: 760px) {
  .hero { overflow: visible !important; }
  .hero-visual {
    min-height: 330px !important;
    height: 330px !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .hero-visual .mockup-slot {
    height: 320px !important;
    min-height: 320px !important;
  }
  .hero-visual .hero-phone {
    max-width: 100% !important;
    max-height: 310px !important;
  }
  .hero-visual .hero-phone-vocabulary { max-height: 290px !important; }
  .hero-visual .hero-phone-grid { max-height: 330px !important; }
}

/* V27.0 — mockups normalizados na mesma prancheta e alinhados pelo aparelho */
.hero-visual {
  min-height: 610px !important;
  height: 610px !important;
  overflow: visible !important;
}
.hero-visual .mockup-slot {
  height: 590px !important;
  min-height: 590px !important;
  overflow: visible !important;
}
.hero-visual .hero-phone,
.hero-visual .hero-phone-vocabulary,
.hero-visual .hero-phone-grid {
  width: auto !important;
  height: 570px !important;
  max-width: 100% !important;
  max-height: 570px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
@media (max-width: 760px) {
  .hero-visual {
    min-height: 330px !important;
    height: 330px !important;
    align-items: center !important;
  }
  .hero-visual .mockup-slot {
    height: 320px !important;
    min-height: 320px !important;
  }
  .hero-visual .hero-phone,
  .hero-visual .hero-phone-vocabulary,
  .hero-visual .hero-phone-grid {
    width: 100% !important;
    height: 310px !important;
    max-width: 100% !important;
    max-height: 310px !important;
  }
}

/* V29.0 cascade lock — deve permanecer no final do arquivo */
.hero-visual .hero-phone-vocabulary {
  animation: heroFloatLeft 5.2s ease-in-out infinite !important;
}
.hero-visual .hero-phone-grid {
  animation: heroFloatRight 5.2s ease-in-out -2.6s infinite !important;
}
.steps .step-icon {
  color: initial !important;
  font-size: 36px !important;
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual .hero-phone-vocabulary,
  .hero-visual .hero-phone-grid { animation: none !important; }
}
@media (max-width: 760px) {
  .hero-visual .hero-phone-vocabulary {
    animation: heroFloatLeft 5.6s ease-in-out infinite !important;
  }
  .hero-visual .hero-phone-grid {
    animation: heroFloatRight 5.6s ease-in-out -2.8s infinite !important;
  }
  .steps .step-icon { font-size: 34px !important; }
}

/* V30.0 — anima o contêiner, sem conflito com o transform da imagem */
.hero-visual .mockup-slot-vocabulary {
  animation: mockupSlotFloatA 4.8s ease-in-out infinite !important;
  will-change: transform;
}
.hero-visual .mockup-slot-grid {
  animation: mockupSlotFloatB 4.8s ease-in-out -2.4s infinite !important;
  will-change: transform;
}
@keyframes mockupSlotFloatA {
  0%, 100% { transform: translate3d(0, 7px, 0); }
  50% { transform: translate3d(0, -13px, 0); }
}
@keyframes mockupSlotFloatB {
  0%, 100% { transform: translate3d(0, -9px, 0); }
  50% { transform: translate3d(0, 11px, 0); }
}
.device-showcase-copy .showcase-cta {
  min-width: min(410px, 100%);
  color: #061f43 !important;
  background: #ffd34f !important;
  border: 2px solid #ffe78d;
  box-shadow: 0 15px 38px rgba(255, 211, 79, .38) !important;
}
.device-showcase-copy .showcase-cta:hover {
  color: #061f43 !important;
  background: #ffe06f !important;
  box-shadow: 0 19px 44px rgba(255, 211, 79, .5) !important;
}
@media (max-width: 760px) {
  @keyframes mockupSlotFloatA {
    0%, 100% { transform: translate3d(0, 4px, 0); }
    50% { transform: translate3d(0, -7px, 0); }
  }
  @keyframes mockupSlotFloatB {
    0%, 100% { transform: translate3d(0, -5px, 0); }
    50% { transform: translate3d(0, 6px, 0); }
  }
.device-showcase-copy .showcase-cta { width: 100%; }
}

/* V31.0 — card demonstrativo com profundidade e movimento suave */
.device-showcase-visual {
  position: relative;
  isolation: isolate;
  border-radius: 32px;
  animation: showcaseCardFloat 5.8s ease-in-out infinite;
  will-change: transform;
}
.device-showcase-visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 8% -3%;
  border-radius: 36px;
  background: radial-gradient(circle at 45% 70%, rgba(0, 214, 255, .38), transparent 56%);
  filter: blur(28px);
  opacity: .72;
  animation: showcaseGlow 5.8s ease-in-out infinite;
  pointer-events: none;
}
.device-showcase-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  background: linear-gradient(112deg, transparent 27%, rgba(255,255,255,.16) 46%, transparent 63%);
  background-size: 230% 100%;
  animation: showcaseShine 6.6s ease-in-out infinite;
  pointer-events: none;
  mix-blend-mode: screen;
}
.device-showcase-visual .device-showcase-image {
  display: block;
  width: 100%;
  height: auto;
  transition: filter .35s ease, transform .35s ease;
}
.device-showcase-visual:hover .device-showcase-image {
  transform: scale(1.012);
  filter: saturate(1.06) brightness(1.03);
}
@keyframes showcaseCardFloat {
  0%, 100% { transform: translate3d(0, 5px, 0) rotate(.18deg); }
  50% { transform: translate3d(0, -10px, 0) rotate(-.18deg); }
}
@keyframes showcaseGlow {
  0%, 100% { opacity: .55; transform: scale(.97); }
  50% { opacity: .88; transform: scale(1.04); }
}
@keyframes showcaseShine {
  0%, 28% { background-position: 130% 0; opacity: 0; }
  40% { opacity: .7; }
  58%, 100% { background-position: -120% 0; opacity: 0; }
}
@media (max-width: 760px) {
  .device-showcase-visual {
    border-radius: 22px;
    animation-duration: 6.4s;
  }
  .device-showcase-visual::after { border-radius: 22px; }
  @keyframes showcaseCardFloat {
    0%, 100% { transform: translate3d(0, 3px, 0); }
    50% { transform: translate3d(0, -5px, 0); }
  }
}

/* V33.0 — hero mobile-first com mensagem curta e CTA imediato */
.hero-copy h1 span { display: block; }
.hero-lead {
  max-width: 620px;
  margin: 0 0 20px !important;
  color: #e5f1f6 !important;
  font-size: clamp(19px, 1.75vw, 24px) !important;
  line-height: 1.42;
}
.hero-positioning {
  max-width: 620px;
  margin: 0 0 22px;
  padding: 15px 18px;
  border: 1px solid rgba(255, 211, 79, .38);
  border-left: 4px solid var(--gold);
  border-radius: 16px;
  background: linear-gradient(115deg, rgba(255,211,79,.13), rgba(0,139,122,.18));
  box-shadow: 0 14px 30px rgba(0, 12, 34, .2);
}
.hero-positioning p {
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.42;
}
.hero-positioning strong { color: var(--gold); }
.hero-positioning small {
  color: #cfe1e9;
  font-size: 14px;
  font-weight: 750;
}
.hero-primary-cta {
  width: 100%;
  max-width: 520px;
  min-height: 64px;
  color: #061f43;
  background: var(--gold);
  border: 2px solid #ffe58b;
  box-shadow: 0 15px 36px rgba(255, 211, 79, .36);
}
.hero-primary-cta:hover {
  color: #061f43;
  background: #ffe06c;
  box-shadow: 0 19px 42px rgba(255, 211, 79, .46);
}
.hero-microcopy {
  margin: 11px 0 0 !important;
  color: #c9dce6 !important;
  font-size: 13px !important;
  font-weight: 750;
}
.hero-microcopy i { color: var(--gold); font-style: normal; padding: 0 3px; }
@media (max-width: 760px) {
  .hero-copy { width: 100%; }
  .hero-copy .eyebrow { font-size: 11px; line-height: 1.45; }
  .hero-copy h1 {
    margin: 13px 0 14px !important;
    font-size: clamp(38px, 11.6vw, 50px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.052em;
  }
  .hero-lead {
    max-width: 350px;
    margin: 0 auto 17px !important;
    font-size: 18px !important;
    line-height: 1.38;
  }
  .hero-positioning {
    max-width: 390px;
    margin: 0 auto 18px;
    padding: 14px 14px 13px;
    text-align: left;
  }
  .hero-positioning p { font-size: 16px !important; }
  .hero-positioning small { font-size: 13px; }
  .hero-primary-cta {
    max-width: 390px;
    min-height: 62px;
    padding-inline: 16px;
    font-size: 14px;
  }
  .hero-microcopy {
    max-width: 350px;
    margin: 10px auto 0 !important;
    font-size: 12px !important;
    line-height: 1.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  .device-showcase-visual,
  .device-showcase-visual::before,
  .device-showcase-visual::after {
    animation: none !important;
  }
}

/* V38.0 — barra e animações atualizadas sem animar sombra ou gradiente. */
.scroll-progress span {
  width: 100%;
  transform-origin: left center;
  transform: scaleX(0);
}
@keyframes ctaBreath {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.012); }
}
@keyframes audioBreath {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.pulse-cta { animation: ctaBreath 2.8s ease-in-out infinite !important; }
.pulse-cta:hover { animation-play-state: paused !important; transform: translateY(-4px); }
.first-audio .play-icon { animation: audioBreath 1.8s ease-in-out infinite !important; }
.device-showcase-visual::after { animation: none !important; opacity: 0; }
.mobile-buy {
  background: #005e56 !important;
  color: #fff !important;
  animation: ctaBreath 2.8s ease-in-out infinite !important;
}
@media (prefers-reduced-motion: reduce) {
  .pulse-cta, .first-audio .play-icon, .mobile-buy { animation: none !important; }
}

/* V40: preço em BRL e referência aproximada em EUR lado a lado. */
.offer-price .price-amount, .cta-price .price-amount {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: 12px;
  row-gap: 2px;
}
.offer-price .price-eur, .cta-price .price-eur {
  color: #3d5565;
  font-size: clamp(16px, 2.5vw, 21px);
  font-weight: 800;
  white-space: nowrap;
}
.hero-offer .price-eur, .device-offer-card .price-eur,
.cta-band .price-eur { color: #e2f4ed; }
.offer-price .price-exchange-note, .cta-price .price-exchange-note {
  display: block;
  color: #526579;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 5px;
}
.hero-offer .price-exchange-note, .device-offer-card .price-exchange-note,
.cta-band .price-exchange-note { color: #d6e8e2; }
@media (max-width: 360px) {
  .offer-price .price-amount, .cta-price .price-amount { column-gap: 7px; }
  .offer-price .price-amount strong, .cta-price .price-amount strong { font-size: 46px; }
}