/* Pricing: how the service is charged, above the platform plans. The cards
   lift on hover and therefore wear no glass (DESIGN §81, §83). */

.price-logic { max-width: 72rem; margin: 0 auto; padding: 72px 48px 8px; position: relative; z-index: 10; color: #e2e4f6; }
.pl-head { text-align: center; max-width: 760px; margin: 0 auto; }
.pl-kicker { display: inline-block; font: 600 11px 'Space Grotesk', sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #6dddff; margin-bottom: 14px; }
.pl-head h2 { font: 700 clamp(28px, 3.6vw, 46px)/1.12 'Space Grotesk', sans-serif; letter-spacing: -.03em; }
.pl-head h2 span { color: #6dddff; }
.pl-head p { color: #aebacd; font-size: 16px; line-height: 1.75; margin-top: 16px; }

.pl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.pl-card { position: relative; display: flex; flex-direction: column; padding: 26px 26px 28px; background: #111d2b; border: 1px solid #263749; border-radius: 22px;
           transition: border-color .25s ease, transform .25s ease; }
.pl-card:hover { border-color: #3f5c78; transform: translateY(-3px); }
.pl-core { background: #0f2231; border-color: #2d5a70; }
.pl-badge { position: absolute; top: -11px; right: 22px; font: 600 10px 'Space Grotesk', sans-serif; letter-spacing: .1em; text-transform: uppercase;
            color: #0a1622; background: #6dddff; border-radius: 999px; padding: 4px 10px; }
.pl-step { font: 600 10.5px 'Space Grotesk', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #7f8fa3; }
.pl-card h3 { font: 700 22px 'Space Grotesk', sans-serif; letter-spacing: -.02em; margin: 10px 0 6px; }
.pl-basis { color: #6dddff; font-size: 13.5px; font-weight: 600; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #22344a; }
.pl-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.pl-card li { position: relative; padding-left: 22px; color: #aebacd; font-size: 13.5px; line-height: 1.6; }
.pl-card li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #6dddff; font-size: 13px; }

.pl-addons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; }
.pl-addons span { font-size: 12px; color: #9aa8bc; background: #16263a; border: 1px solid #2b3f55; border-radius: 999px; padding: 5px 12px; }
.pl-addons .pl-addons-label { background: none; border: 0; color: #6f8399; letter-spacing: .12em; text-transform: uppercase; font: 600 10.5px 'Space Grotesk', sans-serif; }

.plan-access { display: flex; align-items: flex-start; justify-content: center; gap: 10px; max-width: 760px; margin: 28px auto 0; padding: 14px 20px;
               color: #aebacd; font-size: 13.5px; line-height: 1.7; background: #0f1b29; border: 1px solid #22344a; border-radius: 14px; }
.plan-access .material-symbols-outlined { color: #6dddff; font-size: 20px; flex: none; margin-top: 1px; }

@media (max-width: 1000px) { .pl-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .price-logic { padding: 48px 20px 4px; } }

/* One way in from every card; the audit leads. */
.pl-card ul { margin-bottom: 24px; }
.pl-cta { margin-top: auto; align-self: stretch; justify-content: center; }
.pl-cycle { padding-top: 48px; }
.cta.pl-cta-lead { background: #6dddff !important; border-color: #6dddff !important; color: #06121c !important; text-shadow: none !important; }
.cta.pl-cta-lead:hover { background: #9be8ff !important; border-color: #9be8ff !important; }
.cta.pl-cta-lead::before { display: none; }