#plan{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:84px 0 28px;position:relative;overflow:clip;background:radial-gradient(760px 520px at 100% 0%,rgba(228,52,231,.16),transparent 70%),radial-gradient(700px 500px at 0% 100%,rgba(0,180,255,.14),transparent 70%),var(--bg)}
.pl{display:grid;gap:clamp(12px,2vh,18px)}
.pl .h2{font-size:clamp(1.7rem,3vw,2.6rem);max-width:none}
.pl-head{display:grid;gap:10px}
.pl-kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pl-k{padding:14px 18px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;gap:2px}
.pl-k small{font-size:.74rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}
.pl-k small i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.pl-k b{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;letter-spacing:-.04em}
.pl-k--t{background:var(--cta);border-color:transparent}.pl-k--t small{color:rgba(255,255,255,.85)}
.pl-tools{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.pl-sw{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.pl-sw button{min-height:36px;padding:0 16px;border-radius:999px;font-weight:700;font-size:.84rem;color:var(--muted);transition:background-color .25s,color .25s}
.pl-sw button[aria-pressed="true"]{background:#fff;color:#171D20}
.pl-lg{display:flex;gap:16px;font-size:.78rem;font-weight:700;color:var(--muted)}
.pl-lg span{display:inline-flex;align-items:center;gap:6px}.pl-lg i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.pl-tb{display:grid;gap:4px}
.pl-r{display:grid;grid-template-columns:minmax(120px,170px) 1fr 92px;gap:14px;align-items:center;min-height:36px;padding:2px 14px;border-radius:12px;text-align:left;width:100%;border:1px solid transparent;transition:background-color .2s,border-color .2s,opacity .2s}
.pl-r:hover,.pl-r.on{background:rgba(255,255,255,.06);border-color:var(--line)}
.pl-tb.has-on .pl-r:not(.on){opacity:.5}
.pl-r b{font-size:.9rem;font-weight:800;display:grid;line-height:1.1}.pl-r b small{font-size:.66rem;font-weight:700;color:var(--muted-2)}
.pl-bar{display:flex;height:16px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.05)}
.pl-bar i{height:100%;width:calc(var(--w)*1%);background:var(--c);transition:width .7s var(--ease)}
.pl-r .num{font-weight:800;text-align:right;font-size:.92rem}
.pl-rd{min-height:1.5em;font-size:.9rem;color:var(--muted)}.pl-rd b{color:#fff}
.pl-note{font-size:.8rem;color:var(--muted-2)}
@media (max-width:760px){.pl-kp{grid-template-columns:1fr 1fr}.pl-r{grid-template-columns:1fr 70px;gap:4px 10px}.pl-r .pl-bar{grid-column:1/-1;order:3}#plan{padding-top:88px}}

.pl-more{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.84rem;color:#fff;transition:border-color .2s,background-color .2s}
.pl-more:hover{border-color:var(--violet-l);background:rgba(255,255,255,.06)}

/* Metas de embudo */
.em{display:grid;gap:18px;padding:clamp(16px,2.4vw,28px) 0 60px}
.em-head{display:grid;gap:12px;justify-items:start}.em .pg-h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}.em .pg-lead{max-width:66ch}
.em-tabs{display:flex;flex-wrap:wrap;gap:8px}
.em-tabs button{min-height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.88rem;color:var(--muted);transition:background-color .2s,color .2s,border-color .2s}
.em-tabs button:hover{border-color:var(--violet-l);color:#fff}
.em-tabs button[aria-selected="true"]{background:var(--cta);border-color:transparent;color:#fff}
.em-t{display:grid;gap:10px;padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.em-r{display:grid;grid-template-columns:170px minmax(0,1fr) 92px 92px;gap:14px;align-items:center;animation:emIn .5s var(--ease) both;animation-delay:calc(var(--i)*.07s)}
.em-r>b{font-size:.92rem}
.em-bar{position:relative;height:14px;border-radius:999px;background:rgba(255,255,255,.07)}
.em-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#00B4FF,#00DF7D);transform-origin:left;animation:emBar .9s var(--ease) both;animation-delay:calc(var(--i)*.07s + .15s)}
.em-bar u{position:absolute;top:-4px;bottom:-4px;left:var(--w);width:3px;border-radius:2px;background:#fff;text-decoration:none}
.em-v{font-size:.78rem;color:var(--muted);text-align:right}.em-v em{font-style:normal;font-weight:800;font-size:1rem;color:#fff}.em-m em{color:#00DF7D}
.em-n{font-size:.8rem;color:var(--muted-2)}
@keyframes emIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes emBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:720px){.em-r{grid-template-columns:1fr 1fr;gap:6px 12px}.em-r>b,.em-bar{grid-column:1/-1}.em-v{text-align:left}}
@media (prefers-reduced-motion:reduce){.em-r,.em-bar i{animation:none}}

.pl-tip{position:fixed;left:0;top:0;z-index:60;pointer-events:none;display:grid;gap:6px;min-width:210px;padding:12px 14px;border-radius:14px;background:rgba(18,22,28,.96);border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.45);opacity:0;transition:opacity .15s;font-size:.82rem}
.pl-tip.on{opacity:1}.pl-tip b{font-size:.95rem}
.pl-tip span{display:flex;align-items:center;gap:8px;color:var(--muted)}.pl-tip i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}.pl-tip em{margin-left:auto;font-style:normal;font-weight:800;color:#fff;padding-left:14px}
.pl-tip .t{border-top:1px solid var(--line);padding-top:6px;color:#fff;font-weight:700}
