/* Monthly packages: price first, a direct comparison, then separate costs. */
.page-deals .section-body { max-width:800px; }
.monthly-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.monthly-plan { display:flex; flex-direction:column; align-items:flex-start; padding:32px; background:#121a1f; border:1px solid #3c4a52; border-top:3px solid var(--green); border-radius:6px; }
.monthly-plan-unlimited { border-top-color:var(--yellow); }
.monthly-kicker { color:var(--green); font-size:11px; letter-spacing:.08em; font-weight:600; text-transform:uppercase; margin-bottom:14px; }
.monthly-plan-unlimited .monthly-kicker { color:var(--yellow); }
.monthly-plan h3 { color:var(--white); font:700 32px/1.12 'Barlow Condensed',sans-serif; }
.monthly-amount { color:var(--white); font:800 64px/1 'Barlow Condensed',sans-serif; margin:24px 0 18px; }
.monthly-amount span { color:#bccbd2; font-size:23px; font-weight:400; }
.monthly-description { color:#bdcbd2; font-size:15px; line-height:1.75; margin-bottom:24px; max-width:520px; }
.monthly-plan ul { padding:22px 0 0; margin:0 0 28px; border-top:1px solid #34434b; list-style:none; width:100%; }
.monthly-plan li { display:flex; align-items:flex-start; gap:10px; color:#d1dce1; font-size:15px; line-height:1.65; margin-bottom:10px; }
.monthly-plan li::before { content:'+'; color:var(--green); flex-shrink:0; }
.monthly-plan > .btn-primary { margin-top:auto; text-align:center; }
.monthly-plan-note { color:#bccbd2; font-size:14px; line-height:1.75; margin-top:24px; padding:20px 24px; background:#172024; border-left:3px solid var(--yellow); border-radius:4px; }
.monthly-comparison { border-block:1px solid var(--border); }
.monthly-table-wrap { margin-top:30px; border:1px solid #34434b; border-radius:6px; overflow:hidden; }
.monthly-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; color:#c7d4db; font-size:15px; }
.monthly-table th,.monthly-table td { padding:17px 24px; border-bottom:1px solid #34434b; line-height:1.6; vertical-align:middle; }
.monthly-table th:first-child { width:44%; }
.monthly-table thead th { color:var(--white); background:#1b272e; font-weight:600; }
.monthly-table thead span { display:block; color:#aebfc8; font-size:13px; font-weight:400; margin-top:4px; }
.monthly-table tbody th { font-weight:500; color:var(--white); }
.monthly-table td { color:var(--green); }
.monthly-table tbody tr:nth-child(even) { background:#141e24; }
.monthly-table tbody tr:last-child th,.monthly-table tbody tr:last-child td { border-bottom:0; }
.monthly-table .monthly-suit-row { background:#19251b; }
.monthly-table .monthly-suit-row td:nth-child(2) { color:#afbdc5; }
.monthly-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.monthly-extras-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.monthly-extras-grid article { border-top:2px solid #50616b; padding-top:24px; }
.monthly-extras-grid h3,.monthly-next h3 { color:var(--white); font:600 26px/1.2 'Barlow Condensed',sans-serif; margin-bottom:14px; }
.monthly-extras-grid p,.monthly-next p,.monthly-budget-note { color:#bdcbd2; font-size:15px; line-height:1.75; }
.monthly-budget-note { margin-top:26px; max-width:850px; }
.monthly-next { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; border-top:1px solid var(--border); background:#0e1519; }
.monthly-next aside { padding-left:32px; border-left:1px solid #34434b; }
.monthly-next aside p { margin-bottom:20px; }
.monthly-next aside a { display:block; color:var(--green); font-size:15px; line-height:1.6; text-decoration:none; margin-top:12px; }
.monthly-next aside a:hover { text-decoration:underline; text-underline-offset:4px; }
.monthly-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
@media(max-width:900px) {
  .monthly-plan { padding:26px; }
  .monthly-extras-grid { grid-template-columns:1fr; }
  .monthly-next { grid-template-columns:1fr; gap:30px; }
  .monthly-next aside { padding:26px 0 0; border-left:0; border-top:1px solid #34434b; }
}
@media(max-width:600px) {
  .monthly-plans { grid-template-columns:1fr; gap:18px; }
  .monthly-plan { padding:24px; }
  .monthly-plan h3 { font-size:29px; }
  .monthly-amount { font-size:58px; }
  .monthly-amount span { font-size:21px; }
  .monthly-plan > .btn-primary { width:100%; }
  .monthly-plan-note { padding:20px; }
  .monthly-table { font-size:12px; }
  .monthly-table th,.monthly-table td { padding:13px 9px; overflow-wrap:anywhere; }
  .monthly-table th:first-child { width:40%; }
  .monthly-table thead span { font-size:11px; }
  .monthly-actions { flex-direction:column; align-items:stretch; }
}