/* Usage Credit page specific styles */
.fnw-hero, .fnw-intro, .fnw-cta, .fnw-benefits, .fnw-faq, .fnw-tiles, .fnw-card, .fnw-plan-card,
.fnw-steps, .fnw-plan-list, .fnw-checklist { font-family: "Inter", var(--sans); }

/* Desktop: hide horizontal overflow that triggers a scrollbar */
@media (min-width: 901px){
  html, body{
    overflow-x:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  body::-webkit-scrollbar{
    width:0;
    height:0;
  }
}

.fnw-hero{
  background:#f3f4f6;
  padding:32px 16px 0;
  position:relative;
  overflow:hidden;
}
.fnw-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:140px;
  background:#f3f4f6;
  border-radius:18px 18px 0 0;
  z-index:2;
  pointer-events:none;
}
.fnw-hero > *{
  position:relative;
  z-index:3;
}
.fnw-hero-wrap{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:32px;
  align-items:center;
}
@media (max-width: 900px){
  .fnw-hero-wrap{ grid-template-columns:1fr; text-align:center; }
  .fnw-hero-right img{ margin-inline:auto; }
}
.fnw-label{
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:0.15em;
  color:#1e3a8a;
  margin-bottom:6px;
}
.fnw-title{
  font-family:"Outfit","Inter",sans-serif;
  font-size:52px;
  line-height:1.1;
  margin:100px 0 0;
  color:#0f172a;
}
@media (max-width: 900px){
  .fnw-title{ font-size:40px; }
}
.fnw-lede{
  margin:12px 0 20px;
  color:#334155;
  max-width:520px;
}
.fnw-btn-primary,
.fnw-btn-secondary{
  display:inline-block;
  text-decoration:none;
  font-weight:700;
  padding:12px 22px;
  border-radius:999px;
  transition:transform .2s ease, box-shadow .2s ease;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:13px;
}
.fnw-btn-primary{
  background:#3B82F6;
  color:#fff;
  box-shadow:0 10px 25px rgba(59,130,246,.3);
}
.fnw-btn-secondary{
  background:#fff;
  color:#1e3a8a;
  box-shadow:0 10px 25px rgba(15,23,42,.2);
}
.fnw-btn-full{ width:100%; text-align:center; }
.fnw-btn-primary:hover,
.fnw-btn-secondary:hover{
  transform:translateY(-2px);
}
.fnw-hero-right img{
  max-width:460px;
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 15px 35px rgba(15,23,42,.18));
  position:relative;
  z-index:1;
}

.fnw-intro{
  background:#f3f4f6;
  padding:48px 16px 32px;
}
.fnw-intro-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;
  align-items:stretch;
}
@media (max-width: 900px){
  .fnw-intro-grid{
    grid-template-columns:1fr;
    justify-items: center;
  }
  .fnw-highlight-card {
    margin: 0 auto;
    width: 100%;
    max-width: 380px;
  }
}
.fnw-intro .fnw-savings-card{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.fnw-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:20px;
  padding:28px;
  box-shadow:0 25px 55px rgba(15,23,42,.08);
}
.fnw-savings-card h2{
  font-family:"Outfit","Inter",sans-serif;
  font-size:30px;
  margin:0 0 8px;
  color:#0f172a;
}
.fnw-savings-card p{
  color:#374151;
  margin:0 0 16px;
}
.fnw-lede-text{
  font-size:15px;
  line-height:1.5;
  color:#334155;
}
.fnw-steps-spaced li{
  margin-bottom:16px;
}
.fnw-savings-card h3{
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.2em;
  color:#64748b;
  margin:18px 0 12px;
}
.fnw-steps{
  margin:0;
  padding-left:0px;
  color:#0f172a;
}
.fnw-steps li{
  margin-bottom:12px;
}
.fnw-plan-card{
  text-align:left;
}
.fnw-pill{
  background:#1e3a8a;
  color:#fff;
  padding:10px 16px;
  border-radius:999px;
  font-weight:700;
  font-size:13px;
  letter-spacing:.05em;
  text-align:center;
  margin-bottom:16px;
}
.fnw-plan-header{
  font-family:"Outfit","Inter",sans-serif;
  font-size:24px;
  color:#0f172a;
  margin-bottom:14px;
  text-align:center;
}
.fnw-plan-list{
  list-style:none;
  padding:0;
  margin:0 0 18px;
  display:grid;
  gap:10px;
}
.fnw-plan-list li{
  position:relative;
  padding-left:28px;
  color:#0f172a;
}
.fnw-plan-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:18px;
  height:18px;
  background:url("https://23263666.fs1.hubspotusercontent-na1.net/hubfs/23263666/karma/Body%20Copy%20Bullet%20Check%20Icon.png") center/contain no-repeat;
}
.fnw-highlight-card{
  background:#fff6e9;
  border:1px solid #f2dfc8;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
  border-radius:18px;
  padding:18px 20px 12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:380px;
  align-self:stretch;
  height:100%;
}
.fnw-highlight-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:16px;
  color:#0f172a;
  font-size:15px;
  line-height:1.5;
  flex:1;
}
.fnw-highlight-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eedfc0;
}
.fnw-highlight-list li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.fnw-highlight-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#eaf7ef url("https://23263666.fs1.hubspotusercontent-na1.net/hubfs/23263666/karma/Summary%20Bullet%20Icon.png") center/12px 12px no-repeat;
  color:transparent;
  font-weight:700;
  flex-shrink:0;
  font-size:13px;
  margin-top:2px;
}

.fnw-plan-section{
  padding:48px 16px;
  background:linear-gradient(to top, #1e3a8a 0%, #1e3a8a 50%, #f3f4f6 50%, #f3f4f6 100%);
}
.fnw-plan-head{
  max-width:820px;
  margin:0 auto 32px;
  text-align:center;
  width:100%;
  padding:0 16px;
  box-sizing:border-box;
}
.fnw-plan-kicker{
  text-transform:uppercase;
  letter-spacing:.35em;
  font-size:12px;
  color:#1e3a8a;
  margin:0 0 10px;
  font-weight:700;
}
.fnw-plan-head h2{
  font-family:"Outfit","Inter",sans-serif;
  font-size:34px;
  margin:0 auto 10px;
  color:#0f172a;
  text-align:center;
}
.fnw-plan-lede{
  margin:0 auto 60px;
  color:#475569;
  text-align:center;
}
.fnw-plan-grid{
  max-width:1100px;
  margin:16px auto 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  width:100%;
}

/* Force plan card inner layout to stay in a row */
.uc-plan-card-inner{
  flex-direction:row;
}

/* Mobile: prevent plan card overflow without touching existing layout */
@media (max-width: 700px){
  .uc-plan-card-new{
    overflow:hidden;
  }
  .uc-plan-card-inner,
  .uc-plan-card-left,
  .uc-plan-card-right{
    min-width:0;
  }
  .uc-plan-card-right{
    overflow:hidden;
  }
}
@media (min-width: 900px){
  .fnw-plan-grid{
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  }
}
.fnw-plan-card-new{
  width:100%;
  max-width:336.6px;
  min-height:280px;
  background:#fff;
  box-shadow:0 2px 4px -2px rgba(0,0,0,0.10);
  overflow:hidden;
  border-radius:8px;
  outline:0.5px solid #d9d9d9;
  outline-offset:-0.5px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.fnw-plan-card-top{
  width:100%;
  min-height:35px;
  display:flex;
  align-items:stretch;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  overflow:hidden;
}
.fnw-plan-card-title{
  flex:0 0 187px;
  padding:0 16px;
  background:#bfdbfe;
  display:flex;
  align-items:center;
  color:#1f2937;
  font-size:14px;
  font-family:"Inter", var(--sans);
  font-weight:600;
  line-height:20px;
}
.fnw-plan-card-term{
  flex:1 1 auto;
  padding:0 16px;
  background:#3b82f6;
  display:flex;
  align-items:center;
  color:#fff;
  font-size:14px;
  font-family:"Inter", var(--sans);
  font-weight:600;
  line-height:20px;
}
.fnw-plan-card-body{
  width:100%;
  min-height:140px;
  background:#fff;
  display:flex;
}
.fnw-plan-card-inner{
  display:flex;
  align-items:center;
  width:100%;
}
.fnw-plan-card-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:186px;
  padding:8px;
  background:#fff;
  flex-shrink:0;
}
.fnw-plan-card-logo{
  max-height:48px;
  width:100%;
  padding:0 4px 8px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.fnw-plan-card-logo img{
  width:auto;
  height:auto;
  max-width:160px;
  max-height:40px;
  display:block;
}
.fnw-plan-card-desc{
  padding-top:8px;
  font-size:10px;
  line-height:14px;
  color:#111827;
  font-family:"Inter", var(--sans);
  text-align:left;
  width:100%;
}
.fnw-plan-card-desc span{
  display:block;
}
.fnw-plan-card-desc span:first-child{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.fnw-plan-card-readmore{
  color:#3b82f6;
  font-weight:700;
  margin-top:2px;
}
.fnw-plan-card-divider{
  width:1px;
  height:75px;
  background:#d9d9d9;
  flex-shrink:0;
}
.fnw-plan-card-right{
  flex:1 1 auto;
  padding:13px 0 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  background:#d4e3ff;
}
.fnw-plan-grid.two-plans .fnw-plan-card-left{
  width:50%;
}
.fnw-plan-grid.two-plans .fnw-plan-card-right{
  flex:1 1 50%;
}
.fnw-plan-card-rate-label{
  color:#263d88;
  font-size:10.26px;
  font-family:"Inter", var(--sans);
  font-weight:700;
  line-height:13.69px;
}
.fnw-plan-card-rate-sub{
  color:#263d88;
  font-size:10.26px;
  font-family:"Inter", var(--sans);
  font-weight:400;
  line-height:13.69px;
}
.fnw-plan-card-rate{
  color:#263d88;
  font-size:30.79px;
  font-family:"Inter", var(--sans);
  font-weight:700;
  line-height:34.21px;
  display:flex;
  align-items:flex-start;
  gap:2px;
}
.fnw-plan-card-cent{
  font-size:23.09px;
  line-height:28.23px;
}
.fnw-plan-card-tags{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;
}
.fnw-plan-card-tag{
  padding:4px 6px;
  border-radius:3.42px;
  font-size:9px;
  font-family:"Inter", var(--sans);
  font-weight:600;
  line-height:10px;
  border:1px solid transparent;
}
.fnw-plan-card-tag-blue{
  color:#3b82f6;
  border-color:#3b82f6;
  background:rgba(59,130,246,0.05);
}
.fnw-plan-card-tag-green{
  color:#44b75e;
  border-color:#44b75e;
  background:rgba(68,183,94,0.05);
}

.fnw-plan-card-cta{
  width:100%;
  padding:19px 20px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.fnw-plan-card-btn{
  width:100%;
  padding:7px 16px;
  background:#3b82f6;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f3f4f6;
  font-size:16px;
  font-family:"Inter", var(--sans);
  font-weight:600;
  line-height:24px;
  text-decoration:none;
}
.fnw-plan-card-phone{
  text-align:center;
  color:#263d88;
  font-size:16px;
  font-family:"Inter", var(--sans);
  font-weight:400;
  line-height:15.37px;
}
.fnw-plan-card-footer{
  width:100%;
  padding:10px 0;
  display:flex;
  justify-content:center;
}
.fnw-plan-card-details{
  background:none;
  border:0;
  color:#3b82f6;
  font-size:10px;
  font-family:"Inter", var(--sans);
  font-weight:400;
  line-height:14px;
  letter-spacing:0.5px;
  cursor:pointer;
}

@media (max-width: 700px){
  .fnw-plan-card-inner{
    flex-direction:row;
    padding:0px;
    gap:12px;
  }
  .fnw-plan-card-left{
    width:auto;
    flex:1 1 0;
    min-width:0;
  }
  .fnw-plan-card-right{
    flex:1 1 0;
    min-width:0;
  }
  .fnw-plan-card-divider{
    width:0px;
    height:100%;
  }
}
.fnw-plan-card-item{
  border:1px solid #dbeafe;
  border-radius:24px;
  padding:24px;
  background:#fff;
  box-shadow:0 25px 60px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.fnw-plan-badge{
  align-self:flex-start;
  padding:6px 12px;
  border-radius:999px;
  background:#dbeafe;
  color:#1d4ed8;
  font-weight:700;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.fnw-plan-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.fnw-plan-logo{
  width:90px;
  height:auto;
  flex-shrink:0;
}
.fnw-plan-supplier{
  margin:0;
  font-weight:700;
  color:#0f172a;
}
.fnw-plan-name{
  margin:4px 0 0;
  color:#475569;
  font-size:14px;
}
.fnw-plan-rate{
  font-size:28px;
  font-weight:700;
  color:#0f172a;
}
.fnw-plan-rate span{
  font-size:36px;
}
.fnw-plan-term{
  margin:0;
  color:#475569;
  font-weight:600;
}
.fnw-plan-points{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
  color:#374151;
  font-size:14px;
}
.fnw-plan-grid .pyg-plan-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.fnw-plan-grid .pyg-plan-list li{
  position:relative;
  padding-left:24px;
  color:#0f172a;
}
.fnw-plan-grid .pyg-plan-list li:before{
  content:"\\2714";
  position:absolute;
  left:0;
  top:0;
  color:#16a34a;
}

.fnw-cta{
  background:#1e3a8a;
  color:#fff;
  padding:72px 16px 64px;
  text-align:center;
  
}
.fnw-cta-card{
  max-width:820px;
  margin:100px auto;
}
.fnw-cta-card h2{
  font-family:"Outfit","Inter",sans-serif;
  font-size:34px;
  line-height:1.3;
  margin:0 0 20px;
}

.fnw-benefits{
  background:linear-gradient(to bottom, #1e3a8a 0%, #1e3a8a 50%, #f3f4f6 50%, #f3f4f6 100%);
  padding:80px 16px;
}
.fnw-benefits .fnw-card{
  max-width:1040px;
  margin:0 auto;
  box-shadow:0 20px 50px rgba(15,23,42,.1);
  border-radius:20px;
  padding:36px;
}
.fnw-benefits h2{
  font-family:"Outfit","Inter",sans-serif;
  font-size:30px;
  margin:0 0 14px;
  color:#0f172a;
}
.fnw-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.fnw-checklist li{
  position:relative;
  padding-left:32px;
  color:#0f172a;
}
.fnw-checklist li:before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:20px;
  height:20px;
  background:url("https://23263666.fs1.hubspotusercontent-na1.net/hubfs/23263666/karma/Body%20Copy%20Bullet%20Check%20Icon.png") center/contain no-repeat;
}

.fnw-faq{
  padding:64px 16px;
  background:#f3f4f6;
}
.fnw-faq h2{
  font-family:"Outfit","Inter",sans-serif;
  font-size:30px;
  margin:60px 0 50px;
  color:#0f172a;
}
.fnw-faq-card{
  max-width:1100px;
  margin:0 auto;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 20px 50px rgba(15,23,42,.08);
  overflow:hidden;
}
.fnw-faq-card details{
  border-bottom:1px solid #e5e7eb;
  padding:18px 24px;
}
.fnw-faq-card details:last-child{ border-bottom:0; }
.fnw-faq-card summary{
  cursor:pointer;
  font-weight:700;
  color:#0f172a;
  position:relative;
  padding-left:28px;
}
.fnw-faq-card summary::-webkit-details-marker{ display:none; }
.fnw-faq-card summary::marker{ content:""; display:none; }
.fnw-faq-card summary::before{
  content:"+";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  color:#1e3a8a;
  font-size:20px;
  font-weight:700;
}
.fnw-faq-card details[open] summary::before{ content:"-"; }
.fnw-faq-card p{
  color:#475569;
  margin:8px 0 0;
  padding-left:28px;
}

.fnw-tiles{
  padding:50px 16px 100px;
  background:#f3f4f6;
}
.fnw-tiles-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
@media (max-width: 900px){
  .fnw-tiles-inner{ grid-template-columns:1fr; }
}
.fnw-tile{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(15,23,42,.08);
  padding:26px;
  text-align:center;
  font-weight:600;
  color:#0f172a;
}
.fnw-tile-link{
  text-decoration:none;
  color:inherit;
  transition:box-shadow .2s ease, transform .2s ease;
}
.fnw-tile-link:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 35px rgba(15,23,42,.12);
}
.fnw-ico{
  display:block;
  margin:0 auto 10px;
}
.fnw-ico img{
  width:40px;
  height:40px;
  display:block;
  margin:0 auto;
}

/* Modern card layout (matches pay-as-you-go updates) */
.fnw-modern-card{
  border-radius:14px !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid #d6dce7 !important;
  box-shadow:0 16px 36px rgba(10,37,64,0.15) !important;
  background:#fff !important;
}
.fnw-modern-top{
  display:flex;
  min-height:46px;
  background:#cfe2ff;
  color:#0f172a;
  font:700 14px/1.2 "Inter", var(--sans);
  border-radius:14px 14px 0 0;
  overflow:hidden;
}
.fnw-modern-title,
.fnw-modern-term{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 10px;
}
.fnw-modern-title{ flex:1 1 60%; }
.fnw-modern-term{
  flex:0 0 40%;
  background:#3b82f6;
  color:#fff;
}
.fnw-modern-body{
  display:grid;
  grid-template-columns:186px 1px 1fr;
  gap:20px;
  padding:24px 22px 18px;
  background:#fff;
  align-items:center;
}
.fnw-modern-col{
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:center;
}
.fnw-modern-col-left{
  text-align:left;
  width:186px;
  background:#fff;
}
.fnw-modern-logo{
  max-width:170px;
  width:100%;
  height:auto;
}
.fnw-modern-copy{
  margin:0;
  color:#0f172a;
  font:400 14px/1.5 "Inter", var(--sans);
}
.fnw-modern-divider{
  width:1px;
  height:100%;
  background:#d7dce5;
}
.fnw-modern-col-right{
  align-items:center;
  text-align:center;
  background:#f7f9fd;
}
.fnw-modern-rate{
  font:700 32px/1 "Outfit","Inter",sans-serif;
  color:#0ea44b;
}
.fnw-modern-cent{
  font-size:22px;
  vertical-align:text-top;
}
.fnw-modern-rate-sub{
  font-size:12px;
  color:#6b7280;
  margin-bottom:10px;
}
.fnw-modern-badge{
  display:inline-block;
  background:#e3f6eb;
  color:#047857;
  padding:8px 14px;
  border-radius:8px;
  font-weight:600;
  margin-bottom:12px;
}
.fnw-modern-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  background:#0b0b0b;
  color:#fff;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  margin-bottom:10px;
}
.fnw-modern-cta:hover{
  background:#111827;
}
.fnw-modern-phone{
  color:#6b7280;
  font-size:12px;
}
.fnw-modern-bottom{
  background:#e6edff;
  padding:10px 14px;
  border-radius:0 0 14px 14px;
}
.fnw-modern-details{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  background:transparent;
  border:0;
  font-weight:700;
  color:#1d4ed8;
  cursor:pointer;
}
.fnw-modern-details .chev{
  transition:transform .2s ease;
}
.fnw-modern-details[aria-expanded="true"] .chev{
  transform:rotate(180deg);
}

@media (max-width: 900px){
  .fnw-modern-body{
    grid-template-columns:1fr;
    text-align:center;
  }
  .fnw-modern-divider{ display:none; }
  .fnw-modern-col-left,
  .fnw-modern-col-right{ align-items:center; }
  .fnw-modern-top{
    flex-direction:column;
    text-align:center;
  }
  .fnw-modern-title,
  .fnw-modern-term{
    width:100%;
    flex:1 1 auto;
  }
}

/* Page section spacing */
.uc-hero{
  padding-bottom:36px;
}
.uc-intro{
  padding-bottom:88px;
}
.uc-plan-section{
  padding-bottom:92px;
}
.uc-cta{
  padding-bottom:104px;
}
.uc-benefits{
  padding-bottom:144px;
}
.uc-faq{
  padding-bottom:88px;
}
.pyg-tiles{
  padding-bottom:96px;
}

/* Page headline/subhead/button spacing */
.uc-label{
  margin-bottom:12px;
}
.uc-title{
  margin-bottom:14px;
}
.uc-lede{
  margin-bottom:28px;
}
.uc-hero-actions{
  margin-top:6px;
}
.pyg-title{
  margin-bottom:28px;
}
.pyg-hero-text{
  margin-bottom:26px;
}
.pyg-intro-copy h2{
  margin-bottom:16px;
}
.pyg-intro-copy h3{
  margin:22px 0 10px;
}
.pyg-cta-wrap h2{
  margin-bottom:28px;
}
.uc-cta-card h2{
  margin-bottom:28px;
}

/* Mobile containment fixes */
@media (max-width: 700px){
  .uc-benefits .uc-card{
    padding:24px 20px;
  }
  .uc-benefits-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .uc-checklist li{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* Keep plan cards in desktop layout on small screens, scaled down for 375px */
@media (max-width: 700px){
  .pyg-plan-card-new{
    max-width:100%;
  }
  .pyg-plan-card-inner{
    flex-direction:row;
    padding:10px;
    gap:10px;
  }
  .uc-plan-card-inner{
    flex-direction:row;
  }
  .pyg-plan-card-left{
    width:auto;
    flex:0 0 48%;
    padding:6px;
  }
  .pyg-plan-card-logo{
    padding:0 2px 6px;
  }
  .pyg-plan-card-logo img{
    max-width:120px;
    max-height:34px;
  }
  .pyg-plan-card-desc{
    font-size:9px;
    line-height:12px;
  }
  .pyg-plan-card-divider{
    width:1px;
    height:100%;
  }
  .pyg-plan-card-right{
    padding:8px 0 10px;
    gap:8px;
  }
  .pyg-plan-card-rate-label,
  .pyg-plan-card-rate-sub{
    font-size:9px;
    line-height:12px;
  }
  .pyg-plan-card-rate{
    font-size:24px;
    line-height:28px;
  }
  .pyg-plan-card-cent{
    font-size:18px;
    line-height:22px;
  }
  .pyg-plan-card-tags{
    gap:3px;
  }
  .pyg-plan-card-tag{
    font-size:8px;
    line-height:9px;
  }
  .pyg-plan-card-cta{
    padding:14px 16px 0;
    gap:10px;
  }
  .pyg-plan-card-btn{
    font-size:14px;
    line-height:20px;
  }
.pyg-plan-card-phone{
  font-size:13px;
  line-height:14px;
}
.uc-plan-card-new{
  max-width:100%;
}
.uc-plan-card-inner{
  flex-direction:row;
}
.uc-plan-card-left{
  flex:1 1 0;
  width:auto;
  min-width:0;
  flex-shrink:1;
}
.uc-plan-card-right{
  flex:1 1 0;
  min-width:0;
  flex-shrink:1;
}
.uc-plan-card-divider{
  width:1px;
  height:100%;
}
}


/* ==========================================================================
   FNW FEATURED CARDS - Responsive layout
   ========================================================================== */

/* Base styles - centered container */
.fnw-plan-grid .featured-carousel-section {
  width: 100% !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

.fnw-plan-grid .featured-swiper {
  width: 100% !important;
  max-width: 1100px !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

.fnw-plan-grid .featured-swiper .swiper-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
  width: 100% !important;
  overflow: visible !important;
  transform: none !important;
}

.fnw-plan-grid .featured-swiper .swiper-slide {
  width: 100% !important;
  max-width: 340px !important;
  height: auto !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
}

/* Hide swiper pagination on FNW page */
.fnw-plan-grid .featured-pagination {
  display: none !important;
}

/* FNW card styling */
.fnw-plan-grid .business-card {
  margin: 30px 0 0 0 !important;
  width: 100% !important;
  max-width: 520px !important;
}

/* Ensure plan pills render above cards */
.fnw-plan-grid .plan-pillbox {
  z-index: 5 !important;
  top: -32px !important;
  display: flex !important;
}

.fnw-plan-grid .plan-pillbox span {
  box-shadow: 0 3px 8px rgba(0,0,0,0.25), 0 1px 3px rgba(0,0,0,0.15) !important;
}

/* Large screens - 3 cards in a row */
@media (min-width: 1100px) {
  .fnw-plan-grid .featured-swiper .swiper-slide {
    width: calc(33.333% - 16px) !important;
    max-width: 340px !important;
  }
}

/* Medium screens - 2 cards in a row */
@media (min-width: 720px) and (max-width: 1099px) {
  .fnw-plan-grid .featured-swiper .swiper-slide {
    width: calc(50% - 12px) !important;
    max-width: 340px !important;
  }
}

/* Small screens - single column */
@media (max-width: 719px) {
  .fnw-plan-grid .featured-swiper .swiper-slide {
    width: 100% !important;
    max-width: 360px !important;
  }

  .fnw-plan-grid .business-card {
    max-width: 360px !important;
  }
}

/* Override default business-card max-width for non-mobile screens */
@media (min-width: 720px) {
  .fnw-plan-grid .business-card {
    max-width: 520px !important;
  }
}

/* ==========================================================================
   MOBILE STYLES FOR FNW PAGE (max-width: 470px)
   ========================================================================== */

@media (max-width: 470px) {
  /* Ensure page doesn't scroll horizontally */
  .fnw-plan-section,
  .fnw-plan-grid,
  .fnw-plan-grid .featured-swiper,
  .fnw-plan-grid .swiper-wrapper {
    overflow-x: hidden !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }

  /* Center the plan section */
  .fnw-plan-section {
    padding: 32px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .fnw-plan-head {
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  .fnw-plan-grid {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }

  .fnw-plan-grid .featured-carousel-section {
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Stack cards vertically on mobile */
  .fnw-plan-grid .featured-swiper {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .fnw-plan-grid .featured-swiper .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transform: none !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 auto !important;
    left: 0 !important;
  }

  .fnw-plan-grid .swiper-slide {
    max-width: 340px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    left: 0 !important;
  }

  .fnw-plan-grid .business-card {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 340px !important;
    overflow: visible !important;
  }

  /* Hide swiper pagination on mobile when stacked */
  .fnw-plan-grid .featured-pagination {
    display: none !important;
  }

  /* Center other page sections */
  .fnw-hero {
    padding: 24px 16px 0 !important;
  }

  .fnw-intro {
    padding: 24px 16px !important;
  }

  .fnw-cta {
    padding: 24px 16px !important;
  }

  .fnw-benefits {
    padding: 24px 16px !important;
  }

  .fnw-faq {
    padding: 24px 16px !important;
  }
}