.internal-hero { padding-bottom:40px; }
.internal-content.section-padding { padding-top:40px; }
.monthly-photo { position:relative; margin:0; }
.monthly-photo img { width:100%; height:420px; object-fit:cover; border-radius:24px; }
.monthly-photo figcaption { position:absolute; bottom:20px; left:20px; right:20px; padding:14px 18px; color:#fff; background:#174e85; border-radius:12px; font-size:.9rem; }
.monthly-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:28px; }
.monthly-grid article { padding:24px; background:#f3f7fc; border:1px solid #dce6ed; border-radius:16px; }
.monthly-grid i,.monthly-billing i { color:#1263bd; font-size:1.7rem; display:block; margin-bottom:16px; }
.monthly-grid h3,.monthly-billing h3 { font:700 1.1rem "DM Sans",sans-serif; }
.monthly-grid p { font-size:.95rem; margin:0; }
.monthly-note { display:flex; gap:14px; padding:20px; background:#fff8e8; border-radius:12px; color:#725016; }
.monthly-note p { margin:0; }
.monthly-billing { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:30px; border:1px solid #dce6ed; border-radius:18px; }
.monthly-billing strong { display:block; color:#1263bd; font-size:2.2rem; }
.monthly-billing span { display:block; margin-top:8px; }
.monthly-billing p { margin:0; }
@media(max-width:767.98px) { .monthly-grid,.monthly-billing { grid-template-columns:1fr; } .monthly-photo img { height:320px; } .site-footer .row { --bs-gutter-x:1.5rem; } }