/* PAYG costs, grouped by the decisions a driver needs to make. */
.page-pricing .page-subtitle { max-width:680px; }
.page-pricing .section-body { max-width:820px; }
.page-pricing .pricing-hero-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; background:transparent; margin-top:32px; }
.page-pricing .price-card { padding:30px; border:1px solid #3c4a52; border-radius:6px; background:#121a1f; }
.page-pricing .price-card.featured { border-top:3px solid var(--green); }
.page-pricing .price-venue { font:700 27px/1.15 'Barlow Condensed',sans-serif; text-transform:none; letter-spacing:0; color:var(--white); }
.page-pricing .price-series { font-size:13px; color:#b8c7ce; text-transform:none; letter-spacing:0; margin-top:7px; margin-bottom:24px; }
.page-pricing .price-amount { font-size:64px; color:var(--white); }
.page-pricing .price-amount span { font-size:24px; color:#c7d2d7; }
.page-pricing .price-per { font-size:13px; color:#bdcbd2; margin-bottom:24px; line-height:1.6; }
.payg-card-label { color:var(--green); font-size:11px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; margin-bottom:14px; }
.page-pricing .price-includes { gap:11px; }
.page-pricing .price-includes li { color:#d4dde1; font-size:15px; line-height:1.6; align-items:flex-start; }
.page-pricing .price-includes li::before { content:'+'; font-size:17px; line-height:1.4; color:var(--green); }
.payg-card-note { color:#aebfc8; border-top:1px solid #34434b; margin-top:24px; padding-top:18px; font-size:13px; line-height:1.7; }
.payg-example { display:grid; grid-template-columns:1.1fr 1fr; gap:32px; padding:28px 30px; margin-top:24px; border:1px solid #496045; border-left:3px solid var(--green); border-radius:5px; background:#152019; }
.payg-example h3 { font:600 26px/1.2 'Barlow Condensed',sans-serif; color:var(--white); margin-bottom:14px; }
.payg-example p:not(.payg-card-label) { color:#c5d1c8; font-size:15px; line-height:1.75; }
.payg-example strong { color:var(--white); font-weight:600; }
.payg-example-note { align-self:center; }
.payg-extras { border-block:1px solid var(--border); }
.payg-service-group { margin-top:38px; }
.payg-service-group h3 { color:var(--white); font:600 26px/1.2 'Barlow Condensed',sans-serif; margin-bottom:16px; }
.page-pricing .payg-service-group .fee-table { margin-top:0; gap:0; background:#11191e; border:1px solid #34434b; border-radius:6px; overflow:hidden; }
.page-pricing .payg-service-group .fee-row { display:grid; grid-template-columns:minmax(170px,.85fr) minmax(170px,.65fr) minmax(0,1.7fr); background:transparent; border-bottom:1px solid #34434b; }
.page-pricing .payg-service-group .fee-row:nth-child(even) { background:#172026; }
.page-pricing .payg-service-group .fee-row:last-child { border-bottom:0; }
.page-pricing .payg-service-group .fee-row > div { padding:20px 24px; border:0; font-size:15px; line-height:1.6; color:#bbcbd3; }
.page-pricing .payg-service-group .fee-name { color:var(--white)!important; font-weight:500; }
.page-pricing .payg-service-group .fee-price { font:600 23px/1.3 'Barlow Condensed',sans-serif; color:var(--white)!important; white-space:normal; }
.payg-budget-grid,.payg-payment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.payg-budget-grid article { border-top:2px solid #50616b; padding-top:24px; }
.payg-budget h3,.payg-payment h3,.payg-next h3 { color:var(--white); font:600 26px/1.2 'Barlow Condensed',sans-serif; margin-bottom:14px; }
.payg-budget p,.payg-payment p,.payg-next p { color:#bdcbd2; font-size:15px; line-height:1.75; }
.payg-payment { background:#0e1519; border-block:1px solid var(--border); }
.payg-payment-grid article { padding:24px; border:1px solid #34434b; border-radius:5px; background:#151e24; }
.payg-payment-grid span { display:block; color:var(--green); font-size:10px; font-weight:600; letter-spacing:.09em; margin-bottom:14px; }
.payg-payment-note { margin-top:24px; max-width:820px; }
.payg-next { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; }
.payg-next aside { padding-left:32px; border-left:1px solid #34434b; }
.payg-next aside p { margin-bottom:20px; }
.payg-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
@media(max-width:900px) {
  .page-pricing .payg-service-group .fee-row { grid-template-columns:1fr auto; padding:20px; gap:8px 16px; }
  .page-pricing .payg-service-group .fee-row > div { padding:0; }
  .page-pricing .payg-service-group .fee-row > div:last-child { grid-column:1/-1; font-size:14px; }
  .payg-example { grid-template-columns:1fr; gap:20px; }
  .payg-budget-grid,.payg-payment-grid { grid-template-columns:1fr; }
  .payg-next { grid-template-columns:1fr; gap:30px; }
  .payg-next aside { border-left:0; border-top:1px solid #34434b; padding:26px 0 0; }
}
@media(max-width:600px) {
  .page-pricing .pricing-hero-row { grid-template-columns:1fr; gap:18px; }
  .page-pricing .price-card { padding:24px; }
  .page-pricing .price-amount { font-size:58px; }
  .payg-example { padding:24px; }
  .page-pricing .payg-service-group .fee-row { grid-template-columns:minmax(0,1fr) auto; padding:18px; gap:10px; }
  .page-pricing .payg-service-group .fee-price { font-size:20px!important; text-align:right; }
  .page-pricing .payg-service-group .fee-name { font-size:14px; }
  .payg-actions { flex-direction:column; align-items:stretch; }
}