/* ═══ planos_dark.css — loads AFTER dark_base.css ═══ */
/* ── header: editorial split, no frames ── */
.pg{position:relative;background:var(--fx-ground);overflow:hidden}
.pg::after{content:'';position:absolute;top:-12%;left:50%;width:1100px;height:900px;margin-left:-550px;
    pointer-events:none;border-radius:50%;opacity:.5;
    background:radial-gradient(circle,rgba(23,185,128,.09) 0%,rgba(23,185,128,0) 62%)}
.pg-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;
    align-items:end;padding:156px 0 0}
.pg-label{font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:600;
    color:rgba(255,183,77,.8);display:flex;align-items:center;gap:14px;margin-bottom:26px}
.pg-label::before{content:'';width:28px;height:1px;background:rgba(255,183,77,.35);display:block}
.pg-h1{font-size:54px;font-weight:100;letter-spacing:-.04em;line-height:1.04;margin:0;
    max-width:13ch;color:#fff}
.pg-h1 em{font-style:normal;color:rgba(242,247,244,.26);font-weight:300}
.pg-sub{font-size:16px;font-weight:300;line-height:1.85;color:var(--fx-muted);margin:0 0 22px}
.pg-note{font-size:13px;font-weight:300;line-height:1.8;color:var(--fx-hint);margin:0;
    padding-left:16px;border-left:1px solid var(--cs-line)}
.pg-note b{font-weight:500;color:rgba(255,183,77,.85)}

/* ── faixa selector: one continuous range, four contexts, no hierarchy ── */
.bd{margin:64px 0 0;padding-top:34px;border-top:1px solid var(--fx-line-soft)}
.bd-top{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;
    margin-bottom:26px}
.bd-q{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:rgba(242,247,244,.62)}
.bd-hint{font-size:11.5px;font-weight:300;color:var(--fx-hint)}
.bd-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.bd-zone{position:relative;text-align:left;font-family:inherit;cursor:pointer;background:none;border:none;
    padding:0 22px 20px 0;transition:opacity .4s ease}
.bd-zone-n{display:block;font-size:15px;font-weight:300;letter-spacing:-.01em;color:rgba(242,247,244,.5);
    line-height:1.3;margin-bottom:7px;transition:color .45s var(--fx-ease)}
.bd-zone.on .bd-zone-n{color:var(--fx-ink);font-weight:400}
.bd-zone:hover .bd-zone-n{color:rgba(242,247,244,.82)}
.bd-zone-r{display:block;font-size:11.5px;font-weight:300;color:var(--fx-hint);
    font-variant-numeric:tabular-nums;transition:color .45s var(--fx-ease)}
.bd-zone.on .bd-zone-r{color:rgba(255,183,77,.92)}

/* the rail is one continuous range — every segment the same size */
.bd-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:3px;
    background:rgba(255,255,255,.07);border-radius:3px;touch-action:none}
.bd-rail i{display:block;border-radius:3px;background:transparent;transition:background .5s var(--fx-ease)}
.bd-rail i.on{background:var(--fx-amber)}
.bd-rail::before,.bd-rail::after{content:'';position:absolute;top:-4px;bottom:-4px;width:1px;
    background:rgba(255,255,255,.12)}
.bd-rail::before{left:25%}
.bd-rail::after{left:75%}
.bd-tick{position:absolute;top:-4px;bottom:-4px;left:50%;width:1px;background:rgba(255,255,255,.12)}
.bd-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--fx-amber);
    box-shadow:0 0 0 4px rgba(255,183,77,.16),0 0 18px rgba(255,183,77,.7);z-index:3;pointer-events:none;
    transform:translate(-50%,-50%);transition:left .55s var(--fx-ease),box-shadow .3s ease,width .2s ease,height .2s ease}
.bd.dragging .bd-thumb{transition:left .06s linear;width:15px;height:15px;
    box-shadow:0 0 0 7px rgba(255,183,77,.2),0 0 22px rgba(255,183,77,.85)}
/* a real range input over the rail — drag, arrow keys and screen readers for free */
.bd-range{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
    width:100%;height:38px;margin:0;padding:0;opacity:0;cursor:grab;z-index:4;
    -webkit-appearance:none;appearance:none;background:transparent}
.bd-range:active{cursor:grabbing}
.bd-range::-webkit-slider-thumb{-webkit-appearance:none;width:38px;height:38px}
.bd-range::-moz-range-thumb{width:38px;height:38px;border:none;opacity:0}
.bd-range:focus-visible + .bd-thumb{box-shadow:0 0 0 3px var(--fx-ground),0 0 0 5px var(--fx-amber)}
.bd-marks{display:grid;grid-template-columns:repeat(4,1fr);padding-top:13px}
.bd-mark{font-size:10px;font-weight:300;color:rgba(242,247,244,.24);font-variant-numeric:tabular-nums;
    position:relative}
.bd-mark:first-child{padding-left:0}
.bd-drag{display:inline-block;margin-left:14px;padding:3px 9px;border-radius:100px;font-style:normal;
    border:1px solid var(--fx-line-soft);font-size:9px;letter-spacing:.14em;font-weight:600;
    color:rgba(242,247,244,.34);vertical-align:middle}
.bd-foot{margin:24px 0 0;font-size:12.5px;font-weight:300;color:var(--fx-hint)}
.bd-foot b{font-weight:500;color:rgba(242,247,244,.7)}

/* ── tiers ── */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:46px 0 0;align-items:stretch}
.tier{border:1px solid var(--fx-line-soft);border-radius:var(--fx-radius);padding:32px 30px 30px;
    display:flex;flex-direction:column;gap:20px;background:rgba(255,255,255,.02)}
.tier--sub{border-color:var(--fx-violet-line);
    background:linear-gradient(165deg,rgba(139,124,246,.085) 0%,rgba(139,124,246,.015) 100%);
    box-shadow:0 40px 90px rgba(0,0,0,.45)}
.tier-badge{align-self:flex-start;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;
    padding:4px 10px;border-radius:100px;border:1px solid var(--fx-line);color:var(--fx-muted)}
.tier--free .tier-badge{border-color:rgba(23,185,128,.4);color:rgba(23,185,128,.95)}
.tier--sub .tier-badge{border-color:rgba(139,124,246,.45);color:var(--fx-violet-ink)}
.tier-t{font-size:25px;font-weight:200;letter-spacing:-.025em;line-height:1.22;margin:0;color:var(--fx-ink)}
.tier-price{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;
    padding-bottom:20px;border-bottom:1px solid var(--fx-line-soft)}
.tier-val{display:flex;align-items:baseline;gap:8px}
.tier-num{font-size:40px;font-weight:200;letter-spacing:-.035em;line-height:1;color:#fff;
    font-variant-numeric:tabular-nums}
.tier-per{font-size:12.5px;font-weight:300;color:var(--fx-hint)}
.tier-note{font-size:11.5px;font-weight:300;color:var(--fx-hint);margin:9px 0 0;width:100%}
.tier-note b{font-weight:500;color:rgba(23,185,128,.95)}

/* billing toggle */
.bt{display:flex;align-items:center;gap:10px}
.bt-l{font-size:11px;font-weight:500;color:var(--fx-hint);transition:color .3s ease;white-space:nowrap}
.bt-l.on{color:var(--fx-violet-ink)}
.bt-sw{position:relative;width:40px;height:21px;border-radius:100px;border:1px solid var(--fx-violet-line);
    background:rgba(139,124,246,.12);cursor:pointer;padding:0;flex:none}
.bt-sw::after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;
    background:var(--fx-violet-ink);transition:transform .35s var(--fx-ease)}
.bt-sw.on::after{transform:translateX(19px)}

.tier-lead{font-size:13.5px;font-weight:300;line-height:1.8;color:var(--fx-muted);margin:0}
.tier-lead strong{font-weight:400;color:var(--fx-ink)}
.outs{display:flex;flex-direction:column;gap:0;flex:1}
.out{padding:15px 0;border-bottom:1px solid var(--fx-line-soft)}
.out:last-child{border-bottom:none}
.out-e{font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;
    color:rgba(23,185,128,.85);margin-bottom:7px}
.tier--sub .out-e{color:rgba(139,124,246,.9)}
.out-t{font-size:14px;font-weight:400;color:var(--fx-ink);margin:0 0 6px;line-height:1.35}
.out-b{font-size:12.5px;font-weight:300;line-height:1.7;color:var(--fx-muted);margin:0}
.tier-cta{display:flex;flex-direction:column;gap:9px}
.cta{text-align:center;font-size:13px;font-weight:600;text-decoration:none;padding:14px 22px;
    border-radius:10px;transition:all .3s ease}
.cta--green{background:var(--fx-green-lift);color:#02220f}
.cta--green:hover{background:#2ED396}
.cta--violet{background:var(--fx-violet-ink);color:#0A0718}
.cta--violet:hover{background:#DDD6FF}
.cta--ghost{border:1px solid var(--fx-line);color:var(--fx-muted)}
.cta--ghost:hover{border-color:rgba(255,255,255,.3);color:var(--fx-ink)}
.tier-kicker{font-size:11.5px;font-weight:300;line-height:1.7;color:var(--fx-hint);margin:0;
    padding:13px 15px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--fx-line-soft)}
.tier-kicker strong{font-weight:500;color:rgba(255,183,77,.92)}

/* ── break-even ── */
.be{margin:110px 0 0;padding:44px 0 0;border-top:1px solid var(--fx-line-soft)}
.be-h{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.be-t{font-size:36px;font-weight:200;letter-spacing:-.03em;line-height:1.14;margin:14px 0 16px;color:var(--fx-ink)}
.be-t em{font-style:normal;color:var(--fx-amber)}
.be-p{font-size:15px;font-weight:300;line-height:1.85;color:var(--fx-muted);margin:0;max-width:44ch}
.be-panel{border:1px solid var(--cs-line);border-radius:var(--fx-radius);overflow:hidden;
    background:linear-gradient(160deg,rgba(255,183,77,.07) 0%,rgba(255,183,77,.012) 100%)}
.be-bar{height:42px;display:flex;align-items:center;gap:9px;padding:0 16px;
    border-bottom:1px solid rgba(255,183,77,.18);background:rgba(255,183,77,.05)}
.be-dot{width:6px;height:6px;border-radius:50%;background:var(--fx-amber)}
.be-name{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:rgba(255,183,77,.9)}
.be-body{padding:22px 20px 20px}
.be-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:7px}
.be-lbl{font-size:11.5px;font-weight:300;color:var(--fx-muted)}
.be-val{font-size:15px;font-weight:300;color:var(--fx-ink);font-variant-numeric:tabular-nums}
.be-track{position:relative;height:34px;margin:20px 0 12px;display:flex;gap:4px}
.be-blk{flex:1;border-radius:5px;background:rgba(23,185,128,.3);border:1px solid rgba(23,185,128,.45);
    display:grid;place-items:center;font-size:10.5px;font-weight:400;color:rgba(242,247,244,.8);
    opacity:0;transform:scaleY(.7);transform-origin:bottom;
    transition:all .6s var(--fx-ease);transition-delay:calc(var(--i) * 140ms)}
.be-panel.is-on .be-blk{opacity:1;transform:none}
.be-blk.over{background:rgba(255,183,77,.32);border-color:rgba(255,183,77,.6)}
.be-line{position:absolute;top:-8px;bottom:-8px;width:2px;background:var(--fx-amber);
    box-shadow:0 0 12px rgba(255,183,77,.7);left:var(--x);transition:left .7s var(--fx-ease)}
.be-line::after{content:'anuidade';position:absolute;top:-17px;left:50%;transform:translateX(-50%);
    font-size:8.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--fx-amber);
    white-space:nowrap}
.be-out{font-size:13.5px;font-weight:300;line-height:1.7;color:var(--fx-ink);margin:16px 0 0;
    padding-top:15px;border-top:1px solid rgba(255,183,77,.16)}
.be-out strong{font-weight:500;color:var(--fx-amber)}

/* ── consultancy pricing ── */
.cp{margin:110px 0 0;padding:44px 0 0;border-top:1px solid var(--fx-line-soft)}
.cp-t{font-size:36px;font-weight:200;letter-spacing:-.03em;line-height:1.14;margin:14px 0 16px;color:var(--fx-ink)}
.cp-p{font-size:15px;font-weight:300;line-height:1.85;color:var(--fx-muted);margin:0 0 36px;max-width:56ch}
.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cp-card{border:1px solid var(--fx-line-soft);border-radius:var(--fx-radius);padding:26px 24px;
    display:flex;flex-direction:column;gap:13px;background:rgba(255,255,255,.02)}
.cp-card--best{border-color:var(--cs-line);background:rgba(255,183,77,.055)}
.cp-k{font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:var(--fx-hint)}
.cp-card--best .cp-k{color:rgba(255,183,77,.95)}
.cp-n{font-size:30px;font-weight:200;letter-spacing:-.03em;color:#fff;line-height:1;
    font-variant-numeric:tabular-nums}
.cp-u{font-size:11.5px;font-weight:300;color:var(--fx-hint);margin:0}
.cp-d{font-size:12.5px;font-weight:300;line-height:1.7;color:var(--fx-muted);margin:0;flex:1}
.cp-off{display:inline-block;font-size:9.5px;font-weight:600;color:#02220f;background:var(--fx-amber);
    padding:2px 8px;border-radius:100px;margin-left:8px}


/* ── closing ── */
.pg-close{margin:100px 0 0;padding:52px 0 130px;border-top:1px solid var(--fx-line-soft);
    display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.pg-close-t{font-size:23px;font-weight:200;line-height:1.45;color:var(--fx-ink);max-width:34ch;margin:0}
.pg-close-t em{font-style:normal;color:var(--fx-hint)}
.pg-close-a{display:flex;gap:11px;flex-wrap:wrap}

/* ── responsive ── */
@media(max-width:1199.98px){
    .pg-h1{font-size:44px}
    .pg-head{gap:44px}
    .be-h{gap:36px}
    .be-t,.cp-t{font-size:30px}
}
@media(max-width:991.98px){
    .wrap{padding:0 24px}
    .nav-links{display:none}
    .pg-head{grid-template-columns:1fr;gap:26px;padding:118px 0 0}
    .pg-h1{font-size:34px;max-width:none}
    .pg-sub{font-size:15px}
    .bd{margin-top:44px}
    .bd-zones{grid-template-columns:1fr 1fr;gap:0 18px}
    .bd-zone{padding:0 0 18px}
    .bd-zone-n{font-size:14px}
    /* the rail stops being a range once the labels wrap — hide it */
    .bd-rail,.bd-marks{display:none}
    .bd-zone{border-bottom:1px solid var(--fx-line-soft);padding-bottom:14px;margin-bottom:14px}
    .bd-zone.on{border-bottom-color:rgba(255,183,77,.5)}
    .tiers{grid-template-columns:1fr}
    .be-h{grid-template-columns:1fr;gap:28px}
    .cp-grid{grid-template-columns:1fr}
    .be,.cp,.fq{margin-top:74px}
    .be-t,.cp-t,.fq-t{font-size:26px}
    .pg-close{margin-top:70px;padding-bottom:90px}
}
@media(max-width:575.98px){
    .pg-h1{font-size:29px}
    .bd-zones{grid-template-columns:1fr}
    .tier{padding:26px 20px 24px}
    .tier-num{font-size:33px}
    .be-blk{font-size:9px}
}


/* ═══════════════════════════════════════════════════════════════
   V2.3 · REVISÃO COMPLETA  —  append only
   ═══════════════════════════════════════════════════════════════ */

/* marca-texto no label da seção, igual ao index */
.pg-label{
    display:inline-flex;align-items:center;gap:12px;
    font-size:12.5px;letter-spacing:.18em;font-weight:600;
    padding:4px 10px 4px 0;margin-bottom:26px;
    color:rgba(242,247,244,.96);
    background-repeat:no-repeat;background-position:46px 60%;
    background-size:calc(100% - 46px) 100%;
    background-image:linear-gradient(90deg,
    rgba(255,183,77,.06) 0%,rgba(255,183,77,.34) 3%,rgba(255,183,77,.40) 55%,
    rgba(255,183,77,.28) 95%,rgba(255,183,77,.07) 100%)}
.pg-label::before{width:34px;height:1px;background:rgba(255,183,77,.65)}

/* peso 100 -> 200 no display */
.pg-h1{font-weight:200}
/* o <em> do h1 media 2.19:1; display grande precisa de 3:1 */
.pg-h1 em{color:rgba(242,247,244,.46)}

/* a escala do slider de faixa de renda é texto funcional, não enfeite:
   é o que a pessoa lê para escolher a faixa. Media 2.04:1 e 2.92:1. */
.bd-mark{color:var(--fx-hint)}
.bd-drag{color:var(--fx-hint)}

/* números grandes: o peso 200 é o que os fazia sumir no fundo */
.tier-num{font-size:44px;font-weight:300}
.cp-n{font-size:36px;font-weight:300}

@media (max-width:991.98px){
    .tier-num{font-size:38px}
    .cp-n{font-size:31px}
}
@media (max-width:767.98px){
    .pg-label{font-size:11.5px;letter-spacing:.16em;gap:10px;
        background-position:38px 60%;background-size:calc(100% - 38px) 100%}
    .pg-label::before{width:26px}
}
@media (max-width:575.98px){
    .tier-num{font-size:35px}
    .cp-n{font-size:28px}
}


/* ═══ V2.5 · reveal do .pg-label + wipe do <em> — append only ═══ */
.fx-reveal .pg-label{opacity:0;transform:translateY(8px);background-size:0 100%;
    transition:opacity .7s var(--fx-ease),transform .7s var(--fx-ease),
               background-size .95s var(--fx-ease) .2s}
.fx-reveal .pg-label.is-rev{opacity:1;transform:none;background-size:calc(100% - 46px) 100%}
.fx-reveal .pg-label::before{width:0;transition:width .8s var(--fx-ease)}
.fx-reveal .pg-label.is-rev::before{width:34px}

@supports ((-webkit-background-clip:text) or (background-clip:text)){
    .pg-h1 em,.be-t em,.cp-t em{
        background-repeat:no-repeat;
        -webkit-background-clip:text;background-clip:text;
        color:transparent;
        background-size:100% 100%,100% 100%;
        transition:background-size 1.15s var(--fx-ease) .15s}
    .pg-h1 em,.be-t em,.cp-t em{
        background-image:
            linear-gradient(96deg,var(--fx-amber) 0%,#FFD9A3 55%,var(--fx-amber) 100%),
            linear-gradient(rgba(242,247,244,.46),rgba(242,247,244,.46))}

    .fx-reveal .pg-h1 em,.fx-reveal .be-t em,.fx-reveal .cp-t em{background-size:0% 100%,100% 100%}
    .fx-reveal .pg-h1.is-rev em,.fx-reveal .be-t.is-rev em,
    .fx-reveal .cp-t.is-rev em{background-size:100% 100%,100% 100%}
}

@media (max-width:767.98px){
    .fx-reveal .pg-label{background-size:0 100%}
    .fx-reveal .pg-label.is-rev{background-size:calc(100% - 38px) 100%}
    .fx-reveal .pg-label.is-rev::before{width:26px}
}
@media (prefers-reduced-motion:reduce){
    .fx-reveal .pg-label{opacity:1;transform:none;background-size:calc(100% - 46px) 100%;transition:none}
    .fx-reveal .pg-label::before{width:34px;transition:none}
    .fx-reveal .pg-h1 em,.fx-reveal .be-t em,.fx-reveal .cp-t em{
        background-size:100% 100%,100% 100%;transition:none}
}