/* Optional AI packs: the free path remains visible before pricing. */
.credits-page{max-width:1100px}.credits-promise{font-size:.95rem!important}.credits-free{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f0f0e8;padding:24px;border-radius:20px;margin:24px 0}.credits-free p{margin:8px 0 0;max-width:600px}.credit-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.credit-pack{border:1px solid #d8d9d0;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px}.credit-pack.recommended{border:2px solid #334c3b;background:#f4f6ec}.credit-pack h2,.credit-pack p{margin:0}.credit-pack .btn{margin-top:auto}.pack-price{font-size:2.5rem;font-weight:650;letter-spacing:-.04em;margin:16px 0}.pack-price small{display:block;font-size:.85rem;font-weight:400;letter-spacing:0}.credits-balance{margin-top:30px}.credit-examples{max-width:760px;margin:48px auto;line-height:1.65}.credit-examples details{padding:20px 0;border-top:1px solid #ddd}.credit-examples summary{cursor:pointer;font-weight:600}@media(max-width:1000px){.credit-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.credit-packs{grid-template-columns:1fr}.credits-free{align-items:flex-start;flex-direction:column}.credit-pack{padding:24px}.credits-page .section-hero h1{font-size:clamp(2.6rem,10vw,4rem)}}
/* Four packs side by side: descriptions wrap to different heights, so the description takes the slack and price, credits and button line up across cards. */
.credit-pack h2+p{flex:1}.credit-pack.recommended{padding:27px}@media(max-width:700px){.credit-pack.recommended{padding:23px}}