/* Pricing page (/pricing) card layout — 27 Sep 2026. Scoped to .pricing-page only. Logo palette (theme-guide). */
.pricing-page{--pc-blue:#0068DF;--pc-blue-hover:#0055B7;--pc-ink:#3A3A3A;--pc-text-mid:#555555;--pc-text-soft:#666666;--pc-line:#DFE2E4;--pc-wash:#F3F8FE;--pc-white:#FFFFFF}

.pricing-page .pricing-section-head{margin-top:48px}
.pricing-page .pricing-section-head:first-of-type{margin-top:8px}
.pricing-page .pricing-section-head h2{margin-bottom:8px}
.pricing-page .pricing-view-link{display:inline-block;font-weight:650;color:var(--pc-blue);text-decoration:none;margin-bottom:8px}
.pricing-page .pricing-view-link:hover{color:var(--pc-blue-hover);text-decoration:underline}

.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:20px 0 40px;list-style:none;padding:0}
.pricing-page .pricing-grid.pricing-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

.pricing-page .pricing-card{display:flex;flex-direction:column;background:var(--pc-white);border:1px solid var(--pc-line);border-radius:10px;padding:22px;box-shadow:0 1px 2px rgba(16,56,77,.05)}
.pricing-page .pricing-card h3{margin:0 0 6px;font-size:19px;color:var(--pc-ink)}
.pricing-page .pricing-card img{width:100%;max-width:none;height:auto;border-radius:7px;margin:0 0 14px;object-fit:cover;aspect-ratio:1/1}
.pricing-page .pricing-amount{margin:0;font-size:30px;line-height:1.1;font-weight:750;color:var(--pc-blue)}
.pricing-page .pricing-unit{margin:2px 0 14px;font-size:13px;color:var(--pc-text-soft)}
.pricing-page .pricing-card ul{flex:1;margin:0 0 18px;padding-inline-start:20px;font-size:14.5px;line-height:1.6;color:var(--pc-text-mid)}
.pricing-page .pricing-card li{padding:2px 0}

.pricing-page .pricing-cta-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:11px 20px;border-radius:6px;background:var(--pc-blue);color:var(--pc-white)!important;font-weight:650;font-size:15px;text-decoration:none!important;border:0}
.pricing-page .pricing-cta-btn:hover{background:var(--pc-blue-hover)}

.pricing-page .pricing-quote-panel{background:var(--pc-wash);border:1px solid var(--pc-line);border-radius:10px;padding:26px;margin:20px 0 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.pricing-page .pricing-quote-panel p{margin:0;max-width:640px;color:var(--pc-ink)}

.pricing-page .pricing-offer-band{background:var(--pc-ink);color:var(--pc-white);border-radius:10px;padding:22px 26px;margin:36px 0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.pricing-page .pricing-offer-band p{margin:0;color:var(--pc-white)}
.pricing-page .pricing-offer-text{font-weight:650;font-size:16px}
.pricing-page .pricing-offer-terms{font-size:13px;opacity:.85;margin-top:4px!important}
.pricing-page .pricing-offer-terms a{color:var(--pc-white);text-decoration:underline}
.pricing-page .pricing-offer-band .pricing-cta-btn{background:var(--pc-white);color:var(--pc-blue)!important}
.pricing-page .pricing-offer-band .pricing-cta-btn:hover{background:var(--pc-wash)}

.pricing-page .pricing-note{margin:24px 0;padding-top:20px;border-top:1px solid var(--pc-line)}
.pricing-page .pricing-footnote-label{margin:14px 0 2px;font-weight:650;font-size:13px;color:var(--pc-text-soft)}
.pricing-page .pricing-footnote{margin:0!important;font-size:13px;color:var(--pc-text-soft)}

.pricing-page .pricing-final-cta{margin-top:8px}
.pricing-page .pricing-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px}
.pricing-page .pricing-secondary-link{font-weight:650;color:var(--pc-blue);text-decoration:none}
.pricing-page .pricing-secondary-link:hover{color:var(--pc-blue-hover);text-decoration:underline}

@media (max-width:480px){
  .pricing-page .pricing-grid{grid-template-columns:1fr}
  .pricing-page .pricing-offer-band,.pricing-page .pricing-quote-panel{flex-direction:column;align-items:flex-start}
}
