/* Extracted from shared-hosting-reseller.php style block 1 */
/* =============================================================
   SHARED-HOSTING-RESELLER.PHP — PAGE STYLES
   All inline styles consolidated here. No global overrides.
   ============================================================= */

/* ── Breadcrumb ── */
.ns-breadcrumb{background:rgba(0,0,0,.04);padding:9px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.ns-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:#888}
.ns-breadcrumb a{color:#888;text-decoration:none}
.ns-breadcrumb a:hover{color:var(--color-primary)}

/* ── No underlines on any button ── */
a.btn,a.btn-blue,a.btn-blue2,a.btn-outline,
.comparison-cta,.mobile-card-btn,
.agency-cta-btn-primary,.agency-cta-btn-secondary{text-decoration:none!important}
a.btn:hover,a.btn-blue:hover,a.btn-blue2:hover,a.btn-outline:hover,
.comparison-cta:hover,.mobile-card-btn:hover,
.agency-cta-btn-primary:hover,.agency-cta-btn-secondary:hover{text-decoration:none!important}

/* ── Section badge ── */
.pg-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 18px;background:rgba(0,212,255,.08);
  color:#00b8d9;border-radius:50px;font-size:12px;
  font-weight:800;letter-spacing:1px;text-transform:uppercase;
  border:1px solid rgba(0,212,255,.22);margin-bottom:16px;
  box-shadow:0 2px 10px rgba(0,212,255,.12)!important;
  outline:none!important;
}
.pg-badge i{color:#00d4ff;font-size:12px}

/* ── Section heading accent ── */
.pg-accent{color:#00d4ff;border-bottom:2px solid #00d4ff;padding-bottom:4px}

/* ── Divider ── */
.uh-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin:50px 0 35px}
.uh-divider-line{flex:1;max-width:200px;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:.7}
/* Force cyan — override any red box-shadow/outline from global CSS */
.uh-divider-icon{
  width:40px;height:40px;border-radius:50%;
  background:rgba(0,212,255,.1)!important;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,212,255,.3)!important;
  box-shadow:0 0 12px rgba(0,212,255,.25)!important;
  outline:none!important;
}
.uh-divider-icon i{color:#00d4ff!important;font-size:16px}
.uh-divider-icon img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(76%) sepia(94%) saturate(1352%) hue-rotate(160deg) brightness(101%) contrast(101%)}
.uh-divider-navy .uh-divider-line{background:linear-gradient(90deg,transparent,#0D1F3C,transparent)}
.uh-divider-navy .uh-divider-icon{background:rgba(13,31,60,.08)!important;border-color:rgba(13,31,60,.25)!important;box-shadow:0 0 10px rgba(13,31,60,.12)!important}
.uh-divider-navy .uh-divider-icon i{color:#0D1F3C!important}
@media(max-width:768px){.uh-divider-line{max-width:80px}}

/* =============================================================
   SECTION 1 — HERO
   ============================================================= */
.pg-hero{
  position:relative;
  background-image:url(https://underhost.com/blog/wp-content/uploads/2023/08/line-of-server-cabinets-maintaining-network-in-dat-2021-10-12-03-02-33-utc-scaled.jpg);
  background-size:cover;background-position:center;
  padding:70px 0;overflow:hidden;
}
.pg-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,31,60,.93) 0%,rgba(23,110,165,.78) 55%,rgba(0,212,255,.3) 100%)}
.pg-hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(0,212,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.09) 1px,transparent 1px);
  background-size:40px 40px;opacity:.4;pointer-events:none;
}
.pg-hero .container{position:relative;z-index:5}

.pg-hero-card{
  background:rgba(13,31,60,.72);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(0,212,255,.28);border-radius:22px;
  padding:48px 42px;position:relative;overflow:hidden;
}
.pg-hero-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,#00d4ff,transparent);
}
@keyframes borderGlow{0%,100%{opacity:.5}50%{opacity:1}}
.pg-hero-card::before{animation:borderGlow 3s infinite}

.pg-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 16px;background:rgba(0,212,255,.15);
  color:#00d4ff;border-radius:50px;font-size:12px;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;
  margin-bottom:20px;border:1px solid rgba(0,212,255,.3);
}
.pg-hero h1{color:#fff;font-size:44px;font-weight:800;line-height:1.18;margin-bottom:18px;text-shadow:0 0 22px rgba(0,212,255,.45)}
.pg-hero h1 span{color:#00d4ff}
.pg-hero-sub{color:rgba(255,255,255,.9);font-size:18px;line-height:1.65;margin-bottom:26px}
.pg-hero-bullets{list-style:none;padding:0;margin-bottom:30px}
.pg-hero-bullets li{margin-bottom:13px;color:#fff;font-size:15px;display:flex;align-items:center;gap:10px}
.pg-hero-bullets li i{color:#00d4ff;font-size:16px;flex-shrink:0}
.pg-hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.pg-hero-trust{color:rgba(255,255,255,.65);font-size:13px}
.pg-hero-trust i{color:#00d4ff;margin-right:4px}

.btn-pg-primary{
  background:linear-gradient(90deg,#00d4ff,#0077ff);border:none;
  border-radius:50px;padding:14px 34px;font-weight:700;font-size:16px;
  color:#fff;box-shadow:0 10px 25px rgba(0,212,255,.3);
  display:inline-block;transition:all .3s;
}
.btn-pg-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,212,255,.45);color:#fff}
.btn-pg-outline{
  background:transparent;border:2px solid #00d4ff;
  border-radius:50px;padding:14px 34px;font-weight:700;font-size:16px;
  color:#fff;display:inline-block;transition:all .3s;
}
.btn-pg-outline:hover{background:rgba(0,212,255,.12);color:#fff;transform:translateY(-2px)}

/* Hero right frame */
.pg-hero-frame{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(0,212,255,.2);border-radius:26px;
  padding:18px;display:flex;align-items:center;justify-content:center;
  height:100%;min-height:480px;
}
.pg-hero-frame img{width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}

@media(max-width:991px){
  .pg-hero{padding:55px 0}
  .pg-hero h1{font-size:34px}
  .pg-hero-card{padding:36px 28px}
  .pg-hero-frame{min-height:320px;margin-top:30px}
}
@media(max-width:575px){
  .pg-hero h1{font-size:28px}
  .btn-pg-primary,.btn-pg-outline{width:100%;text-align:center;justify-content:center}
  .pg-hero-frame{display:none}
}

/* =============================================================
   SECTION 2 — WHO THIS IS FOR (4 cards)
   ============================================================= */
.audience-card{
  background:#fff;border:1px solid #e8e8e8;
  border-radius:20px;padding:32px 24px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  height:100%;transition:all .3s ease;
}
.audience-card:hover{border-color:rgba(0,212,255,.4);box-shadow:0 16px 40px rgba(0,212,255,.1);transform:translateY(-4px)}
.audience-icon{
  width:66px;height:66px;background:rgba(0,212,255,.1);
  border-radius:50%;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;
  transition:all .3s;
}
.audience-card:hover .audience-icon{background:linear-gradient(135deg,#00d4ff,#0077ff)}
.audience-icon i{color:#00d4ff;font-size:28px;transition:color .3s}
.audience-card:hover .audience-icon i{color:#fff}
.audience-card h3{font-size:19px;font-weight:700;color:#222;text-align:center;margin-bottom:12px}
.audience-card p{color:#666;font-size:14px;text-align:center;margin-bottom:18px;line-height:1.6}
.audience-list{list-style:none;padding:0;margin:0}
.audience-list li{margin-bottom:9px;color:#555;font-size:14px;display:flex;align-items:center;gap:8px}
.audience-list li i{color:#00d4ff;font-size:13px;flex-shrink:0}

/* =============================================================
   SECTION 3 — WHY AGENCIES CHOOSE UNDERHOST (12-item grid)
   ============================================================= */
.why-block{background:linear-gradient(145deg,#f8fafc,#f0f5fb);border-radius:32px;padding:56px 48px}
@media(max-width:768px){.why-block{padding:36px 24px;border-radius:24px}}

.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px;margin-top:10px}
.feature-item{display:flex;gap:15px;align-items:flex-start;min-width:0}
.feature-icon{
  width:50px;height:50px;background:rgba(0,212,255,.1);
  border-radius:14px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;transition:all .3s ease;
}
.feature-item:hover .feature-icon{background:linear-gradient(135deg,#00d4ff,#0077ff);transform:scale(1.06)}
.feature-icon i{font-size:22px;color:#00d4ff;transition:color .3s}
.feature-item:hover .feature-icon i{color:#fff}
.feature-content h4{font-weight:700;font-size:15px;color:#333;margin:0 0 5px;line-height:1.4}
.feature-content p{color:#666;font-size:13px;line-height:1.5;margin:0;word-wrap:break-word}
.feature-item:hover{transform:translateX(4px)}
@media(max-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.features-grid{grid-template-columns:1fr}}

/* =============================================================
   SECTION 4 — PRICING PLANS
   ============================================================= */
.plan-card{
  background:#fff;border:1px solid #e4e4e4;
  border-radius:22px;padding:38px 28px;
  position:relative;height:100%;overflow:hidden;
  box-shadow:0 12px 32px rgba(0,0,0,.05);
  transition:box-shadow .3s,transform .3s;
}
.plan-card:hover{box-shadow:0 20px 50px rgba(0,212,255,.12);transform:translateY(-3px)}
.plan-card-top-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00d4ff,#0077ff)}
.plan-card-popular{
  border:2px solid #00d4ff;
  box-shadow:0 18px 44px rgba(0,212,255,.18);
  transform:scale(1.02);overflow:visible!important;
}
.plan-card-popular:hover{transform:scale(1.02) translateY(-4px)}
.popular-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:#00d4ff;color:#0D1F3C;
  padding:5px 22px;border-radius:40px;font-weight:800;
  font-size:12px;letter-spacing:1px;text-transform:uppercase;
  z-index:20;box-shadow:0 5px 15px rgba(0,212,255,.4);
  white-space:nowrap;border:2px solid #fff;
}
.plan-name{font-size:23px;font-weight:700;color:#222;margin:8px 0 5px}
.plan-sub{color:#666;margin-bottom:16px;font-size:14px}
.plan-price{font-size:46px;font-weight:800;color:#00d4ff;line-height:1}
.plan-price span{font-size:16px;font-weight:400;color:#666}
.plan-features{list-style:none;padding:0;margin:20px 0 28px}
.plan-features li{margin-bottom:11px;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#444}
.plan-features li i{color:#00d4ff;font-size:15px;flex-shrink:0;margin-top:1px}
.plan-btn{
  background:linear-gradient(90deg,#00d4ff,#0077ff);border:none;
  border-radius:50px;padding:13px;width:100%;font-weight:600;
  font-size:15px;color:#fff;text-decoration:none;
  display:block;text-align:center;
  box-shadow:0 8px 20px rgba(0,212,255,.25);transition:all .3s;
}
.plan-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,212,255,.4);color:#fff}

/* Add-ons bar */
.addons-bar{
  background:linear-gradient(90deg,rgba(0,212,255,.05),rgba(0,119,255,.05));
  border-radius:60px;padding:22px 32px;
  display:flex;flex-wrap:wrap;gap:26px;justify-content:center;
  border:1px solid rgba(0,212,255,.2);margin-bottom:16px;
}
.addon-item{display:inline-flex;align-items:center;gap:7px;color:#333;font-size:14px}
.addon-item i,.addon-item strong{color:#00d4ff}
.annual-note{color:#666;font-size:15px;margin-top:12px}
.annual-note i{margin-right:7px;color:#00d4ff}
@media(max-width:768px){.plan-card-popular{transform:scale(1)!important}}
@media(max-width:480px){.addons-bar{flex-direction:column;align-items:center;text-align:center;border-radius:20px}}

/* =============================================================
   SECTION 5 — DESIGN & DEVELOPMENT SERVICES
   ============================================================= */
.service-card{
  background:#fff;border-radius:22px;padding:38px 28px;
  box-shadow:0 12px 32px rgba(0,0,0,.05);
  height:100%;border:1px solid #e8e8e8;
  transition:all .3s;text-align:center;
}
.service-card:hover{border-color:rgba(0,212,255,.35);box-shadow:0 20px 50px rgba(0,212,255,.1);transform:translateY(-4px)}
.service-icon{
  width:76px;height:76px;background:rgba(0,212,255,.08);
  border-radius:50%;margin:0 auto 22px;
  display:flex;align-items:center;justify-content:center;
  transition:all .3s;
}
.service-card:hover .service-icon{background:linear-gradient(135deg,#00d4ff,#0077ff)}
.service-icon i{color:#00d4ff;font-size:32px;transition:color .3s}
.service-card:hover .service-icon i{color:#fff}
.service-card h3{font-size:22px;font-weight:700;margin-bottom:4px}
.service-price{font-size:30px;font-weight:800;color:#00d4ff;margin:14px 0 4px}
.service-cadence{color:#888;font-size:13px;margin-bottom:18px}
.service-list{list-style:none;padding:0;margin-bottom:24px;text-align:left}
.service-list li{margin-bottom:9px;display:flex;align-items:center;gap:8px;font-size:14px;color:#555}
.service-list li i{color:#00d4ff;flex-shrink:0}
.service-btn{
  display:block;text-align:center;padding:13px;
  background:linear-gradient(135deg,#00d4ff,#0077ff);
  color:#fff;border-radius:50px;text-decoration:none;
  font-weight:600;font-size:14px;transition:all .3s;
}
.service-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,212,255,.35);color:#fff}

/* =============================================================
   SECTION 6 — TECHNICAL SEO SERVICES
   ============================================================= */
.seo-card{
  background:#f8fafc;border-radius:22px;padding:38px 28px;
  height:100%;border:1px solid #e8e8e8;
  transition:all .3s;
}
.seo-card:hover{border-color:rgba(0,212,255,.35);box-shadow:0 16px 40px rgba(0,212,255,.08);transform:translateY(-4px)}
.seo-card-icon{font-size:38px;color:#00d4ff;margin-bottom:18px;display:block}
.seo-card h3{font-size:21px;font-weight:700;margin-bottom:4px}
.seo-price{font-size:30px;font-weight:800;color:#00d4ff;margin:12px 0 3px}
.seo-cadence{color:#888;font-size:13px;margin-bottom:16px}
.seo-list{list-style:none;padding:0;margin-bottom:22px}
.seo-list li{margin-bottom:9px;display:flex;align-items:center;gap:8px;font-size:14px;color:#555}
.seo-list li i{color:#00d4ff;flex-shrink:0}

/* =============================================================
   SECTION 7 — COMPARISON TABLE
   ============================================================= */
.comparison-table-desktop{display:block}
.comparison-table-wrapper{
  background:#fff;border-radius:28px;
  box-shadow:0 24px 56px rgba(0,0,0,.07);
  border:1px solid rgba(0,212,255,.15);
  overflow-x:auto;margin:16px 0 28px;
  -webkit-overflow-scrolling:touch;
}
.comparison-table{width:100%;border-collapse:collapse;min-width:760px}

/* Header row */
.comparison-table thead tr{background:#f0f8ff}
.comparison-table th{
  padding:26px 20px;text-align:left;
  border-bottom:3px solid #00d4ff;
  font-size:16px;font-weight:700;color:#333;vertical-align:middle;
}
.comparison-table th i{font-size:20px;margin-right:8px;vertical-align:middle}

/* UnderHost column — highlighted throughout */
.underhost-column{
  background:linear-gradient(180deg,#e6f7fd,#f0faff)!important;
  border-left:2px solid rgba(0,212,255,.4);
  border-right:2px solid rgba(0,212,255,.4);
}
.table-header-highlight{position:relative;padding-right:120px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.table-badge{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  background:linear-gradient(135deg,#00d4ff,#0077ff);color:#fff;
  font-size:10px;font-weight:800;padding:4px 12px;border-radius:50px;
  letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;
}
.reseller-column i,.vps-column i{color:#ff9800}
.underhost-column i{color:#00d4ff}

/* Body rows */
.comparison-table tbody tr:nth-child(even){background:#fafafa}
.comparison-table tbody tr:nth-child(even) .underhost-cell{background:rgba(0,212,255,.06)!important}
.comparison-table tbody tr:nth-child(odd) .underhost-cell{background:rgba(0,212,255,.03)!important}
.comparison-table td{
  padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);
  font-size:14px;color:#444;vertical-align:middle;
}
.comparison-table tr:last-child td{border-bottom:none}
.feature-name{
  font-weight:700;color:#222;background:#f8f9fa!important;
  width:22%;border-right:1px solid #eee;font-size:13px;
}
.underhost-cell{
  border-left:2px solid rgba(0,212,255,.3)!important;
  border-right:2px solid rgba(0,212,255,.3)!important;
  font-weight:600;color:#0D1F3C;
}
.reseller-cell,.vps-cell{color:#555}

/* Icon colors */
.comparison-table td i{width:20px;margin-right:7px;font-size:14px}
.fa-check-circle{color:#00c896!important}
.fa-times-circle{color:#e53e3e!important}
.fa-minus-circle{color:#ff9800!important}
.fa-clock,.fa-tools,.fa-bolt{color:#ff9800!important}

/* Footer CTA */
.table-footer{
  padding:24px 20px!important;
  background:linear-gradient(90deg,rgba(0,212,255,.07),rgba(0,119,255,.05));
  text-align:center;border-top:2px solid rgba(0,212,255,.15)!important;
}
.comparison-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 36px;background:linear-gradient(135deg,#00d4ff,#0077ff);
  color:#fff;border-radius:60px;font-weight:700;font-size:15px;
  box-shadow:0 8px 22px rgba(0,212,255,.3);transition:all .3s;
}
.comparison-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,212,255,.4);color:#fff}
.comparison-footer{
  text-align:center;margin-top:20px;padding:16px 24px;
  background:rgba(0,212,255,.04);border-radius:60px;
  border:1px dashed rgba(0,212,255,.3);color:#333;font-size:14px;
}
.comparison-footer i{margin-right:7px;color:#00c896}

/* Mobile cards */
.comparison-mobile-cards{display:none}
.mobile-card{background:#fff;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.05);border:1px solid rgba(0,212,255,.15)}
.mobile-card-featured{border:2px solid #00d4ff;box-shadow:0 14px 38px rgba(0,212,255,.15);background:linear-gradient(145deg,#fff,#f0faff)}
.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid rgba(0,212,255,.2)}
.mobile-card-title{display:flex;align-items:center;gap:10px}
.mobile-card-title i{font-size:24px;color:#00d4ff}
.mobile-card-title h3{font-size:19px;font-weight:700;color:#333;margin:0}
.mobile-card-badge{background:linear-gradient(135deg,#00d4ff,#0077ff);color:#fff;font-size:10px;font-weight:800;padding:4px 11px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase}
.mobile-card-list{list-style:none;padding:0;margin:0 0 18px}
.mobile-card-list li{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px dashed rgba(0,0,0,.05)}
.mobile-card-list li:last-child{border-bottom:none}
.feature-label{font-weight:600;color:#666;font-size:13px}
.feature-value{display:flex;align-items:center;gap:5px;font-size:13px;color:#333;text-align:right}
.feature-value i{font-size:13px;width:16px}
.mobile-card-btn{display:block;text-align:center;padding:13px;background:linear-gradient(135deg,#00d4ff,#0077ff);color:#fff;border-radius:60px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s}
.mobile-card-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,212,255,.3);color:#fff}

@media(max-width:768px){
  .comparison-table-desktop{display:none}
  .comparison-mobile-cards{display:block;margin:16px 0 24px}
  .mobile-card-header{flex-wrap:wrap;gap:8px}
}
@media(max-width:480px){
  .mobile-card{padding:18px}
  .mobile-card-list li{flex-direction:column;gap:4px}
}

/* =============================================================
   SECTION 8 — WHITE-LABEL (already has its own scoped CSS below)
   SECTION 9/10 — PERFORMANCE & SECURITY (2-col layout)
   ============================================================= */
.two-col-visual{background:linear-gradient(145deg,#f8fafc,#fff);border-radius:26px;padding:28px;box-shadow:0 18px 38px rgba(0,0,0,.05);border:1px solid rgba(0,212,255,.1)}
.two-col-visual img{max-width:100%;display:block}
.two-col-stat{background:#f8fafc;padding:14px 18px;border-radius:14px;min-width:130px;text-align:center}
.two-col-stat strong{font-size:30px;font-weight:800;color:#00d4ff;display:block;line-height:1}
.two-col-stat p{color:#666;margin:5px 0 0;font-size:13px;line-height:1.4}
.two-col-list{list-style:none;padding:0;margin-bottom:28px}
.two-col-list li{margin-bottom:16px;display:flex;align-items:flex-start;gap:10px;font-size:15px;color:#444}
.two-col-list li i{color:#00d4ff;font-size:18px;flex-shrink:0;margin-top:2px}
.two-col-quote{background:linear-gradient(90deg,rgba(0,212,255,.05),rgba(0,119,255,.05));border-radius:20px;padding:22px;border-left:4px solid #00d4ff;margin-top:22px}
.two-col-quote p{color:#444;font-size:15px;margin:0;line-height:1.65}
.two-col-quote i.fa-quote-left{color:#00d4ff;font-size:18px;margin-right:7px;opacity:.7}

/* =============================================================
   SECTION 11 — MIGRATION (already has its own scoped CSS below)
   =============================================================
   SECTION 12 — FAQ
   ============================================================= */
.faq-item{margin-bottom:22px;border-bottom:1px solid rgba(0,212,255,.18);padding-bottom:18px;transition:all .3s ease}
.faq-item h4{font-size:17px;font-weight:700;color:#0D1F3C;margin-bottom:10px;display:flex;align-items:center;gap:8px;cursor:pointer}
.faq-item h4 i{color:#00d4ff;font-size:8px;flex-shrink:0}
.faq-item p{color:#666;margin-left:18px;line-height:1.7;font-size:14px}
.faq-item:hover{background:rgba(0,212,255,.02);border-left:3px solid #00d4ff;padding-left:10px}
.faq-item:hover h4{color:#00d4ff}
@media(max-width:768px){.faq-item p{font-size:14px}}

/* =============================================================
   SECTION 13 — FINAL CTA
   ============================================================= */
.final-cta-section{
  position:relative;overflow:hidden;margin-top:50px;
  background:linear-gradient(145deg,#0D1F3C,#176EA5,#00d4ff);
  background-size:200% 200%;
  animation:ctaGradientShift 10s ease infinite;
  padding:80px 0;color:#fff;
}
@keyframes ctaGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.final-cta-section h2{font-size:46px;font-weight:700;margin-bottom:18px;text-shadow:0 5px 15px rgba(0,0,0,.25);color:#fff;line-height:1.2}
.final-cta-section p.cta-sub{font-size:22px;margin-bottom:28px;opacity:.95;color:#fff}
.trust-badges{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.trust-badge{
  background:rgba(13,31,60,.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  padding:9px 20px;border-radius:60px;
  border:1px solid rgba(0,212,255,.4);
  color:#fff;font-size:13px;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
  transition:all .3s;
}
.trust-badge:hover{transform:translateY(-2px);background:rgba(13,31,60,.7);border-color:#00d4ff}
.trust-badge i{color:#00d4ff;font-size:14px}
.cta-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.agency-cta-btn-primary{
  background:#fff;color:#0D1F3C;border:none;border-radius:60px;
  padding:15px 46px;font-weight:700;font-size:17px;
  box-shadow:0 14px 24px rgba(0,0,0,.18);
  display:inline-flex;align-items:center;gap:8px;transition:all .3s;
}
.agency-cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 30px rgba(0,0,0,.28);background:#f0f0f0;color:#0D1F3C}
.agency-cta-btn-secondary{
  background:transparent;border:2px solid #fff;border-radius:60px;
  padding:15px 46px;font-weight:700;font-size:17px;color:#fff;
  display:inline-flex;align-items:center;gap:8px;transition:all .3s;
}
.agency-cta-btn-secondary:hover{background:#fff;color:#0D1F3C;transform:translateY(-3px);box-shadow:0 20px 30px rgba(0,0,0,.18)}
.cta-footer-note{margin-top:18px;opacity:.9;font-size:15px;color:#fff}
.cta-footer-small{margin-top:8px;opacity:.65;font-size:13px;color:#fff}
.cta-footer-note i,.cta-footer-small i{color:#00d4ff;margin-right:5px}
@media(max-width:768px){
  .final-cta-section h2{font-size:30px}
  .final-cta-section p.cta-sub{font-size:18px}
  .agency-cta-btn-primary,.agency-cta-btn-secondary{padding:14px 28px;font-size:15px;width:100%;justify-content:center}
}

/* =============================================================
   AGENCY WHITE-LABEL SECTION (Section 8) — scoped variables
   ============================================================= */
.agency-whitelabel-section{
  --uh-navy:#0D1F3C;--uh-electric:#00D4FF;--uh-cta-blue:#0077FF;
  position:relative;overflow:hidden;margin-top:80px;padding:80px 0;
  background:linear-gradient(145deg,#0D1F3C,#176EA5,#00d4ff);
  background-size:200% 200%;animation:wlGradient 15s ease infinite;color:#fff;width:100%;
}
@keyframes wlGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.agency-whitelabel-section .agency-bg-glow{position:absolute;top:-20%;right:-10%;width:80%;height:80%;background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%);filter:blur(70px);animation:wlPulse 8s ease-in-out infinite;pointer-events:none}
.agency-whitelabel-section .agency-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;animation:wlGridFloat 20s linear infinite}
@keyframes wlPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}
@keyframes wlGridFloat{0%{transform:translateY(0)}100%{transform:translateY(-25px)}}
.agency-whitelabel-card{background:rgba(13,31,60,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:48px;padding:64px 56px;border:1px solid rgba(0,212,255,.25);box-shadow:0 40px 80px rgba(0,0,0,.3),0 0 0 1px rgba(0,212,255,.1);position:relative;overflow:hidden}
.agency-whitelabel-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);animation:wlCardGlow 10s ease-in-out infinite;pointer-events:none}
@keyframes wlCardGlow{0%,100%{opacity:.3;transform:translate(0,0)}50%{opacity:.6;transform:translate(-15px,-15px)}}
.agency-whitelabel-section .agency-kicker{margin-bottom:22px}
.agency-whitelabel-section .agency-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(0,212,255,.3);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:#fff;transition:all .3s}
.agency-whitelabel-section .agency-pill:hover{transform:translateY(-3px);border-color:var(--uh-electric)}
.agency-whitelabel-section .agency-pill i{color:var(--uh-electric);font-size:15px}
.agency-whitelabel-section .agency-title{font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0 0 22px;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.3)}
.agency-whitelabel-section .agency-accent{color:var(--uh-electric);position:relative;display:inline-block;text-shadow:0 0 25px rgba(0,212,255,.5)}
.agency-whitelabel-section .agency-accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--uh-electric),transparent);animation:wlAccent 2s ease-in-out infinite}
@keyframes wlAccent{0%,100%{width:60%;left:20%}50%{width:90%;left:5%}}
.agency-whitelabel-section .agency-subtitle{max-width:760px;margin:0 auto;color:rgba(255,255,255,.85);font-size:18px;line-height:1.7}
.agency-feature-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);border-radius:36px;padding:42px 28px 38px;height:100%;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.9,.3,1)}
.agency-feature-card:hover{transform:translateY(-10px);border-color:var(--uh-electric);box-shadow:0 40px 70px rgba(0,0,0,.4),0 0 40px rgba(0,212,255,.3);background:rgba(255,255,255,.08)}
.agency-feature-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}
.agency-feature-card:hover .agency-feature-shine{opacity:.5}
.agency-feature-icon{width:84px;height:84px;border-radius:30px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(0,119,255,.15));border:1px solid rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 26px;box-shadow:0 18px 32px rgba(0,0,0,.2),0 0 22px rgba(0,212,255,.2);transition:all .3s}
.agency-feature-card:hover .agency-feature-icon{transform:scale(1.1) rotate(3deg);border-color:var(--uh-electric);box-shadow:0 24px 44px rgba(0,0,0,.3),0 0 38px rgba(0,212,255,.4)}
.agency-feature-icon i{font-size:38px;color:var(--uh-electric);filter:drop-shadow(0 0 12px rgba(0,212,255,.5))}
.agency-feature-title{font-size:22px;font-weight:700;margin-bottom:16px;color:#fff;text-align:center;line-height:1.3}
.agency-feature-desc{color:rgba(255,255,255,.75);font-size:15px;line-height:1.7;text-align:center;margin:0}
.agency-footer-note{margin:54px auto 0;padding:22px 36px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.25);border-radius:70px;display:inline-flex;align-items:center;gap:16px;max-width:90%}
.agency-footer-note i{color:var(--uh-electric);font-size:24px}
.agency-footer-note span{color:#fff;font-size:16px;font-weight:500}
@media(max-width:991px){.agency-whitelabel-card{padding:48px 36px;border-radius:40px}.agency-feature-card{margin-bottom:22px}}
@media(max-width:768px){.agency-whitelabel-card{padding:36px 22px;border-radius:32px}.agency-whitelabel-section .agency-title{font-size:32px}.agency-footer-note{flex-direction:column;text-align:center;padding:22px;border-radius:40px}}
@media(max-width:480px){.agency-whitelabel-card{padding:28px 18px}.agency-footer-note{padding:18px}}
@media(prefers-reduced-motion:reduce){.agency-whitelabel-section,.agency-whitelabel-section .agency-bg-glow,.agency-whitelabel-section .agency-bg-grid,.agency-whitelabel-card,.agency-feature-card{animation:none!important;transition:none!important}.agency-feature-card:hover{transform:none}}

/* =============================================================
   AGENCY MIGRATION SECTION (Section 11) — scoped variables
   ============================================================= */
.agency-migration-2026{
  --uh-navy:#0D1F3C;--uh-blue:#176EA5;--uh-electric:#00D4FF;--uh-cta-blue:#0077FF;
  --uh-text:#1F2937;--uh-muted:#6B7280;
  background:linear-gradient(145deg,#0D1F3C,#176EA5,#00d4ff);
  background-size:200% 200%;animation:migGradient 15s ease infinite;
  position:relative;overflow:hidden;margin-top:80px;
  padding:clamp(70px,10vw,110px) 0;
}
@keyframes migGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.agency-migration-2026 .agency-bg-glow{position:absolute;top:-20%;right:-10%;width:80%;height:80%;background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%);filter:blur(70px);animation:migPulse 8s ease-in-out infinite;pointer-events:none}
.agency-migration-2026 .agency-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;animation:migGridFloat 25s linear infinite}
@keyframes migPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}
@keyframes migGridFloat{0%{transform:translateY(0)}100%{transform:translateY(-25px)}}
.agency-wrap{max-width:1280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.agency-content-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:52px;padding:64px 56px;box-shadow:0 40px 80px rgba(0,0,0,.18),0 0 0 1px rgba(0,212,255,.18);border:1px solid rgba(255,255,255,.5)}
.agency-head{text-align:center;margin-bottom:56px}
.agency-kicker{margin-bottom:22px}
.agency-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 22px;border-radius:999px;background:linear-gradient(90deg,rgba(0,212,255,.1),rgba(0,119,255,.1));border:1px solid rgba(0,212,255,.3);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--uh-navy);box-shadow:0 5px 18px rgba(0,212,255,.15);transition:all .3s}
.agency-pill:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,212,255,.25);border-color:var(--uh-electric)}
.agency-pill i{color:var(--uh-electric);font-size:15px}
.agency-title{margin:18px 0;font-size:clamp(38px,5.5vw,54px);line-height:1.1;letter-spacing:-.02em;color:var(--uh-navy);font-weight:700}
.agency-accent{color:var(--uh-electric);position:relative;display:inline-block;text-shadow:0 0 20px rgba(0,212,255,.3)}
.agency-accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--uh-electric),transparent);animation:migAccent 2s ease-in-out infinite}
@keyframes migAccent{0%,100%{width:50%;left:25%}50%{width:80%;left:10%}}
.agency-subtitle{max-width:700px;margin:0 auto;color:var(--uh-muted);font-size:18px;line-height:1.65}
.agency-subtitle strong{color:var(--uh-navy);font-weight:700}

/* Timeline */
.agency-timeline{list-style:none;padding:0;margin:0 0 46px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}
.agency-timeline::before{content:"";position:absolute;left:5%;right:5%;top:42px;height:3px;background:linear-gradient(90deg,transparent,var(--uh-electric),var(--uh-cta-blue),var(--uh-electric),transparent);pointer-events:none;z-index:0;box-shadow:0 0 22px var(--uh-electric);animation:migRail 3s ease-in-out infinite}
@keyframes migRail{0%,100%{opacity:.5}50%{opacity:1}}
.agency-step{position:relative;z-index:1}
.agency-stepCard{background:#fff;border:1px solid rgba(0,212,255,.2);border-radius:26px;padding:30px 22px 24px;box-shadow:0 22px 42px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.9,.3,1);height:100%;display:flex;flex-direction:column}
.agency-step-progress{position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--uh-electric),var(--uh-cta-blue));transition:width .6s ease}
.agency-stepCard:hover{transform:translateY(-10px);border-color:var(--uh-electric);box-shadow:0 38px 68px rgba(0,212,255,.18),0 14px 22px rgba(0,0,0,.08)}
.agency-stepCard:hover .agency-step-progress{width:100%}
.agency-stepTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.agency-stepIcon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--uh-electric),var(--uh-cta-blue));box-shadow:0 10px 22px rgba(0,212,255,.3);transition:all .3s}
.agency-stepCard:hover .agency-stepIcon{transform:scale(1.05) rotate(2deg)}
.agency-stepNum{font-weight:800;font-size:19px;color:#fff}
.agency-stepBadge{font-size:12px;padding:6px 14px;border-radius:999px;color:var(--uh-navy);border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.08);white-space:nowrap;font-weight:600;transition:all .3s}
.agency-stepCard:hover .agency-stepBadge{background:rgba(0,212,255,.15);border-color:var(--uh-electric)}
.agency-stepTitle{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--uh-navy)}
.agency-stepDesc{margin:0;color:var(--uh-muted);line-height:1.65;font-size:14px;flex:1}

/* Notice */
.agency-note{margin:36px auto 0;max-width:880px;display:flex;align-items:center;gap:18px;padding:20px 32px;border-radius:70px;background:linear-gradient(90deg,rgba(0,212,255,.05),rgba(0,119,255,.05));border:1px solid rgba(0,212,255,.3);transition:all .4s}
.agency-note:hover{border-color:var(--uh-electric);box-shadow:0 22px 42px rgba(0,212,255,.2)}
.agency-noteIcon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(0,119,255,.1));border:1px solid rgba(0,212,255,.4);color:var(--uh-electric);font-size:18px;flex-shrink:0}
.agency-noteText{margin:0;color:var(--uh-text);line-height:1.65;font-size:15px}
.agency-noteText strong{color:var(--uh-electric);font-weight:700}

/* Included plans */
.agency-included{margin-top:54px;border-radius:36px;border:1px solid rgba(0,212,255,.2);background:rgba(255,255,255,.8);padding:42px 36px;box-shadow:0 28px 56px rgba(0,0,0,.04);transition:all .4s}
.agency-included:hover{border-color:rgba(0,212,255,.4);box-shadow:0 38px 76px rgba(0,212,255,.14)}
.agency-includedHead{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:36px;flex-wrap:wrap}
.agency-includedTitle{margin:0;font-size:26px;font-weight:700;color:var(--uh-navy);position:relative;display:inline-block}
.agency-includedTitle::after{content:'';position:absolute;bottom:-9px;left:0;width:60px;height:3px;background:var(--uh-electric);border-radius:3px}
.agency-includedSub{margin:0;color:var(--uh-muted);font-size:14px;line-height:1.7;max-width:600px}
.agency-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.agency-plan{border-radius:26px;border:1px solid rgba(0,212,255,.15);background:#fff;padding:30px 22px;box-shadow:0 18px 32px rgba(0,0,0,.03);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.9,.3,1)}
.agency-plan:hover{transform:translateY(-8px);border-color:var(--uh-electric);box-shadow:0 28px 56px rgba(0,212,255,.18)}
.agency-planTop{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.agency-planCount{font-weight:900;font-size:48px;line-height:1;letter-spacing:-.03em;color:var(--uh-electric);transition:all .3s}
.agency-plan:hover .agency-planCount{transform:scale(1.1);text-shadow:0 0 28px rgba(0,212,255,.5)}
.agency-planName{font-weight:800;font-size:22px;color:var(--uh-navy);margin-bottom:3px}
.agency-planLabel{font-size:13px;color:var(--uh-muted)}
.agency-planFoot{display:flex;align-items:center;gap:9px;color:var(--uh-text);font-size:14px;border-top:1px solid rgba(0,212,255,.15);padding-top:18px}
.agency-planFoot i{color:var(--uh-electric);font-size:16px}
.agency-plan--featured{border-color:var(--uh-electric);background:linear-gradient(180deg,rgba(0,212,255,.05),#fff);box-shadow:0 0 38px rgba(0,212,255,.18);transform:scale(1.02)}
.agency-plan--featured:hover{transform:scale(1.02) translateY(-8px)}
.agency-planGlow{position:absolute;inset:-100px -100px auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 70%);pointer-events:none}

@media(max-width:1024px){.agency-timeline{grid-template-columns:repeat(2,1fr)}.agency-timeline::before{display:none}.agency-content-container{padding:48px 36px;border-radius:44px}}
@media(max-width:768px){.agency-timeline{grid-template-columns:1fr}.agency-content-container{padding:36px 22px;border-radius:34px}.agency-plans{grid-template-columns:1fr}.agency-note{flex-direction:column;text-align:center;border-radius:36px;padding:22px}.agency-includedHead{flex-direction:column;align-items:flex-start}.agency-included{padding:32px 22px}.agency-plan--featured{transform:scale(1)}}
@media(max-width:480px){.agency-content-container{padding:28px 18px}.agency-included{padding:26px 18px}}
@media(prefers-reduced-motion:reduce){.agency-migration-2026,.agency-migration-2026 .agency-bg-glow,.agency-migration-2026 .agency-bg-grid,.agency-content-container,.agency-step,.agency-plan,.agency-note,.agency-included{animation:none!important;transition:none!important}.agency-stepCard:hover,.agency-plan:hover,.agency-note:hover{transform:none!important}.agency-plan--featured{transform:scale(1)}}

/* =============================================================
   2026 POST-HERO SAAS REFRESH
   Hero stays intact. Everything below it uses alternating bands,
   restrained cards, and explicit contrast rules.
   ============================================================= */
.agency-band{
  position:relative;
  padding-top:64px!important;
  padding-bottom:64px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
  isolation:isolate;
}
.container.agency-band{
  max-width:100%!important;
  width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden;
}
.agency-band-light{
  background:#f6f9fc!important;
}
.agency-band-dark{
  background:
    radial-gradient(circle at 12% 8%, rgba(0,212,255,.16), transparent 32%),
    linear-gradient(160deg,#07111f 0%,#0d1f3c 56%,#081523 100%)!important;
  color:#fff;
}
.container.agency-band > .row,
.container.agency-band > .why-block,
.container.agency-band > .uh-divider{
  max-width:1170px;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:15px;
  padding-right:15px;
}
.container.agency-band > .why-block{
  padding-left:48px;
  padding-right:48px;
}
.agency-band::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
.agency-band-light::before{
  background:
    radial-gradient(circle at 84% 16%, rgba(0,145,214,.08), transparent 30%),
    radial-gradient(circle at 14% 82%, rgba(0,212,255,.06), transparent 28%);
}
.agency-band-dark::before{
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.55;
}
.agency-band .uh-divider{
  margin:0 0 32px;
}
.agency-band-light h2,
.agency-band-light h3,
.agency-band-light .text42,
.agency-band-light .text40,
.agency-band-light .text50{
  color:#0d1f3c!important;
}
.agency-band-light p,
.agency-band-light .text18,
.agency-band-light .text16,
.agency-band-light h4.text24{
  color:#596579!important;
}
.agency-band-light strong{
  color:#0d1f3c!important;
}
.agency-band-dark h2,
.agency-band-dark h3,
.agency-band-dark .text42,
.agency-band-dark .text40,
.agency-band-dark .text50,
.agency-band-dark .feature-content h4{
  color:#fff!important;
}
.agency-band-dark p,
.agency-band-dark .text18,
.agency-band-dark .text16,
.agency-band-dark .feature-content p,
.agency-band-dark .audience-card p,
.agency-band-dark .plan-sub,
.agency-band-dark .service-cadence,
.agency-band-dark .seo-cadence{
  color:rgba(255,255,255,.76)!important;
}
.agency-band-dark strong{
  color:#fff!important;
}
.agency-band-dark .pg-badge{
  background:rgba(0,212,255,.12);
  color:#7ee8ff;
  border-color:rgba(0,212,255,.28);
}
.agency-band-dark .pg-accent{
  color:#00d4ff!important;
  border-bottom-color:#00d4ff;
}

/* Audience and benefits */
.agency-audience-band .audience-card,
.agency-plans-band .plan-card,
.agency-seo-band .seo-card,
.agency-faq-band .faq-item,
.agency-infra-band .wow{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(13,31,60,.10)!important;
  border-radius:14px!important;
  box-shadow:0 18px 46px rgba(13,31,60,.08)!important;
}
.agency-audience-band .audience-card{
  text-align:left;
}
.agency-audience-band .audience-icon{
  margin:0 0 20px;
  border-radius:12px;
}
.agency-audience-band .audience-card h3,
.agency-audience-band .audience-card p{
  text-align:left;
}
.agency-audience-band .audience-list li,
.agency-plans-band .plan-features li,
.agency-seo-band .seo-list li{
  color:#334155!important;
}
.agency-plans-band .plan-features li strong{
  color:#0091d6!important;
}
.agency-plans-band .plan-features li i{
  color:#00c896!important;
}

.agency-why-band .why-block{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(0,212,255,.18);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.agency-why-band .features-grid{
  gap:18px;
}
.agency-why-band .feature-item{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:18px;
  transition:transform .25s ease, background-color .25s ease, border-color .25s ease;
}
.agency-why-band .feature-item:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.10);
  border-color:rgba(0,212,255,.34);
}

/* Plans */
.agency-plans-band .plan-card{
  display:flex;
  flex-direction:column;
  padding:34px 26px;
}
.agency-plans-band .plan-card-popular{
  transform:none;
  border-color:#00d4ff!important;
  box-shadow:0 26px 60px rgba(0,145,214,.18)!important;
}
.agency-plans-band .plan-card-popular:hover{
  transform:translateY(-4px);
}
.agency-plans-band .plan-name{
  color:#0d1f3c;
}
.agency-plans-band .plan-btn,
.agency-services-band .service-btn,
.agency-seo-band .service-btn,
.comparison-cta,
.mobile-card-btn{
  border-radius:10px!important;
  color:#fff!important;
}
.agency-plans-band .addons-bar{
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 44px rgba(13,31,60,.07);
}
.agency-plans-band + .uh-divider{
  display:none;
}

/* Dark services */
.agency-services-band.greybg2{
  background:
    radial-gradient(circle at 84% 12%, rgba(0,212,255,.14), transparent 30%),
    linear-gradient(160deg,#07111f 0%,#0d1f3c 58%,#071523 100%)!important;
}
.agency-services-band .service-card{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  box-shadow:0 24px 56px rgba(0,0,0,.24)!important;
  text-align:left;
}
.agency-services-band .service-icon{
  margin:0 0 22px;
  border-radius:12px;
}
.agency-services-band .service-card h3,
.agency-services-band .service-price{
  color:#fff!important;
}
.agency-services-band .service-list li{
  color:rgba(255,255,255,.82)!important;
}

/* SEO */
.agency-seo-band{
  background:#f6f9fc!important;
}
.agency-seo-band .seo-card{
  background:#fff!important;
}
.agency-seo-band .seo-card-icon{
  width:58px;
  height:58px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,145,214,.10);
}

/* Comparison on a dark business band */
.agency-comparison-band .comparison-table-wrapper,
.agency-comparison-band .mobile-card,
.agency-comparison-band .comparison-footer{
  border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
.agency-comparison-band .comparison-footer{
  background:rgba(255,255,255,.08);
  border-color:rgba(0,212,255,.28);
  color:#fff;
}
.agency-comparison-band .comparison-table th,
.agency-comparison-band .comparison-table td,
.agency-comparison-band .feature-name,
.agency-comparison-band .mobile-card h3,
.agency-comparison-band .feature-label,
.agency-comparison-band .feature-value{
  color:#0d1f3c!important;
}

/* White-label section: reduce the older glossy look */
.agency-whitelabel-section{
  margin-top:0!important;
  padding-top:64px!important;
  padding-bottom:64px!important;
  background:
    radial-gradient(circle at 16% 10%, rgba(0,212,255,.08), transparent 30%),
    linear-gradient(180deg,#f6f9fc 0%,#ffffff 100%)!important;
  animation:none!important;
  color:#0d1f3c!important;
}
.agency-whitelabel-section .agency-bg-glow,
.agency-whitelabel-section .agency-bg-grid{
  display:none!important;
}
.agency-whitelabel-card,
.agency-feature-card{
  border-radius:14px!important;
}
.agency-whitelabel-card{
  background:#fff!important;
  border:1px solid rgba(13,31,60,.10)!important;
  box-shadow:0 24px 60px rgba(13,31,60,.10)!important;
  padding:54px 48px!important;
}
.agency-whitelabel-section .agency-title,
.agency-whitelabel-section .agency-feature-title{
  color:#0d1f3c!important;
  text-shadow:none!important;
}
.agency-whitelabel-section .agency-subtitle,
.agency-whitelabel-section .agency-feature-desc,
.agency-whitelabel-section .agency-footer-note span{
  color:#596579!important;
}
.agency-whitelabel-section .agency-pill,
.agency-whitelabel-section .agency-feature-card,
.agency-whitelabel-section .agency-footer-note{
  background:#fff!important;
  border:1px solid rgba(0,145,214,.14)!important;
  box-shadow:0 18px 44px rgba(13,31,60,.07)!important;
}
.agency-whitelabel-section .agency-pill{
  color:#0d1f3c!important;
}
.agency-whitelabel-section .agency-pill i,
.agency-whitelabel-section .agency-feature-icon i,
.agency-whitelabel-section .agency-footer-note i{
  color:#00d4ff!important;
}

/* Performance and security split sections */
.agency-performance-band .two-col-visual,
.agency-performance-band .two-col-stat,
.agency-performance-band .two-col-quote{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px;
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}
.agency-performance-band .two-col-list li,
.agency-performance-band .two-col-list strong,
.agency-performance-band .two-col-quote p{
  color:rgba(255,255,255,.86)!important;
}
.agency-performance-band .two-col-list strong{
  color:#fff!important;
}
.agency-security-band .two-col-visual,
.agency-security-band .two-col-stat,
.agency-security-band .two-col-quote{
  background:#fff!important;
  border:1px solid rgba(13,31,60,.10);
  border-radius:14px;
  box-shadow:0 18px 46px rgba(13,31,60,.08);
}
.agency-security-band .two-col-list li,
.agency-security-band .two-col-list strong,
.agency-security-band .two-col-quote p{
  color:#334155!important;
}
.agency-security-band .two-col-list strong{
  color:#0d1f3c!important;
}

/* Migration stays dark outside, with a light workflow surface inside */
.agency-migration-2026.agency-band-dark{
  background:
    radial-gradient(circle at 14% 12%, rgba(0,212,255,.16), transparent 32%),
    linear-gradient(160deg,#07111f 0%,#0d1f3c 58%,#071523 100%)!important;
  animation:none!important;
  margin-top:0!important;
}
.agency-migration-2026 .agency-bg-glow,
.agency-migration-2026 .agency-bg-grid{
  display:none;
}
.agency-content-container,
.agency-stepCard,
.agency-included,
.agency-plan{
  border-radius:14px!important;
}
.agency-content-container{
  box-shadow:0 24px 60px rgba(13,31,60,.10)!important;
  background:#fff!important;
  color:#0d1f3c!important;
}
.agency-migration-2026 .agency-title,
.agency-migration-2026 .agency-stepTitle,
.agency-migration-2026 .agency-includedTitle,
.agency-migration-2026 .agency-planName{
  color:#0d1f3c!important;
  text-shadow:none!important;
}
.agency-migration-2026 .agency-subtitle,
.agency-migration-2026 .agency-stepDesc,
.agency-migration-2026 .agency-noteText,
.agency-migration-2026 .agency-includedSub,
.agency-migration-2026 .agency-planLabel,
.agency-migration-2026 .agency-planFoot{
  color:#596579!important;
}
.agency-migration-2026 .agency-subtitle strong,
.agency-migration-2026 .agency-noteText strong{
  color:#0d1f3c!important;
}
.agency-migration-2026 .agency-stepCard,
.agency-migration-2026 .agency-included,
.agency-migration-2026 .agency-plan{
  background:#fff!important;
  color:#0d1f3c!important;
}
.agency-migration-2026 .agency-stepBadge{
  color:#0d1f3c!important;
}

/* FAQ */
.agency-faq-band .faq-item{
  padding:22px 22px 18px;
  margin-bottom:16px;
}
.agency-faq-band .faq-item:hover{
  padding-left:22px;
  border-left:1px solid rgba(13,31,60,.10);
}
.agency-faq-band .faq-item p{
  margin-left:0;
  color:#596579!important;
}
.agency-faq-band .faq-item h4{
  color:#0d1f3c!important;
}

/* Infrastructure footer band */
.agency-infra-band .wow{
  padding:42px 36px;
}

@media(max-width:991px){
  .agency-band{padding-top:54px!important;padding-bottom:54px!important}
  .agency-band .row[style*="display:flex"]{display:block!important}
}
@media(max-width:575px){
  .agency-band{padding-top:42px!important;padding-bottom:42px!important}
  .agency-band .text42,
  .agency-band .text40,
  .agency-band h2[style],
  .final-cta-section h2{font-size:30px!important}
  .agency-audience-band .audience-card,
  .agency-plans-band .plan-card,
  .agency-services-band .service-card,
  .agency-seo-band .seo-card{padding:24px 20px!important}
  .agency-why-band .why-block{padding:28px 18px!important}
}

/* =============================================================
   HARD REDESIGN PASS: replace the weak legacy-looking sections
   with tighter SaaS/business blocks.
   ============================================================= */
.agency-whitelabel-section{
  padding:90px 0!important;
  background:
    radial-gradient(circle at 85% 12%, rgba(0,212,255,.10), transparent 32%),
    linear-gradient(180deg,#f5f9fc 0%,#ffffff 100%)!important;
}
.agency-whitelabel-card{
  max-width:1160px;
  margin:0 auto;
  padding:62px 56px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(13,31,60,.10)!important;
  box-shadow:0 24px 70px rgba(13,31,60,.10)!important;
}
.agency-whitelabel-section .agency-title{
  max-width:820px;
  margin:14px auto 22px!important;
  font-size:clamp(34px,4vw,48px)!important;
  line-height:1.12!important;
}
.agency-whitelabel-section .agency-subtitle{
  max-width:620px;
}
.agency-whitelabel-section .agency-pill{
  padding:9px 18px!important;
  min-width:0!important;
}
.agency-whitelabel-section .agency-feature-card{
  padding:34px 28px!important;
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.agency-whitelabel-section .agency-feature-icon{
  width:68px!important;
  height:68px!important;
  border-radius:16px!important;
  margin-bottom:22px!important;
  box-shadow:none!important;
}
.agency-footer-note{
  max-width:760px!important;
  border-radius:14px!important;
  justify-content:center;
}

.agency-migration-2026{
  padding:105px 0!important;
  scroll-margin-top:110px;
}
.agency-migration-2026 .agency-wrap{
  max-width:1180px!important;
}
.agency-content-container{
  padding:58px 44px!important;
  border-radius:20px!important;
  overflow:hidden;
}
.agency-migration-2026 .agency-head{
  margin-bottom:46px!important;
}
.agency-migration-2026 .agency-title{
  font-size:clamp(34px,4.5vw,48px)!important;
  line-height:1.08!important;
  margin:12px auto 14px!important;
}
.agency-migration-2026 .agency-subtitle{
  color:#5b677a!important;
}
.agency-timeline{
  gap:22px!important;
}
.agency-stepCard{
  min-height:250px;
  padding:30px 22px!important;
  border-radius:14px!important;
}
.agency-stepTitle{
  font-size:19px!important;
}
.agency-note{
  max-width:880px!important;
  border-radius:16px!important;
  background:#eef8ff!important;
}
.agency-included{
  border-radius:18px!important;
}

.final-cta-section{
  margin-top:0!important;
  padding:96px 0!important;
  background:
    radial-gradient(circle at 22% 20%, rgba(0,212,255,.18), transparent 34%),
    linear-gradient(160deg,#07111f 0%,#0d1f3c 58%,#081523 100%)!important;
  animation:none!important;
}
.final-cta-section::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.45;
}
.final-cta-section .container{
  position:relative;
  z-index:2;
  max-width:960px;
}
.final-cta-section h2{
  font-size:clamp(34px,4.5vw,52px)!important;
  line-height:1.12!important;
  margin-bottom:18px!important;
}
.final-cta-section p.cta-sub{
  max-width:640px;
  margin:0 auto 28px!important;
  color:rgba(255,255,255,.82)!important;
}
.final-cta-section .trust-badges{
  margin:0 auto 34px!important;
}
.final-cta-section .trust-badge{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(0,212,255,.22)!important;
  border-radius:12px!important;
  padding:10px 16px!important;
  box-shadow:none!important;
}
.final-cta-section .cta-btns{
  margin-bottom:28px!important;
}
.final-cta-section .agency-cta-btn-primary,
.final-cta-section .agency-cta-btn-secondary{
  border-radius:12px!important;
  min-width:210px;
  justify-content:center;
}
.final-cta-section .cta-footer-note,
.final-cta-section .cta-footer-small{
  color:rgba(255,255,255,.78)!important;
}

.uhv3-infra-section{
  position:relative;
  overflow:hidden;
  padding:90px 0;
  background:
    radial-gradient(circle at 88% 16%, rgba(0,212,255,.10), transparent 32%),
    linear-gradient(180deg,#f6f9fc 0%,#ffffff 100%);
}
.uhv3-infra-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center;
}
.uhv3-infra-copy h2{
  font-size:clamp(34px,4vw,48px);
  line-height:1.12;
  color:#0d1f3c;
  font-weight:800;
  margin:14px 0 18px;
}
.uhv3-infra-copy p{
  color:#5b677a;
  font-size:18px;
  line-height:1.7;
  max-width:640px;
}
.uhv3-infra-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.uhv3-infra-card{
  background:#fff;
  border:1px solid rgba(13,31,60,.10);
  border-radius:14px;
  padding:24px;
  box-shadow:0 18px 46px rgba(13,31,60,.08);
}
.uhv3-infra-card i{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(0,145,214,.10);
  color:#00bfe8;
  font-size:20px;
  margin-bottom:18px;
}
.uhv3-infra-card strong{
  display:block;
  color:#0d1f3c;
  font-size:18px;
  margin-bottom:6px;
}
.uhv3-infra-card span{
  color:#5b677a;
  font-size:14px;
  line-height:1.55;
}

/* Final polish pass: scoped fixes for the redesigned agency sections. */
.agency-whitelabel-redesign{
  padding:96px 0!important;
  background:
    radial-gradient(circle at 8% 18%, rgba(0,212,255,.12), transparent 30%),
    radial-gradient(circle at 92% 12%, rgba(0,119,255,.10), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#ffffff 56%,#f4f8fc 100%)!important;
}
.agency-whitelabel-redesign .agency-bg-glow,
.agency-whitelabel-redesign .agency-bg-grid{
  display:none!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card{
  display:grid!important;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  max-width:1160px!important;
  padding:42px!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,250,255,.82))!important;
  border:1px solid rgba(13,31,60,.10)!important;
  box-shadow:0 28px 70px rgba(13,31,60,.10)!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card::before{
  display:none!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card > .row:first-child{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card > .row:first-child > [class*="col-"]{
  width:auto!important;
  float:none!important;
  margin-left:0!important;
  padding:0!important;
  text-align:left!important;
}
.agency-whitelabel-redesign .agency-kicker{
  margin-bottom:20px!important;
}
.agency-whitelabel-redesign .agency-pill{
  background:#eaf8ff!important;
  border:1px solid rgba(0,190,232,.35)!important;
  color:#0d1f3c!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.agency-whitelabel-redesign .agency-title{
  color:#0d1f3c!important;
  font-size:clamp(34px,3.6vw,48px)!important;
  line-height:1.06!important;
  text-align:left!important;
  text-shadow:none!important;
  margin-bottom:18px!important;
}
.agency-whitelabel-redesign .agency-accent{
  color:#00c8ef!important;
  text-shadow:none!important;
}
.agency-whitelabel-redesign .agency-accent::after{
  display:none!important;
}
.agency-whitelabel-redesign .agency-subtitle{
  color:#5b677a!important;
  max-width:420px!important;
  margin:0!important;
  text-align:left!important;
  font-size:18px!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card > .row:nth-of-type(2){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin:0!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card > .row:nth-of-type(2) > [class*="col-"]{
  width:auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
}
.agency-whitelabel-redesign .agency-feature-card{
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-areas:"icon title" "icon desc"!important;
  column-gap:18px!important;
  align-items:center!important;
  padding:22px!important;
  text-align:left!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(13,31,60,.10)!important;
  box-shadow:0 16px 40px rgba(13,31,60,.07)!important;
  transform:none!important;
}
.agency-whitelabel-redesign .agency-feature-card:hover{
  border-color:rgba(0,190,232,.45)!important;
  box-shadow:0 20px 46px rgba(13,31,60,.10)!important;
}
.agency-whitelabel-redesign .agency-feature-icon{
  grid-area:icon!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8faff,#d6f4ff)!important;
  box-shadow:none!important;
}
.agency-whitelabel-redesign .agency-feature-icon i{
  color:#00c8ef!important;
  font-size:24px!important;
}
.agency-whitelabel-redesign .agency-feature-title{
  grid-area:title!important;
  margin:0 0 6px!important;
  color:#0d1f3c!important;
  text-align:left!important;
  font-size:19px!important;
  line-height:1.25!important;
}
.agency-whitelabel-redesign .agency-feature-desc{
  grid-area:desc!important;
  margin:0!important;
  color:#5b677a!important;
  text-align:left!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.agency-whitelabel-redesign .agency-feature-shine{
  display:none!important;
}
.agency-whitelabel-redesign .agency-whitelabel-card > .text-center{
  grid-column:1 / -1!important;
  text-align:left!important;
}
.agency-whitelabel-redesign .agency-footer-note{
  display:flex!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  margin:4px 0 0!important;
  padding:18px 22px!important;
  border-radius:16px!important;
  background:#eef9ff!important;
  border:1px solid rgba(0,190,232,.25)!important;
  color:#5b677a!important;
  box-shadow:none!important;
}
.agency-whitelabel-redesign .agency-footer-note span{
  color:#5b677a!important;
}
.agency-whitelabel-redesign .agency-footer-note i{
  color:#08c7a3!important;
}

.final-cta-section .trust-badges{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:none!important;
  margin:0 auto 34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.final-cta-section .trust-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 16px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(0,212,255,.28)!important;
  border-radius:12px!important;
  color:#fff!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.final-cta-section .trust-badge i{
  color:#00d4ff!important;
}
.final-cta-section .trust-badge .fa-times-circle{
  color:#ff6b6b!important;
}
@media(max-width:991px){
  .uhv3-infra-grid{grid-template-columns:1fr}
  .agency-whitelabel-card{padding:46px 28px!important}
  .agency-whitelabel-redesign .agency-whitelabel-card{
    grid-template-columns:1fr!important;
    padding:34px!important;
  }
  .agency-whitelabel-redesign .agency-title,
  .agency-whitelabel-redesign .agency-subtitle{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .agency-whitelabel-redesign .agency-whitelabel-card > .row:first-child{
    justify-content:center!important;
  }
  .agency-whitelabel-redesign .agency-whitelabel-card > .row:first-child > [class*="col-"]{
    text-align:center!important;
  }
}
@media(max-width:575px){
  .agency-whitelabel-section,
  .agency-migration-2026,
  .final-cta-section,
  .uhv3-infra-section{padding:64px 0!important}
  .uhv3-infra-cards{grid-template-columns:1fr}
  .agency-whitelabel-redesign .agency-whitelabel-card{
    padding:24px 18px!important;
    border-radius:18px!important;
  }
  .agency-whitelabel-redesign .agency-feature-card{
    grid-template-columns:1fr!important;
    grid-template-areas:"icon" "title" "desc"!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .agency-whitelabel-redesign .agency-feature-title,
  .agency-whitelabel-redesign .agency-feature-desc{
    text-align:center!important;
  }
  .final-cta-section .trust-badge{
    width:100%!important;
    max-width:320px!important;
  }
}

/* =============================================================
   ART DIRECTION PASS: screenshot sections
   Applies only to audience, plans, SEO, and infrastructure blocks.
   ============================================================= */
.agency-audience-band,
.agency-plans-band,
.agency-seo-band,
.uhv3-infra-section{
  --agency-ink:#071527;
  --agency-navy:#0d1f3c;
  --agency-muted:#5f6f85;
  --agency-line:rgba(13,31,60,.12);
  --agency-cyan:#00d4ff;
  --agency-blue:#087cff;
  --agency-green:#18c9a7;
}

.agency-audience-band .uh-divider,
.agency-plans-band .uh-divider,
.agency-seo-band .uh-divider{
  display:none!important;
}

.agency-audience-band,
.agency-plans-band,
.agency-seo-band{
  padding:92px 0!important;
}

.agency-audience-band > .row,
.agency-plans-band > .row,
.agency-seo-band > .container{
  max-width:1180px!important;
}

.agency-audience-band{
  background:
    linear-gradient(135deg,rgba(7,21,39,.96),rgba(13,31,60,.94)),
    radial-gradient(circle at 12% 18%,rgba(0,212,255,.22),transparent 34%)!important;
  color:#fff;
}
.agency-audience-band::before{
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.55!important;
}
.agency-audience-band .pg-badge,
.agency-plans-band .pg-badge,
.agency-seo-band .pg-badge,
.uhv3-infra-section .pg-badge{
  border-radius:10px!important;
  padding:9px 14px!important;
  background:rgba(0,212,255,.10)!important;
  border:1px solid rgba(0,212,255,.28)!important;
  color:#63e6ff!important;
  box-shadow:none!important;
}
.agency-audience-band h2,
.agency-audience-band .text18{
  color:#fff!important;
}
.agency-audience-band h2{
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  letter-spacing:-.02em;
}
.agency-audience-band .text18{
  color:rgba(255,255,255,.72)!important;
}
.agency-audience-band .pg-accent,
.agency-plans-band .pg-accent,
.agency-seo-band .pg-accent,
.uhv3-infra-section .pg-accent{
  color:var(--agency-cyan)!important;
  border:0!important;
  padding-bottom:0!important;
}
.agency-audience-band .row[style*="display:flex"]{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  max-width:1180px!important;
}
.agency-audience-band .row[style*="display:flex"] > [class*="col-"]{
  width:auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
}
.agency-audience-band .audience-card{
  position:relative;
  min-height:330px;
  padding:28px 24px 24px!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}
.agency-audience-band .audience-card::before{
  content:'01';
  position:absolute;
  top:18px;
  right:20px;
  color:rgba(255,255,255,.16);
  font-size:42px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
}
.agency-audience-band .row[style*="display:flex"] > [class*="col-"]:nth-child(2) .audience-card::before{content:'02'}
.agency-audience-band .row[style*="display:flex"] > [class*="col-"]:nth-child(3) .audience-card::before{content:'03'}
.agency-audience-band .row[style*="display:flex"] > [class*="col-"]:nth-child(4) .audience-card::before{content:'04'}
.agency-audience-band .audience-card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,212,255,.42)!important;
  box-shadow:0 34px 76px rgba(0,0,0,.34),0 0 34px rgba(0,212,255,.12)!important;
}
.agency-audience-band .audience-icon{
  width:58px!important;
  height:58px!important;
  margin:0 0 26px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(8,124,255,.12))!important;
  border:1px solid rgba(0,212,255,.24);
}
.agency-audience-band .audience-icon i{
  color:#7eeaff!important;
  font-size:25px!important;
}
.agency-audience-band .audience-card h3{
  color:#fff!important;
  font-size:20px!important;
  margin-bottom:12px!important;
}
.agency-audience-band .audience-card p{
  color:rgba(255,255,255,.68)!important;
}
.agency-audience-band .audience-list{
  margin-top:auto;
  padding-top:8px;
}
.agency-audience-band .audience-list li{
  color:rgba(255,255,255,.82)!important;
  align-items:flex-start;
}
.agency-audience-band .audience-list li i{
  color:var(--agency-green)!important;
  margin-top:4px;
}

.agency-plans-band{
  background:
    radial-gradient(circle at 8% 16%,rgba(0,212,255,.10),transparent 32%),
    linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%)!important;
}
.agency-plans-band h2,
.agency-seo-band h2{
  max-width:860px;
  margin-left:auto!important;
  margin-right:auto!important;
  letter-spacing:-.03em;
}
.agency-plans-band .text18,
.agency-seo-band .text18{
  color:var(--agency-muted)!important;
}
.agency-plans-band .row.topmargin30{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch!important;
  max-width:1180px!important;
}
.agency-plans-band .row.topmargin30 > [class*="col-"]{
  width:auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
}
.agency-plans-band .plan-card{
  position:relative;
  overflow:hidden!important;
  border-radius:20px!important;
  padding:32px 30px 30px!important;
  background:
    linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  border:1px solid var(--agency-line)!important;
  box-shadow:0 24px 62px rgba(13,31,60,.10)!important;
}
.agency-plans-band .plan-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,var(--agency-cyan),var(--agency-blue));
}
.agency-plans-band .plan-card::after{
  content:'';
  position:absolute;
  top:-90px;
  right:-90px;
  width:210px;
  height:210px;
  background:radial-gradient(circle,rgba(0,212,255,.16),transparent 68%);
  pointer-events:none;
}
.agency-plans-band .plan-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 78px rgba(13,31,60,.14)!important;
}
.agency-plans-band .plan-card-popular{
  border-color:rgba(0,212,255,.58)!important;
  transform:translateY(-10px)!important;
  box-shadow:0 34px 84px rgba(0,145,214,.20)!important;
}
.agency-plans-band .plan-card-popular:hover{
  transform:translateY(-14px)!important;
}
.agency-plans-band .popular-badge{
  top:16px!important;
  right:18px!important;
  left:auto!important;
  transform:none!important;
  border:0!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  font-size:11px!important;
  background:linear-gradient(90deg,var(--agency-cyan),var(--agency-blue))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,145,214,.24)!important;
}
.agency-plans-band .plan-name{
  color:var(--agency-navy)!important;
  font-size:24px!important;
  margin-top:22px!important;
}
.agency-plans-band .plan-sub{
  color:var(--agency-muted)!important;
  min-height:22px;
}
.agency-plans-band .plan-price{
  color:var(--agency-cyan)!important;
  font-size:52px!important;
  letter-spacing:-.04em;
}
.agency-plans-band .plan-price span{
  color:var(--agency-muted)!important;
  letter-spacing:0;
}
.agency-plans-band .plan-features{
  margin-top:26px!important;
}
.agency-plans-band .plan-features li{
  padding:10px 0;
  border-bottom:1px solid rgba(13,31,60,.07);
  margin:0!important;
}
.agency-plans-band .plan-features li:last-child{
  border-bottom:0;
}
.agency-plans-band .plan-btn{
  margin-top:auto;
  border-radius:12px!important;
  padding:15px 18px!important;
  font-weight:800!important;
}
.agency-plans-band .addons-bar{
  max-width:1180px;
  margin:28px auto 0!important;
  border-radius:18px!important;
  padding:22px 26px!important;
  justify-content:space-between!important;
}

.agency-seo-band{
  position:relative;
  background:
    radial-gradient(circle at 92% 8%,rgba(0,212,255,.12),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%)!important;
}
.agency-seo-band .row[style*="display:flex"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  max-width:1180px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.agency-seo-band .row[style*="display:flex"] > [class*="col-"]{
  width:auto!important;
  float:none!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
}
.agency-seo-band .seo-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:420px;
  padding:34px 30px 30px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid var(--agency-line)!important;
  box-shadow:0 24px 62px rgba(13,31,60,.09)!important;
  overflow:hidden;
}
.agency-seo-band .seo-card::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--agency-cyan),var(--agency-blue));
}
.agency-seo-band .seo-card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,212,255,.38)!important;
  box-shadow:0 34px 78px rgba(13,31,60,.13)!important;
}
.agency-seo-band .seo-card-icon{
  width:60px!important;
  height:60px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#e9faff,#dff4ff)!important;
  color:#00bfe8!important;
  margin-bottom:24px!important;
}
.agency-seo-band .seo-card h3{
  color:var(--agency-navy)!important;
  font-size:23px!important;
  line-height:1.25!important;
  min-height:58px;
}
.agency-seo-band .seo-price{
  color:var(--agency-cyan)!important;
  font-size:38px!important;
  letter-spacing:-.03em;
}
.agency-seo-band .seo-cadence{
  color:var(--agency-muted)!important;
}
.agency-seo-band .seo-list{
  margin:18px 0 26px!important;
}
.agency-seo-band .seo-list li{
  color:#334155!important;
  padding:7px 0;
  margin:0!important;
}
.agency-seo-band .seo-list li i{
  color:var(--agency-green)!important;
}
.agency-seo-band .service-btn{
  margin-top:auto;
  border-radius:12px!important;
  padding:15px 18px!important;
  font-weight:800!important;
}

.uhv3-infra-section{
  padding:100px 0!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(0,212,255,.20),transparent 32%),
    linear-gradient(145deg,#07111f 0%,#0d1f3c 62%,#071523 100%)!important;
}
.uhv3-infra-section::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.5;
  pointer-events:none;
}
.uhv3-infra-section .container{
  position:relative;
  z-index:2;
}
.uhv3-infra-grid{
  grid-template-columns:.88fr 1.12fr!important;
  gap:34px!important;
}
.uhv3-infra-copy{
  padding:42px;
  border-radius:22px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 74px rgba(0,0,0,.28);
}
.uhv3-infra-copy h2{
  color:#fff!important;
  letter-spacing:-.03em;
}
.uhv3-infra-copy p{
  color:rgba(255,255,255,.72)!important;
}
.uhv3-infra-cards{
  gap:18px!important;
}
.uhv3-infra-card{
  min-height:210px;
  border-radius:18px!important;
  padding:28px!important;
  background:rgba(255,255,255,.095)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.uhv3-infra-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,212,255,.40)!important;
}
.uhv3-infra-card i{
  background:rgba(0,212,255,.14)!important;
  color:#7eeaff!important;
  border:1px solid rgba(0,212,255,.22);
}
.uhv3-infra-card strong{
  color:#fff!important;
  font-size:20px!important;
}
.uhv3-infra-card span{
  color:rgba(255,255,255,.70)!important;
  font-size:15px!important;
}

@media(max-width:1024px){
  .agency-audience-band .row[style*="display:flex"],
  .agency-plans-band .row.topmargin30,
  .agency-seo-band .row[style*="display:flex"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .agency-plans-band .plan-card-popular{
    transform:none!important;
  }
  .agency-plans-band .plan-card-popular:hover{
    transform:translateY(-8px)!important;
  }
}
@media(max-width:768px){
  .agency-audience-band,
  .agency-plans-band,
  .agency-seo-band,
  .uhv3-infra-section{
    padding:64px 0!important;
  }
  .agency-audience-band .row[style*="display:flex"],
  .agency-plans-band .row.topmargin30,
  .agency-seo-band .row[style*="display:flex"],
  .uhv3-infra-cards{
    grid-template-columns:1fr!important;
  }
  .agency-audience-band .audience-card,
  .agency-plans-band .plan-card,
  .agency-seo-band .seo-card,
  .uhv3-infra-copy,
  .uhv3-infra-card{
    border-radius:16px!important;
  }
  .agency-seo-band .seo-card h3{
    min-height:0;
  }
  .agency-plans-band .addons-bar{
    justify-content:center!important;
    border-radius:16px!important;
  }
}

/* Final layout guardrails for the redesigned agency sections. */
.agency-audience-band h2{
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  text-shadow:0 10px 34px rgba(0,0,0,.24);
}
.agency-audience-band h2 .pg-accent{
  color:var(--agency-cyan)!important;
  -webkit-text-fill-color:var(--agency-cyan)!important;
  text-shadow:none;
}
.agency-audience-band .row[style*="display:flex"],
.agency-plans-band .row.topmargin30,
.agency-seo-band .row[style*="display:flex"]{
  width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
  justify-content:initial!important;
}
.agency-seo-band > .container{
  max-width:1210px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:15px;
  padding-right:15px;
}
.agency-audience-band .row[style*="display:flex"] > [class*="col-"],
.agency-plans-band .row.topmargin30 > [class*="col-"],
.agency-seo-band .row[style*="display:flex"] > [class*="col-"]{
  max-width:none!important;
  min-width:0!important;
}
.agency-audience-band .audience-card,
.agency-plans-band .plan-card,
.agency-seo-band .seo-card{
  width:100%;
}
.agency-plans-band .plan-card-popular{
  transform:none!important;
}
.agency-plans-band .plan-card-popular:hover{
  transform:translateY(-8px)!important;
}
@media(min-width:1040px){
  .agency-audience-band .row[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
}
@media(min-width:1040px){
  .agency-plans-band .row.topmargin30,
  .agency-seo-band .row[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
  }
}
@media(min-width:641px) and (max-width:1039px){
  .agency-audience-band .row[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
}
@media(min-width:641px) and (max-width:1039px){
  .agency-plans-band .row.topmargin30,
  .agency-seo-band .row[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }
}
@media(max-width:640px){
  .agency-audience-band .row[style*="display:flex"],
  .agency-plans-band .row.topmargin30,
  .agency-seo-band .row[style*="display:flex"]{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

/* Rebuilt card grids: no Bootstrap column math, no inline flex wrapping. */
.agency-audience-grid,
.agency-plan-grid,
.agency-seo-grid{
  display:grid!important;
  width:min(100%,1180px);
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:stretch!important;
}
.agency-audience-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.agency-plan-grid,
.agency-seo-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.agency-grid-item{
  min-width:0!important;
  width:auto!important;
  float:none!important;
  display:flex!important;
  padding:0!important;
  margin:0!important;
}
.agency-grid-item > .audience-card,
.agency-grid-item > .plan-card,
.agency-grid-item > .seo-card{
  width:100%!important;
}
.agency-audience-grid > .agency-grid-item:nth-child(2) .audience-card::before{content:'02'}
.agency-audience-grid > .agency-grid-item:nth-child(3) .audience-card::before{content:'03'}
.agency-audience-grid > .agency-grid-item:nth-child(4) .audience-card::before{content:'04'}
@media(max-width:1039px){
  .agency-audience-grid,
  .agency-plan-grid,
  .agency-seo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .agency-audience-grid,
  .agency-plan-grid,
  .agency-seo-grid{
    grid-template-columns:1fr;
  }
}