/* pricing.html */
    /* Page-scoped: tier grid emphasis */
    .pricing-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
    .pricing-tier { position: relative; padding-top: 36px; }
    .pricing-tier.featured { border-color: var(--blue); box-shadow: var(--shadow-float); }
    .pricing-flag { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 14px; border-radius: 999px; background: var(--blue); color: #fff; white-space: nowrap; }
    .pricing-sl { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 10px; }
    .pricing-tier h3 { font-size: 22px; }
    .pricing-tier > p { font-size: 14.5px; margin-top: 8px; min-height: 3.2em; }
    .pricing-price { font-family: var(--font-mono); font-size: 34px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin-top: 22px; }
    .pricing-price span { font-family: var(--font-sans); font-size: 15px; font-weight: 500; color: var(--text-soft); }
    .pricing-acc { width: 100%; font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; color: var(--blue); padding: 12px 0; margin: 18px 0 20px; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
    .pricing-feats { list-style: none; display: grid; gap: 11px; margin-bottom: 28px; }
    .pricing-feats li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.5; }
    .pricing-feats li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--green); }
    .pricing-feats li::after { content: ""; position: absolute; left: 4.5px; top: 9px; width: 7px; height: 3.5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
    .pricing-tier .btn { margin-top: auto; width: 100%; }
    @media (max-width: 920px) { .pricing-tiers { grid-template-columns: 1fr; } .pricing-tier > p { min-height: 0; } }