/* Auto-extracted from netsafe-cms-mcp/templates/*.html inline <style> blocks. */
/* Generated 2026-05-01T19:59:20.530Z from 48 templates. */


/* ============================================================
   about-us-v2-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/AdobeStock_272948946-overlay.jpeg?width=800&quality=80'); }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/AdobeStock_272948946-overlay.jpeg?width=1400&quality=85'); }
    }

    /* Leadership cards — horizontal photo + text */
    .leader-row { display:flex; gap:48px; max-width:1100px; margin:0 auto; align-items:stretch; }
    .leader-card-h { flex:1; display:flex; gap:28px; background:#fff; border-radius:16px; padding:36px; box-shadow:0 1px 3px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04); transition:box-shadow 0.3s, transform 0.3s; }
    .leader-card-h:hover { box-shadow:0 4px 12px rgba(0,0,0,0.08), 0 16px 40px rgba(0,0,0,0.06); transform:translateY(-2px); }
    .leader-photo { flex-shrink:0; }
    .leader-photo img { width:150px; height:auto; max-height:180px; border-radius:0; object-fit:contain; }
    .leader-info { text-align:left; }
    .leader-info h3 { margin:0 0 2px; font-size:1.35rem; }
    .leader-info .role { color:#0a77ba; font-weight:600; font-size:14px; margin:0 0 14px; text-transform:uppercase; letter-spacing:0.5px; }
    .leader-info p { color:#4b5563; line-height:1.7; margin:0; font-size:0.95rem; }

    /* Team grid — card style with hover */
    .team-grid-v2 { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; max-width:1100px; margin:0 auto; }
    .team-member { background:#fff; border-radius:14px; padding:28px 20px 24px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.04); transition:all 0.3s ease; position:relative; overflow:hidden; }
    .team-member::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#0a77ba,#0d8fd6); opacity:0; transition:opacity 0.3s; }
    .team-member:hover { box-shadow:0 8px 30px rgba(10,119,186,0.12); transform:translateY(-4px); }
    .team-member:hover::before { opacity:1; }
    .team-member img { width:120px; height:150px; border-radius:50%; object-fit:cover; object-position:center 15%; margin-bottom:16px; border:3px solid #f1f5f9; transition:border-color 0.3s; }
    .team-member:hover img { border-color:#0a77ba; }
    .team-member h4 { margin:0 0 4px; font-size:1rem; color:#191a1a; }
    .team-member .title { color:#0a77ba; font-weight:600; margin:0; font-size:13px; }

    /* Values section — dark bg */
    .values-dark { background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); padding:80px 20px; }
    .values-dark h2 { color:#fff; text-align:center; margin-bottom:12px; }
    .values-dark .subtitle { color:#94a3b8; text-align:center; max-width:600px; margin:0 auto 48px; }
    .values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1100px; margin:0 auto; }
    .value-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:32px 24px; text-align:center; transition:all 0.3s; }
    .value-card:hover { background:rgba(255,255,255,0.08); border-color:rgba(10,119,186,0.4); transform:translateY(-2px); }
    .value-icon { width:56px; height:56px; border-radius:12px; background:rgba(10,119,186,0.15); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
    .value-icon svg { color:#3b9fd4; }
    .value-card h4 { color:#fff; margin:0 0 10px; font-size:1.05rem; }
    .value-card p { color:#94a3b8; font-size:0.9rem; line-height:1.6; margin:0; }

    /* Mission split layout */
    .mission-split { display:flex; align-items:center; gap:60px; max-width:1100px; margin:0 auto; }
    .mission-text { flex:1; }
    .mission-stats { flex-shrink:0; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .mini-stat { background:#fff; border-radius:12px; padding:24px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,0.06); min-width:140px; }
    .mini-stat .num { display:block; font-size:2rem; font-weight:800; color:#0a77ba; line-height:1; }
    .mini-stat .lbl { display:block; font-size:0.8rem; color:#64748b; margin-top:6px; line-height:1.3; }

    /* Team section intro bar */
    .team-intro { background:linear-gradient(90deg,#0a77ba,#0d8fd6); padding:48px 20px; text-align:center; }
    .team-intro h2 { color:#fff; margin:0 0 8px; }
    .team-intro p { color:rgba(255,255,255,0.85); margin:0; max-width:600px; margin:0 auto; }

    /* Responsive */
    @media (max-width:1023px) {
      .leader-row { flex-direction:column; gap:24px; }
      .values-grid { grid-template-columns:1fr 1fr; }
      .team-grid-v2 { grid-template-columns:repeat(3,1fr); }
      .mission-split { flex-direction:column; gap:32px; }
    }
    @media (max-width:767px) {
      .leader-card-h { flex-direction:column; align-items:center; text-align:center; }
      .leader-info { text-align:center; }
      .values-grid { grid-template-columns:1fr; }
      .team-grid-v2 { grid-template-columns:1fr 1fr; gap:16px; }
      .team-member { padding:20px 16px; }
      .team-member img { width:90px; height:112px; }
      .mission-stats { grid-template-columns:1fr 1fr; }
    }


/* ============================================================
   areas-we-serve-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/Charlotte-Overlay_Compressed.jpg'); }

    .city-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .city-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      padding: 24px 20px;
      text-align: center;
      transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    }
    .city-card:hover {
      box-shadow: 0 6px 24px rgba(10,119,186,0.10);
      transform: translateY(-2px);
      border-color: #0a77ba;
    }
    .city-card h3 { margin: 0 0 4px; font-size: 17px; color: #191a1a; }
    .city-card .state-label { font-size: 13px; color: #0a77ba; font-weight: 600; margin: 0; }

    .service-link-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      max-width: 1000px;
      margin: 40px auto 0;
    }
    .service-link-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 24px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      text-decoration: none;
      color: #191a1a;
      font-weight: 500;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
    }
    .service-link-card:hover {
      box-shadow: 0 4px 16px rgba(10,119,186,0.10);
      transform: translateY(-2px);
    }
    .service-link-card .arrow { color: #0a77ba; font-size: 1.2em; }

    .map-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      max-width: 1200px;
      margin: 0 auto;
    }
    .map-text {
      background: #1a2332;
      color: #ffffff;
      padding: 64px 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .map-text h2 { color: #ffffff; text-align: left; margin: 0 0 16px; }
    .map-text p { color: rgba(255,255,255,0.85); line-height: 1.7; max-width: none; text-align: left; }
    .map-text a { color: #60a5fa; }
    .map-embed { min-height: 400px; }
    .map-embed iframe { width: 100%; height: 100%; min-height: 400px; border: 0; display: block; }

    @media (max-width: 900px) {
      .city-grid { grid-template-columns: repeat(2, 1fr); }
      .service-link-grid { grid-template-columns: 1fr; }
      .map-split { grid-template-columns: 1fr; }
      .map-text { padding: 48px 24px; }
    }
    @media (max-width: 600px) {
      .city-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
      .city-card { padding: 18px 14px; }
    }


/* ============================================================
   business-phone-systems-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/4491461/pexels-photo-4491461.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   business-process-automation-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7988079/pexels-photo-7988079.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   careers-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/Group-of-People-Looking-at-Screen-overlay.png'); }

    /* Careers-specific */
    .perks-strip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      max-width: 1200px;
      margin: 0 auto;
    }
    .perk-box {
      padding: 40px 28px;
      text-align: center;
      border-right: 1px solid rgba(255,255,255,0.1);
    }
    .perk-box:last-child { border-right: none; }
    .perk-icon {
      width: 56px; height: 56px;
      background: rgba(255,255,255,0.1);
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #60a5fa;
      margin-bottom: 16px;
    }
    .perk-box h3 { color: #ffffff; margin: 0 0 8px; font-size: 17px; }
    .perk-box p { color: rgba(255,255,255,0.75); margin: 0; font-size: 14px; line-height: 1.5; }

    .job-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      overflow: hidden;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
    }
    .job-card:hover {
      box-shadow: 0 8px 32px rgba(10,119,186,0.10);
      transform: translateY(-2px);
    }
    .job-header {
      padding: 28px 32px 20px;
      border-bottom: 1px solid #f1f5f9;
    }
    .job-header h3 { margin: 0 0 8px; font-size: 20px; }
    .job-tags { display: flex; gap: 8px; flex-wrap: wrap; }
    .job-tag {
      display: inline-block;
      padding: 4px 12px;
      background: #e8f4fb;
      color: #0a77ba;
      border-radius: 20px;
      font-size: 13px;
      font-weight: 500;
    }
    .job-body { padding: 24px 32px 32px; }
    .job-body p { color: #4b5563; line-height: 1.7; margin: 0 0 20px; }
    .job-section-title { color: #191a1a; font-weight: 600; font-size: 15px; margin: 0 0 10px; }
    .job-body ul { color: #4b5563; padding-left: 20px; margin: 0 0 24px; }
    .job-body li { margin-bottom: 6px; line-height: 1.6; }

    .apply-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      max-width: 1200px;
      margin: 0 auto;
    }
    .apply-info {
      background: #1a2332;
      color: #ffffff;
      padding: 64px 48px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .apply-info h2 { color: #ffffff; margin: 0 0 16px; text-align: left; }
    .apply-info p { color: rgba(255,255,255,0.85); line-height: 1.7; max-width: none; text-align: left; margin: 0 0 16px; }
    .apply-info a { color: #60a5fa; }
    .apply-form {
      background: #f8fafc;
      padding: 64px 48px;
    }
    .apply-form h2 { margin: 0 0 8px; text-align: left; }
    .apply-form > p { color: #4b5563; margin: 0 0 28px; text-align: left; max-width: none; }

    @media (max-width: 900px) {
      .perks-strip { grid-template-columns: repeat(2, 1fr); }
      .perk-box { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
      .apply-split { grid-template-columns: 1fr; }
      .apply-info, .apply-form { padding: 48px 24px; }
    }
    @media (max-width: 600px) {
      .perks-strip { grid-template-columns: 1fr; }
    }


/* ============================================================
   case-studies-listing.html (1 <style> block)
   ============================================================ */
.location-hero { background: linear-gradient(135deg, #0a2540 0%, #0a77ba 100%); }
    .cs-listing-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:28px; margin-top:40px; }
    .cs-listing-card { display:flex; flex-direction:column; background:#ffffff; border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.04); transition:box-shadow 0.25s ease, transform 0.25s ease; text-decoration:none; color:#0f172a; }
    .cs-listing-card:hover { box-shadow:0 12px 32px rgba(10,37,64,0.12); transform:translateY(-3px); }
    .cs-listing-card__metric { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); color:#ffffff; padding:28px 26px 22px; text-align:left; }
    .cs-listing-card__amount { display:block; font-size:2.2rem; font-weight:700; line-height:1; margin-bottom:6px; }
    .cs-listing-card__amount-label { display:block; font-size:0.88rem; color:#cbe4f5; }
    .cs-listing-card__body { padding:24px 26px 26px; flex:1; display:flex; flex-direction:column; }
    .cs-listing-card__industry { font-size:0.74rem; letter-spacing:0.10em; text-transform:uppercase; color:#64748b; font-weight:600; margin-bottom:8px; }
    .cs-listing-card__headline { margin:0 0 12px; font-size:1.18rem; line-height:1.35; color:#0a2540; }
    .cs-listing-card__summary { margin:0 0 18px; font-size:0.95rem; color:#475569; line-height:1.55; flex:1; }
    .cs-listing-card__tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; }
    .cs-listing-card__tag { font-size:0.74rem; letter-spacing:0.04em; padding:4px 10px; border-radius:999px; background:#eff6ff; color:#0a77ba; font-weight:500; }
    .cs-listing-card__cta { color:#0a77ba; font-weight:600; font-size:0.95rem; align-self:flex-start; }
    .cs-listing-card__cta::after { content:' →'; }
    .cs-coming-soon { padding:48px 30px; text-align:center; background:#f1f5f9; border-radius:14px; color:#64748b; }
    .cs-coming-soon p { margin:0; }


/* ============================================================
   case-study-box-to-sharepoint-page.html (1 <style> block)
   ============================================================ */
.cs-eyebrow { display:inline-block; padding:4px 12px; border-radius:999px; background:rgba(255,255,255,0.18); color:#ffffff; font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; margin-bottom:18px; }
    .location-hero { background: linear-gradient(135deg, #0a2540 0%, #0a77ba 100%); }
    .cs-financial-headlines { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; max-width:980px; margin:36px auto 0; }
    @media (max-width: 720px) { .cs-financial-headlines { grid-template-columns:1fr; } }
    .cs-financial-headlines .cs-fh { background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.18); border-radius:14px; padding:24px 22px; text-align:left; backdrop-filter: blur(2px); }
    .cs-financial-headlines .cs-fh-amount { display:block; font-size:2.4rem; font-weight:700; color:#ffffff; line-height:1; margin-bottom:8px; }
    .cs-financial-headlines .cs-fh-label { display:block; color:#cbd5e1; font-size:0.95rem; }
    .cs-snapshot-card { background:#ffffff; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,0.06), 0 24px 48px rgba(10, 37, 64, 0.10); padding:32px 36px; max-width:1040px; margin:-60px auto 56px; position:relative; z-index:2; }
    .cs-snapshot-card h2 { margin:0 0 18px; font-size:1.3rem; color:#0a2540; letter-spacing:0.02em; text-transform:uppercase; }
    .cs-snapshot-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px 28px; }
    .cs-snapshot-grid dt { font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; color:#64748b; font-weight:600; margin-bottom:4px; }
    .cs-snapshot-grid dd { margin:0; color:#0f172a; font-weight:500; line-height:1.4; }
    .cs-data-table { width:100%; border-collapse:collapse; margin:24px 0 8px; font-size:0.97rem; }
    .cs-data-table th, .cs-data-table td { padding:12px 14px; text-align:left; border-bottom:1px solid #e5e7eb; vertical-align:top; }
    .cs-data-table thead th { background:#f1f5f9; color:#0a2540; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; font-size:0.78rem; }
    .cs-data-table tbody tr:nth-child(even) td { background:#f9fafb; }
    .cs-data-table tfoot td { font-weight:700; background:#0a2540; color:#ffffff; border-bottom:none; }
    .cs-data-table .cs-num { font-variant-numeric:tabular-nums; white-space:nowrap; }
    .cs-callout { border-left:4px solid #0a77ba; background:#f8fafc; padding:18px 22px; border-radius:0 10px 10px 0; margin:24px 0; color:#1e293b; }
    .cs-condition-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:22px; margin-top:28px; }
    .cs-condition-grid .cs-condition { background:#ffffff; padding:24px; border-radius:12px; border:1px solid #e5e7eb; box-shadow:0 2px 6px rgba(0,0,0,0.04); }
    .cs-condition h3 { margin:0 0 10px; color:#0a77ba; font-size:1.05rem; }
    .cs-condition p { margin:0; color:#475569; font-size:0.97rem; line-height:1.55; }
    .cs-tag-row { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 8px; }
    .cs-tag { display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; background:#eff6ff; color:#0a77ba; font-size:0.88rem; font-weight:500; text-decoration:none; transition:background 0.15s ease; }
    .cs-tag:hover { background:#dbeafe; color:#075985; }
    .faq-accordion { max-width:920px; margin:24px auto 0; }
    .faq-accordion details { background:#ffffff; border:1px solid #e5e7eb; border-radius:10px; padding:18px 22px; margin-bottom:12px; box-shadow:0 1px 3px rgba(0,0,0,0.03); }
    .faq-accordion summary { cursor:pointer; font-weight:600; color:#0a2540; font-size:1.04rem; list-style:none; }
    .faq-accordion summary::-webkit-details-marker { display:none; }
    .faq-accordion summary::after { content:'+'; float:right; color:#0a77ba; font-weight:300; font-size:1.5rem; line-height:1; }
    .faq-accordion details[open] summary::after { content:'−'; }
    .faq-accordion details[open] { box-shadow:0 4px 16px rgba(10,119,186,0.08); }
    .faq-accordion details > p { margin:14px 0 0; color:#475569; line-height:1.65; }
    .related-cs-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:20px; margin-top:24px; }
    .related-cs-card { display:block; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:24px; text-decoration:none; color:#0f172a; transition:box-shadow 0.2s ease, transform 0.2s ease; }
    .related-cs-card:hover { box-shadow:0 8px 24px rgba(10,37,64,0.10); transform:translateY(-2px); }
    .related-cs-card .cs-industry { font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:#64748b; margin-bottom:8px; display:block; }
    .related-cs-card h3 { margin:0 0 8px; font-size:1.05rem; color:#0a2540; }
    .related-cs-card p { margin:0; font-size:0.93rem; color:#475569; }
    .cs-final-cta { display:inline-block; padding:14px 32px; background:#ffffff; color:#0a77ba; font-weight:600; border-radius:8px; text-decoration:none; border:2px solid #ffffff; transition:background 0.2s ease, color 0.2s ease; }
    .cs-final-cta:hover { background:transparent; color:#ffffff; }


/* ============================================================
   cloud-migration-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7698712/pexels-photo-7698712.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7698712/pexels-photo-7698712.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7698712/pexels-photo-7698712.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/7698712/pexels-photo-7698712.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   co-managed-it-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    @media (max-width:767px) { .pricing-grid { grid-template-columns:1fr; } }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box > ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box > ul li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box > ul li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box > ul li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box > ul li strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   compliance-services-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/8439750/pexels-photo-8439750.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/8439750/pexels-photo-8439750.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/8439750/pexels-photo-8439750.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/8439750/pexels-photo-8439750.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   contact-us-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Contact page layout */
    .contact-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      max-width: 1200px;
      margin: 0 auto;
    }
    .contact-info-col {
      background: #1a2332;
      color: #ffffff;
      padding: 64px 48px;
    }
    .contact-info-col h2 { color: #ffffff; margin: 0 0 32px; text-align: left; }
    .contact-info-col a { color: #60a5fa; text-decoration: none; }
    .contact-info-col a:hover { color: #93bbfd; text-decoration: underline; }
    .contact-detail {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      margin-bottom: 28px;
    }
    .contact-detail-icon {
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      background: rgba(255,255,255,0.1);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #60a5fa;
    }
    .contact-detail-text p { margin: 0; color: rgba(255,255,255,0.85); line-height: 1.6; }
    .contact-detail-text strong { color: #ffffff; display: block; margin-bottom: 4px; font-size: 15px; }
    .contact-form-col {
      background: #f8fafc;
      padding: 64px 48px;
    }
    .contact-form-col h2 { margin: 0 0 8px; text-align: left; }
    .contact-form-col > p { color: #4b5563; margin: 0 0 32px; text-align: left; max-width: none; }
    @media (max-width: 900px) {
      .contact-split { grid-template-columns: 1fr; }
      .contact-info-col, .contact-form-col { padding: 48px 24px; }
    }


/* ============================================================
   cybersecurity-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/6949494/pexels-photo-6949494.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/6949494/pexels-photo-6949494.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/6949494/pexels-photo-6949494.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/6949494/pexels-photo-6949494.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   disaster-recovery-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7654438/pexels-photo-7654438.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7654438/pexels-photo-7654438.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7654438/pexels-photo-7654438.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/7654438/pexels-photo-7654438.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   faq-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/3847582/pexels-photo-3847582.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

    /* ── Category Tab Nav ── */
    .faq-tab-nav-wrap { position:sticky; top:0; z-index:90; background:#fff; border-bottom:1px solid #e2e8f0; transition:box-shadow 0.2s ease; }
    .faq-tab-nav-wrap.scrolled { box-shadow:0 2px 8px rgba(0,0,0,0.08); }
    .faq-tab-nav { max-width:1100px; margin:0 auto; padding:12px 20px; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
    .faq-tab-nav a { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; background:#f1f5f9; border-radius:8px; color:#374151; text-decoration:none; font-size:13px; font-weight:500; white-space:nowrap; transition:background 0.2s ease, color 0.2s ease; }
    .faq-tab-nav a:hover,
    .faq-tab-nav a.active { background:#0a77ba; color:#fff; }
    .faq-tab-nav a svg { width:16px; height:16px; flex-shrink:0; }

    /* ── FAQ Container ── */
    .faq-container { max-width:900px; margin:0 auto; padding:0 20px 48px; }

    /* ── Category Header ── */
    .faq-cat-header { display:flex; align-items:center; gap:14px; background:#f1f5f9; border-radius:10px; padding:18px 24px; margin:48px 0 20px; scroll-margin-top:80px; }
    .faq-cat-header:first-child { margin-top:32px; }
    .faq-cat-icon { width:40px; height:40px; background:#0a77ba; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .faq-cat-icon svg { width:22px; height:22px; fill:#fff; }
    .faq-cat-title { font-size:1.4rem; font-weight:700; color:#191a1a; margin:0; line-height:1.3; }

    /* ── Accordion Items ── */
    .faq-accordion-item { border:1px solid #e2e8f0; border-radius:8px; margin-bottom:8px; background:#fff; overflow:hidden; transition:border-color 0.2s ease; }
    .faq-accordion-item:hover { border-color:#cbd5e1; }
    .faq-accordion-item.open { border-left:3px solid #0a77ba; }

    .faq-accordion-trigger { width:100%; display:flex; align-items:center; justify-content:space-between; padding:18px 20px; background:none; border:none; cursor:pointer; text-align:left; gap:16px; font-family:inherit; }
    .faq-accordion-trigger:focus-visible { outline:2px solid #0a77ba; outline-offset:-2px; border-radius:6px; }

    .faq-accordion-q { font-size:1.05rem; font-weight:600; color:#191a1a; line-height:1.4; margin:0; flex:1; }

    .faq-accordion-icon { width:28px; height:28px; border-radius:50%; background:#f1f5f9; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background 0.2s ease, transform 0.2s ease; }
    .faq-accordion-item.open .faq-accordion-icon { background:#0a77ba; }
    .faq-accordion-icon svg { width:14px; height:14px; stroke:#374151; stroke-width:2.5; fill:none; transition:stroke 0.2s ease; }
    .faq-accordion-item.open .faq-accordion-icon svg { stroke:#fff; }
    .faq-accordion-icon .icon-minus { display:none; }
    .faq-accordion-item.open .faq-accordion-icon .icon-plus { display:none; }
    .faq-accordion-item.open .faq-accordion-icon .icon-minus { display:block; }

    .faq-accordion-body { max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
    .faq-accordion-answer { padding:0 20px 20px; font-size:1rem; color:#374151; line-height:1.7; margin:0; }
    .faq-accordion-answer strong { color:#191a1a; }
    .faq-accordion-answer a { color:#0a77ba; text-decoration:underline; }

    /* hover: blue left border hint */
    .faq-accordion-item:not(.open):hover { border-left:3px solid #cbd5e1; }

    /* ── Count badge ── */
    .faq-cat-count { font-size:13px; color:#64748b; font-weight:400; margin-left:4px; }

    @media (max-width:768px) {
      .faq-tab-nav a { font-size:13px; padding:7px 12px; }
      .faq-cat-header { padding:14px 16px; gap:10px; }
      .faq-cat-title { font-size:1.15rem; }
      .faq-accordion-trigger { padding:14px 16px; }
      .faq-accordion-q { font-size:0.95rem; }
      .faq-accordion-answer { padding:0 16px 16px; font-size:0.95rem; }
      .faq-cat-icon { width:34px; height:34px; }
      .faq-cat-icon svg { width:18px; height:18px; }
    }


/* ============================================================
   homepage.html (1 <style> block)
   ============================================================ */
.location-hero {
      background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/Home%20page%20header%20image.jpg');
    }
    /* Homepage-specific styles */
    .home-services-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      max-width: 1100px;
      margin: 40px auto 0;
      text-align: left;
    }
    .home-service-card {
      padding: 28px 24px;
      border-radius: 12px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      transition: box-shadow 0.2s ease, transform 0.2s ease;
    }
    .home-service-card:hover {
      box-shadow: 0 6px 20px rgba(10, 119, 186, 0.10);
      transform: translateY(-3px);
    }
    .home-service-card h3 { margin: 0 0 10px; font-size: 18px; }
    .home-service-card p { margin: 0 0 14px; color: #4b5563; font-size: 15px; line-height: 1.6; }
    .home-service-card a {
      color: #0a77ba;
      text-decoration: none;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 15px;
    }
    .home-service-card a:hover { color: #065a8c; gap: 10px; }
    .home-service-card a::after { content: "\2192"; font-size: 1.1em; }
    .home-industry-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      max-width: 1000px;
      margin: 32px auto 0;
    }
    .home-industry-pill {
      display: block;
      padding: 20px 16px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      text-decoration: none;
      color: #191a1a;
      font-weight: 500;
      font-size: 15px;
      text-align: center;
      transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    }
    .home-industry-pill:hover {
      box-shadow: 0 4px 16px rgba(10,119,186,0.10);
      transform: translateY(-2px);
      border-color: #0a77ba;
      color: #0a77ba;
    }
    .home-why-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 28px;
      max-width: 1000px;
      margin: 40px auto 0;
      text-align: left;
    }
    .home-why-item {
      display: flex;
      gap: 18px;
      align-items: flex-start;
    }
    .home-why-icon {
      flex-shrink: 0;
      width: 48px;
      height: 48px;
      background: #e8f4fb;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0a77ba;
      font-weight: 700;
      font-size: 16px;
    }
    .home-why-text strong { display: block; margin-bottom: 4px; }
    .home-why-text p { margin: 0; color: #4b5563; font-size: 15px; line-height: 1.6; }
    @media (max-width: 900px) {
      .home-services-grid { grid-template-columns: repeat(2, 1fr); }
      .home-industry-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 767px) {
      .home-services-grid { grid-template-columns: 1fr; }
      .home-industry-grid { grid-template-columns: 1fr 1fr; }
      .home-why-grid { grid-template-columns: 1fr; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width: 767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
    }


/* ============================================================
   industry-accounting-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/6863183/pexels-photo-6863183.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-construction-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/2219024/pexels-photo-2219024.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-dental-offices-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/6627668/pexels-photo-6627668.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-engineering-firms-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/5582872/pexels-photo-5582872.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-financial-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/4960438/pexels-photo-4960438.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-healthcare-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/4989177/pexels-photo-4989177.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-law-firms-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/6077091/pexels-photo-6077091.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-manufacturing-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/18915643/pexels-photo-18915643.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-nonprofits-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/6646987/pexels-photo-6646987.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards — colored header band design 2026-04-16 */
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   industry-page.html (1 <style> block)
   ============================================================ */
/* Layout-only styles — typography inherited from Generator theme CSS */
    .location-hero {
      background-image: url('https://47520329.fs1.hubspotusercontent-na1.net/hubfs/47520329/Home%20page%20header%20image.jpg');
      background-size: cover;
      background-position: center center;
      padding: 120px 20px;
      min-height: 400px;
    }
    @media (max-width: 767px) {
      .location-hero { padding: 80px 20px; }
    }
    .location-hero h1 {
      color: #ffffff;
      margin: 0 0 10px 0;
    }
    .location-hero h1 .city-highlight {
      color: #FFFF04;
    }
    .location-hero .hero-sub {
      color: #ffffff;
      font-size: 22px;
      line-height: 1.56;
      margin: 0 0 40px 0;
    }
    @media (max-width: 767px) {
      .location-hero .hero-sub { font-size: 18px; }
    }
    .location-body .section-intro {
      text-align: center;
      margin-bottom: 48px;
    }
    .location-body .section-intro h2 {
      margin-top: 0;
    }
    .location-hero .cta-btn {
      display: inline-block;
      font-weight: 500;
      font-size: 16px;
      color: #ffffff;
      border: 2px solid #ffffff;
      border-radius: 50px;
      padding: 16px 40px;
      text-decoration: none;
      transition: all 0.15s linear;
    }
    .location-hero .cta-btn:hover {
      background: rgba(255,255,255,0.8);
      color: #000000;
    }
    .location-body {
      max-width: 1200px;
      margin: 0 auto;
      padding: 80px 20px;
    }
    @media (max-width: 767px) {
      .location-body { padding: 48px 20px; }
    }
    .location-body h2 {
      margin: 48px 0 16px 0;
    }
    .location-body h2:first-child {
      margin-top: 0;
    }
    .location-body h3 {
      margin: 32px 0 12px 0;
    }
    .location-body ul {
      padding-left: 24px;
    }
    .location-body li {
      margin-bottom: 8px;
    }
    .service-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 48px 64px;
      margin: 48px 0;
    }
    @media (max-width: 767px) {
      .service-grid { grid-template-columns: 1fr; gap: 32px; }
    }
    .service-grid .service-card h3 {
      margin: 0 0 12px 0;
    }
    .service-grid .service-card p {
      margin: 0 0 16px 0;
    }
    .service-grid .service-card .learn-more {
      color: #0a77ba;
      text-decoration: none;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .service-grid .service-card .learn-more:hover {
      color: #065a8c;
    }
    .service-grid .service-card .learn-more::after {
      content: "\2192";
      font-size: 1.1em;
    }
    .location-listing {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px 80px 20px;
    }
    .location-listing h2 {
      margin: 0 0 32px 0;
    }
    .location-listing .city-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 24px;
    }
    .location-listing .city-card {
      display: block;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 24px;
      text-decoration: none;
      transition: box-shadow 0.15s linear;
    }
    .location-listing .city-card:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .location-listing .city-card h2 {
      font-size: 22px;
      margin: 0 0 8px 0;
      color: #0a77ba;
    }
    .location-listing .city-card p {
      font-size: 16px;
      line-height: 1.5;
      margin: 0;
      color: #555;
    }


/* ============================================================
   industry-real-estate-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/323780/pexels-photo-323780.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box ul { list-style:none; padding:20px 32px 28px; margin:0; }
    .pricing-card-box li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    .pricing-card-box strong { color:#191a1a !important; font-weight:600; }
    @media (max-width:767px) {
      .pricing-grid { grid-template-columns:1fr; }
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box ul { padding:16px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   it-consulting-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/36765719/pexels-photo-36765719.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/36765719/pexels-photo-36765719.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/36765719/pexels-photo-36765719.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/36765719/pexels-photo-36765719.jpeg?auto=compre"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   it-services-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7433919/pexels-photo-7433919.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7433919/pexels-photo-7433919.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7433919/pexels-photo-7433919.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/7433919/pexels-photo-7433919.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   it-support-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/8867472/pexels-photo-8867472.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }


/* ============================================================
   managed-ai-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/8386440/pexels-photo-8386440.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   managed-detection-response-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/5380610/pexels-photo-5380610.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   managed-it-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7654171/pexels-photo-7654171.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }


/* ============================================================
   microsoft-365-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/1714203/pexels-photo-1714203.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* --- Pricing Cards --- */
    .pricing-container { max-width:900px; margin:0 auto; border-radius:16px !important; overflow:hidden !important; box-shadow:0 8px 32px rgba(0,0,0,0.12); border:1px solid rgba(255,255,255,0.15); }
    .pricing-card {
      display:grid; grid-template-columns:1.1fr 130px 1.3fr; gap:0;
      align-items:center; padding:22px 32px;
      background:#ffffff; border-bottom:1px solid #edf0f3;
      color:#191a1a !important; transition:background 0.15s ease;
    }
    .pricing-card:last-child { border-bottom:none; border-radius:0 0 16px 16px; }
    .pricing-card:hover { background:#f8fafc; }
    .pricing-card strong, .pricing-card span, .pricing-card p { color:#191a1a !important; }
    .pricing-card .plan-name { font-weight:700; font-size:16px; color:#1a2332 !important; }
    .pricing-card .plan-price { font-size:26px; font-weight:700; color:#0a77ba !important; text-align:center; line-height:1.2; }
    .pricing-card .plan-price small { font-size:12px; font-weight:400; color:#64748b !important; display:block; margin-top:3px; }
    .pricing-card .plan-desc { font-size:14px; color:#4b5563 !important; line-height:1.5; margin:0; }
    .pricing-card.featured {
      background:linear-gradient(135deg, #f0f7ff 0%, #e8f4fb 100%);
      border-left:4px solid #0a77ba;
      padding:26px 32px 26px 28px;
    }
    .pricing-badge {
      display:inline-block; margin-left:10px;
      font-size:10px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
      background:#0a77ba; color:#ffffff !important; padding:3px 10px; border-radius:20px;
      vertical-align:middle; position:relative; top:-1px;
    }
    .pricing-card.muted { background:#f8fafc; }
    .pricing-card.muted .plan-price { font-size:18px; color:#64748b !important; }
    .pricing-header {
      display:grid; grid-template-columns:1.1fr 130px 1.3fr; gap:0;
      padding:16px 32px; background:#1a2332;
      color:#94a3b8 !important; font-size:12px; font-weight:600;
      letter-spacing:0.08em; text-transform:uppercase;
      border-radius:16px 16px 0 0;
    }
    .pricing-header span { color:#94a3b8 !important; }
    .pricing-header span:nth-child(2) { text-align:center; }
    @media (max-width:640px) {
      .pricing-card, .pricing-header { grid-template-columns:1fr; gap:6px; padding:18px 20px; }
      .pricing-card .plan-price { text-align:left; font-size:22px; }
      .pricing-header { display:none; }
      .pricing-card .plan-name::before { content:none; }
      .pricing-badge { margin-left:8px; }
      .pricing-card.featured { padding:22px 20px 22px 16px; }
    }
    @media (max-width: 767px) {
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   netsafe-header.html (1 <style> block)
   ============================================================ */
/* Header base — matches Generator theme header height ~149px */
.show-for-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Utility bar — above main nav, Sterling-style subtle */
.ns-util { background: #1a1a2e; border-bottom: 1px solid rgba(255,255,255,0.08); font-family: Inter, sans-serif; font-size: 14px; color: #d1d5db; }
.ns-util__inner { width: 100%; margin: 0; padding: 9px 96px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ns-util__left { display: flex; align-items: center; flex-wrap: wrap; }
.ns-util__item { display: inline-flex; align-items: center; gap: 10px; padding: 0 18px; color: #d1d5db; text-decoration: none; transition: color 0.15s ease; white-space: nowrap; font-family: Inter, sans-serif; }
.ns-util__item:first-child { padding-left: 0; }
.ns-util__item + .ns-util__item { border-left: 1px solid rgba(255,255,255,0.15); }
.ns-util__item svg { width: 17px; height: 17px; fill: #60a5fa; flex-shrink: 0; }
.ns-util__item--phone svg { width: 20px; height: 20px; }
.ns-util__item--phone { font-weight: 500; }
.ns-util__item:hover { color: #60a5fa; }
.ns-util__right { display: flex; align-items: center; gap: 12px; }
.ns-util__social { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 4px; color: #d1d5db; transition: color 0.15s ease, background 0.15s ease; text-decoration: none; }
.ns-util__social:hover { color: #60a5fa; background: rgba(255,255,255,0.08); }
.ns-util__social svg { width: 17px; height: 17px; fill: currentColor; }
@media (max-width: 1200px) {
  .ns-util__inner { padding: 9px 48px; }
}
@media (max-width: 900px) {
  .ns-util__item--hours { display: none; }
  .ns-util__inner { padding: 9px 32px; }
}
@media (max-width: 700px) {
  .ns-util__item--email { display: none; }
  .ns-util__inner { padding: 8px 16px; }
}
@media (max-width: 480px) {
  .ns-util__social { display: none; }
}

.ns-header { background: #fff; padding: 24px 0; position: relative; z-index: 1000; box-shadow: 0 1px 4px rgba(0,0,0,0.06); min-height: 90px; }
.ns-header__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.ns-header__logo img { display: block; height: auto; }
.ns-header__logo a { display: inline-block; }

/* Desktop nav — Inter 18px to match Generator theme */
.ns-nav { display: flex; align-items: center; }
.ns-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; }
.ns-nav__item { position: relative; }
.ns-nav__link { display: inline-flex; align-items: center; gap: 6px; padding: 14px 16px; color: #191a1a; text-decoration: none; font-size: 18px; font-weight: 400; letter-spacing: 0.2px; white-space: nowrap; transition: color 0.15s ease; font-family: Inter, sans-serif; cursor: pointer; }
.ns-nav__link:hover { color: #0a77ba; }
.ns-nav__link--active { color: #0a77ba; }
.ns-nav__chevron { width: 11px; height: 11px; fill: currentColor; flex-shrink: 0; transition: transform 0.2s ease; }
.ns-nav__item--open .ns-nav__chevron { transform: rotate(180deg); }

/* Standard dropdown menu — refined cosmetic treatment */
.ns-nav__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  background: #ffffff;
  min-width: 260px;
  width: max-content;
  max-width: 320px;
  border-top: 2px solid #0a77ba;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 14px 40px rgba(10,119,186,0.10);
  padding: 8px 0;
  list-style: none;
  margin: 0;
}
.ns-nav__item--open > .ns-nav__dropdown {
  display: block;
  animation: ns-dropdown-fade 0.16s ease-out;
}
@keyframes ns-dropdown-fade {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ns-nav__dropdown li { display: block; width: 100%; }
.ns-nav__dropdown li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 22px;
  color: #1f2937;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1px;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, padding 0.15s ease;
  font-family: Inter, sans-serif;
}
.ns-nav__dropdown li a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.5px solid transparent;
  border-bottom: 3.5px solid transparent;
  border-left: 5px solid #0a77ba;
  opacity: 0.5;
  transition: opacity 0.15s ease, transform 0.15s ease;
  flex-shrink: 0;
}
.ns-nav__dropdown li a:hover {
  background: #f0f7fc;
  color: #0a77ba;
}
.ns-nav__dropdown li a:hover::before {
  opacity: 1;
  transform: translateX(3px);
}

/* Mega menu for Services, Industries — 2 columns */
.ns-nav__dropdown.ns-nav__dropdown--mega { min-width: 580px; max-width: 640px; width: 620px; }
.ns-nav__item--open > .ns-nav__dropdown.ns-nav__dropdown--mega {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.ns-nav__dropdown--mega li { width: auto; }
.ns-nav__dropdown--mega li a { padding: 10px 22px; font-size: 15px; white-space: normal; }

/* Mega menu for Services — 3 columns with category sections */
.ns-nav__dropdown.ns-nav__dropdown--mega-3col {
  display: none;
  min-width: 900px;
  max-width: 980px;
  width: 940px;
  padding: 16px 0;
}
.ns-nav__item--open > .ns-nav__dropdown.ns-nav__dropdown--mega-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
}
.ns-nav__dropdown-section {
  padding: 0 4px;
  border-right: 1px solid #e5e7eb;
  list-style: none;
  display: block;
}
.ns-nav__dropdown-section:last-child { border-right: none; }
.ns-nav__dropdown-section::before { display: none !important; }
.ns-nav__dropdown-heading {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #0a77ba;
  padding: 2px 22px 8px;
  margin: 0 0 6px;
  font-family: Inter, sans-serif;
  border-bottom: 1px solid #eef4f9;
}
.ns-nav__dropdown-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ns-nav__dropdown-section ul li a {
  padding: 8px 22px;
  font-size: 14px;
  white-space: normal;
  line-height: 1.35;
}

/* Single-column labeled dropdown — for Resources + About */
.ns-nav__dropdown.ns-nav__dropdown--labeled {
  min-width: 240px;
  max-width: 300px;
  width: 260px;
  padding: 16px 0;
}
.ns-nav__item--open > .ns-nav__dropdown.ns-nav__dropdown--labeled {
  display: block;
}
.ns-nav__dropdown--labeled .ns-nav__dropdown-section {
  padding: 0;
  border-right: none;
}
.ns-nav__dropdown--labeled .ns-nav__dropdown-section ul li a {
  padding: 9px 22px;
  font-size: 15px;
}

/* Mobile nav — category headings inside Services dropdown */
.ns-mobile-nav__dropdown-heading {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #0a77ba;
  padding: 14px 24px 6px;
  font-family: Inter, sans-serif;
  background: #f9fafb;
}

/* CTA button */
.ns-nav__cta { display: inline-block; padding: 12px 22px; background: #0a77ba; color: #fff !important; text-decoration: none; border-radius: 6px; font-size: 16px; font-weight: 600; white-space: nowrap; transition: background 0.15s ease; font-family: Inter, sans-serif; margin-left: 16px; }
.ns-nav__cta:hover { background: #085d94; color: #fff !important; }

/* Mobile hamburger */
.ns-header__mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.ns-header__mobile-toggle svg { width: 28px; height: 28px; fill: #191a1a; }

/* Mobile nav panel */
.ns-mobile-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 0 8px 32px rgba(0,0,0,0.12); z-index: 9998; max-height: 80vh; overflow-y: auto; }
.ns-mobile-nav--open { display: block; }
.ns-mobile-nav__list { list-style: none; margin: 0; padding: 16px 0; }
.ns-mobile-nav__item { display: block; width: 100%; position: relative; }
.ns-mobile-nav__link { display: block; padding: 14px 24px; color: #191a1a; text-decoration: none; font-size: 18px; font-weight: 400; font-family: Inter, sans-serif; }
.ns-mobile-nav__link:hover { background: #f0f7fc; color: #0a77ba; }
.ns-mobile-nav__toggle { background: none; border: none; cursor: pointer; padding: 14px 20px; position: absolute; right: 0; top: 0; }
.ns-mobile-nav__toggle svg { width: 14px; height: 14px; fill: #191a1a; transition: transform 0.2s ease; }
.ns-mobile-nav__item--open > .ns-mobile-nav__toggle svg { transform: rotate(180deg); }
.ns-mobile-nav__dropdown { display: none; list-style: none; margin: 0; padding: 0; background: #f9fafb; }
.ns-mobile-nav__item--open > .ns-mobile-nav__dropdown { display: block; }
.ns-mobile-nav__dropdown li a { display: block; padding: 12px 24px 12px 40px; color: #191a1a; text-decoration: none; font-size: 16px; font-family: Inter, sans-serif; }
.ns-mobile-nav__dropdown li a:hover { color: #0a77ba; }
.ns-mobile-nav__cta { display: block; margin: 12px 24px; padding: 14px 20px; background: #0a77ba; color: #fff !important; text-decoration: none; border-radius: 6px; font-size: 16px; font-weight: 600; text-align: center; font-family: Inter, sans-serif; }

/* Responsive */
@media (max-width: 1024px) {
  .ns-nav { display: none; }
  .ns-header__mobile-toggle { display: block; }
}
@media (min-width: 1025px) {
  .ns-mobile-nav { display: none !important; }
}

/* Floating Support Button — fixed right edge */
.ns-support-float { position: fixed; right: 0; top: 35%; transform: translateY(-50%); z-index: 9990; }
.ns-support-float__btn { display: flex; align-items: center; gap: 12px; padding: 22px 24px; background: #0a77ba; color: #fff; text-decoration: none; font-family: Poppins, Inter, sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; border-radius: 12px 0 0 12px; box-shadow: -3px 3px 16px rgba(0,0,0,0.2); transition: background 0.15s ease, padding-right 0.15s ease; writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; }
.ns-support-float__btn:hover { background: #085d94; padding-right: 30px; color: #fff; }
.ns-support-float__btn svg { width: 26px; height: 26px; fill: #fff; flex-shrink: 0; }
@media (max-width: 768px) {
  .ns-support-float { top: 40%; }
  .ns-support-float__btn { padding: 14px 14px; font-size: 13px; }
  .ns-support-float__btn svg { width: 18px; height: 18px; }
}


/* ============================================================
   network-assessment-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/7731348/pexels-photo-7731348.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7731348/pexels-photo-7731348.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/7731348/pexels-photo-7731348.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/7731348/pexels-photo-7731348.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   outsourced-help-desk-page.html (2 <style> blocks)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/5455007/pexels-photo-5455007.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }

@media (max-width: 768px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/5455007/pexels-photo-5455007.jpeg?auto=compress&cs=tinysrgb&w=800') !important; }
    }
    @media (min-width: 769px) {
      .location-hero { background-image: url('https://images.pexels.com/photos/5455007/pexels-photo-5455007.jpeg?auto=compress&cs=tinysrgb&w=1400') !important; }
    }
    /* Also override inline hero bg-image attributes that use the original full-size URL */
    [style*="https://images.pexels.com/photos/5455007/pexels-photo-5455007.jpeg?auto=compress"] {
      /* intentionally empty marker — cascading CSS above takes effect for .location-hero */
    }


/* ============================================================
   pricing-guide-page.html (1 <style> block)
   ============================================================ */
.location-hero {
      background-image: url('https://images.pexels.com/photos/8371735/pexels-photo-8371735.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920');
    }
    /* --- PRICING GUIDE: M365 PLAN CARDS --- */
    .plan-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
      max-width: 1000px;
      margin: 32px auto 0;
      text-align: left;
    }
    @media (max-width: 767px) {
      .plan-grid { grid-template-columns: 1fr; gap: 24px; }
    }
    .plan-card {
      padding: 32px 28px;
      border-radius: 12px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      position: relative;
    }
    .plan-card.recommended {
      border: 2px solid #0a77ba;
      box-shadow: 0 4px 20px rgba(10,119,186,0.12);
    }
    .plan-card .plan-badge {
      position: absolute;
      top: -12px;
      left: 28px;
      background: #0a77ba;
      color: #ffffff;
      font-size: 12px;
      font-weight: 600;
      padding: 4px 14px;
      border-radius: 20px;
      letter-spacing: 0.03em;
    }
    .plan-card h3 {
      margin: 0 0 4px 0;
    }
    .plan-card .plan-price {
      font-size: 28px;
      font-weight: 700;
      color: #0a77ba;
      margin: 0 0 16px 0;
    }
    .plan-card .plan-price span {
      font-size: 14px;
      font-weight: 400;
      color: #64748b;
    }
    .plan-card ul {
      padding-left: 20px;
      margin: 0;
      color: #4b5563;
      line-height: 1.7;
    }
    .plan-card li {
      margin-bottom: 6px;
    }

    /* --- PRICING GUIDE: COMPARISON COLUMNS --- */
    .compare-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      max-width: 1000px;
      margin: 32px auto 0;
      text-align: left;
    }
    @media (max-width: 767px) {
      .compare-grid { grid-template-columns: 1fr; gap: 24px; }
    }
    .compare-col {
      padding: 32px 28px;
      border-radius: 12px;
    }
    .compare-col.included {
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
    }
    .compare-col.separate {
      background: #fefce8;
      border: 1px solid #fef08a;
    }
    .compare-col h3 {
      margin: 0 0 16px 0;
    }
    .compare-col ul {
      padding-left: 20px;
      margin: 0;
      color: #374151;
      line-height: 1.8;
    }
    .compare-col li {
      margin-bottom: 6px;
    }

    /* --- PRICING GUIDE: CTA SECTION WITH FORM --- */
    .pricing-cta {
      background: #0a77ba;
      padding: 64px 20px;
    }
    .pricing-cta-inner {
      max-width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: start;
    }
    @media (max-width: 767px) {
      .pricing-cta-inner { grid-template-columns: 1fr; gap: 32px; }
    }
    .pricing-cta-text h2 {
      color: #ffffff;
      margin: 0 0 16px 0;
    }
    .pricing-cta-text p {
      color: rgba(255,255,255,0.9);
      line-height: 1.7;
      margin: 0 0 24px 0;
    }
    .pricing-cta-text .cta-phone {
      font-size: 24px;
      font-weight: 700;
      color: #ffffff;
      text-decoration: none;
    }
    .pricing-cta-text .cta-phone:hover {
      text-decoration: underline;
    }
    .pricing-cta-form {
      background: #ffffff;
      border-radius: 12px;
      padding: 32px 28px;
    }


/* ============================================================
   printer-support-page.html (1 <style> block)
   ============================================================ */
.location-hero {
      background-image:
        linear-gradient(rgba(10, 37, 64, 0.72), rgba(10, 37, 64, 0.55)),
        url('https://images.pexels.com/photos/9301889/pexels-photo-9301889.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920');
      background-size: cover;
      background-position: center;
    }
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   privacy-policy-page.html (1 <style> block)
   ============================================================ */
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 20px 80px; font-family: Inter, sans-serif; color: #191a1a; line-height: 1.8; }
.legal-page h1 { font-family: Poppins, Inter, sans-serif; font-size: 36px; font-weight: 700; margin-bottom: 8px; color: #191a1a; }
.legal-page .legal-date { font-size: 14px; color: #6b7280; margin-bottom: 40px; }
.legal-page h2 { font-family: Poppins, Inter, sans-serif; font-size: 22px; font-weight: 600; margin: 40px 0 16px; color: #191a1a; }
.legal-page h3 { font-family: Poppins, Inter, sans-serif; font-size: 18px; font-weight: 600; margin: 28px 0 12px; color: #191a1a; }
.legal-page p { font-size: 16px; margin-bottom: 16px; }
.legal-page ul { margin: 0 0 16px 24px; padding: 0; }
.legal-page li { font-size: 16px; margin-bottom: 8px; }
.legal-page strong { color: #191a1a; }
.legal-page a { color: #0a77ba; text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }


/* ============================================================
   project-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   security-awareness-training-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/5473298/pexels-photo-5473298.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   security-cameras-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/430208/pexels-photo-430208.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   security-gap-analysis-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/5380664/pexels-photo-5380664.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   structured-cabling-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/2881232/pexels-photo-2881232.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   support-page.html (1 <style> block)
   ============================================================ */
/* Note: the legacy "Hide floating support button on this page" rule
   that lived here used to globally hide the button because this file
   is loaded on every page, not just the support page. Suppression on
   /support/ is now handled in header.php via is_page('support') so
   the button renders correctly everywhere else. */

* { box-sizing: border-box; }

/* Hero */
.sp-hero { background: linear-gradient(135deg, #0a77ba 0%, #1a1a2e 100%); padding: 80px 20px 100px; text-align: center; }
.sp-hero h1 { font-family: Poppins, Inter, sans-serif; font-size: 44px; font-weight: 700; color: #fff; margin: 0 0 16px; }
.sp-hero p { font-family: Inter, sans-serif; font-size: 19px; color: rgba(255,255,255,0.85); max-width: 560px; margin: 0 auto; line-height: 1.6; }

/* Cards Section */
.sp-cards { max-width: 1100px; margin: -60px auto 0; padding: 0 20px 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; position: relative; z-index: 2; }

.sp-card { background: #fff; border-radius: 16px; box-shadow: 0 6px 32px rgba(0,0,0,0.08); padding: 44px 36px; display: flex; flex-direction: column; border-top: 4px solid #0a77ba; }
.sp-card__icon { width: 48px; height: 48px; background: #e8f4fd; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.sp-card__icon svg { width: 24px; height: 24px; fill: #0a77ba; }
.sp-card h2 { font-family: Poppins, Inter, sans-serif; font-size: 24px; font-weight: 600; color: #191a1a; margin: 0 0 12px; }
.sp-card p { font-family: Inter, sans-serif; font-size: 15px; color: #4b5563; line-height: 1.7; margin: 0 0 24px; }

/* Steps */
.sp-steps { list-style: none; padding: 0; margin: 0 0 28px; flex-grow: 1; }
.sp-steps li { font-family: Inter, sans-serif; font-size: 15px; color: #374151; padding: 14px 0 14px 52px; position: relative; border-bottom: 1px solid #f3f4f6; line-height: 1.5; }
.sp-steps li:last-child { border-bottom: none; }
.sp-steps li::before { content: attr(data-step); position: absolute; left: 0; top: 12px; width: 34px; height: 34px; background: linear-gradient(135deg, #0a77ba, #0d8fd4); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; font-family: Poppins, sans-serif; }

/* Right card content */
.sp-card__tips { list-style: none; padding: 0; margin: 0 0 28px; flex-grow: 1; }
.sp-card__tips li { font-family: Inter, sans-serif; font-size: 15px; color: #374151; padding: 10px 0 10px 28px; position: relative; line-height: 1.6; }
.sp-card__tips li::before { content: ''; position: absolute; left: 0; top: 16px; width: 8px; height: 8px; background: #0a77ba; border-radius: 50%; }

/* Buttons */
.sp-btn { display: inline-block; padding: 14px 32px; background: #0a77ba; color: #fff !important; text-decoration: none; border-radius: 8px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 600; transition: background 0.15s ease, transform 0.1s ease; text-align: center; border: none; cursor: pointer; }
.sp-btn:hover { background: #085d94; color: #fff !important; transform: translateY(-1px); }
.sp-btn--outline { background: transparent; color: #0a77ba !important; border: 2px solid #0a77ba; }
.sp-btn--outline:hover { background: #0a77ba; color: #fff !important; }
.sp-btn[disabled] { opacity: 0.5; cursor: not-allowed; transform: none; }

/* Quick Connect input */
.sp-qc { display: flex; flex-direction: column; gap: 10px; flex-grow: 1; justify-content: center; margin: 8px 0 20px; }
.sp-qc__label { font-family: Inter, sans-serif; font-size: 13px; color: #6b7280; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.sp-qc__row { display: flex; gap: 10px; }
.sp-qc__input { flex: 1; padding: 14px 16px; font-family: 'Courier New', monospace; font-size: 20px; font-weight: 600; color: #191a1a; letter-spacing: 2px; text-align: center; border: 2px solid #d1d5db; border-radius: 8px; background: #fff; transition: border-color 0.15s ease; }
.sp-qc__input:focus { outline: none; border-color: #0a77ba; }
.sp-qc__help { font-family: Inter, sans-serif; font-size: 13px; color: #6b7280; line-height: 1.5; margin: 0; }
.sp-qc__help strong { color: #0a77ba; }
.sp-qc__status { font-family: Inter, sans-serif; font-size: 13px; color: #059669; min-height: 18px; margin: 4px 0 0; font-weight: 500; }

/* Contact Strip */
.sp-contact { max-width: 1100px; margin: 0 auto; padding: 0 20px 48px; }
.sp-contact__inner { background: linear-gradient(135deg, #f8fafc 0%, #f0f7fc 100%); border-radius: 16px; padding: 36px 48px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: center; }
.sp-contact__item { text-align: center; }
.sp-contact__label { font-family: Inter, sans-serif; font-size: 11px; color: #6b7280; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin-bottom: 8px; }
.sp-contact__value { font-family: Poppins, Inter, sans-serif; font-size: 18px; font-weight: 600; color: #191a1a; }
.sp-contact__value a { color: #0a77ba; text-decoration: none; }
.sp-contact__value a:hover { text-decoration: underline; }

/* Form Section */
.sp-form { max-width: 1100px; margin: 0 auto; padding: 0 20px 80px; }
.sp-form__header { text-align: center; margin-bottom: 32px; }
.sp-form__header h2 { font-family: Poppins, Inter, sans-serif; font-size: 32px; font-weight: 600; color: #191a1a; margin: 0 0 8px; }
.sp-form__header p { font-family: Inter, sans-serif; font-size: 16px; color: #6b7280; margin: 0; }
.sp-form__wrap { max-width: 720px; margin: 0 auto; background: #fff; border-radius: 16px; box-shadow: 0 6px 32px rgba(0,0,0,0.08); padding: 44px 40px; }

/* Divider */
.sp-divider { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.sp-divider hr { border: none; border-top: 1px solid #e5e7eb; margin: 0 0 48px; }

/* Responsive */
@media (max-width: 768px) {
  .sp-hero { padding: 60px 20px 80px; }
  .sp-hero h1 { font-size: 32px; }
  .sp-hero p { font-size: 17px; }
  .sp-cards { grid-template-columns: 1fr; margin-top: -40px; }
  .sp-contact__inner { grid-template-columns: 1fr 1fr; }
  .sp-form__wrap { padding: 32px 24px; }
}
@media (max-width: 480px) {
  .sp-contact__inner { grid-template-columns: 1fr; }
}


/* ============================================================
   terms-of-use-page.html (1 <style> block)
   ============================================================ */
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 20px 80px; font-family: Inter, sans-serif; color: #191a1a; line-height: 1.8; }
.legal-page h1 { font-family: Poppins, Inter, sans-serif; font-size: 36px; font-weight: 700; margin-bottom: 8px; color: #191a1a; }
.legal-page .legal-date { font-size: 14px; color: #6b7280; margin-bottom: 40px; }
.legal-page h2 { font-family: Poppins, Inter, sans-serif; font-size: 22px; font-weight: 600; margin: 40px 0 16px; color: #191a1a; }
.legal-page p { font-size: 16px; margin-bottom: 16px; }
.legal-page ul { margin: 0 0 16px 24px; padding: 0; }
.legal-page li { font-size: 16px; margin-bottom: 8px; }
.legal-page strong { color: #191a1a; }
.legal-page a { color: #0a77ba; text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-page .caps { text-transform: uppercase; font-size: 14px; }


/* ============================================================
   vcio-services-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    /* Pricing cards (matches industry pricing pattern) */
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }


/* ============================================================
   wireless-networking-page.html (1 <style> block)
   ============================================================ */
.location-hero { background-image: url('https://images.pexels.com/photos/4218546/pexels-photo-4218546.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=1920'); }
    .pricing-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:960px; margin:40px auto 0; }
    .pricing-card-box { background:#ffffff; border-radius:14px; color:#1f2937 !important; box-shadow:0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.12); text-align:left; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }
    .pricing-card-box:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.08), 0 24px 50px rgba(0,0,0,0.18); }
    .pricing-card-box__header { background:linear-gradient(135deg, #0a77ba 0%, #085d94 100%); padding:22px 32px 20px; color:#ffffff; }
    .pricing-card-box__header h3 { color:#ffffff !important; margin:0 0 6px; font-size:19px; font-weight:700; letter-spacing:-0.2px; text-align:left; }
    .pricing-card-box__header .price-label { color:rgba(255,255,255,0.82) !important; font-size:11px; font-weight:600; letter-spacing:0.7px; text-transform:uppercase; display:block; text-align:left; margin:0; }
    .pricing-card-box__body { padding:24px 32px 28px; color:#4b5563; font-size:15px; line-height:1.65; }
    .pricing-card-box__body p { margin:0 0 14px; color:#4b5563; max-width:none; }
    .pricing-card-box__body p:last-child { margin-bottom:0; }
    .pricing-card-box__body ul { list-style:none; padding:0; margin:0 0 16px; }
    .pricing-card-box__body li { padding:10px 0; color:#4b5563 !important; font-size:15px; line-height:1.55; display:flex; align-items:flex-start; gap:12px; text-align:left; }
    .pricing-card-box__body li + li { border-top:1px solid #f1f5f9; }
    .pricing-card-box__body li::before { content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; min-width:20px; background:#0a77ba; color:#ffffff !important; border-radius:50%; font-size:11px; font-weight:700; flex-shrink:0; margin-top:2px; line-height:1; }
    .pricing-card-box__body table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
    .pricing-card-box__body th { background:#f8fafc; color:#191a1a; font-weight:600; text-align:left; padding:10px 14px; border-bottom:2px solid #e5e7eb; }
    .pricing-card-box__body td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#4b5563; vertical-align:top; }
    .pricing-card-box__body tr:last-child td { border-bottom:0; }
    .pricing-card-box__body strong { color:#191a1a; font-weight:600; }
    .pricing-card-box__body a { color:#0a77ba; }
    .pricing-card-box.full-width { grid-column:1/-1; }
    @media (max-width:767px) {
      .pricing-card-box__header { padding:20px 24px 16px; }
      .pricing-card-box__body { padding:20px 24px 22px; }
      .related-services-grid { grid-template-columns: 1fr !important; }
    }