/* Home: telas reais, faixa de apps, números, veredito, galeria e seletor de plano */
.hero-meta{margin-top:14px;color:var(--muted);font-size:.88rem;letter-spacing:.01em}
.v-txt{font-weight:800}.v-txt.g{color:var(--green)}.v-txt.y{color:#FACC15}.v-txt.r{color:#F87171}
.screen.shot{padding:0;background:#000;overflow:hidden}
.screen.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.phone3d{height:574px}
.screen.shot::before,.device-screen::before{content:"";position:absolute;top:9px;left:50%;width:62px;height:18px;margin-left:-31px;border-radius:12px;background:#050608;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.stage{position:relative}
.stage-note{position:absolute;left:0;right:0;bottom:-6px;text-align:center;font-size:.78rem;color:var(--muted);margin:0}
.fly{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(17,20,28,.82);border:1px solid var(--border2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.45);font-size:.86rem;white-space:nowrap}
.fly small{display:block;color:var(--muted);font-size:.72rem;font-weight:600}.fly b{display:block;color:#fff}
.lights3{display:flex;gap:4px}.lights3 i{width:10px;height:10px;border-radius:50%;display:block}
.lights3 .g{background:var(--green);box-shadow:0 0 10px var(--green)}.lights3 .y{background:#FACC15}.lights3 .r{background:#EF4444}
.ci{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,106,0,.15);color:var(--orange)}.ci svg{width:18px;height:18px}

/* Faixa de apps: wordmarks neutros com fade nas bordas */
.apps-band{padding:34px 0 10px;text-align:center}
.apps-label{margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wordmarks{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wm-track{display:flex;gap:56px;width:max-content;animation:wm 38s linear infinite;padding:6px 0}
.wm-track span{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:800;letter-spacing:-.02em;color:rgba(255,255,255,.42)}
.wm-track .wm-more{font-weight:600;color:rgba(255,255,255,.3)}
@keyframes wm{to{transform:translateX(-50%)}}

/* Números: uma faixa, mesmo estilo em todos */
.facts{padding:26px 0 6px}
.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));overflow:hidden}
.fact{padding:26px 20px;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.fact:nth-child(2n){border-right:0}.fact:nth-child(n+3){border-bottom:0}
.fact strong{display:block;font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.05;font-weight:900;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact span{display:block;margin-top:6px;color:var(--muted);font-size:.9rem}
@media(min-width:820px){.facts-grid{grid-template-columns:repeat(4,1fr)}.fact{border-bottom:0}.fact:nth-child(2n){border-right:1px solid var(--border)}.fact:last-child{border-right:0}}

/* Veredito */
.split{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1.05fr 1fr}}
.lead-sm{color:var(--muted);font-size:1.05rem;line-height:1.65}
.verdicts{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.verdicts li{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.verdicts p{margin:0;color:var(--muted)}
.vd{flex:none;min-width:96px;text-align:center;padding:6px 10px;border-radius:10px;font-weight:900;font-size:.82rem;letter-spacing:.04em}
.vd.g{background:rgba(34,197,94,.14);color:var(--green);border:1px solid rgba(34,197,94,.4)}
.vd.y{background:rgba(250,204,21,.12);color:#FACC15;border:1px solid rgba(250,204,21,.4)}
.vd.r{background:rgba(239,68,68,.12);color:#F87171;border:1px solid rgba(239,68,68,.4)}
.duo{display:flex;justify-content:center;gap:18px;perspective:1200px}
.mini-phone{margin:0;width:min(44%,230px);text-align:center}
.mini-phone img{display:block;width:100%;height:auto;border-radius:26px;border:6px solid #1a1d26;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}
.mini-phone figcaption{margin-top:12px;font-size:.85rem;color:var(--muted);font-weight:600}
.tilt-l img{transform:rotateY(10deg) rotateZ(-2deg)}.tilt-r img{transform:rotateY(-10deg) rotateZ(2deg) translateY(26px)}
.tilt-r figcaption{margin-top:38px}


/* Seletor de plano */
.plan-pick{border:0;padding:0;margin:14px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan-pick legend{font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:10px;padding:0}
.pp-opt{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 14px 14px;border-radius:16px;border:2px solid var(--border2);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .2s,box-shadow .25s,transform .2s var(--ease),background .2s}
.pp-opt:hover{transform:translateY(-2px);border-color:rgba(255,106,0,.45)}
.pp-opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pp-opt:focus-within{outline:2px solid var(--orange);outline-offset:3px}
.pp-opt.selected{border-color:var(--orange);background:rgba(255,106,0,.08);box-shadow:0 0 0 4px rgba(255,106,0,.14),0 18px 40px rgba(255,106,0,.16)}
.pp-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);display:grid;place-items:center;transition:all .2s}
.pp-opt.selected .pp-check{border-color:var(--orange);background:var(--orange)}
.pp-opt.selected .pp-check::after{content:"";width:9px;height:5px;border:2.5px solid #0B0D12;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.pp-top{display:flex;align-items:center;gap:8px;padding-right:26px}
.pp-top b{font-size:1.02rem}
.pp-opt s{color:var(--muted);font-size:.85rem}
.pp-opt .price-now{margin:0}.pp-opt .price-now b{font-size:1.5rem}
.pp-opt small{color:var(--green);font-weight:700;font-size:.8rem}
.pp-badge{position:absolute;top:-11px;left:12px;padding:3px 10px;border-radius:999px;background:var(--grad);color:#0B0D12;font-size:.72rem;font-weight:900;letter-spacing:.02em}
.plan-cta{width:100%;justify-content:center;margin-top:6px}
@media(max-width:420px){.plan-pick{grid-template-columns:1fr}}
/* Galeria: leque 3D (desktop) e scroll-snap (celular) */
.device{position:relative;padding:10px;border-radius:46px;background:linear-gradient(145deg,#343945,#0d0f13 45%,#262a33);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),inset 0 0 0 5px #050608,0 40px 70px -24px rgba(0,0,0,.85)}
.device::after{content:"";position:absolute;left:12%;right:12%;bottom:-34px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);z-index:-1}
.device-screen{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:9/20;background:#000}
.device-screen img{display:block;width:100%;height:100%;object-fit:cover}
.carousel{position:relative;max-width:1100px;margin:0 auto}
.car-track{outline:0}
.car-arrow{position:absolute;top:50%;z-index:5;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid var(--border2);background:rgba(17,20,28,.85);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}
.car-arrow:hover{border-color:var(--orange);transform:scale(1.06)}.car-arrow svg{width:22px;height:22px}
.car-arrow.prev{left:8px}.car-arrow.next{right:8px}
.car-caption{text-align:center;margin:44px auto 0;max-width:560px;padding:0 20px;min-height:76px}
.car-caption b{display:block;font-size:clamp(1.3rem,2.6vw,1.7rem);letter-spacing:-.02em}
.car-caption span{display:block;margin-top:6px;color:var(--muted)}
.car-dots{display:flex;justify-content:center;gap:10px;margin-top:16px}
.car-dots button{width:10px;height:10px;padding:0;border-radius:99px;border:0;background:rgba(255,255,255,.22);cursor:pointer;transition:width .3s,background .3s}
.car-dots button[aria-current="true"]{width:28px;background:var(--orange)}
.g-item{margin:0}
@media(min-width:900px){
  .car-track{position:relative;height:640px;perspective:1600px;transform-style:preserve-3d}
  .g-item{position:absolute;left:50%;top:10px;width:270px;margin-left:-135px;transition:transform .7s var(--ease),opacity .7s,filter .7s;opacity:0;pointer-events:none;transform:translateX(0) translateZ(-400px) scale(.7)}
  .g-item.is-active{opacity:1;pointer-events:auto;z-index:3;transform:translateZ(60px) scale(1.04)}
  .g-item.is-prev{opacity:.75;pointer-events:auto;z-index:2;cursor:pointer;filter:brightness(.6);transform:translateX(-300px) translateZ(-120px) rotateY(32deg) scale(.88)}
  .g-item.is-next{opacity:.75;pointer-events:auto;z-index:2;cursor:pointer;filter:brightness(.6);transform:translateX(300px) translateZ(-120px) rotateY(-32deg) scale(.88)}
  .g-item.is-active .device{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),inset 0 0 0 5px #050608,0 50px 90px -24px rgba(0,0,0,.9),0 0 80px -20px rgba(255,106,0,.35)}
}
@media(max-width:899px){
  .car-track{display:flex;gap:calc(50vw - 110px);overflow-x:auto;scroll-snap-type:x mandatory;padding:10px calc(50% - 125px) 44px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .car-track::-webkit-scrollbar{display:none}
  .g-item{flex:0 0 250px;scroll-snap-align:center;transition:transform .4s var(--ease),opacity .4s;opacity:.55;transform:scale(.92)}
  .g-item.is-active{opacity:1;transform:none}
  .car-arrow{display:none}
  .car-caption{margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.g-item,.car-dots button{transition:none!important}}
@media(prefers-reduced-motion:reduce){.wm-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:14px 32px}.wm-track [aria-hidden]{display:none}.wordmarks{-webkit-mask-image:none;mask-image:none}.g-item,.pp-opt{transition:none;transform:none}.tilt-l img,.tilt-r img{transform:none}}
/* Hero centralizado e equilibrado */
.hero-v2 .hero-grid{width:min(1180px,calc(100% - 36px));margin-inline:auto;justify-items:center}
.hero-v2 .hero-copy{max-width:580px;width:100%}
.hero-v2 .stage{width:100%;max-width:520px}
@media(min-width:960px){.hero-v2 .hero-grid{grid-template-columns:1fr 1fr;gap:56px}.hero-v2 .phone3d{width:290px;height:618px}.hero-v2 .stage{height:680px}}
@media(max-width:959px){.hero-v2 .hero-copy{text-align:center;margin-inline:auto}.hero-v2 .actions{justify-content:center}.hero-v2 .pill{margin-inline:auto}.hero-v2 .stage{margin-inline:auto}}
