/* Pricing */

/* --- Layout and state rules --- */
/* Plan rows; the active plan is toggled from JS (.is-active) */
.pricing__row { background: rgba(255,255,255,.05); color: #eef0e6; border: 1px solid rgba(255,255,255,.12); transform: scale(1); }
.pricing__row.is-active { background: #C9FF35; color: #0a0b08; border-color: #C9FF35; transform: scale(1.015); }

/* --- Section styles --- */
/* <section> */
.pricing-01{position:relative;z-index:1;padding:140px clamp(20px,5vw,72px);max-width:1320px;margin:0 auto}
/* <div> */
.pricing-02{position:absolute;left:30%;top:0%;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,53,.13),transparent 65%);filter:blur(40px);z-index:-1;pointer-events:none}
/* <div> */
.pricing-03{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
/* <h2> · Pay for the chatsyou actually ge */
.pricing-04{margin:0;font:500 clamp(34px,4.4vw,60px)/1.02 Geist,sans-serif;letter-spacing:-.05em}
/* <span> · you actually get. */
.pricing-05{color:#7d8374}
/* <div> · Every plan is paid, with no free */
.pricing-06{font:300 16px Geist,sans-serif;color:#a7ac9c;max-width:340px}
/* <div> */
.pricing-07{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;align-items:center;padding:30px 34px;border-radius:28px;margin-bottom:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.025));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 80px rgba(0,0,0,.45)}
/* <div> */
.pricing-08{display:flex;flex-direction:column;gap:16px}
/* <div> */
.pricing-09{display:flex;justify-content:space-between;align-items:baseline}
/* <span> · CHATS PER MONTH */
.pricing-10{font:500 12px 'JetBrains Mono',monospace;letter-spacing:.14em;color:#a7ac9c}
/* <span> · {{ chatsLabel }} */
.pricing-11{font:600 30px Geist,sans-serif;letter-spacing:-.04em;color:#C9FF35}
/* <input> */
.pricing-12{width:100%;accent-color:#C9FF35;cursor:pointer}
/* <div> · 1001K5K30K */
.pricing-13{display:flex;justify-content:space-between;font:400 11px 'JetBrains Mono',monospace;color:#7d8374}
/* <div> */
.pricing-14{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* <div> */
.pricing-15{display:flex;flex-direction:column;gap:4px}
/* <span> · {{ planPrice }} */
.pricing-16{font:600 clamp(40px,4.5vw,60px)/1 Geist,sans-serif;letter-spacing:-.05em}
/* <span> · /mo · {{ planName }} */
.pricing-17{font:400 16px Geist,sans-serif;color:#7d8374;letter-spacing:0}
/* <a> · {{ planCta }} */
.pricing-18{background:#C9FF35;color:#0a0b08;font:600 15px Geist,sans-serif;padding:15px 24px;border-radius:999px;box-shadow:0 0 30px rgba(201,255,53,.35)}
.pricing-18:hover{background:#e2ff8a;color:#0a0b08}
/* <div> */
.pricing-19{display:flex;flex-direction:column;gap:10px}
/* <div> */
.pricing-20{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding:22px 28px;border-radius:22px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .4s,color .4s,transform .4s}
/* <div> · {{ p.name }} */
.pricing-21{flex:0 0 150px;display:flex;flex-direction:column;gap:2px}
/* <span> · {{ p.name }} */
.pricing-22{font:600 20px Geist,sans-serif;letter-spacing:-.02em}
/* <span> · UP TO {{ p.cap }} CHATS */
.pricing-23{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.1em;opacity:.7}
/* <div> · {{ p.feats }} */
.pricing-24{flex:1 1 320px;font:400 14.5px/1.5 Geist,sans-serif;opacity:.85}
/* <div> · {{ p.price }} /mo */
.pricing-25{flex:0 0 auto;font:600 34px Geist,sans-serif;letter-spacing:-.05em}
/* <span> · /mo */
.pricing-26{font:400 14px Geist,sans-serif;letter-spacing:0;opacity:.6}