/* =============================================================
   image-page.css
   AUTO-GENERATED by screenshot-tool/capture.js
   DO NOT EDIT — re-run  node capture.js  to regenerate
   ============================================================= */

/* CSS vars needed by modal.css and mobile-sticky.css */
:root {
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --transition: 0.2s ease;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; }
body { background: #fff; -webkit-user-select: none; user-select: none; }
button { font-family: var(--font); cursor: pointer; }
a { text-decoration: none; color: inherit; }

/* Section wrappers */
.img-section {
  position: relative;
  display: block;
  line-height: 0;
  font-size: 0;
}
.img-section picture,
.img-section img {
  width: 100%;
  display: block;
  height: auto;
}

/* Standard sr-only utility class for accessible labels visible to crawlers but hidden visually */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Transparent overlay buttons */
.overlay {
  position: absolute;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: block;
  overflow: hidden;
  outline-offset: 2px;
}
.overlay:focus-visible {
  outline: 3px solid #e8450a;
  border-radius: 4px;
}

/* Floating call bubble (desktop / tablet only) */
.chat-bubble {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 56px;
  height: 56px;
  background: #003DA5;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 51, 165, 0.35);
  z-index: 9998;
  transition: transform 0.2s ease, background 0.2s;
}
.chat-bubble:hover {
  background: #002d7a;
  transform: scale(1.08);
}

/* Overlay positions (default: desktop >= 1025px) */
.ov--header-phone { top:25.3086%; left:71.1111%; width:18.8889%; height:48.1481%; }
.ov--hero-cta { top:73.7353%; left:42.3503%; width:15.2995%; height:12.1222%; }
.ov--addon-bundles { top:51.7020%; left:21.6667%; width:21.8327%; height:4.1821%; }
.ov--addon-learn { top:89.9824%; left:20.5556%; width:9.5237%; height:4.1821%; }
.ov--addon-mobile-plans { top:89.9824%; left:53.0556%; width:13.9128%; height:4.1821%; }
.ov--cta-main { top:54.1436%; left:38.7598%; width:22.4805%; height:14.3646%; }
.ov--footer-phone { top:20.0759%; left:61.3889%; width:20.2778%; height:16.5538%; }

@media (max-width: 1024px) {
  .ov--header-phone { top:25.3086%; left:71.0938%; width:26.5625%; height:48.1481%; display:block; }
  .ov--hero-cta { top:73.3461%; left:39.2426%; width:21.5149%; height:12.3018%; display:block; }
  .ov--addon-bundles { top:51.7020%; left:10.1563%; width:30.7022%; height:4.1821%; display:block; }
  .ov--addon-learn { top:89.9824%; left:8.5938%; width:13.3926%; height:4.1821%; display:block; }
  .ov--addon-mobile-plans { top:89.9824%; left:54.2969%; width:19.5648%; height:4.1821%; display:block; }
  .ov--cta-main { top:54.1436%; left:34.1934%; width:31.6132%; height:14.3646%; display:block; }
  .ov--footer-phone { top:20.0759%; left:66.0156%; width:28.5156%; height:16.5538%; display:block; }
}

@media (max-width: 768px) {
  .ov--header-phone { top:25.3086%; left:61.4583%; width:35.4167%; height:48.1481%; display:block; }
  .ov--hero-cta { top:71.9717%; left:35.6567%; width:28.6865%; height:15.2881%; display:block; }
  .ov--addon-bundles { top:37.6701%; left:9.3750%; width:81.2500%; height:3.7953%; display:block; }
  .ov--addon-learn { top:66.5844%; left:9.3750%; width:17.8569%; height:3.7953%; display:block; }
  .ov--addon-mobile-plans { top:91.6151%; left:9.3750%; width:26.0864%; height:3.7953%; display:block; }
  .ov--cta-main { top:52.6876%; left:28.9246%; width:42.1509%; height:14.8208%; display:block; }
  .ov--footer-phone { top:55.2306%; left:30.9896%; width:38.0208%; height:12.7140%; display:block; }
}

@media (max-width: 425px) {
  .ov--header-phone { top:25.3731%; left:43.1287%; width:54.0478%; height:47.7612%; display:block; }
  .ov--hero-cta { top:76.7781%; left:24.0809%; width:51.8382%; height:12.6665%; display:block; }
  .ov--addon-bundles { top:42.9377%; left:16.9412%; width:66.1176%; height:3.1052%; display:block; }
  .ov--addon-learn { top:70.9273%; left:16.9412%; width:32.2684%; height:3.1052%; display:block; }
  .ov--addon-mobile-plans { top:78.0471%; left:16.9412%; width:47.1397%; height:3.1052%; display:block; }
  .ov--cta-main { top:56.3745%; left:11.9154%; width:76.1691%; height:12.4644%; display:block; }
  .ov--footer-phone { top:52.5645%; left:15.6471%; width:68.7059%; height:12.1002%; display:block; }
}

@media (max-width: 375px) {
  .ov--header-phone { top:25.3731%; left:35.5458%; width:61.2542%; height:47.7612%; display:block; }
  .ov--hero-cta { top:76.7781%; left:20.6250%; width:58.7500%; height:12.6665%; display:block; }
  .ov--addon-bundles { top:39.9065%; left:19.2000%; width:61.6000%; height:2.8860%; display:block; }
  .ov--addon-learn { top:69.4499%; left:19.2000%; width:36.5708%; height:2.8860%; display:block; }
  .ov--addon-mobile-plans { top:75.8384%; left:19.2000%; width:53.4250%; height:2.8860%; display:block; }
  .ov--cta-main { top:53.7956%; left:12.8000%; width:74.4000%; height:16.4689%; display:block; }
  .ov--footer-phone { top:55.1499%; left:11.0667%; width:77.8667%; height:11.4407%; display:block; }
}

/* Compliance Footer Styling */
.compliance-footer {
  background: #051c2c;
  color: #9ca3af;
  font-family: var(--font);
  font-size: 13px;
  line-height: 1.6;
  padding: 40px 20px;
  border-top: 1px solid #11283a;
  text-align: center;
}
.compliance-footer__content {
  max-width: 1000px;
  margin: 0 auto;
}
.compliance-footer__title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.compliance-footer__disclaimer {
  margin-bottom: 20px;
  text-align: justify;
  font-size: 12px;
}
.compliance-footer__details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  padding: 15px;
  background: #08253a;
  border-radius: 8px;
  color: #e5e7eb;
}
.compliance-footer__details a {
  color: #38bdf8;
  text-decoration: underline;
  font-weight: 600;
}
.compliance-footer__links {
  margin-top: 15px;
}
.compliance-footer__links a {
  color: #e5e7eb;
  text-decoration: none;
  margin: 0 10px;
  transition: color 0.2s;
}
.compliance-footer__links a:hover {
  color: #ffffff;
}
.compliance-footer__links .divider {
  color: #4b5563;
}

@media (max-width: 768px) {
  .compliance-footer__details {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }
}