/* ============================================================
   /subscribe — pricing layout refinements (loaded AFTER the page's
   inline <style>, so these override it). Keeps the plan grid to a
   clean 3-up on desktop with the free tier promoted to its own band.
   Selectors scoped under .sub so they reliably beat the inline rules.
   ============================================================ */

/* Three cards, roomier than the old 4-up. */
.sub .sub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:1040px;
    gap:1rem;
}
@media (max-width:900px){
    .sub .sub-grid{grid-template-columns:1fr;max-width:460px}
}

/* Small pillar label above each card / band name. */
.sub .sub-card-eyebrow{
    display:block;
    font-family:'JetBrains Mono','SF Mono',ui-monospace,monospace;
    font-size:.625rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--sub-blue-deep);
    margin:0 0 .35rem;
}

/* ---- Free "start free" band (above the grid) ---- */
.sub .sub-free-band{
    max-width:1040px;margin:0 auto 1rem;
    display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.75rem;
    padding:1.15rem 1.4rem;
    border:1px solid var(--border-color);border-radius:1rem;
    background:linear-gradient(180deg, rgba(43,168,255,.06), transparent 65%), var(--bg-primary);
    text-decoration:none;color:var(--text-primary);
}
.sub .sub-free-main{display:flex;flex-direction:column;gap:.2rem;flex:1 1 250px;min-width:0}
.sub .sub-free-name{
    font-family:'Fraunces',Georgia,serif;font-size:1.4rem;font-weight:800;
    letter-spacing:-.02em;color:var(--text-primary);
}
.sub .sub-free-desc{font-size:.85rem;line-height:1.4;color:var(--text-secondary)}
.sub .sub-free-points{
    display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;list-style:none;margin:.15rem 0 0;padding:0;
    font-size:.8rem;color:var(--text-secondary);
}
.sub .sub-free-points li{display:inline-flex;align-items:center;gap:.4rem}
.sub .sub-free-points i{color:var(--sub-blue);font-size:.8rem}
.sub .sub-free-band .sub-free-cta{flex:0 0 auto}

/* ---- Slimmer Pro card: one compact perk list instead of two big groups ---- */
.sub .sub-card.featured .sub-perks{margin-top:1rem}

/* Keep the (now removed) two-group Pro block from ever forcing extra height. */
.sub .sub-pro-group{margin:0}