:root{
  --bg:#020914;--bg2:#041323;--panel:#07192b;--panel2:#03111f;--line:#123d5d;
  --text:#f7fbff;--muted:#a8bdd0;--blue:#00a8ff;--blue2:#137bff;--green:#52f11f;
  --red:#ff1717;--red2:#c60000;--shadow:0 22px 70px rgba(0,0,0,.4);--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#083058 0,#020914 40%,#01060c 100%);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:fixed;left:-9999px;top:10px;background:#fff;color:#000;padding:8px 12px;z-index:9999}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:80;background:rgba(1,7,14,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(44,135,193,.2)}.header-inner{max-width:var(--max);height:72px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-size:27px;font-weight:900;letter-spacing:-1.2px}.brand span{color:#fff}.brand b{color:var(--blue)}.menu{display:flex;align-items:center;gap:25px}.menu a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;color:#d9e5ee;transition:.2s}.menu a:hover{color:var(--blue)}.menu-toggle{display:none;width:44px;height:44px;background:transparent;border:0;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background:var(--blue);margin:5px auto}.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(28,115,173,.28);min-height:700px}.hero-inner{position:relative;z-index:2;max-width:var(--max);min-height:700px;margin:auto;padding:30px 20px 0;display:grid;grid-template-columns:minmax(360px,48%) 1fr;align-items:center;gap:24px}.hero-person-wrap{align-self:end;position:relative;min-height:640px}.hero-person{position:absolute;bottom:0;left:-42px;width:min(590px,115%);height:auto;filter:drop-shadow(0 30px 35px rgba(0,0,0,.55));-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 86%,transparent 100%)}.hero-copy{padding:10px 0 42px;text-align:center}.eyebrow{margin:0 0 18px;font-weight:900;letter-spacing:.07em;font-size:clamp(18px,2vw,28px)}.eyebrow strong{color:var(--blue)}.hero h1{font-size:clamp(34px,5vw,70px);line-height:.98;margin:0 0 28px;font-weight:950;font-style:italic;letter-spacing:-.035em;text-shadow:0 3px 22px rgba(87,176,255,.25)}.hero h1 span{display:block;font-size:1.22em;color:#fff}.hero h1{color:var(--blue)}.cta-register{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;max-width:610px;margin:0 auto;text-decoration:none;background:linear-gradient(180deg,#ff2424,#d40000);border:2px solid #ff7373;border-radius:18px;box-shadow:0 0 0 5px rgba(255,25,25,.08),0 0 34px rgba(255,23,23,.7),0 22px 45px rgba(0,0,0,.45);padding:24px 30px;font-size:clamp(23px,3vw,39px);font-weight:950;letter-spacing:-.02em;transition:transform .22s,box-shadow .22s}.cta-register:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 0 0 7px rgba(255,25,25,.11),0 0 46px rgba(255,23,23,.86),0 26px 50px rgba(0,0,0,.48)}.cta-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#e00000;font-size:38px;line-height:1}.hero-assurance{display:inline-flex;align-items:center;gap:9px;margin-top:18px;background:rgba(0,0,0,.6);border:1px solid rgba(47,148,211,.2);border-radius:12px;padding:10px 18px;font-size:13px;font-weight:800}.hero-assurance span{color:var(--blue)}.hero-assurance i{font-style:normal;color:#7594a9}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28}.hero-glow-a{width:420px;height:420px;left:-200px;top:50px;background:#005eff}.hero-glow-b{width:430px;height:430px;right:-210px;top:120px;background:#00a5ff}.section{padding:78px 20px}.section-head{max-width:var(--max);margin:0 auto 44px;text-align:center}.step-pill{display:inline-flex;border:1px solid #087dc6;border-radius:999px;padding:7px 18px;color:var(--blue);font-weight:900;font-size:14px;letter-spacing:.06em;background:rgba(0,142,231,.07)}.section-head h2,.about-inner h2{font-size:clamp(28px,4vw,48px);line-height:1.06;margin:15px 0 9px;letter-spacing:-.025em}.section-head h2 strong{color:var(--blue)}.section-head p{margin:0;color:var(--muted);font-size:16px}.device-section{background:linear-gradient(180deg,#02101d,#020a13);position:relative}.device-grid{max-width:940px;margin:auto;display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;gap:22px}.device-card{appearance:none;width:100%;min-height:530px;border-radius:24px;background:linear-gradient(180deg,rgba(7,28,45,.95),rgba(2,11,20,.98));color:#fff;cursor:pointer;position:relative;padding:24px 24px 20px;border:1px solid #1b506f;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.device-card:hover{transform:translateY(-6px)}.device-card.android-card:hover,.device-card.android-card.selected{border-color:#4cff1d;box-shadow:0 0 0 2px rgba(76,255,29,.18),0 0 42px rgba(76,255,29,.25)}.device-card.ios-card:hover,.device-card.ios-card.selected{border-color:#00aaff;box-shadow:0 0 0 2px rgba(0,170,255,.18),0 0 42px rgba(0,170,255,.3)}.device-platform-icon{position:absolute;top:22px;left:22px;width:13px;height:13px;border-radius:50%}.android-symbol{background:var(--green);box-shadow:0 0 16px var(--green)}.apple-symbol{background:var(--blue);box-shadow:0 0 16px var(--blue)}.device-name{display:block;text-align:center;font-size:20px;font-weight:950;margin-bottom:14px}.android-card .device-name{color:var(--green)}.ios-card .device-name{color:var(--blue)}.phone-shell{height:405px;max-width:255px;margin:0 auto 18px;border-radius:34px;display:block;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#0f3f63 0,#04101d 45%,#01050a 100%);border:7px solid #101820;box-shadow:inset 0 0 0 2px #59636b,0 18px 30px rgba(0,0,0,.45)}.phone-android{outline:2px solid rgba(76,255,29,.65);box-shadow:0 0 25px rgba(76,255,29,.25),inset 0 0 0 2px #59636b}.phone-ios{outline:2px solid rgba(0,170,255,.7);box-shadow:0 0 25px rgba(0,170,255,.25),inset 0 0 0 2px #59636b}.phone-shell:before{content:"";position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);width:70px;height:15px;background:#05090e;border-radius:0 0 10px 10px}.phone-logo{position:absolute;z-index:3;left:50%;top:40px;transform:translateX(-50%);width:180px;height:auto}.phone-robot{position:absolute;z-index:2;left:50%;transform:translateX(-50%);object-fit:cover}.android-robot{width:270px;top:112px}.ios-robot{width:250px;top:95px;height:285px;object-position:50% 18%;border-radius:8px}.store-badge{position:absolute;z-index:6;bottom:18px;left:50%;transform:translateX(-50%);width:190px;padding:11px 8px;border:1px solid #58636f;border-radius:10px;background:#030609;font-size:12px;font-weight:900;text-align:center;white-space:nowrap}.select-hint{display:inline-flex;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid currentColor}.android-card .select-hint{color:var(--green)}.ios-card .select-hint{color:var(--blue)}.device-or{width:58px;height:58px;border:1px solid #1d6f9c;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;background:#03111c;color:#fff}.device-action{max-width:940px;margin:42px auto 0;padding:26px;border:1px solid #175178;border-radius:22px;background:linear-gradient(135deg,#061a2c,#03101c);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.device-action[hidden]{display:none}.device-action h3{margin:10px 0 5px;font-size:27px}.device-action p{margin:0;color:var(--muted)}.device-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.download-btn,.token-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:950;transition:.2s}.download-android{background:#43d614;color:#041108;box-shadow:0 0 24px rgba(67,214,20,.2)}.download-ios{background:linear-gradient(180deg,#12a9ff,#087de0);color:#fff}.token-btn{border:1px solid #1a81b8;background:#061724;color:#eaf8ff}.identity-section{padding-top:36px;background:radial-gradient(circle at 75% 40%,#0b3455 0,#03101c 35%,#01060b 72%)}.identity-inner{max-width:var(--max);margin:auto;min-height:560px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px}.identity-copy{padding-left:30px}.identity-copy h2{font-size:clamp(42px,6vw,78px);margin:16px 0 8px;letter-spacing:-.05em}.identity-copy p{max-width:520px;color:var(--muted);font-size:17px}.official-logo{max-width:410px;margin:26px 0 20px}.mini-features{display:flex;flex-wrap:wrap;gap:12px}.mini-features span{border:1px solid #174f70;border-radius:999px;padding:8px 13px;color:#cbeafd;font-size:12px;font-weight:800}.kiko-robot{width:100%;max-height:590px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 30px rgba(0,0,0,.55))}.channels-section{background:#020a12}.section-head.compact{margin-bottom:28px}.channel-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.channel-card{border:1px solid #103b57;border-radius:18px;background:#061524;padding:24px;min-height:210px}.channel-card h3{margin:10px 0 7px;font-size:20px}.channel-card p{color:var(--muted);font-size:13px;min-height:38px}.channel-icon{font-size:24px;color:var(--blue)}.channel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.channel-actions a{border:1px solid #1e668e;border-radius:10px;text-decoration:none;padding:9px 12px;font-size:11px;font-weight:900;color:#dff5ff}.about-section{padding-top:42px;padding-bottom:42px;border-top:1px solid #0d3048}.about-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:28px;align-items:center}.about-inner h2{margin-bottom:0}.about-inner p{max-width:480px;color:var(--muted);margin:0}.site-footer{border-top:1px solid #12344b;background:#01060b;color:#849daf}.footer-inner{max-width:var(--max);margin:auto;min-height:88px;padding:18px 20px;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:11px}.footer-inner nav{display:flex;gap:12px}.footer-inner a{text-decoration:none;color:#9fc7df}
@media(max-width:920px){.menu-toggle{display:block}.menu{position:absolute;left:0;right:0;top:72px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#020b14;border-bottom:1px solid #143951;padding:8px 20px 16px}.menu.open{display:flex}.menu a{padding:13px 7px;border-bottom:1px solid rgba(39,92,124,.2)}.hero,.hero-inner{min-height:0}.hero-inner{grid-template-columns:1fr;padding:12px 0 0;gap:0}.hero-person-wrap{min-height:520px;order:2;overflow:hidden}.hero-person{left:50%;transform:translateX(-50%);width:530px;max-width:none}.hero-copy{order:1;padding:42px 18px 0}.device-grid{grid-template-columns:1fr 1fr;gap:12px}.device-or{display:none}.device-card{min-height:480px}.phone-shell{height:355px;max-width:220px}.phone-logo{width:155px}.android-robot{width:235px;top:105px}.ios-robot{width:225px;height:255px;top:92px}.store-badge{width:170px}.channel-grid{grid-template-columns:1fr 1fr}.identity-inner{grid-template-columns:1fr}.identity-copy{text-align:center;padding:0}.official-logo{margin-left:auto;margin-right:auto}.mini-features{justify-content:center}.kiko-robot{max-height:520px}.about-inner{display:block;text-align:center}.about-inner p{margin:18px auto 0}.footer-inner{flex-direction:column;text-align:center}.footer-inner nav{justify-content:center;flex-wrap:wrap}}
@media(max-width:620px){.header-inner{height:62px;padding:0 14px}.brand{font-size:23px}.menu{top:62px}.hero-copy{padding:30px 16px 0}.eyebrow{font-size:16px;margin-bottom:12px}.hero h1{font-size:38px;margin-bottom:18px}.cta-register{padding:18px 14px;border-radius:14px;font-size:23px;gap:9px}.cta-icon{width:36px;height:36px;font-size:28px}.hero-assurance{font-size:10px;padding:8px 12px;margin-top:12px}.hero-person-wrap{min-height:430px}.hero-person{width:455px;left:48%}.section{padding:56px 14px}.section-head{margin-bottom:28px}.section-head h2{font-size:31px}.section-head p{font-size:13px}.device-grid{grid-template-columns:1fr 1fr;gap:8px}.device-card{min-height:350px;padding:14px 8px 13px;border-radius:18px}.device-name{font-size:14px;margin-bottom:9px}.device-platform-icon{top:14px;left:14px;width:9px;height:9px}.phone-shell{height:255px;max-width:150px;border-width:5px;border-radius:22px;margin-bottom:12px}.phone-shell:before{width:45px;height:10px;top:5px}.phone-logo{width:105px;top:27px}.android-robot{width:165px;top:72px}.ios-robot{width:155px;height:180px;top:62px}.store-badge{width:122px;bottom:10px;padding:7px 4px;font-size:8px;border-radius:7px}.select-hint{font-size:8px;padding:7px 8px}.device-action{margin-top:25px;padding:18px;grid-template-columns:1fr}.device-action h3{font-size:21px}.device-action-buttons{justify-content:stretch}.download-btn,.token-btn{width:100%}.identity-section{padding-top:30px}.identity-inner{min-height:0}.identity-copy h2{font-size:49px}.identity-copy p{font-size:14px}.official-logo{max-width:270px}.kiko-robot{max-height:420px}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:0}.about-inner h2{font-size:30px}}

/* V10.1 - garante que apenas as acoes do dispositivo selecionado sejam exibidas */
.device-action-buttons[hidden]{display:none!important}

/* V10.2 - primeira tela preservada como composição única */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-art-section{min-height:0!important;background:#020b16;border-bottom:1px solid rgba(28,115,173,.28)}
.hero-art-wrap{position:relative;width:min(100%,1600px);margin:0 auto;line-height:0;background:#020b16}
.hero-art{width:100%;height:auto;display:block}
.hero-cta-hotspot{position:absolute;left:43.5%;top:54.2%;width:53.5%;height:19.5%;z-index:8;border-radius:18px;cursor:pointer}
.hero-cta-hotspot:focus-visible{outline:4px solid #fff;outline-offset:4px}
@media(max-width:620px){.hero-art-wrap{width:100%;overflow:hidden}.hero-art{width:100%;min-width:0}.hero-cta-hotspot{border-radius:10px}}

/* V10.3 - 2o passo preservado como a arte aprovada, com hotspots interativos */
.device-art-section{padding:0 20px 58px;background:linear-gradient(180deg,#02101d,#020a13);position:relative}
.device-art-wrap{position:relative;max-width:1385px;margin:0 auto;overflow:hidden;background:#020a13}
.device-art{display:block;width:100%;height:auto}
.device-hotspot{position:absolute;appearance:none;border:0;background:transparent;cursor:pointer;border-radius:30px;z-index:5;transition:box-shadow .2s,transform .2s,background-color .2s}
.device-hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}
.android-hotspot{left:22.5%;top:22%;width:27.5%;height:72%}
.ios-hotspot{left:51%;top:22%;width:27.5%;height:72%}
.android-hotspot:hover,.android-hotspot.selected{box-shadow:0 0 0 3px rgba(81,255,20,.7),0 0 45px rgba(81,255,20,.28);background:rgba(81,255,20,.025);transform:translateY(-2px)}
.ios-hotspot:hover,.ios-hotspot.selected{box-shadow:0 0 0 3px rgba(0,170,255,.7),0 0 45px rgba(0,170,255,.30);background:rgba(0,170,255,.025);transform:translateY(-2px)}
.device-art-section .device-action{max-width:1180px;margin-top:34px}
@media(max-width:620px){.device-art-section{padding:0 0 42px}.device-art-wrap{width:100%}.device-action{margin-left:14px;margin-right:14px}.android-hotspot{left:22%;width:28%;}.ios-hotspot{left:51%;width:28%;}}


/* V10.4 - hero mais compacto no desktop + CTA animado */
.hero-art-section{padding:18px 20px 26px!important;background:#020b16!important}
.hero-art-wrap{width:min(100%,1220px)!important;max-width:1220px!important;border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.hero-art{width:100%!important;height:auto!important}
.hero-cta-hotspot{
  isolation:isolate;
  animation:ctaHotspotPulse 1.55s ease-in-out infinite;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.hero-cta-hotspot::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:22px;
  border:3px solid rgba(255,255,255,.34);
  box-shadow:0 0 12px rgba(255,40,40,.7),0 0 34px rgba(255,20,20,.72);
  opacity:.75;
  pointer-events:none;
}
.hero-cta-hotspot:hover{transform:scale(1.018);background:rgba(255,30,30,.035);box-shadow:0 0 42px rgba(255,20,20,.58)}
.hero-cta-hotspot:hover::before{border-color:rgba(255,255,255,.72)}
@keyframes ctaHotspotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,25,25,.08),0 0 14px rgba(255,15,15,.24)}
  50%{box-shadow:0 0 0 10px rgba(255,25,25,.08),0 0 42px rgba(255,15,15,.58)}
}
@media (prefers-reduced-motion:reduce){.hero-cta-hotspot{animation:none}}
@media(max-width:920px){.hero-art-section{padding:10px 0 18px!important}.hero-art-wrap{max-width:100%!important;border-radius:0;box-shadow:none}}
@media(max-width:620px){.hero-art-section{padding:0 0 12px!important}.hero-cta-hotspot::before{inset:-3px;border-width:2px;border-radius:12px}}


/* V10.5 - correção visual: mão/unhas totalmente visíveis no CTA */
.hero-cta-hotspot{left:43.1%!important;top:55.2%!important;width:52.1%!important;height:18.2%!important}

/* V10.6 - interacao forte e persistente na escolha Android / iPhone */
.device-hotspot{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  overflow:visible;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,box-shadow .24s ease,background-color .24s ease;
}
.device-hotspot::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:34px;
  border:3px solid transparent;
  opacity:0;
  transform:scale(.985);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.device-hotspot::after{
  position:absolute;
  left:50%;
  bottom:4.5%;
  transform:translate(-50%,10px) scale(.96);
  padding:9px 15px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.04em;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
  box-shadow:0 8px 24px rgba(0,0,0,.38);
}
.android-hotspot::after{content:"ANDROID SELECIONADO";background:#43e311;color:#031004;border:1px solid #9aff79}
.ios-hotspot::after{content:"iPHONE SELECIONADO";background:#079ff1;color:#fff;border:1px solid #76d3ff}

/* Desktop: feedback no simples passar do mouse */
@media (hover:hover) and (pointer:fine){
  .android-hotspot:hover{transform:translateY(-7px) scale(1.015);filter:brightness(1.08)}
  .android-hotspot:hover::before{opacity:1;transform:scale(1);border-color:#55ff26;box-shadow:0 0 0 2px rgba(85,255,38,.18),0 0 30px rgba(85,255,38,.72),inset 0 0 28px rgba(85,255,38,.08)}
  .ios-hotspot:hover{transform:translateY(-7px) scale(1.015);filter:brightness(1.08)}
  .ios-hotspot:hover::before{opacity:1;transform:scale(1);border-color:#0baeff;box-shadow:0 0 0 2px rgba(11,174,255,.18),0 0 30px rgba(11,174,255,.78),inset 0 0 28px rgba(11,174,255,.08)}
}

/* Clique/toque: estado selecionado fica visivel */
.android-hotspot.selected{transform:translateY(-8px) scale(1.02)!important;filter:brightness(1.1);background:rgba(70,255,25,.035);box-shadow:0 0 55px rgba(70,255,25,.34)!important}
.android-hotspot.selected::before{opacity:1;transform:scale(1);border-color:#55ff26;box-shadow:0 0 0 3px rgba(85,255,38,.16),0 0 42px rgba(85,255,38,.9),inset 0 0 34px rgba(85,255,38,.10);animation:androidSelectedPulse 1.35s ease-in-out infinite}
.ios-hotspot.selected{transform:translateY(-8px) scale(1.02)!important;filter:brightness(1.1);background:rgba(0,170,255,.035);box-shadow:0 0 55px rgba(0,170,255,.38)!important}
.ios-hotspot.selected::before{opacity:1;transform:scale(1);border-color:#0baeff;box-shadow:0 0 0 3px rgba(11,174,255,.16),0 0 42px rgba(11,174,255,.95),inset 0 0 34px rgba(11,174,255,.10);animation:iosSelectedPulse 1.35s ease-in-out infinite}
.device-hotspot.selected::after{opacity:1;transform:translate(-50%,0) scale(1)}
.device-hotspot.tap-pop{animation:deviceTapPop .38s cubic-bezier(.2,.85,.3,1)}

@keyframes androidSelectedPulse{
  0%,100%{box-shadow:0 0 0 2px rgba(85,255,38,.14),0 0 28px rgba(85,255,38,.6),inset 0 0 24px rgba(85,255,38,.06)}
  50%{box-shadow:0 0 0 7px rgba(85,255,38,.11),0 0 56px rgba(85,255,38,.95),inset 0 0 38px rgba(85,255,38,.13)}
}
@keyframes iosSelectedPulse{
  0%,100%{box-shadow:0 0 0 2px rgba(11,174,255,.14),0 0 28px rgba(11,174,255,.62),inset 0 0 24px rgba(11,174,255,.06)}
  50%{box-shadow:0 0 0 7px rgba(11,174,255,.11),0 0 58px rgba(11,174,255,.98),inset 0 0 38px rgba(11,174,255,.14)}
}
@keyframes deviceTapPop{
  0%{transform:scale(1)}
  45%{transform:scale(.975)}
  100%{transform:translateY(-8px) scale(1.02)}
}

@media(max-width:620px){
  .device-hotspot::before{inset:-3px;border-radius:18px;border-width:2px}
  .device-hotspot::after{bottom:3%;font-size:8px;padding:7px 9px}
  .device-hotspot.selected{transform:translateY(-3px) scale(1.012)!important}
  @keyframes deviceTapPop{
    0%{transform:scale(1)}
    45%{transform:scale(.98)}
    100%{transform:translateY(-3px) scale(1.012)}
  }
}
@media (prefers-reduced-motion:reduce){
  .device-hotspot,.device-hotspot::before,.device-hotspot::after{transition:none!important}
  .device-hotspot.selected::before,.device-hotspot.tap-pop{animation:none!important}
}

/* V10.7 - refinamento pontual da selecao Android/iPhone */
.device-art-wrap{overflow:visible}
.android-hotspot{left:27.2%;top:24.5%;width:22.8%;height:66.5%}
.ios-hotspot{left:51.7%;top:24.5%;width:22.8%;height:66.5%}
.device-hotspot::before{inset:-3px;border-radius:25px;border-width:2px}
.device-hotspot::after{bottom:-31px;font-size:10px;padding:7px 12px;letter-spacing:.035em}

@media (hover:hover) and (pointer:fine){
  .android-hotspot:hover{transform:translateY(-4px) scale(1.008);filter:brightness(1.035)}
  .android-hotspot:hover::before{box-shadow:0 0 0 1px rgba(85,255,38,.14),0 0 20px rgba(85,255,38,.42),inset 0 0 16px rgba(85,255,38,.04)}
  .ios-hotspot:hover{transform:translateY(-4px) scale(1.008);filter:brightness(1.035)}
  .ios-hotspot:hover::before{box-shadow:0 0 0 1px rgba(11,174,255,.14),0 0 20px rgba(11,174,255,.46),inset 0 0 16px rgba(11,174,255,.04)}
}
.android-hotspot.selected{transform:translateY(-5px) scale(1.01)!important;filter:brightness(1.055);background:rgba(70,255,25,.018);box-shadow:0 0 28px rgba(70,255,25,.20)!important}
.android-hotspot.selected::before{box-shadow:0 0 0 2px rgba(85,255,38,.12),0 0 28px rgba(85,255,38,.58),inset 0 0 20px rgba(85,255,38,.05);animation:androidSelectedPulseV107 1.7s ease-in-out infinite}
.ios-hotspot.selected{transform:translateY(-5px) scale(1.01)!important;filter:brightness(1.055);background:rgba(0,170,255,.018);box-shadow:0 0 28px rgba(0,170,255,.22)!important}
.ios-hotspot.selected::before{box-shadow:0 0 0 2px rgba(11,174,255,.12),0 0 28px rgba(11,174,255,.62),inset 0 0 20px rgba(11,174,255,.05);animation:iosSelectedPulseV107 1.7s ease-in-out infinite}
@keyframes androidSelectedPulseV107{0%,100%{box-shadow:0 0 0 1px rgba(85,255,38,.12),0 0 20px rgba(85,255,38,.40)}50%{box-shadow:0 0 0 3px rgba(85,255,38,.09),0 0 32px rgba(85,255,38,.64)}}
@keyframes iosSelectedPulseV107{0%,100%{box-shadow:0 0 0 1px rgba(11,174,255,.12),0 0 20px rgba(11,174,255,.42)}50%{box-shadow:0 0 0 3px rgba(11,174,255,.09),0 0 32px rgba(11,174,255,.68)}}
@media(max-width:620px){
  .android-hotspot{left:27.2%;top:24.5%;width:22.8%;height:66.5%}
  .ios-hotspot{left:51.7%;top:24.5%;width:22.8%;height:66.5%}
  .device-hotspot::before{inset:-2px;border-radius:13px;border-width:1.5px}
  .device-hotspot::after{bottom:-24px;font-size:7px;padding:6px 7px}
  .device-hotspot.selected{transform:translateY(-2px) scale(1.006)!important}
}

/* V10.9 - reflexo do CTA mais justo ao botão, sem alterar a arte da Lu */
.hero-cta-hotspot::before{
  inset:-2px!important;
  border-width:2px!important;
  border-radius:20px!important;
  box-shadow:0 0 8px rgba(255,40,40,.62),0 0 20px rgba(255,20,20,.50)!important;
  opacity:.72!important;
}
@keyframes ctaHotspotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,25,25,.06),0 0 10px rgba(255,15,15,.20)}
  50%{box-shadow:0 0 0 4px rgba(255,25,25,.07),0 0 24px rgba(255,15,15,.46)}
}
.hero-cta-hotspot:hover{transform:scale(1.008)!important;box-shadow:0 0 24px rgba(255,20,20,.42)!important}
@media(max-width:620px){
  .hero-cta-hotspot::before{inset:-1px!important;border-width:1.5px!important;border-radius:11px!important;box-shadow:0 0 6px rgba(255,40,40,.58),0 0 14px rgba(255,20,20,.42)!important}
}

/* V10.10 - ajuste pontual do contorno interativo Android
   Mantem hero/CTA, arte-base e iPhone inalterados. */
.android-hotspot{
  left:20.7%;
  top:26.2%;
  width:17.4%;
  height:67.2%;
  border-radius:25px;
}
.android-hotspot::before{
  inset:-2px;
  border-radius:25px;
}
@media(max-width:620px){
  .android-hotspot{
    left:20.7%;
    top:26.2%;
    width:17.4%;
    height:67.2%;
  }
  .android-hotspot::before{
    inset:-1px;
    border-radius:14px;
  }
}

/* V10.11 - alinhamento visual preciso do hotspot Android ao corpo do celular */
.android-hotspot{
  left:30.3%;
  top:26.2%;
  width:19.4%;
  height:67.2%;
  border-radius:25px;
}
.android-hotspot::before{inset:-2px;border-radius:25px}
@media(max-width:620px){
  .android-hotspot{left:30.3%;top:26.2%;width:19.4%;height:67.2%}
  .android-hotspot::before{inset:-1px;border-radius:14px}
}

/* V10.12 - contornos Android/iPhone ajustados ao corpo real dos aparelhos
   Medidas calculadas sobre a arte-base: ambos ficam simetricos e bem proximos. */
.android-hotspot{
  left:25.0%;
  top:26.2%;
  width:19.7%;
  height:67.0%;
  border-radius:24px;
}
.ios-hotspot{
  left:53.5%;
  top:26.2%;
  width:19.8%;
  height:67.0%;
  border-radius:24px;
}
.device-hotspot::before{
  inset:0;
  border-radius:24px;
  border-width:2px;
}
@media (hover:hover) and (pointer:fine){
  .android-hotspot:hover,.ios-hotspot:hover{
    transform:translateY(-2px) scale(1.004);
  }
}
.android-hotspot.selected,.ios-hotspot.selected{
  transform:translateY(-2px) scale(1.004)!important;
}
@media(max-width:620px){
  .android-hotspot{left:25.0%;top:26.2%;width:19.7%;height:67.0%}
  .ios-hotspot{left:53.5%;top:26.2%;width:19.8%;height:67.0%}
  .device-hotspot::before{inset:0;border-radius:13px;border-width:1.5px}
  .device-hotspot.selected{transform:translateY(-1px) scale(1.002)!important}
}

/* V10.13 - contorno/animacao do CTA alinhado ao botao real da arte.
   Ajuste pontual: preserva hero, Lu, dispositivos e restante do site. */
.hero-cta-hotspot{
  left:44.3%!important;
  top:56.6%!important;
  width:52.8%!important;
  height:18.3%!important;
  border-radius:17px!important;
}
.hero-cta-hotspot::before{
  inset:0!important;
  border-width:1.5px!important;
  border-radius:17px!important;
  box-shadow:0 0 6px rgba(255,40,40,.50),0 0 14px rgba(255,20,20,.38)!important;
  opacity:.62!important;
}
@keyframes ctaHotspotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,25,25,.04),0 0 8px rgba(255,15,15,.18)}
  50%{box-shadow:0 0 0 2px rgba(255,25,25,.05),0 0 16px rgba(255,15,15,.34)}
}
.hero-cta-hotspot:hover{
  transform:scale(1.004)!important;
  box-shadow:0 0 16px rgba(255,20,20,.34)!important;
}
@media(max-width:620px){
  .hero-cta-hotspot::before{
    inset:0!important;
    border-width:1px!important;
    border-radius:10px!important;
    box-shadow:0 0 4px rgba(255,40,40,.46),0 0 10px rgba(255,20,20,.30)!important;
  }
}

/* V10.18 - nova Lu integrada ao hero; ajuste apenas do hotspot do CTA */
.hero-cta-hotspot{
  left:46.5%!important;
  top:50.1%!important;
  width:50.4%!important;
  height:18.2%!important;
}


/* V10.19 - Lu ajustada: cabeca inteira, maquiagem profissional e CTA alinhado ao novo hero */
.hero-cta-hotspot{
  left:47.1%!important;
  top:52.8%!important;
  width:49.8%!important;
  height:17.2%!important;
  border-radius:18px!important;
}
@media(max-width:620px){
  .hero-cta-hotspot{left:47.1%!important;top:52.8%!important;width:49.8%!important;height:17.2%!important;border-radius:10px!important}
}

/* V10.20 - hero aprovado com nova Lu. Hotspot do CTA alinhado ao botao da nova composicao. */
.hero-cta-hotspot{
  left:48.4%!important;
  top:54.7%!important;
  width:49.0%!important;
  height:17.7%!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
}
.hero-cta-hotspot::before{display:none!important;content:none!important}
.hero-cta-hotspot:hover{transform:scale(1.004)!important;background:rgba(255,255,255,.01)!important;box-shadow:none!important}
@media(max-width:620px){
  .hero-cta-hotspot{left:48.4%!important;top:54.7%!important;width:49.0%!important;height:17.7%!important;border-radius:11px!important}
}

/* V10.21 - aviso legal 2026 e navegacao inicial */
.mf-warning{
  width:min(100%,1220px);
  margin:0 auto 18px;
  min-height:82px;
  padding:16px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  line-height:1.25;
  background:linear-gradient(180deg,#071522,#030b12);
  border:1px solid #2a6f98;
  border-top:3px solid #16a9ff;
  color:#f6fbff;
  letter-spacing:.01em;
}
.mf-warning strong{font-size:clamp(15px,1.6vw,22px);font-weight:950}
.mf-warning span{font-size:clamp(12px,1.1vw,15px);color:#b9d3e5;font-weight:700}
@media(max-width:620px){
  .mf-warning{min-height:66px;padding:12px 14px;margin-bottom:10px}
  .mf-warning strong{font-size:13px}
  .mf-warning span{font-size:11px}
}

/* V10.22 - CTA premium pulse. Visual-only enhancement; no layout/content changes. */
.hero-cta-hotspot{
  isolation:isolate;
  overflow:visible;
  animation:ctaPremiumBreath 2.2s ease-in-out infinite!important;
  transform-origin:center center!important;
}
.hero-cta-hotspot::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border:2px solid rgba(255,255,255,.62)!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.70!important;
  box-shadow:0 0 8px rgba(255,45,45,.60),0 0 18px rgba(255,20,20,.48),0 0 30px rgba(255,0,0,.22)!important;
  animation:ctaPremiumGlow 2.2s ease-in-out infinite!important;
}
.hero-cta-hotspot::after{
  content:"";
  position:absolute;
  top:7%;
  bottom:7%;
  left:-22%;
  width:16%;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  filter:blur(1px);
  transform:skewX(-18deg);
  animation:ctaPremiumSheen 4.8s ease-in-out infinite;
}
@keyframes ctaPremiumBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.012)}
}
@keyframes ctaPremiumGlow{
  0%,100%{opacity:.52;box-shadow:0 0 6px rgba(255,45,45,.45),0 0 14px rgba(255,20,20,.34),0 0 22px rgba(255,0,0,.16)}
  50%{opacity:.92;box-shadow:0 0 10px rgba(255,70,70,.80),0 0 24px rgba(255,20,20,.62),0 0 38px rgba(255,0,0,.28)}
}
@keyframes ctaPremiumSheen{
  0%,58%{left:-22%;opacity:0}
  64%{opacity:.12}
  77%{left:108%;opacity:.20}
  82%,100%{left:108%;opacity:0}
}
@media (hover:hover) and (pointer:fine){
  .hero-cta-hotspot:hover{
    transform:scale(1.018)!important;
  }
  .hero-cta-hotspot:hover::before{
    opacity:1!important;
    box-shadow:0 0 12px rgba(255,75,75,.88),0 0 28px rgba(255,20,20,.72),0 0 42px rgba(255,0,0,.34)!important;
  }
}
@media(max-width:620px){
  .hero-cta-hotspot{animation-duration:2.4s!important}
  .hero-cta-hotspot::before{inset:-1px!important;border-width:1.5px!important}
}
@media (prefers-reduced-motion:reduce){
  .hero-cta-hotspot,.hero-cta-hotspot::before,.hero-cta-hotspot::after{animation:none!important}
  .hero-cta-hotspot::before{opacity:.72!important}
}