/* ── PAGE-SPECIFIC STYLES ── */
    .page-hero {
      padding: 160px 5vw 100px;
      border-bottom: 1px solid var(--border);
      position: relative;
      overflow: hidden;
      background-image: url('/assets/images/Non-homepage-other-page-bg-photo5.png');
      background-size: cover;
      background-position: center center;
      background-attachment: fixed;
    }
    .page-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(8,8,8,0.65);
      pointer-events: none;
    }
    .page-hero > * { position: relative; z-index: 1; }
    .page-hero--electricians { background-image: url('/assets/images/Non-homepage-other-page-bg-photo1.png'); }
    .page-hero--roofers    { background-image: url('/assets/images/Non-homepage-other-page-bg-photo2.png'); }
    .page-hero--hvac       { background-image: url('/assets/images/Non-homepage-other-page-bg-photo3.png'); }
    .page-hero--contractors { background-image: url('/assets/images/Non-homepage-other-page-bg-photo4.png'); }
    .page-hero--plumbers {
      background-image: url('/assets/images/Non-homepage-other-page-bg-photo5.png');
      background-position: center 38%;
    }
    .page-hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: 'DM Mono', monospace;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--amber);
      border: 1px solid rgba(232,160,32,0.3);
      padding: 6px 14px;
      margin-bottom: 28px;
    }
    .page-hero-tag::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--amber);
    }
    .page-h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(2.8rem, 7vw, 6.5rem);
      line-height: 0.93;
      letter-spacing: 0.02em;
      color: var(--white);
      max-width: 800px;
      margin-bottom: 28px;
    }
    .page-h1 .accent { color: var(--amber); }
    .page-sub {
      max-width: 560px;
      font-size: 1.05rem;
      font-weight: 300;
      color: var(--text);
      line-height: 1.75;
      margin-bottom: 44px;
    }
    .page-actions { display: flex; gap: 16px; flex-wrap: wrap; }

    .stat-band { padding: 60px 5vw; border-bottom: 1px solid var(--border); background: var(--off); }
    .stat-band-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--border); }
    @media (max-width: 760px) { .stat-band-grid { grid-template-columns: 1fr; } }
    .stat-band-item { padding: 36px 32px; border-right: 1px solid var(--border); background: rgba(255,255,255,0.03); }
    .stat-band-item:last-child { border-right: none; }
    .stat-band-num { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 5vw, 4rem); color: var(--amber); line-height: 1; }
    .stat-band-label { font-size: 0.82rem; color: var(--text); line-height: 1.5; margin-top: 8px; font-weight: 300; }
    .stat-band-source { font-family: 'DM Mono', monospace; font-size: 0.62rem; letter-spacing: 0.1em; color: var(--muted); margin-top: 6px; text-transform: uppercase; }

    .content-section { padding: 100px 5vw; border-bottom: 1px solid var(--border); }
    .content-section.dark { background: var(--off); }
    .bg-idea-8 { background-image: url('/assets/images/idea 8.png'); background-size: cover; background-position: center; background-attachment: fixed; position: relative; }
    .bg-idea-8::after { content: ''; position: absolute; inset: 0; background: rgba(8,8,8,0.4); pointer-events: none; }
    .bg-idea-8 > * { position: relative; z-index: 1; }
    .bg-idea-4 { background-image: url('/assets/images/idea 4.png'); background-size: cover; background-position: center; background-attachment: fixed; position: relative; }
    .bg-idea-4::after { content: ''; position: absolute; inset: 0; background: rgba(8,8,8,0.4); pointer-events: none; }
    .bg-idea-4 > * { position: relative; z-index: 1; }

    .how-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 56px; border: 1px solid var(--border); }
    @media (max-width: 760px) { .how-steps { grid-template-columns: 1fr; } }
    .how-step { padding: 40px 36px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: rgba(255,255,255,0.04); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: relative; }
    .how-step:nth-child(2n) { border-right: none; }
    .how-step:nth-last-child(-n+2) { border-bottom: none; }
    .how-step-num { font-family: 'Bebas Neue', sans-serif; font-size: 3.5rem; color: rgba(255,255,255,0.12); line-height: 1; margin-bottom: 16px; }
    .how-step-title { font-size: 1rem; font-weight: 500; color: var(--white); margin-bottom: 10px; }
    .how-step-body { font-size: 0.85rem; color: var(--muted); line-height: 1.7; font-weight: 300; }
    .how-step-tag { display: inline-block; font-family: 'DM Mono', monospace; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--amber); border: 1px solid rgba(232,160,32,0.25); padding: 3px 8px; margin-bottom: 20px; }

    .after-hours-band { padding: 72px 5vw; border-bottom: 1px solid var(--border); background: rgba(232,160,32,0.05); display: flex; align-items: center; gap: 64px; flex-wrap: wrap; }
    .after-hours-icon { font-size: 3rem; flex-shrink: 0; opacity: 0.7; }
    .after-hours-content { flex: 1; min-width: 260px; }
    .after-hours-label { font-family: 'DM Mono', monospace; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }
    .after-hours-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(1.8rem, 4vw, 3rem); color: var(--white); line-height: 1; margin-bottom: 16px; }
    .after-hours-body { font-size: 0.9rem; color: var(--text); line-height: 1.7; font-weight: 300; max-width: 500px; }

    .fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 56px; border: 1px solid var(--border); }
    @media (max-width: 760px) { .fit-grid { grid-template-columns: 1fr; } }
    .fit-col { padding: 40px 36px; background: rgba(255,255,255,0.04); }
    .fit-col.negative { background: rgba(255,255,255,0.02); border-left: 1px solid var(--border); }
    .fit-col-label { font-family: 'DM Mono', monospace; font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); margin-bottom: 24px; }
    .fit-col.negative .fit-col-label { color: var(--muted); }
    .fit-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
    .fit-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 0.88rem; color: var(--text); font-weight: 300; line-height: 1.5; }
    .fit-list li::before { content: '→'; color: var(--amber); flex-shrink: 0; font-size: 0.75rem; margin-top: 2px; }
    .fit-list.negative li::before { content: '✕'; color: var(--muted); }

    .cost-compare-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 56px; border: 1px solid var(--border); }
    @media (max-width: 760px) { .cost-compare-grid { grid-template-columns: 1fr; } }
    .cost-col { padding: 40px 32px; border-right: 1px solid var(--border); background: rgba(255,255,255,0.04); backdrop-filter: blur(20px); }
    .cost-col:last-child { border-right: none; }
    .cost-col.win { background: rgba(232,160,32,0.07); }
    .cost-col-label { font-family: 'DM Mono', monospace; font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }
    .cost-col.win .cost-col-label { color: var(--amber); }
    .cost-col-price { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2rem, 4vw, 3rem); color: var(--white); line-height: 1; margin-bottom: 6px; }
    .cost-col.win .cost-col-price { color: var(--amber); }
    .cost-col-sub { font-size: 0.78rem; color: var(--muted); font-weight: 300; line-height: 1.5; margin-bottom: 24px; }
    .cost-col-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
    .cost-col-list li { font-size: 0.82rem; color: var(--text); font-weight: 300; padding-left: 16px; position: relative; line-height: 1.5; }
    .cost-col-list li::before { content: '·'; position: absolute; left: 0; color: var(--muted); }

    .faq-list { margin-top: 56px; border: 1px solid var(--border); }
    .faq-item { border-bottom: 1px solid var(--border); }
    .faq-item:last-child { border-bottom: none; }
    .faq-item summary { list-style: none; padding: 24px 28px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 0.92rem; font-weight: 500; color: var(--white); transition: color 0.2s, background 0.2s; gap: 16px; }
    .faq-item summary:hover { color: var(--amber); background: rgba(232,160,32,0.04); }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { content: '+'; font-family: 'DM Mono', monospace; font-size: 1.1rem; color: var(--amber); flex-shrink: 0; transition: transform 0.2s; }
    .faq-item[open] summary::after { transform: rotate(45deg); }
    .faq-item[open] summary { color: var(--amber); }
    .faq-answer { padding: 0 28px 24px; font-size: 0.88rem; color: var(--text); line-height: 1.75; font-weight: 300; max-width: 680px; }
    .faq-answer a { color: var(--amber); }

    .cta-band { padding: 100px 5vw; border-top: 1px solid var(--border); background: var(--off); text-align: center; position: relative; overflow: hidden; }
    .cta-band-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 40px; }
    .cta-email-note { margin-top: 20px; font-size: 0.82rem; color: var(--muted); }
    .cta-email-note a { color: var(--amber); }

    .breadcrumb { font-family: 'DM Mono', monospace; font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 32px; }
    .breadcrumb a { color: var(--muted); text-decoration: none; }
    .breadcrumb a:hover { color: var(--amber); }
    .breadcrumb span { color: var(--border); margin: 0 8px; }

    .problem-intro { max-width: 640px; margin-top: 24px; font-size: 1rem; font-weight: 300; color: var(--text); line-height: 1.8; }
    .problem-intro strong { color: var(--white); font-weight: 500; }

    .industry-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border); }
    .industry-links-label { font-family: 'DM Mono', monospace; font-size: 0.65rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); width: 100%; margin-bottom: 4px; }

    footer { border-top: 1px solid var(--border); }

@media (max-width: 760px) {
      .page-hero,
      .page-hero--electricians,
      .page-hero--roofers,
      .page-hero--hvac,
      .page-hero--contractors,
      .page-hero--plumbers {
        background-attachment: scroll !important;
        background-size: cover;
      }

      .page-hero--electricians { background-image: url('/assets/images/Non-homepage-other-page-bg-photo1-phone.jpeg'); background-position: center top; }
      .page-hero--roofers { background-image: url('/assets/images/Non-homepage-other-page-bg-photo2-phone.jpeg'); background-position: center top; }
      .page-hero--hvac { background-image: url('/assets/images/Non-homepage-other-page-bg-photo3-phone.jpeg'); background-position: center top; }
      .page-hero--contractors { background-image: url('/assets/images/Non-homepage-other-page-bg-photo4-phone.jpeg'); background-position: center top; }
      .page-hero--plumbers {
        background-image: url('/assets/images/Non-homepage-other-page-bg-photo5-phone.jpeg');
        background-position: center 22%;
      }

      .page-hero .page-h1 {
        text-shadow: 0 2px 24px rgba(0, 0, 0, 0.65);
      }

      .page-hero .page-sub {
        text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
      }

      .page-hero {
        padding-top: 118px;
        padding-bottom: 72px;
      }

      .stat-band-item {
        border-right: none;
        border-bottom: 1px solid var(--border);
      }

      .stat-band-item:last-child {
        border-bottom: none;
      }

      .how-step {
        border-right: none;
      }

      .how-step:not(:last-child) {
        border-bottom: 1px solid var(--border);
      }

      .how-step:last-child {
        border-bottom: none;
      }

      .after-hours-band {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        padding-top: 56px;
        padding-bottom: 56px;
      }

      .after-hours-icon {
        font-size: 2.4rem;
      }

      .fit-col.negative {
        border-left: none;
        border-top: 1px solid var(--border);
      }

      .cost-col {
        border-right: none;
        border-bottom: 1px solid var(--border);
      }

      .cost-col:last-child {
        border-bottom: none;
      }

      .faq-item summary {
        padding: 20px 20px;
        font-size: 0.88rem;
        line-height: 1.45;
      }

      .faq-answer {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
      }

      .bg-idea-8,
      .bg-idea-4 {
        background-attachment: scroll !important;
      }
    }