/* ===== Página inicial comercial (antes do login) ===== */
html.tem-sessao #landing{display:none}
#landing{position:fixed;inset:0;z-index:45;overflow-y:auto;overflow-x:hidden;background:#070d1e;color:#e2e8f0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;user-select:text}
#landing.ld-fechada{display:none}
#landing *{box-sizing:border-box}
#landing a{color:inherit;text-decoration:none}
.ld-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.ld-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ld-bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.ld-bg i:nth-child(1){width:520px;height:520px;background:#4f46e5;top:-160px;left:-120px}
.ld-bg i:nth-child(2){width:460px;height:460px;background:#0ea5e9;opacity:.28;top:120px;right:-140px}
.ld-bg i:nth-child(3){width:420px;height:420px;background:#f59e0b;opacity:.12;top:900px;left:30%}

/* topo */
.ld-topo{position:sticky;top:0;z-index:10;background:rgba(7,13,30,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(99,102,241,.18)}
.ld-topo .ld-wrap{display:flex;align-items:center;gap:18px;height:64px}
.ld-logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em;color:#fff;font-size:1.1rem}
.ld-logo b{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#4338ca);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 6px 20px rgba(99,102,241,.45)}
.ld-nav{display:flex;gap:4px;margin-left:18px}
.ld-nav a{padding:8px 12px;border-radius:10px;font-size:.82rem;font-weight:700;color:#94a3b8;cursor:pointer;transition:.15s}
.ld-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.ld-acoes{margin-left:auto;display:flex;gap:10px;align-items:center}
.ld-btn{font:inherit;font-weight:800;font-size:.82rem;border-radius:12px;padding:10px 18px;cursor:pointer;border:1px solid transparent;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}
.ld-btn:active{transform:scale(.97)}
.ld-btn-ghost{background:transparent;color:#e2e8f0;border-color:#334155}
.ld-btn-ghost:hover{border-color:#818cf8;color:#fff}
.ld-btn-main{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 24px rgba(79,70,229,.45)}
.ld-btn-main:hover{filter:brightness(1.1)}
.ld-btn-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0b1020;box-shadow:0 8px 24px rgba(245,158,11,.35)}
.ld-btn-lg{padding:14px 26px;font-size:.95rem;border-radius:14px;min-height:50px}

/* hero */
.ld-hero{position:relative;z-index:1;padding:40px 0 20px}
.ld-hero .ld-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.ld-selo{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.35);padding:7px 14px;border-radius:99px}
.ld-hero h1{font-size:clamp(1.8rem,3.7vw,2.75rem);line-height:1.12;font-weight:900;color:#fff;margin:18px 0 16px;letter-spacing:-.02em}
.ld-hero h1 em{font-style:normal;background:linear-gradient(90deg,#818cf8,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld-hero p.ld-sub{font-size:1.08rem;line-height:1.6;color:#94a3b8;max-width:52ch}
.ld-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}
.ld-prova{display:flex;flex-wrap:wrap;gap:18px;font-size:.8rem;color:#94a3b8;font-weight:600}
.ld-prova span{display:inline-flex;align-items:center;gap:7px}
.ld-prova i{color:#34d399}

/* celular 3D */
.ld-palco{position:relative;height:700px;display:flex;align-items:center;justify-content:center;perspective:1700px}
.ld-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.55),transparent 65%);filter:blur(10px)}
.ph{--ry:-18deg;--rx:6deg;position:relative;width:268px;height:552px;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));transition:transform .18s ease-out;animation:ph-flutua 6s ease-in-out infinite}
@keyframes ph-flutua{0%,100%{margin-top:0}50%{margin-top:-14px}}
.ph-frente{position:absolute;inset:0;border-radius:44px;background:linear-gradient(145deg,#2b3350,#0d1226 45%,#1c2342);padding:9px;transform:translateZ(8px);box-shadow:0 0 0 2px #3b4468,inset 0 0 0 1px rgba(255,255,255,.1)}
.ph-costas{position:absolute;inset:0;border-radius:44px;background:linear-gradient(145deg,#1b2140,#0b0f20);transform:translateZ(-8px) rotateY(180deg)}
.ph-costas::after{content:"";position:absolute;top:22px;left:22px;width:74px;height:74px;border-radius:22px;background:linear-gradient(145deg,#161c38,#0b0f20);box-shadow:inset 0 0 0 2px #2f3860}
.ph-lado{position:absolute;top:34px;width:16px;height:calc(100% - 68px);left:-8px;background:linear-gradient(90deg,#4a5580,#1b2140 50%,#4a5580);transform:rotateY(-90deg)}
.ph-lado.d{left:calc(100% - 8px);transform:rotateY(90deg)}
.ph-tela{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#070d1e}
.ph-ilha{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:99px;background:#000;z-index:5}
.ph-reflexo{position:absolute;inset:0;border-radius:36px;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,transparent 34%);pointer-events:none;z-index:6}
.ph-sombra{position:absolute;bottom:-70px;left:50%;width:240px;height:36px;margin-left:-120px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(22px);transform:rotateX(90deg) translateZ(-40px)}
.ph-chip{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:14px;background:rgba(15,23,42,.85);border:1px solid rgba(129,140,248,.4);backdrop-filter:blur(8px);color:#fff;font-size:.74rem;font-weight:800;box-shadow:0 14px 34px rgba(0,0,0,.45);white-space:nowrap}
.ph-chip i{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}
.ph-chip small{display:block;font-weight:600;color:#94a3b8;font-size:.64rem}
.ph-chip{animation:ph-chip 7s ease-in-out infinite;z-index:3}
@keyframes ph-chip{0%,100%{translate:0 0}50%{translate:0 -4px}}
.ph-chip.c1{left:-3%;top:11%}
.ph-chip.c1 i{background:rgba(52,211,153,.2);color:#34d399}
.ph-chip.c2{right:-3%;top:46%;animation-delay:-1.6s}
.ph-chip.c2 i{background:rgba(251,191,36,.2);color:#fbbf24}
.ph-chip.c3{left:-2%;bottom:12%;animation-delay:-3.1s}
.ph-chip.c3 i{background:rgba(56,189,248,.2);color:#38bdf8}

/* telas dentro do celular */
.ps{position:absolute;inset:0;padding:42px 14px 54px;opacity:0;transform:scale(.97);transition:opacity .5s,transform .5s;display:flex;flex-direction:column;gap:9px;font-size:11px;color:#cbd5e1}
.ps.on{opacity:1;transform:none}
.ps h4{font-size:12px;font-weight:900;color:#fff;display:flex;align-items:center;gap:7px}
.ps h4 i{color:#818cf8}
.ps-card{background:#0f1730;border:1px solid #232b52;border-radius:14px;padding:11px}
.ps-q{font-size:10.5px;line-height:1.45;color:#e2e8f0;font-weight:600}
.ps-alt{display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border-radius:10px;border:1px solid #232b52;background:#0b1128;font-size:10px;line-height:1.35;transition:.3s}
.ps-alt b{width:18px;height:18px;border-radius:6px;background:#1b2447;display:inline-flex;align-items:center;justify-content:center;font-size:9px;flex:0 0 auto;color:#a5b4fc}
.ps.on .ps-alt.certa{animation:ps-certa .6s 1.6s forwards}
.ps.on .ps-alt.errada{animation:ps-errada .6s 1.1s forwards}
@keyframes ps-certa{to{background:rgba(16,185,129,.16);border-color:#10b981;color:#a7f3d0}}
@keyframes ps-errada{0%{}30%{background:rgba(244,63,94,.18);border-color:#f43f5e}100%{background:#0b1128;border-color:#232b52}}
.ps-gab{margin-top:2px;padding:8px 10px;border-radius:10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;font-weight:800;font-size:10px;opacity:0;transform:translateY(6px)}
.ps.on .ps-gab{animation:ps-surge .5s 1.9s forwards}
@keyframes ps-surge{to{opacity:1;transform:none}}
.fc-cena{perspective:700px;flex:1;min-height:210px}
.fc-virar{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.ps.on .fc-virar{animation:fc-gira 4s 1s ease-in-out forwards}
@keyframes fc-gira{0%,12%{transform:rotateY(0)}30%,100%{transform:rotateY(180deg)}}
.fc-lado{position:absolute;inset:0;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;line-height:1.5}
.fc-f{background:linear-gradient(160deg,#16204a,#0e1633);border:1px solid #3a4580}
.fc-v{background:linear-gradient(160deg,#0f2a2a,#0b1a22);border:1px solid #10b981;transform:rotateY(180deg)}
.fc-lado em{font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc}
.fc-v em{color:#34d399}
.fc-lado p{font-size:11px;color:#fff;font-weight:700}
.ps-anel{position:relative;width:104px;height:104px;margin:2px auto}
.ps-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.ps-anel circle{fill:none;stroke-width:9}
.ps-anel .fundo{stroke:#1b2447}
.ps-anel .fg{stroke:url(#ldGrad);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289}
.ps.on .ps-anel .fg{animation:ps-anel 1.4s .3s ease-out forwards}
@keyframes ps-anel{to{stroke-dashoffset:64}}
.ps-anel strong{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px;color:#fff;font-weight:900}
.ps-anel small{font-size:8px;color:#94a3b8;font-weight:700}
.ps-bar{display:grid;grid-template-columns:70px 1fr 26px;gap:7px;align-items:center;font-size:9.5px}
.ps-bar span.t{height:7px;border-radius:99px;background:#1b2447;overflow:hidden}
.ps-bar span.t i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#6366f1,#38bdf8)}
.ps.on .ps-bar span.t i{animation:ps-barra 1s .5s ease-out forwards}
@keyframes ps-barra{to{width:var(--w)}}
.ps-tile{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;background:#0f1730;border:1px solid #232b52}
.ps-tile b{width:26px;height:26px;border-radius:9px;background:rgba(99,102,241,.2);color:#a5b4fc;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.ps-tile div{flex:1;min-width:0}
.ps-tile strong{display:block;color:#fff;font-size:10.5px}
.ps-tile small{color:#94a3b8;font-size:9px}
.ps-tile .mini{height:5px;border-radius:99px;background:#1b2447;margin-top:5px;overflow:hidden}
.ps-tile .mini i{display:block;height:100%;width:0;background:#34d399;border-radius:99px}
.ps.on .ps-tile .mini i{animation:ps-barra 1s .6s ease-out forwards}
.ps-nav{position:absolute;left:0;right:0;bottom:0;height:46px;background:#0a1024;border-top:1px solid #1b2447;display:flex;justify-content:space-around;align-items:center;color:#64748b;font-size:13px;z-index:4}
.ps-nav i.on{color:#818cf8}
.ps-pontos{position:absolute;bottom:56px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:4}
.ps-pontos i{width:6px;height:6px;border-radius:50%;background:#334155;transition:.3s}
.ps-pontos i.on{width:18px;border-radius:99px;background:#818cf8}

/* faixa de números */
.ld-numeros{position:relative;z-index:1;padding:26px 0}
.ld-num-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ld-num{padding:18px;border-radius:18px;background:rgba(15,23,48,.7);border:1px solid #232b52;text-align:center}
.ld-num{min-width:0}
.ld-num strong{display:block;font-size:clamp(1.05rem,5.2vw,1.9rem);font-weight:900;color:#fff;overflow-wrap:anywhere}
.ld-num span{font-size:.78rem;color:#94a3b8;font-weight:600}

/* seções */
.ld-sec{position:relative;z-index:1;padding:76px 0;scroll-margin-top:64px}
.ld-sec h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;color:#fff;letter-spacing:-.01em;text-align:center}
.ld-sec .ld-lead{text-align:center;color:#94a3b8;max-width:60ch;margin:12px auto 40px;line-height:1.6}
.ld-kicker{display:block;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#818cf8;margin-bottom:10px}
.ld-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ld-card{padding:22px;border-radius:20px;background:linear-gradient(160deg,rgba(20,28,60,.9),rgba(12,18,40,.9));border:1px solid #232b52;transition:.2s}
.ld-card:hover{transform:translateY(-4px);border-color:#4f46e5}
.ld-card .ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;background:rgba(99,102,241,.18);color:#a5b4fc}
.ld-card h3{font-size:1rem;font-weight:800;color:#fff;margin-bottom:6px}
.ld-card p{font-size:.85rem;line-height:1.55;color:#94a3b8}
.ld-card .breve{display:inline-block;margin-top:10px;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);padding:3px 9px;border-radius:99px}
.ld-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:p}
.ld-passo{position:relative;padding:26px 22px;border-radius:20px;background:rgba(15,23,48,.7);border:1px solid #232b52}
.ld-passo::before{counter-increment:p;content:counter(p);position:absolute;top:-16px;left:22px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(99,102,241,.45)}
.ld-passo h3{color:#fff;font-weight:800;margin:6px 0}
.ld-passo p{color:#94a3b8;font-size:.88rem;line-height:1.55}
.ld-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.ld-plano{padding:28px 24px;border-radius:22px;background:rgba(15,23,48,.75);border:1px solid #232b52;display:flex;flex-direction:column;gap:14px}
.ld-plano.dest{border-color:#6366f1;background:linear-gradient(160deg,rgba(40,48,110,.85),rgba(15,23,48,.9));box-shadow:0 20px 60px rgba(79,70,229,.3);position:relative}
.ld-plano.dest::after{content:"Recomendado";position:absolute;top:-12px;right:20px;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#fbbf24;color:#0b1020;padding:4px 12px;border-radius:99px}
.ld-plano h3{font-size:1.05rem;font-weight:900;color:#fff}
.ld-preco{font-size:2rem;font-weight:900;color:#fff}
.ld-preco small{font-size:.8rem;color:#94a3b8;font-weight:600}
.ld-plano ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;flex:1}
.ld-plano li{display:flex;gap:9px;font-size:.86rem;color:#cbd5e1;line-height:1.4}
.ld-plano li i{color:#34d399;margin-top:3px;font-size:.78rem}
.ld-faq{max-width:760px;margin:0 auto;display:grid;gap:10px}
.ld-faq details{border:1px solid #232b52;background:rgba(15,23,48,.7);border-radius:14px;padding:0 18px}
.ld-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:800;color:#fff;font-size:.95rem;display:flex;justify-content:space-between;gap:12px}
.ld-faq summary::-webkit-details-marker{display:none}
.ld-faq summary::after{content:"+";color:#818cf8;font-size:1.2rem;line-height:1}
.ld-faq details[open] summary::after{content:"–"}
.ld-faq p{color:#94a3b8;font-size:.9rem;line-height:1.6;padding-bottom:16px}
.ld-final{text-align:center;padding:60px 24px;border-radius:28px;background:linear-gradient(135deg,#312e81,#1e1b4b 60%,#0f172a);border:1px solid rgba(129,140,248,.4);box-shadow:0 30px 80px rgba(49,46,129,.45)}
.ld-final h2{font-size:clamp(1.6rem,3.6vw,2.5rem)}
.ld-final p{color:#c7d2fe;margin:12px auto 26px;max-width:52ch}
.ld-rodape{position:relative;z-index:1;padding:34px 0 50px;color:#64748b;font-size:.8rem;text-align:center;border-top:1px solid #151c3a;margin-top:70px}
.ld-rodape b{color:#94a3b8}

/* botão voltar do modal de login */
#ld-voltar{display:none}
body.ld-ativa #ld-voltar{display:inline-flex}

/* revelar ao rolar */
.ld-rev{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.ld-rev.ok{opacity:1;transform:none}

@media (max-width:980px){
  .ld-hero .ld-wrap{grid-template-columns:1fr;text-align:center}
  .ld-hero p.ld-sub{margin-left:auto;margin-right:auto}
  .ld-cta,.ld-prova{justify-content:center}
  .ld-palco{height:600px}
  .ld-grade{grid-template-columns:repeat(2,1fr)}
  .ld-planos,.ld-passos{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .ld-passos{gap:26px}
  .ld-num-grade{grid-template-columns:repeat(2,1fr)}
  .ld-nav{display:none}
}
@media (max-width:560px){
  .ld-wrap{padding:0 16px}
  .ld-topo .ld-wrap{height:58px}
  .ld-btn{padding:9px 14px}
  .ld-logo span{display:none}
  .ld-grade{grid-template-columns:1fr}
  .ld-palco{height:560px;perspective:1300px}
  .ph{transform-origin:center;scale:.88}
  .ph-chip{display:none}
  .ld-palco{overflow:hidden}
  .ld-halo{width:300px;height:300px}
  .ld-sec{padding:56px 0}
}
@media (prefers-reduced-motion:reduce){
  .ph{animation:none;transition:none}
  .ld-rev{opacity:1;transform:none;transition:none}
  #landing{scroll-behavior:auto}
  .ps,.ps *{animation:none!important;transition:none!important}
  .ps.on .ps-alt.certa{background:rgba(16,185,129,.16);border-color:#10b981}
  .ps.on .ps-gab{opacity:1;transform:none}
  .ps.on .ps-anel .fg{stroke-dashoffset:64}
  .ps.on .ps-bar span.t i,.ps.on .ps-tile .mini i{width:var(--w)}
}

/* celular 3D real (Three.js): entra no lugar do celular em CSS quando carrega */
.ld-3d{position:absolute;inset:0;opacity:0;transition:opacity .6s;z-index:2}
.ld-palco.com-3d .ld-3d{opacity:1}
.ld-palco.com-3d .ph{display:none}
@media (prefers-reduced-motion:reduce){.ph-chip{animation:none}}

/* ===== Revisão de estilo ===== */
/* foco visível para teclado */
#landing a:focus-visible,#landing button:focus-visible,#landing summary:focus-visible{outline:2px solid #a5b4fc;outline-offset:3px;border-radius:10px}
.ld-nav a:focus-visible{background:rgba(255,255,255,.08);color:#fff}

/* seções alternadas */
.ld-sec.alt{background:linear-gradient(180deg,rgba(15,23,48,0) 0,rgba(15,23,48,.7) 14%,rgba(15,23,48,.7) 86%,rgba(15,23,48,0) 100%)}
.ld-nota{font-size:.78rem;color:#a5b4fc;font-weight:700;margin-top:-6px}

/* blocos de recursos com mini-visual */
.ld-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.ld-tile{padding:22px;border-radius:24px;background:linear-gradient(160deg,rgba(24,33,72,.95),rgba(11,17,40,.95));border:1px solid #2a3360;display:flex;flex-direction:column;gap:12px;transition:.25s;overflow:hidden}
.ld-tile:hover{transform:translateY(-4px);border-color:#4f46e5;box-shadow:0 24px 60px rgba(79,70,229,.2)}
.ld-tile h3{font-size:1.1rem;font-weight:900;color:#fff;margin-top:6px}
.ld-tile p{font-size:.86rem;line-height:1.55;color:#94a3b8}
.mv{height:196px;border-radius:16px;background:#070d1e;border:1px solid #1f2850;padding:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:7px}
.mv-t{font-size:11px;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:2px}
.mv-a{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid #232b52;background:#0b1128;font-size:10.5px;color:#cbd5e1}
.mv-a b{width:18px;height:18px;border-radius:6px;background:#1b2447;color:#a5b4fc;display:inline-flex;align-items:center;justify-content:center;font-size:9px}
.ld-tile.ok .mv-certa{animation:mv-certa .5s 1s forwards}
@keyframes mv-certa{to{background:rgba(16,185,129,.16);border-color:#10b981;color:#a7f3d0}}
.mv-g{margin-top:auto;font-size:10.5px;font-weight:800;color:#6ee7b7;opacity:0;transform:translateY(5px)}
.ld-tile.ok .mv-g{animation:mv-surge .5s 1.5s forwards}
@keyframes mv-surge{to{opacity:1;transform:none}}
.mv-f{align-items:center;justify-content:center;perspective:700px}
.mv-fv{position:relative;width:78%;height:140px;transform-style:preserve-3d;animation:mv-gira 6s ease-in-out infinite;animation-play-state:paused}
.ld-tile.ok .mv-fv{animation-play-state:running}
@keyframes mv-gira{0%,35%{transform:rotateY(0)}50%,85%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.mv-fl{position:absolute;inset:0;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mv-fl em{font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc}
.mv-fl span{font-size:11.5px;font-weight:700;color:#fff;line-height:1.45}
.mv-ff{background:linear-gradient(160deg,#16204a,#0e1633);border:1px solid #3a4580}
.mv-fb{background:linear-gradient(160deg,#0f2a2a,#0b1a22);border:1px solid #10b981;transform:rotateY(180deg)}
.mv-fb em{color:#34d399}
.mv-m{flex-direction:row;align-items:center;gap:16px;justify-content:center}
.mv-anel{position:relative;width:96px;height:96px;flex:0 0 auto}
.mv-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.mv-anel circle{fill:none;stroke-width:9}
.mv-anel .f{stroke:#1b2447}
.mv-anel .g{stroke:#6366f1;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264}
.ld-tile.ok .mv-anel .g{animation:mv-anel 1.4s .3s ease-out forwards}
@keyframes mv-anel{to{stroke-dashoffset:58}}
.mv-anel strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;font-weight:900}
.mv-barras{display:grid;gap:12px;flex:1;max-width:120px}
.mv-barras span{height:8px;border-radius:99px;background:#1b2447;overflow:hidden}
.mv-barras i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#6366f1,#38bdf8)}
.ld-tile.ok .mv-barras i{animation:mv-barra 1s .5s ease-out forwards}
@keyframes mv-barra{to{width:var(--w)}}
.ld-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ld-mini .ld-card{padding:18px}
.ld-mini .ld-card .ic{width:40px;height:40px;margin-bottom:10px;font-size:1rem}
.ld-mini .ld-card h3{font-size:.92rem}
.ld-mini .ld-card p{font-size:.78rem;line-height:1.5}

/* como funciona: linha ligando os passos e ícones */
.ld-passos{position:relative}
.ld-passos::before{content:"";position:absolute;top:44px;left:16%;right:16%;border-top:2px dashed rgba(129,140,248,.35)}
.ld-passo{text-align:center;padding-top:30px;background:rgba(10,16,38,.95)}
.ld-passo::before{left:50%;margin-left:-17px;top:-17px}
.ld-passo .pi{width:56px;height:56px;margin:8px auto 12px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#a5b4fc;background:rgba(99,102,241,.16);border:1px solid rgba(99,102,241,.4)}

/* comunidade */
.ld-sugs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:0 auto}
.ld-sug{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:rgba(15,23,48,.8);border:1px solid #232b52}
.ld-sug>i{width:42px;height:42px;border-radius:13px;background:rgba(251,191,36,.14);color:#fbbf24;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ld-sug strong{display:block;color:#fff;font-size:.92rem}
.ld-sug span{font-size:.78rem;color:#94a3b8}
.ld-sug b{color:#a5b4fc}

/* rodapé */
.ld-rod-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;text-align:left;max-width:900px;margin:0 auto 28px}
.ld-rod-grade h4{color:#e2e8f0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.ld-rod-grade a{display:block;padding:5px 0;color:#94a3b8;cursor:pointer}
.ld-rod-grade a:hover{color:#fff}
.ld-rod-grade p{color:#94a3b8;max-width:32ch;line-height:1.55}
.ld-breve-l{display:block;padding:5px 0;color:#64748b;font-size:.75rem}
.ld-assina{border-top:1px solid #151c3a;padding-top:22px;color:#94a3b8;line-height:1.6}

@media (max-width:980px){
  .ld-bento{grid-template-columns:1fr;max-width:520px;margin:0 auto 18px}
  .ld-mini{grid-template-columns:repeat(2,1fr)}
  .ld-passos::before{display:none}
  .ld-sugs{grid-template-columns:1fr;max-width:520px}
}
@media (max-width:560px){
  .ld-palco{height:520px}
  .ld-hero{padding:28px 0 6px}
  .ld-mini{gap:10px}
  .ld-mini .ld-card{padding:14px}
  .ld-mini .ld-card p{font-size:.74rem}
  .ld-mini .ld-card:last-child{grid-column:1/-1}
  .ld-rod-grade{grid-template-columns:1fr 1fr}
  .ld-rod-grade>div:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  .mv-fv{animation:none}
  .ld-tile.ok .mv-certa{background:rgba(16,185,129,.16);border-color:#10b981}
  .mv-g{opacity:1;transform:none}
  .mv-anel .g{stroke-dashoffset:58}
  .mv-barras i{width:var(--w)}
}

/* ===== Tema claro da página de conversão: branco, detalhes pretos e azul claro ===== */
#landing{background:#fff;color:#0b1220}
.ld-bg i:nth-child(1){background:#bae6fd;opacity:.6}
.ld-bg i:nth-child(2){background:#e0f2fe;opacity:.95}
.ld-bg i:nth-child(3){background:#dbeafe;opacity:.7}
.ld-topo{background:rgba(255,255,255,.9);border-bottom:1px solid #e2e8f0}
.ld-logo{color:#0b1220}
.ld-logo b{background:#0b1220;color:#fff;box-shadow:0 6px 16px rgba(11,18,32,.25)}
.ld-nav a{color:#475569}
.ld-nav a:hover,.ld-nav a:focus-visible{color:#0b1220;background:#f1f5f9}
#landing a:focus-visible,#landing button:focus-visible,#landing summary:focus-visible{outline-color:#0284c7}
.ld-btn-ghost{background:#fff;color:#0b1220;border-color:#0b1220}
.ld-btn-ghost:hover{background:#0b1220;color:#fff;border-color:#0b1220}
.ld-btn-main{background:#0b1220;color:#fff;box-shadow:0 8px 22px rgba(11,18,32,.28)}
.ld-btn-main:hover{filter:none;background:#1e293b}
.ld-btn-amber{background:#38bdf8;color:#04121f;box-shadow:0 8px 24px rgba(14,165,233,.35)}
.ld-btn-amber:hover{background:#7dd3fc}

.ld-selo{color:#075985;background:#e0f2fe;border-color:#bae6fd}
.ld-hero h1{color:#0b1220}
.ld-hero h1 em{background:linear-gradient(90deg,#0369a1,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld-hero p.ld-sub{color:#475569}
.ld-prova{color:#334155}
.ld-prova i{color:#0284c7}
.ld-halo{background:radial-gradient(circle,rgba(56,189,248,.5),transparent 65%)}
.ph-chip{background:#fff;border:1px solid #e2e8f0;color:#0b1220;box-shadow:0 14px 34px rgba(15,23,42,.14)}
.ph-chip small{color:#475569}

.ld-num{background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.ld-num strong{color:#0b1220}
.ld-num span{color:#475569}

.ld-sec h2{color:#0b1220}
.ld-sec .ld-lead{color:#475569}
.ld-kicker{color:#0369a1}
.ld-sec.alt{background:#f4f8fc;border-top:1px solid #e8eef5;border-bottom:1px solid #e8eef5}

.ld-card{background:#fff;border:1px solid #e2e8f0}
.ld-card:hover{border-color:#38bdf8;box-shadow:0 14px 34px rgba(14,165,233,.14)}
.ld-card .ic{background:#e0f2fe;color:#0369a1}
.ld-card h3{color:#0b1220}
.ld-card p{color:#475569}
.ld-card .breve{color:#92400e;background:#fef3c7;border-color:#fcd34d}

.ld-tile{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ld-tile:hover{border-color:#38bdf8;box-shadow:0 24px 60px rgba(14,165,233,.18)}
.ld-tile h3{color:#0b1220}
.ld-tile p{color:#475569}

.ld-passos::before{border-top-color:#bae6fd}
.ld-passo{background:#fff;border:1px solid #e2e8f0}
.ld-passo::before{background:#0b1220;box-shadow:0 8px 18px rgba(11,18,32,.3)}
.ld-passo h3{color:#0b1220}
.ld-passo p{color:#475569}
.ld-passo .pi{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}

.ld-sug{background:#fff;border:1px solid #e2e8f0}
.ld-sug>i{background:#e0f2fe;color:#0369a1}
.ld-sug strong{color:#0b1220}
.ld-sug span{color:#475569}
.ld-sug b{color:#0369a1}

.ld-plano{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ld-plano h3,.ld-preco{color:#0b1220}
.ld-preco small{color:#475569}
.ld-plano li{color:#334155}
.ld-plano li i{color:#0284c7}
.ld-plano.dest{background:#0b1220;border-color:#0b1220;box-shadow:0 26px 60px rgba(11,18,32,.35)}
.ld-plano.dest h3,.ld-plano.dest .ld-preco{color:#fff}
.ld-plano.dest .ld-preco small{color:#94a3b8}
.ld-plano.dest li{color:#e2e8f0}
.ld-plano.dest li i{color:#38bdf8}
.ld-plano.dest::after{background:#38bdf8;color:#04121f}
.ld-plano.dest .ld-nota{color:#7dd3fc}
.ld-plano.dest .ld-btn-main{background:#38bdf8;color:#04121f;box-shadow:0 8px 24px rgba(56,189,248,.35)}

.ld-faq details{background:#fff;border:1px solid #e2e8f0}
.ld-faq summary{color:#0b1220}
.ld-faq summary::after{color:#0284c7}
.ld-faq p{color:#475569}

.ld-final{background:linear-gradient(135deg,#0b1220,#111c33 70%,#0b2a40);border:0;box-shadow:0 30px 70px rgba(11,18,32,.3)}
.ld-final h2{color:#fff}
.ld-final p{color:#bae6fd}

.ld-rodape{background:#0b1220;color:#94a3b8;border-top:0;margin-top:70px;padding-top:44px}
.ld-rodape b{color:#fff}
.ld-rodape .ld-logo{color:#fff}
.ld-rodape .ld-logo b{background:#38bdf8;color:#04121f}
.ld-rod-grade h4{color:#fff}
.ld-rod-grade a{color:#cbd5e1}
.ld-rod-grade a:hover{color:#38bdf8}
.ld-rod-grade p{color:#94a3b8}
.ld-breve-l{color:#94a3b8}
.ld-assina{border-top-color:#1e293b;color:#94a3b8}
.ld-assina b{color:#fff}

/* ===== Seção de métricas ===== */
.ld-met{display:grid;grid-template-columns:.8fr 1.4fr;gap:34px;align-items:center}
.ld-met-txt ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px}
.ld-met-txt li{display:flex;gap:14px;align-items:flex-start}
.ld-met-txt li>i{width:42px;height:42px;border-radius:13px;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ld-met-txt strong{display:block;color:#0b1220;font-size:.98rem;margin-bottom:2px}
.ld-met-txt span{color:#475569;font-size:.88rem;line-height:1.55}
.ld-met-painel{background:#070d1e;border:1px solid #1f2850;border-radius:22px;padding:18px;color:#cbd5e1;box-shadow:0 30px 70px rgba(11,18,32,.28);display:grid;gap:12px;min-width:0}
.mx-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mx-topo strong{color:#fff;font-size:.88rem;display:flex;gap:8px;align-items:center}
.mx-topo strong i{color:#38bdf8}
.mx-abas{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:#0f1730;border:1px solid #1f2850}
.mx-abas button{font:inherit;font-size:.7rem;font-weight:800;color:#94a3b8;background:none;border:0;border-radius:8px;padding:6px 10px;cursor:pointer;min-height:30px}
.mx-abas button.on{background:#38bdf8;color:#04121f}
.mx-abas button:not(.on):hover{color:#fff}
.mx-abas.pq button{padding:4px 8px;font-size:.64rem;min-height:26px}
.mx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mx-kpis div{background:#0f1730;border:1px solid #1f2850;border-radius:12px;padding:10px 12px;min-width:0}
.mx-kpis span{display:block;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.mx-kpis strong{font-size:1.35rem;font-weight:900;color:#fff}
.mx-kpis strong.ok{color:#34d399}.mx-kpis strong.er{color:#fb7185}
.mx-bloco{background:#0b1128;border:1px solid #1f2850;border-radius:14px;padding:12px;min-width:0}
.mx-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.mx-cab>span{font-size:.7rem;font-weight:800;color:#e2e8f0}
#mx-grafico{width:100%;height:190px;display:block}
.mx-duplo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mx-disc{display:grid;gap:9px}
.mx-lin{display:grid;grid-template-columns:78px 1fr 34px;gap:8px;align-items:center;font-size:.68rem;color:#cbd5e1}
.mx-lin .t{height:8px;border-radius:99px;background:#1b2447;overflow:hidden}
.mx-lin .t i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#6366f1,#38bdf8);transition:width .8s ease}
.mx-lin b{text-align:right;color:#fff}
.mx-raiox{display:grid;gap:8px}
.mx-rx{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#e2e8f0;padding:7px 9px;border-radius:10px;background:#0f1730;border:1px solid #1f2850}
.mx-rx em{font-style:normal;margin-left:auto;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px}
.mx-rx em.a{background:rgba(251,113,133,.16);color:#fda4af}
.mx-rx em.m{background:rgba(251,191,36,.16);color:#fcd34d}
.mx-rx em.b{background:rgba(52,211,153,.16);color:#6ee7b7}
.mx-rx b{color:#94a3b8;font-weight:700}
.mx-nota{font-size:.64rem;color:#64748b;text-align:right}
#mx-grafico .barra{transition:y .6s ease,height .6s ease}
@media (max-width:980px){
  .ld-met{grid-template-columns:1fr}
  .ld-met-txt{order:2}
}
@media (max-width:560px){
  .mx-kpis{grid-template-columns:repeat(2,1fr)}
  .mx-duplo{grid-template-columns:1fr}
  .ld-met-painel{padding:14px;border-radius:18px}
  .mx-lin{grid-template-columns:70px 1fr 32px}
}

/* ===== Acabamento (versão do Figma): Manrope nos títulos, degradê, brilhos e cartões leves ===== */
#landing h1,#landing h2,#landing h3,#landing .ld-num strong,#landing .ld-logo span,#landing .ld-preco{font-family:'Manrope','Plus Jakarta Sans',system-ui,sans-serif}
.ld-hero{background:radial-gradient(circle at 6% 22%,rgba(74,200,247,.15),transparent 28%),radial-gradient(circle at 94% 40%,rgba(89,197,240,.13),transparent 27%),linear-gradient(180deg,#fff 0%,#fff 72%,#f9fcff 100%)}
.ld-hero h1{font-size:clamp(2.1rem,3.5vw,3.2rem);line-height:1.07;font-weight:800;letter-spacing:-.05em}
.ld-hero h1 em{background:linear-gradient(100deg,#087fac,#12b8e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld-sec h2{font-weight:800;letter-spacing:-.035em;line-height:1.12}
.ld-num{border-radius:15px;min-height:92px;border:1px solid #e1e8f0;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(35,62,87,.07)}
.ld-num strong{font-weight:800;letter-spacing:-.03em}
@media (max-width:560px){
  .ld-hero h1{font-size:clamp(2.1rem,10.5vw,2.85rem)}
  .ld-cta{flex-direction:column;align-items:stretch}
  .ld-cta .ld-btn{width:100%;justify-content:center}
}