:root {
  --bg: #05070d;
  --bg-soft: #0a0f1b;
  --panel: rgba(13, 21, 36, .86);
  --panel-2: #0d1728;
  --text: #f6f9ff;
  --muted: #91a0b8;
  --cyan: #08c8ff;
  --cyan-2: #4be4ff;
  --line: rgba(93, 203, 255, .17);
  --shadow: 0 18px 60px rgba(0, 0, 0, .38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(4,7,13,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:25px;background:linear-gradient(145deg,#0ae3ff,#087cfa);box-shadow:0 0 26px rgba(8,200,255,.32)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{letter-spacing:.12em;font-size:17px}.brand-copy small{color:var(--muted);font-size:11px;margin-top:5px}
.menu{display:flex;align-items:center;gap:26px}.menu a{color:#c5cedd;font-size:14px;font-weight:700}.menu a:hover{color:var(--cyan)}
.menu-toggle{display:none;border:1px solid var(--line);background:#0b1220;color:white;border-radius:10px;padding:8px 12px;font-size:20px}
.hero{position:relative;overflow:hidden;min-height:610px;display:grid;align-items:center;background:radial-gradient(circle at 72% 38%,rgba(0,200,255,.2),transparent 31%),radial-gradient(circle at 15% 25%,rgba(0,108,255,.16),transparent 28%),linear-gradient(180deg,#060912 0%,#05070d 100%)}
.hero:after{content:"";position:absolute;inset:auto -15% -55% 35%;height:520px;background:radial-gradient(circle,rgba(0,200,255,.13),transparent 60%);filter:blur(30px)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(40,140,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,140,190,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-content{position:relative;z-index:2;padding:96px 0}.eyebrow{margin:0 0 10px;color:var(--cyan-2);font-size:12px;letter-spacing:.19em;font-weight:900}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin-bottom:24px}.hero h1 span{background:linear-gradient(90deg,#f7fbff 25%,#46dcff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:700px;color:#aebbd0;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:900;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(135deg,#08c8ff,#0878ff);box-shadow:0 12px 28px rgba(0,151,255,.22)}.btn-secondary{background:#0c1422;border-color:var(--line);color:#dfe8f6}.btn:hover{transform:translateY(-2px)}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#8796ad;font-size:13px}
.section{padding:90px 0}.section.alt{background:linear-gradient(180deg,#080c14,#07101a)}.section-heading{max-width:700px;margin-bottom:34px}.section h2{font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.04em;margin-bottom:14px}.section-heading p:last-child,.section> .container > p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:920px;margin:0 auto}.app-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(15,25,42,.88),rgba(8,14,25,.93));box-shadow:var(--shadow);min-height:350px}.app-card.featured{border-color:rgba(20,209,255,.45);transform:translateY(-8px)}.app-orb{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-weight:1000;font-size:28px;margin-bottom:22px;border:4px solid rgba(255,255,255,.12);box-shadow:inset 0 0 28px rgba(255,255,255,.14),0 0 34px rgba(0,174,255,.24)}.orb-1{background:radial-gradient(circle at 35% 30%,#46f4ff,#1269ff 55%,#071124 72%)}.orb-2{background:radial-gradient(circle at 35% 30%,#8af5ff,#6d2cff 56%,#0c1024 73%)}.orb-3{background:radial-gradient(circle at 35% 30%,#55d7ff,#0a84ff 48%,#081325 73%)}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(8,200,255,.1);border:1px solid var(--line);color:var(--cyan-2);font-size:10px;font-weight:900;letter-spacing:.14em}.app-card h3{font-size:29px;margin:14px 0 8px}.app-card p{color:var(--muted);font-size:14px}.card-link{display:inline-flex;margin-top:14px;font-weight:900;color:var(--cyan-2)}
.disabled{pointer-events:none;opacity:.58}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split p{color:var(--muted)}.video-placeholder{aspect-ratio:16/9;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(11,198,255,.16),transparent 35%),#0a1220;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.video-placeholder .play{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#06d7ff,#076bff);font-size:28px;padding-left:5px;margin:0 auto 8px}.video-placeholder p{color:#dce8f7;margin:0;font-weight:800}
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.social-card{border:1px solid var(--line);border-radius:18px;background:#0a111d;padding:22px;display:flex;flex-direction:column;gap:6px}.social-card strong{font-size:19px}.social-card span{color:var(--muted);font-size:13px}
.support-box{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(11,31,51,.92),rgba(6,13,24,.9));padding:38px;border-radius:24px}.support-box p{color:var(--muted);margin-bottom:0}
.legal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.legal-grid>div>p:last-child{color:var(--muted)}.notice{padding:24px;border:1px solid rgba(255,188,78,.22);border-radius:18px;background:rgba(255,154,0,.055)}.notice strong{color:#ffd680}.notice p{color:#b9b19f;font-size:14px;margin:9px 0 0}
.site-footer{border-top:1px solid var(--line);padding:34px 0;background:#04060a}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#aeb9ca;font-size:13px}.copyright{grid-column:1/-1;color:#68758a;font-size:12px;margin:0}.footer-brand .brand-mark{width:34px;height:34px;font-size:21px}.footer-brand .brand-copy strong{font-size:14px}
@media (max-width:900px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;background:#08101b;border:1px solid var(--line);border-radius:16px;padding:8px}.menu.open{display:flex}.menu a{padding:13px 12px;border-radius:10px}.menu a:hover{background:#0d1828}.hero{min-height:560px}.cards{grid-template-columns:1fr}.app-card.featured{transform:none}.split,.legal-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.container{width:min(100% - 24px,1160px)}.nav-wrap{height:68px}.menu{top:68px}.brand-copy small{display:none}.hero-content{padding:74px 0}.hero h1{font-size:52px}.hero-text{font-size:16px}.section{padding:68px 0}.social-grid{grid-template-columns:1fr}.support-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{gap:12px}.copyright{grid-column:auto}}

/* Hero oficial baseado na arte TUDAQUI fornecida pelo proprietário */
.hero-image{padding:0;background:#000;min-height:auto;overflow:hidden;border-bottom:1px solid rgba(0,174,255,.26)}
.hero-banner{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center top;margin:0 auto}
.hero-mobile-copy{display:none}
@media (max-width:760px){
  .hero-banner{min-height:390px;object-fit:cover;object-position:center top}
  .hero-mobile-copy{display:block;padding:22px 20px 28px;text-align:center;background:linear-gradient(180deg,#03070e,#050912)}
  .hero-mobile-copy h1{font-size:30px;line-height:1.05;margin:8px 0 18px}
  .hero-mobile-copy h1 span{display:block;color:#11bfff;font-size:18px;margin-top:7px}
  .hero-mobile-copy .hero-actions{justify-content:center}
}


/* ===== TUDAQUI | Aplicativos Premium ===== */
.apps-premium-section{
  padding:76px 0 72px;
  background:
    radial-gradient(circle at 18% 44%,rgba(0,105,255,.13),transparent 34%),
    radial-gradient(circle at 82% 44%,rgba(0,220,200,.11),transparent 34%);
}
.apps-premium-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:28px}
.apps-premium-heading h2{margin:8px 0 10px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98;text-transform:uppercase;font-style:italic;letter-spacing:-.04em}
.apps-premium-heading h2 span{background:linear-gradient(180deg,#d8fdff,#38d8ff 50%,#137cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apps-premium-heading>div>p:last-child{max-width:720px;color:#a8bdd5}
.official-seal{min-width:235px;display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid rgba(61,209,255,.36);border-radius:18px;background:#06101c}
.official-seal-icon{display:grid;place-items:center;width:48px;height:48px;border:2px solid #27d9ff;border-radius:15px;color:#27d9ff;font-weight:900;font-size:1.35rem}
.official-seal strong,.official-seal small{display:block}.official-seal small{color:#2fdcff;font-weight:800;margin-top:3px}
.apps-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.premium-app-card{--accent:#19c8ff;position:relative;min-height:610px;overflow:hidden;border:1px solid var(--accent);border-radius:28px;background:linear-gradient(145deg,#06101f,#07111e 58%,#02070c);box-shadow:0 0 36px rgba(0,160,255,.12),0 24px 70px rgba(0,0,0,.32)}
.premium-app-card--ultra{--accent:#28e2d2;box-shadow:0 0 36px rgba(40,226,210,.11),0 24px 70px rgba(0,0,0,.32)}
.premium-card-content{position:relative;min-height:515px}
.premium-card-copy{position:relative;z-index:4;width:48%;padding:30px 0 118px 30px}
.premium-badge{display:inline-flex;padding:9px 14px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-weight:900;background:rgba(2,10,18,.76)}
.premium-card-copy h3{margin:24px 0 8px;line-height:.84;text-transform:uppercase;font-style:italic}
.premium-card-copy h3 span,.premium-card-copy h3 strong{display:block}
.premium-card-copy h3 span{font-size:clamp(2.2rem,4vw,4.5rem);color:#edf3f8;text-shadow:0 3px 0 #536375,0 7px 16px rgba(0,0,0,.45)}
.premium-card-copy h3 strong{margin-top:10px;font-size:clamp(3.4rem,6vw,6.7rem);letter-spacing:-.06em;color:var(--accent);text-shadow:0 0 24px rgba(30,190,255,.32)}
.premium-tagline{margin:22px 0 18px;max-width:240px;color:#e7eef5;font-style:italic}.premium-tagline b{display:block;color:var(--accent);font-size:1.15rem}
.premium-features{list-style:none;padding:0;margin:0;display:grid;gap:10px}.premium-features li{display:flex;align-items:center;gap:11px;color:#dce7f3}
.premium-features li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:#05101b}
.premium-features b,.premium-features small{display:block}.premium-features small{color:#8fa7bf;font-size:.8rem}
.premium-robot{position:absolute;right:-7%;bottom:72px;width:66%;max-height:485px;object-fit:cover;object-position:center top;border-radius:32px;filter:drop-shadow(0 0 28px rgba(25,200,255,.25));-webkit-mask-image:linear-gradient(to bottom,#000 0 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 80%,transparent 100%)}
.premium-app-card--ultra .premium-robot{filter:drop-shadow(0 0 28px rgba(40,226,210,.24))}
.premium-play-btn{position:absolute;z-index:7;left:24px;right:24px;bottom:24px;min-height:74px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--accent);border-radius:18px;color:var(--accent);background:linear-gradient(#06111d,#02070d);font-weight:900;font-size:clamp(.95rem,1.7vw,1.35rem);text-decoration:none;transition:.2s ease}
.premium-play-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(25,200,255,.20)}
.play-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#3ddc84 0 33%,#ffd23f 34% 66%,#ff4f4f 67%);color:white}
.apps-trust-strip{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(36,172,255,.22);border-radius:22px;background:#06101b;overflow:hidden}
.apps-trust-strip>div{display:flex;align-items:center;gap:13px;padding:20px 22px;position:relative}.apps-trust-strip>div+div:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:rgba(118,174,218,.18)}
.apps-trust-strip>div>span{color:#2bcfff;font-size:1.45rem;font-weight:900}.apps-trust-strip p{margin:0}.apps-trust-strip b,.apps-trust-strip small{display:block}.apps-trust-strip small{color:#8fa7bf;margin-top:3px}
@media(max-width:980px){.apps-premium-heading{display:block}.official-seal{margin-top:18px;max-width:290px}.apps-premium-grid{grid-template-columns:1fr}.apps-trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.premium-app-card{min-height:690px}.premium-card-copy{width:auto;padding:26px 24px 320px}.premium-robot{width:82%;right:-6%;bottom:76px;max-height:365px}.premium-play-btn{left:16px;right:16px;bottom:16px;min-height:64px;font-size:.9rem}.apps-trust-strip{grid-template-columns:1fr}.apps-trust-strip>div+div:before{left:20px;right:20px;top:0;bottom:auto;width:auto;height:1px}}


/* ===== TUDAQUI HOME V2 ===== */
.home-hero{
  position:relative;
  overflow:hidden;
  padding:26px 0 22px;
  border-bottom:1px solid rgba(42,190,255,.16);
  background:
    radial-gradient(circle at 15% 50%,rgba(0,108,255,.18),transparent 34%),
    radial-gradient(circle at 85% 50%,rgba(0,220,205,.14),transparent 34%),
    linear-gradient(180deg,#030811 0%,#02060c 100%);
}
.hero-v2{
  position:relative;
  min-height:560px;
  display:grid;
  grid-template-columns:32% 36% 32%;
  align-items:center;
}
.hero-side{
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
.hero-side img{
  width:118%;
  max-width:none;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 34px rgba(0,145,255,.22));
}
.hero-side--left img{transform:translateX(-10%)}
.hero-side--right{justify-content:flex-end}
.hero-side--right img{transform:translateX(10%)}
.hero-center{
  position:relative;
  z-index:3;
  text-align:center;
  padding:20px 0;
}
.hero-kicker{
  display:inline-block;
  margin:0 0 14px;
  padding:7px 22px;
  border:1px solid rgba(31,203,255,.65);
  border-radius:999px;
  color:#27cfff;
  letter-spacing:.24em;
  font-weight:800;
}
.hero-brand{
  margin:0;
  font-size:clamp(3rem,6vw,6.6rem);
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
  font-style:italic;
}
.hero-brand .tud{color:#edf2f7;text-shadow:0 3px 0 #617081,0 9px 22px rgba(0,0,0,.45)}
.hero-brand .a{color:#078cff;text-shadow:0 0 24px rgba(0,139,255,.35)}
.hero-brand .qui{
  background:linear-gradient(180deg,#ffe159 0%,#ffb300 55%,#e47b00 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 24px rgba(255,180,0,.16);
}
.hero-center h2{
  margin:16px 0 10px;
  font-size:clamp(1.35rem,2.6vw,2.3rem);
  color:#f1f4f8;
  font-style:italic;
}
.hero-center h2 span{color:#ffbf21}
.hero-description{
  margin:0 auto 22px;
  max-width:420px;
  color:#c0cfdf;
  font-size:1.05rem;
}
.hero-trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(36,172,255,.36);
  border-radius:18px;
  background:rgba(4,13,24,.88);
  overflow:hidden;
}
.hero-trust>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 12px;
}
.hero-trust>div+div{border-left:1px solid rgba(109,170,220,.18)}
.hero-trust>div>span{color:#28cfff;font-size:1.35rem}
.hero-trust p{margin:0;text-align:left}
.hero-trust b,.hero-trust small{display:block}
.hero-trust b{color:#f4f7fa;font-size:.84rem}
.hero-trust small{color:#8ea8c1;margin-top:2px;font-size:.74rem}

/* Cards now use head-only robot art to avoid repeating full-body hero compositions. */
.premium-robot{
  right:-2%;
  bottom:72px;
  width:48%;
  max-height:340px;
  object-fit:contain;
  object-position:center;
  border-radius:28px;
  -webkit-mask-image:none;
  mask-image:none;
}
.premium-card-copy{width:56%}
.premium-card-content{min-height:485px}

@media(max-width:980px){
  .hero-v2{grid-template-columns:1fr;min-height:auto}
  .hero-side{height:300px;justify-content:center}
  .hero-side img,.hero-side--left img,.hero-side--right img{width:72%;transform:none}
  .hero-center{order:-1}
}
@media(max-width:640px){
  .home-hero{padding-top:22px}
  .hero-side{height:220px}
  .hero-side img{width:88%}
  .hero-trust{grid-template-columns:1fr}
  .hero-trust>div+div{border-left:0;border-top:1px solid rgba(109,170,220,.18)}
  .premium-robot{width:56%;right:-4%;bottom:86px;max-height:280px}
  .premium-card-copy{width:auto;padding-bottom:270px}
}

/* ===== TUDAQUI HOME V2.1 | Hero integrado ===== */
@media (min-width:981px){
  .home-hero{padding:18px 0 14px}
  .hero-v2{width:min(1500px,96%);max-width:none;min-height:600px;grid-template-columns:34% 32% 34%;gap:0}
  .hero-side{align-self:stretch;min-width:0;overflow:hidden}
  .hero-side:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}
  .hero-side--left:after{background:linear-gradient(90deg,transparent 0 62%,rgba(2,7,14,.18) 76%,#02070e 100%)}
  .hero-side--right:after{background:linear-gradient(270deg,transparent 0 62%,rgba(2,7,14,.18) 76%,#02070e 100%)}
  .hero-side img{position:absolute;inset:auto 0 0;width:108%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 32px rgba(0,145,255,.18));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 91%,transparent 100%)}
  .hero-side--left img{transform:translateX(-4%);object-position:center center}
  .hero-side--right img{transform:translateX(4%);object-position:center center}
  .hero-center{padding:24px 10px;z-index:4}
  .hero-brand{font-size:clamp(3.5rem,5.3vw,5.9rem)}
  .hero-center h2{font-size:clamp(1.25rem,1.9vw,1.85rem);white-space:nowrap;margin:18px -24px 12px}
  .hero-description{max-width:390px}
  .hero-trust>div{padding:15px 8px;gap:8px}
}


/* ===== TUDAQUI HOME V2.2 | acabamento do mockup aprovado ===== */

/* Header: uma única navegação, mais premium e com selo compacto */
.site-header{
  background:rgba(2,7,14,.98);
  border-bottom:1px solid rgba(45,194,255,.18);
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(12px);
}
.nav-wrap{
  max-width:1320px;
  gap:22px;
}
.menu{
  margin-left:auto;
}
.header-secure{
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(34,205,255,.46);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(4,18,31,.94),rgba(2,9,17,.96));
  box-shadow:inset 0 0 18px rgba(0,170,255,.05);
  white-space:nowrap;
}
.header-secure>span{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border:2px solid #29d7ff;
  border-radius:9px;
  color:#29d7ff;
  font-weight:900;
}
.header-secure p{margin:0;line-height:1.08}
.header-secure b,.header-secure small{display:block}
.header-secure b{font-size:.72rem;color:#f5f8fb}
.header-secure small{font-size:.64rem;color:#27cdf8;margin-top:3px;font-weight:800}

/* Hero mais largo, integrado e com o título central protegido contra corte */
.home-hero{
  padding:14px 0 0;
  min-height:615px;
  background:
    radial-gradient(circle at 12% 48%,rgba(0,95,255,.18),transparent 31%),
    radial-gradient(circle at 88% 48%,rgba(0,212,200,.14),transparent 31%),
    linear-gradient(180deg,#020811 0%,#02070d 100%);
}
.hero-v2{
  max-width:1500px;
  min-height:600px;
  grid-template-columns:minmax(0,31%) minmax(410px,38%) minmax(0,31%);
  gap:0;
  overflow:visible;
}
.hero-side{
  min-width:0;
  height:600px;
  align-items:flex-end;
  overflow:visible;
}
.hero-side img{
  width:112%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  border-radius:0;
  filter:drop-shadow(0 0 34px rgba(0,150,255,.18));
}
.hero-side--left img{
  transform:translateX(-7%);
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 10%,#000 86%,transparent 100%),
    linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 86%,transparent 100%);
}
.hero-side--right img{
  transform:translateX(7%);
  -webkit-mask-image:
    linear-gradient(to left,transparent 0%,#000 10%,#000 86%,transparent 100%),
    linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to left,transparent 0%,#000 10%,#000 86%,transparent 100%);
}
.hero-center{
  min-width:0;
  overflow:visible;
  padding:34px 10px 18px;
}
.hero-kicker{
  margin-bottom:18px;
  font-size:.92rem;
}
.hero-brand{
  width:100%;
  max-width:none;
  overflow:visible;
  white-space:nowrap;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:0;
  font-size:clamp(3.15rem,5.2vw,5.75rem);
  letter-spacing:-.065em;
  line-height:.95;
  padding:0 .16em .08em 0;
}
.hero-brand span{
  display:inline-block;
  flex:0 0 auto;
}
.hero-brand .qui{
  padding-right:.06em;
}
.hero-center h2{
  white-space:nowrap;
  font-size:clamp(1.25rem,2vw,2rem);
  margin:18px 0 14px;
}
.hero-description{
  max-width:500px;
  line-height:1.5;
}
.hero-trust{
  max-width:620px;
  margin:0 auto;
  border-radius:16px;
}
.hero-trust>div{
  padding:15px 10px;
}

/* A seção de apps começa com mais respiro e cards menos carregados. */
.apps-premium-section{
  padding-top:54px;
}
.apps-premium-heading{
  margin-bottom:22px;
}
.premium-app-card{
  min-height:500px;
}
.premium-card-content{
  min-height:400px;
}
.premium-card-copy{
  width:62%;
  padding:28px 0 102px 28px;
}
.premium-robot{
  width:40%;
  right:1%;
  bottom:82px;
  max-height:270px;
  opacity:.96;
  filter:drop-shadow(0 0 20px rgba(25,200,255,.18));
}
.premium-app-card--ultra .premium-robot{
  filter:drop-shadow(0 0 20px rgba(40,226,210,.18));
}
.premium-card-copy h3 span{
  font-size:clamp(1.9rem,3vw,3.4rem);
}
.premium-card-copy h3 strong{
  font-size:clamp(3rem,4.6vw,5rem);
}
.premium-play-btn{
  min-height:66px;
}

/* Desktop intermediário */
@media(max-width:1280px){
  .header-secure{display:none}
  .hero-v2{
    grid-template-columns:30% 40% 30%;
    min-height:560px;
  }
  .hero-side{height:560px}
  .hero-brand{font-size:clamp(3rem,5.6vw,5rem)}
}

/* Tablet */
@media(max-width:980px){
  .hero-v2{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-center{order:-1;padding-top:28px}
  .hero-center h2{white-space:normal}
  .hero-side{height:320px;overflow:hidden}
  .hero-side img,.hero-side--left img,.hero-side--right img{
    width:78%;
    height:100%;
    object-fit:contain;
    transform:none;
    margin:auto;
    -webkit-mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%);
  }
}

/* Mobile */
@media(max-width:640px){
  .hero-brand{
    font-size:clamp(2.55rem,14vw,4rem);
    letter-spacing:-.07em;
    padding-right:.14em;
  }
  .hero-side{height:250px}
  .hero-side img,.hero-side--left img,.hero-side--right img{width:94%}
  .premium-card-copy{width:auto;padding:24px 22px 245px}
  .premium-robot{width:52%;max-height:230px;right:0;bottom:76px}
}


/* ===== TUDAQUI HOME V2.3 | correção definitiva da letra I ===== */
.hero-brand{
  overflow:visible !important;
  padding-right:.42em !important;
  letter-spacing:-.055em !important;
}
.hero-brand .qu{
  display:inline-block;
  flex:0 0 auto;
  background:linear-gradient(180deg,#ffe159 0%,#ffb300 55%,#e47b00 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 24px rgba(255,180,0,.16);
}
.hero-brand .last-i{
  display:inline-block;
  flex:0 0 auto;
  min-width:.28em;
  padding-right:.16em;
  color:#ffb300;
  -webkit-text-fill-color:#ffb300;
  text-shadow:0 0 18px rgba(255,180,0,.18);
  font-style:italic;
}
@media(max-width:1280px){
  .hero-brand{
    font-size:clamp(2.85rem,5.1vw,4.75rem) !important;
    padding-right:.46em !important;
  }
}
@media(max-width:640px){
  .hero-brand{
    font-size:clamp(2.4rem,13vw,3.8rem) !important;
    padding-right:.5em !important;
  }
}


/* ===== TUDAQUI HOME V2.4 | correção visual definitiva do "I" =====
   O problema não era corte real: o I em itálico ficava parecido com uma barra.
   Nesta versão, QUI é renderizado em bloco sólido, sem itálico e sem background-clip.
*/
.hero-brand-v24{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:0 !important;
  width:auto !important;
  max-width:100% !important;
  overflow:visible !important;
  white-space:nowrap !important;
  padding:0 .3em .08em .06em !important;
  margin:0 auto !important;
  font-family:Arial Black, Arial, Helvetica, sans-serif !important;
  font-style:normal !important;
  font-weight:900 !important;
  font-size:clamp(3.05rem,5vw,5.55rem) !important;
  letter-spacing:-.055em !important;
  line-height:.98 !important;
}
.hero-brand-v24 span{
  display:inline-block !important;
  flex:0 0 auto !important;
  font-style:normal !important;
  transform:none !important;
}
.hero-brand-v24 .tud{
  color:#eef3f8 !important;
  -webkit-text-fill-color:#eef3f8 !important;
  text-shadow:0 3px 0 #647282,0 8px 20px rgba(0,0,0,.38) !important;
}
.hero-brand-v24 .a{
  color:#0a8fff !important;
  -webkit-text-fill-color:#0a8fff !important;
  text-shadow:0 0 22px rgba(0,143,255,.28) !important;
}
.hero-brand-v24 .qui-solid{
  color:#ffb51b !important;
  -webkit-text-fill-color:#ffb51b !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  padding-right:.12em !important;
  min-width:2.05em !important;
  text-align:left !important;
  letter-spacing:-.045em !important;
  text-shadow:0 0 20px rgba(255,181,27,.18) !important;
}
@media(max-width:1280px){
  .hero-brand-v24{
    font-size:clamp(2.8rem,4.8vw,4.8rem) !important;
  }
}
@media(max-width:640px){
  .hero-brand-v24{
    font-size:clamp(2.35rem,12.5vw,3.7rem) !important;
    letter-spacing:-.05em !important;
    padding-right:.36em !important;
  }
  .hero-brand-v24 .qui-solid{
    min-width:2.12em !important;
  }
}


/* ===== TUDAQUI HOME V2.5 | refinamento dos cards de aplicativos ===== */
#aplicativos .app-card{
  min-height:0 !important;
  padding:28px 28px 24px !important;
  overflow:hidden !important;
  position:relative !important;
}
#aplicativos .cards{
  gap:24px !important;
}
#aplicativos .app-card h3{
  margin-top:16px !important;
  margin-bottom:10px !important;
  line-height:.92 !important;
}
#aplicativos .app-card p{
  max-width:58% !important;
}
#aplicativos .app-card .robot-head,
#aplicativos .app-card img{
  border-radius:0 !important;
}
#aplicativos .app-card .card-link{
  position:relative !important;
  z-index:5 !important;
  margin-top:20px !important;
  min-height:58px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
#aplicativos .app-card .card-link:hover{
  transform:translateY(-2px) !important;
}
#aplicativos .app-card:first-child .card-link{
  background:linear-gradient(180deg,#13c9ff 0%,#0879ff 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 30px rgba(0,143,255,.22) !important;
}
#aplicativos .app-card:nth-child(2) .card-link{
  background:linear-gradient(180deg,#19e0d2 0%,#009eaa 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 30px rgba(0,224,210,.18) !important;
}
#aplicativos .section-heading{
  margin-bottom:28px !important;
}
#aplicativos .section-heading + .cards{
  margin-top:0 !important;
}
@media(min-width:900px){
  #aplicativos .app-card{
    min-height:500px !important;
  }
}
@media(max-width:899px){
  #aplicativos .app-card p{
    max-width:100% !important;
  }
}


/* ===== TUDAQUI HOME V2.7 | Central de Tutoriais ===== */
.youtube-tutorials{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 45%,rgba(255,0,40,.055),transparent 30%),
    radial-gradient(circle at 85% 45%,rgba(0,210,220,.07),transparent 30%);
}
.youtube-heading{
  text-align:center;
  max-width:780px;
  margin:0 auto 34px;
}
.youtube-heading h2 span{color:#ff2e46}
.youtube-tutorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.youtube-tutorial-card{
  --tutorial-accent:#159cff;
  overflow:hidden;
  border:1px solid rgba(52,177,255,.28);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(9,20,35,.96),rgba(4,10,19,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.26),0 0 30px rgba(0,139,255,.06);
}
.youtube-tutorial-card--ultra{
  --tutorial-accent:#20d9cf;
  border-color:rgba(32,217,207,.28);
  box-shadow:0 24px 60px rgba(0,0,0,.26),0 0 30px rgba(32,217,207,.055);
}
.tutorial-card-top{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.tutorial-system{
  color:var(--tutorial-accent);
  font-size:1.15rem;
  font-weight:950;
  letter-spacing:.02em;
}
.tutorial-channel{
  padding:7px 11px;
  border:1px solid rgba(255,55,75,.45);
  border-radius:999px;
  color:#ff4a5d;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.04em;
}
.tutorial-video{
  position:relative;
  aspect-ratio:16/9;
  background:#000;
}
.tutorial-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.tutorial-copy{padding:22px}
.tutorial-copy h3{
  margin:0 0 8px;
  color:#f4f7fb;
  font-size:1.35rem;
}
.tutorial-copy p{
  margin:0;
  min-height:52px;
  color:#94abc1;
}
.tutorial-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:20px;
}
.tutorial-btn{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:13px;
  text-align:center;
  font-size:.82rem;
  font-weight:900;
  transition:transform .2s ease,box-shadow .2s ease;
}
.tutorial-btn:hover{transform:translateY(-2px)}
.tutorial-btn--watch{
  color:#fff;
  background:linear-gradient(180deg,#ff3149,#d90827);
  box-shadow:0 9px 24px rgba(230,0,36,.17);
}
.tutorial-btn--channel{
  color:var(--tutorial-accent);
  border:1px solid var(--tutorial-accent);
  background:rgba(3,12,22,.82);
}
@media(max-width:850px){
  .youtube-tutorial-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .tutorial-card-top{align-items:flex-start;flex-direction:column}
  .tutorial-actions{grid-template-columns:1fr}
  .tutorial-copy p{min-height:0}
}


/* ===== TUDAQUI HOME V2.9 | Vídeos em Destaque ===== */
.youtube-heading h2 span{color:#ff334f}
.youtube-tutorial-card .tutorial-system{
  font-size:1rem;
  letter-spacing:.03em;
}
.youtube-tutorial-card .tutorial-channel{
  border-color:rgba(255,55,75,.5);
  color:#ff4a5f;
}
.tutorial-copy h3{
  font-size:1.25rem;
}
.tutorial-btn--watch{
  background:linear-gradient(180deg,#ff314b 0%,#e70d2d 100%);
}


/* ===== TUDAQUI HOME V3.0 | Redes Oficiais ===== */
.social-hub{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 45%,rgba(225,48,108,.07),transparent 30%),
    radial-gradient(circle at 82% 45%,rgba(145,70,255,.075),transparent 30%);
}
.social-heading{
  text-align:center;
  max-width:760px;
  margin:0 auto 34px;
}
.social-heading h2 span{
  background:linear-gradient(90deg,#2fd6ff,#a970ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.social-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.social-profile-card{
  position:relative;
  padding:26px;
  border:1px solid rgba(55,180,255,.25);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(8,19,34,.98),rgba(3,9,17,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.27),0 0 30px rgba(0,145,255,.055);
}
.social-profile-card--bastiao{
  border-color:rgba(35,216,205,.25);
  box-shadow:0 22px 60px rgba(0,0,0,.27),0 0 30px rgba(35,216,205,.05);
}
.social-profile-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.social-profile-label{
  display:inline-block;
  margin-bottom:7px;
  color:#27cfff;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
}
.social-profile-card--bastiao .social-profile-label{color:#27dfd2}
.social-profile-head h3{
  margin:0;
  color:#f4f7fb;
  font-size:1.55rem;
}
.social-live-pill{
  padding:7px 10px;
  border:1px solid rgba(155,89,255,.45);
  border-radius:999px;
  color:#b789ff;
  background:rgba(91,33,182,.09);
  font-size:.69rem;
  font-weight:900;
  white-space:nowrap;
}
.social-profile-copy{
  margin:12px 0 22px;
  color:#91a9c0;
}
.social-platforms{
  display:grid;
  gap:12px;
}
.social-platform{
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:13px;
  min-height:72px;
  padding:12px 14px;
  border-radius:16px;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.social-platform:hover{transform:translateY(-2px)}
.social-platform-icon{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:13px;
  font-size:1.45rem;
  font-weight:900;
}
.social-platform span b,.social-platform span small{display:block}
.social-platform span b{color:#f3f6fa}
.social-platform span small{margin-top:3px;color:#8fa5bb;font-size:.76rem}
.social-platform strong{
  font-size:.75rem;
  letter-spacing:.03em;
}
.social-platform--instagram{
  border:1px solid rgba(225,48,108,.34);
  background:linear-gradient(90deg,rgba(131,58,180,.10),rgba(225,48,108,.07),rgba(252,175,69,.05));
}
.social-platform--instagram .social-platform-icon{
  color:#ff5c9b;
  border:1px solid rgba(255,92,155,.42);
  background:rgba(225,48,108,.08);
}
.social-platform--instagram strong{color:#ff6aa4}
.social-platform--instagram:hover{box-shadow:0 10px 28px rgba(225,48,108,.11);border-color:rgba(225,48,108,.58)}
.social-platform--twitch{
  border:1px solid rgba(145,70,255,.36);
  background:linear-gradient(90deg,rgba(91,33,182,.12),rgba(145,70,255,.06));
}
.social-platform--twitch .social-platform-icon{
  color:#b17aff;
  border:1px solid rgba(177,122,255,.42);
  background:rgba(145,70,255,.08);
}
.social-platform--twitch strong{color:#b98aff}
.social-platform--twitch:hover{box-shadow:0 10px 28px rgba(145,70,255,.11);border-color:rgba(145,70,255,.62)}
@media(max-width:850px){
  .social-profile-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .social-profile-head{display:block}
  .social-live-pill{display:inline-block;margin-top:12px}
  .social-platform{grid-template-columns:44px 1fr}
  .social-platform strong{grid-column:2}
}


/* ===== TUDAQUI HOME V3.1 | Suporte Oficial no Telegram ===== */
.support-official{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 40%,rgba(34,158,217,.10),transparent 30%),
    linear-gradient(180deg,rgba(3,8,15,.98),rgba(4,10,18,.99));
}
.support-official-card{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:26px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(46,168,224,.30);
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(8,22,38,.96),rgba(4,11,20,.98));
  box-shadow:
    0 24px 60px rgba(0,0,0,.28),
    0 0 32px rgba(34,158,217,.06);
}
.support-official-icon{
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  border-radius:28px;
  color:#fff;
  font-size:2.7rem;
  background:linear-gradient(145deg,#36b7ef,#168bd3);
  box-shadow:0 14px 36px rgba(34,158,217,.22);
}
.support-official-copy h2{
  margin:6px 0 10px;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1;
  color:#f5f8fb;
}
.support-lead{
  max-width:820px;
  margin:0 0 20px;
  color:#9eb3c8;
  font-size:1rem;
}
.support-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-bottom:22px;
}
.support-points span{
  color:#cfe5f4;
  font-size:.92rem;
}
.support-points span::first-letter{
  color:#35b8ef;
}
.support-telegram-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:12px 22px;
  border-radius:15px;
  color:#fff;
  font-weight:900;
  letter-spacing:.015em;
  text-decoration:none;
  background:linear-gradient(180deg,#31b3ec,#158bd3);
  box-shadow:0 12px 30px rgba(34,158,217,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.support-telegram-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(34,158,217,.24);
}
.support-security-note{
  margin:14px 0 0;
  color:#7691a8;
  font-size:.82rem;
}
@media(max-width:720px){
  .support-official-card{
    grid-template-columns:1fr;
    text-align:center;
    padding:26px 20px;
  }
  .support-official-icon{
    margin:0 auto;
  }
  .support-points{
    justify-content:center;
  }
  .support-telegram-btn{
    width:100%;
  }
}


/* ===== TUDAQUI HOME V3.2 FIXED | Suporte abaixo dos aplicativos, apps preservados ===== */
.apps-support-telegram{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  margin-top:28px;
  padding:22px 24px;
  border:1px solid rgba(42,171,226,.34);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 50%,rgba(42,171,226,.10),transparent 28%),
    linear-gradient(135deg,rgba(7,22,37,.98),rgba(3,11,20,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.24),0 0 28px rgba(42,171,226,.05);
}
.apps-support-telegram__icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:18px;
  color:#fff;
  font-size:1.8rem;
  background:linear-gradient(145deg,#35b9ef,#168bd3);
}
.apps-support-telegram__label{
  display:block;
  margin-bottom:5px;
  color:#32c4ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
}
.apps-support-telegram h3{
  margin:0 0 5px;
  color:#f4f8fb;
  font-size:1.12rem;
}
.apps-support-telegram p{
  margin:0;
  color:#8eabc2;
  font-size:.88rem;
}
.apps-support-telegram__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:11px 20px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(180deg,#31b4ed,#158bd3);
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:850px){
  .apps-support-telegram{grid-template-columns:64px 1fr}
  .apps-support-telegram__button{grid-column:1/-1;width:100%}
}
@media(max-width:520px){
  .apps-support-telegram{grid-template-columns:1fr;text-align:center}
  .apps-support-telegram__icon{margin:0 auto}
}

/* TUDAQUI V3.3 - SUPER JJ iOS */
.superjj-ios-option{position:relative;z-index:6;margin-top:10px}
.superjj-ios-btn{display:flex;align-items:center;justify-content:center;gap:11px;min-height:62px;padding:10px 16px;border:1px solid rgba(235,242,249,.34);border-radius:14px;color:#f7f9fb;text-decoration:none;background:linear-gradient(180deg,rgba(28,36,46,.98),rgba(10,15,22,.98));box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.2s}
.superjj-ios-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.58)}
.superjj-ios-apple{font-size:1.75rem;line-height:1}
.superjj-ios-btn span small,.superjj-ios-btn span b{display:block}
.superjj-ios-btn span small{margin-bottom:2px;color:#aab7c5;font-size:.67rem;font-weight:800}
.superjj-ios-btn span b{font-size:.82rem;letter-spacing:.02em}
.superjj-ios-option p{margin:7px 4px 0!important;max-width:none!important;color:#71869a!important;font-size:.68rem!important;line-height:1.35!important;text-align:center}


/* ===== TUDAQUI HOME V3.4 | SUPER JJ Android + iPhone visíveis ===== */
.premium-app-card--super{
  min-height:650px !important;
  padding-bottom:170px !important;
  overflow:visible !important;
}
.premium-app-card--super .premium-card-content{
  min-height:430px !important;
}
.premium-app-card--super .premium-play-btn{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:92px !important;
  min-height:62px !important;
}
.premium-app-card--super .superjj-ios-option{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:16px !important;
  margin:0 !important;
  z-index:9 !important;
}
.premium-app-card--super .superjj-ios-btn{
  min-height:62px !important;
  border:1px solid rgba(255,255,255,.44) !important;
  background:linear-gradient(180deg,#1f2935 0%,#0d141d 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
}
.premium-app-card--super .superjj-ios-option p{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:66px !important;
  margin:5px 0 0 !important;
  font-size:.66rem !important;
  color:#8093a6 !important;
}
.superjj-platform-label{
  display:inline-block !important;
  margin-right:10px !important;
  padding:4px 8px !important;
  border:1px solid rgba(28,200,255,.38) !important;
  border-radius:999px !important;
  color:#29cfff !important;
  font-size:.62rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
@media(max-width:640px){
  .premium-app-card--super{
    min-height:760px !important;
    padding-bottom:190px !important;
  }
  .premium-app-card--super .premium-play-btn{
    left:16px !important;
    right:16px !important;
    bottom:104px !important;
  }
  .premium-app-card--super .superjj-ios-option{
    left:16px !important;
    right:16px !important;
    bottom:18px !important;
  }
}


/* ===== TUDAQUI HOME V3.5 | Botões de loja mais profissionais ===== */
.premium-app-card--super .premium-play-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}
.store-button-icon{
  width:48px !important;
  height:48px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  flex:0 0 auto !important;
  box-shadow:0 6px 16px rgba(0,0,0,.28) !important;
}
.store-button-icon--apple{
  border:1px solid rgba(255,255,255,.26) !important;
}
.premium-app-card--super .superjj-ios-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:68px !important;
  padding:9px 16px !important;
}
.premium-app-card--super .superjj-ios-btn > span:last-child{
  text-align:left !important;
}
.premium-app-card--super .superjj-ios-btn span small{
  font-size:.7rem !important;
}
.premium-app-card--super .superjj-ios-btn span b{
  font-size:.88rem !important;
}
@media(max-width:640px){
  .store-button-icon{
    width:42px !important;
    height:42px !important;
    border-radius:10px !important;
  }
}


/* ===== TUDAQUI HOME V3.6 | Ícone Google Play no JJ ULTRA ===== */
.premium-app-card--ultra .premium-play-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}
.store-button-icon--ultra{
  width:48px !important;
  height:48px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  flex:0 0 auto !important;
  box-shadow:0 6px 16px rgba(0,0,0,.28) !important;
}
@media(max-width:640px){
  .store-button-icon--ultra{
    width:42px !important;
    height:42px !important;
    border-radius:10px !important;
  }
}


/* ===== TUDAQUI HOME V3.7 | Ícones oficiais de redes e Telegram ===== */
.social-platform-logo{
  width:44px !important;
  height:44px !important;
  object-fit:cover !important;
  border-radius:13px !important;
  flex:0 0 auto !important;
  box-shadow:0 7px 18px rgba(0,0,0,.24) !important;
}
.social-platform--instagram .social-platform-logo{
  border:1px solid rgba(255,92,155,.42) !important;
}
.social-platform--twitch .social-platform-logo{
  border:1px solid rgba(177,122,255,.42) !important;
}
.apps-support-telegram__icon{
  padding:0 !important;
  overflow:hidden !important;
  background:none !important;
  box-shadow:0 10px 26px rgba(42,171,226,.20) !important;
}
.apps-support-telegram__icon img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:18px !important;
}
@media(max-width:560px){
  .social-platform-logo{
    width:42px !important;
    height:42px !important;
  }
}


/* ===== TUDAQUI HOME V4.0 MOBILE | hero mobile alinhado ao desktop ===== */
@media(max-width:760px){
  .home-hero{
    padding:10px 0 18px !important;
    min-height:auto !important;
    overflow:hidden !important;
  }

  .hero-v2{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "center center"
      "left right" !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    padding:0 10px !important;
    align-items:end !important;
  }

  .hero-center{
    grid-area:center !important;
    order:0 !important;
    padding:18px 6px 8px !important;
    text-align:center !important;
    min-width:0 !important;
  }

  .hero-kicker{
    margin:0 auto 12px !important;
    font-size:.78rem !important;
    padding:8px 18px !important;
  }

  .hero-brand,
  .hero-brand-v24{
    justify-content:center !important;
    margin:0 auto !important;
    font-size:clamp(2.65rem,13vw,4.1rem) !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
    padding:0 .22em .06em 0 !important;
    white-space:nowrap !important;
  }

  .hero-center h2{
    margin:10px 0 !important;
    white-space:nowrap !important;
    font-size:clamp(1.05rem,5.6vw,1.55rem) !important;
    line-height:1.1 !important;
  }

  .hero-description{
    max-width:94% !important;
    margin:0 auto 14px !important;
    font-size:.9rem !important;
    line-height:1.45 !important;
  }

  .hero-trust{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 8px !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  .hero-trust>div{
    min-width:0 !important;
    padding:10px 5px !important;
  }

  .hero-trust b{
    font-size:.67rem !important;
    line-height:1.15 !important;
  }

  .hero-trust small{
    font-size:.58rem !important;
    line-height:1.15 !important;
  }

  .hero-side{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    height:230px !important;
    overflow:hidden !important;
    border-radius:16px !important;
    position:relative !important;
  }

  .hero-side--left{grid-area:left !important;}
  .hero-side--right{grid-area:right !important;}

  .hero-side img,
  .hero-side--left img,
  .hero-side--right img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:none !important;
    margin:0 !important;
    border-radius:16px !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    filter:none !important;
  }

  .hero-side--left img{object-position:48% top !important;}
  .hero-side--right img{object-position:52% top !important;}

  .site-header .nav-wrap{min-height:72px !important;}
  .brand-sub{font-size:.58rem !important;}
}

@media(max-width:430px){
  .hero-v2{
    gap:8px !important;
    padding:0 7px !important;
  }

  .hero-side{height:205px !important;}

  .hero-brand,
  .hero-brand-v24{
    font-size:clamp(2.45rem,12.4vw,3.4rem) !important;
  }

  .hero-center h2{
    font-size:clamp(.98rem,5vw,1.28rem) !important;
  }

  .hero-description{font-size:.82rem !important;}
  .hero-trust>div{padding:9px 3px !important;}
  .hero-trust b{font-size:.61rem !important;}
  .hero-trust small{font-size:.53rem !important;}
}


/* ===== TUDAQUI HOME V4.7 | Ativação via plataforma parceira ===== */
.activation-partner{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 45%,rgba(24,151,255,.08),transparent 32%),
    radial-gradient(circle at 80% 45%,rgba(0,222,202,.07),transparent 32%);
}
.activation-heading{
  max-width:820px;
  margin:0 auto 28px;
  text-align:center;
}
.activation-heading h2{
  margin:7px 0 10px;
  font-size:clamp(2rem,4.5vw,3.8rem);
  line-height:.98;
}
.activation-heading h2 span{
  background:linear-gradient(90deg,#2fd6ff,#29e0c8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.activation-heading>p:last-child{
  color:#9fb2c6;
}
.activation-card{
  overflow:hidden;
  border:1px solid rgba(44,185,255,.25);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(8,20,35,.97),rgba(3,9,17,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.activation-main{
  padding:30px;
}
.activation-copy{
  max-width:900px;
  margin:0 auto;
}
.activation-pill{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid rgba(49,201,255,.38);
  border-radius:999px;
  color:#38cfff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.06em;
}
.activation-copy h3{
  margin:16px 0 18px;
  font-size:1.65rem;
  color:#f3f7fb;
}
.activation-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.activation-steps>div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px;
  border:1px solid rgba(114,169,215,.17);
  border-radius:16px;
  background:rgba(4,13,23,.68);
}
.activation-steps strong{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  flex:0 0 34px;
  border-radius:10px;
  color:#04101a;
  background:linear-gradient(145deg,#37d2ff,#29e0c8);
  font-weight:950;
}
.activation-steps p{margin:0}
.activation-steps b,.activation-steps small{display:block}
.activation-steps b{color:#eef4f9}
.activation-steps small{margin-top:4px;color:#8298ae}
.activation-actions{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:12px;
  margin-top:18px;
}
.activation-btn{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-align:center;
  text-decoration:none;
  font-size:.82rem;
  font-weight:950;
  letter-spacing:.015em;
  transition:transform .2s ease,box-shadow .2s ease;
}
.activation-btn:hover{transform:translateY(-2px)}
.activation-btn--primary{
  color:#fff;
  background:linear-gradient(180deg,#159df2,#0873d7);
  box-shadow:0 11px 28px rgba(21,157,242,.17);
}
.activation-btn--secondary{
  color:#29d7ff;
  border:1px solid rgba(41,215,255,.55);
  background:rgba(2,10,18,.84);
}
.activation-notes{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:16px;
  color:#91a8bd;
  font-size:.78rem;
}
.finance-warning{
  min-height:120px;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px 30px;
  border-top:1px solid rgba(255,88,88,.26);
  background:
    linear-gradient(90deg,rgba(123,12,22,.92),rgba(76,8,16,.96));
  color:#fff;
  text-transform:uppercase;
}
.finance-warning>span{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border:2px solid #fff;
  border-radius:50%;
  font-weight:950;
}
.finance-warning strong{
  font-size:.92rem;
  letter-spacing:.025em;
}
.finance-warning b{
  font-size:clamp(1.2rem,2.5vw,2rem);
  letter-spacing:.02em;
}
@media(max-width:760px){
  .activation-main{padding:22px 16px}
  .activation-steps{grid-template-columns:1fr}
  .activation-actions{grid-template-columns:1fr}
  .activation-notes{display:grid;gap:7px}
  .finance-warning{
    grid-template-columns:auto 1fr;
    min-height:0;
    padding:18px 16px;
  }
  .finance-warning b{
    grid-column:1/-1;
    text-align:center;
    font-size:1.18rem;
  }
}


/* ===== TUDAQUI HOME V4.8 | comunicacao de ativacao mais limpa ===== */
.activation-disclosure{
  margin:12px 0 0 !important;
  color:#687d91 !important;
  font-size:.68rem !important;
  line-height:1.4 !important;
}
@media(max-width:760px){
  .activation-disclosure{
    font-size:.62rem !important;
    text-align:center !important;
  }
}


/* ===== TUDAQUI V5.0 | KIKO PANCADA + SUPER JJ ONLY ===== */
.hero-v2--solo{
  grid-template-columns:minmax(360px,44%) minmax(420px,56%) !important;
  max-width:1380px !important;
}
.hero-side--solo{height:600px !important;overflow:hidden !important}
.hero-side--solo img{width:112% !important;height:100% !important;object-fit:cover !important;object-position:center top !important}
.hero-center--solo{padding-left:24px !important;padding-right:24px !important}
.apps-premium-grid--solo{grid-template-columns:minmax(0,1fr) !important;max-width:920px !important;margin:0 auto !important}
.premium-app-card--solo{min-height:610px !important}
.premium-app-card--solo .premium-card-copy{width:50% !important}
.premium-app-card--solo .premium-robot{width:48% !important;right:2% !important}
.superjj-downloads{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:8}
.superjj-downloads .premium-play-btn,.superjj-downloads .superjj-ios-option{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;margin:0 !important}
.superjj-downloads .premium-play-btn{min-height:68px !important}
.superjj-downloads .superjj-ios-btn{min-height:68px !important}
.superjj-downloads .superjj-ios-option p{position:absolute;left:0;right:0;top:70px;margin:5px 0 0 !important}
.youtube-tutorial-grid--solo{grid-template-columns:minmax(0,1fr) !important;max-width:880px !important;margin:0 auto !important}
.social-profile-grid--solo{grid-template-columns:minmax(0,1fr) !important;max-width:880px !important;margin:0 auto !important}
.social-profile-card--solo{padding:30px !important}

@media(max-width:900px){
  .hero-v2--solo{display:grid !important;grid-template-columns:1fr !important;grid-template-areas:"center" "left" !important;padding:0 10px !important}
  .hero-center--solo{grid-area:center !important;padding:18px 6px 8px !important}
  .hero-side--solo{grid-area:left !important;height:290px !important;border-radius:16px !important}
  .hero-side--solo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 12% !important;border-radius:16px !important}
  .apps-premium-grid--solo{display:grid !important;grid-template-columns:1fr !important}
  .premium-app-card--solo{min-height:0 !important;height:auto !important;padding-bottom:150px !important}
  .premium-app-card--solo .premium-card-content{min-height:420px !important}
  .premium-app-card--solo .premium-card-copy{width:58% !important;padding:24px 0 120px 22px !important}
  .premium-app-card--solo .premium-robot{position:absolute !important;width:42% !important;max-height:280px !important;right:1% !important;bottom:110px !important}
  .superjj-downloads{grid-template-columns:1fr 1fr !important;left:16px !important;right:16px !important;bottom:16px !important;gap:8px !important}
  .superjj-downloads .premium-play-btn,.superjj-downloads .superjj-ios-btn{min-height:58px !important;font-size:.68rem !important;padding:7px !important}
  .superjj-downloads .superjj-ios-option p{display:none !important}
  .youtube-tutorial-grid--solo{display:grid !important;grid-template-columns:1fr !important;max-width:100% !important}
  .youtube-tutorial-card--solo{width:100% !important}
  .social-profile-grid--solo{display:grid !important;grid-template-columns:1fr !important;max-width:100% !important}
}

@media(max-width:520px){
  .hero-side--solo{height:240px !important}
  .premium-app-card--solo{padding-bottom:142px !important}
  .premium-app-card--solo .premium-card-content{min-height:385px !important}
  .premium-app-card--solo .premium-card-copy{width:62% !important;padding-left:16px !important}
  .premium-app-card--solo .premium-robot{width:39% !important;max-height:230px !important;bottom:105px !important}
  .superjj-downloads{grid-template-columns:1fr !important;position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;margin:0 14px 14px !important}
  .premium-app-card--solo{padding-bottom:8px !important}
  .superjj-downloads .premium-play-btn,.superjj-downloads .superjj-ios-btn{width:100% !important}
  .social-profile-card--solo{padding:20px 16px !important}
}