/* Pricing page */
.pricing { max-width: 1120px; margin: 34px auto 70px; }
.prhead { text-align: center; margin-bottom: 34px; }
.prhead .eyebrow { color: #0afc07; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 13px; margin: 0 0 10px; }
.prhead h1 { font-size: clamp(32px, 5vw, 50px); letter-spacing: -.03em; margin: 0 0 12px; }
.prhead .intro { max-width: 560px; margin: 0 auto 24px; color: var(--muted); line-height: 1.6; }
.bill { display: inline-flex; gap: 4px; padding: 5px; border: 1px solid #262930; border-radius: 14px; background: #111317; }
.bill button { font: inherit; font-size: 14px; font-weight: 700; color: var(--muted); background: none; border: 0; border-radius: 10px; padding: 9px 18px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; }
.bill button.on { background: #22252b; color: #fff; }
.bill i { font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 99px; background: rgba(10, 252, 7, .14); color: #0afc07; }
.tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.tier { display: flex; flex-direction: column; border: 1px solid #23262c; border-radius: 18px; padding: 26px; background: #111317; }
.tier.hot { border-color: rgba(10, 252, 7, .45); }
.tier.soon { background: #101114; }
.ttop { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tier h2 { font-size: 19px; margin: 0; display: flex; align-items: center; gap: 8px; }
.pmark { color: #0afc07; font-size: 22px; line-height: 1; }
.tbadge { font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 99px; border: 1px solid #2d3038; color: #c9ccd2; white-space: nowrap; }
.tbadge.g { border-color: rgba(10, 252, 7, .45); color: #0afc07; background: rgba(10, 252, 7, .08); }
.tdesc { color: var(--muted); margin: 10px 0 18px; line-height: 1.55; min-height: 48px; }
.tprice { display: flex; align-items: baseline; gap: 8px; } .tprice b { font-size: 44px; letter-spacing: -.03em; line-height: 1; } .tprice span { color: var(--muted); font-size: 15px; }
.tfine { color: #6f737c; font-size: 13px; margin: 8px 0 20px; }
.tbtn { display: block; width: 100%; text-align: center; padding: 13px; border-radius: 12px; font: inherit; font-weight: 700; font-size: 15px; border: 1px solid #2d3038; background: #1a1c21; color: #fff; text-decoration: none; cursor: pointer; }
.tbtn:hover { background: #22252b; } .tbtn:disabled { cursor: not-allowed; color: var(--muted); background: #15171b; }
.tbtn.pri { background: #0afc07; border-color: #0afc07; color: #07140a; } .tbtn.pri:hover { filter: brightness(1.08); } .tbtn.pri:disabled { background: rgba(10, 252, 7, .25); border-color: transparent; color: #07140a; }
.buymsg { margin: 10px 0 0; font-size: 14px; color: var(--muted); } .buymsg a { color: #0afc07; } .buymsg:empty { display: none; }
.tlist { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 11px; }
.tlist li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; }
.tlist li::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 2px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%239a9da4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.tier.hot .tlist li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%230afc07' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.tlist.muted li { color: var(--muted); }
.pricing .fine { text-align: center; color: var(--muted); font-size: 13px; margin-top: 24px; }
@media (max-width: 920px) { .tiers { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } .tier.hot { order: -1; } .tdesc { min-height: 0; } }