/* Homepage-only phone refinements. Desktop and tablet styles remain unchanged. */
@media (max-width:740px){
    .page-index{overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
    .page-index #main-content{overflow-x:clip}
    .page-index .container{width:min(100% - 32px,1140px)}

    .page-index .nav-shell{grid-template-columns:140px minmax(0,1fr) 44px;gap:8px;min-height:78px}
    .page-index .brand img{width:134px;height:68px}
    .page-index .header-call,.page-index .menu-toggle{min-height:44px}
    .page-index .header-call{padding:10px 12px;font-size:.78rem}
    .page-index .site-nav{top:78px;height:calc(100dvh - 78px);padding:16px 16px 92px}
    .page-index .site-nav a,.page-index .nav-dropdown-toggle{display:flex;align-items:center;min-height:48px;padding:13px 0;font-size:.92rem}
    .page-index .submenu-toggle{min-height:48px}

    .page-index .home-hero{padding:34px 0 44px}
    .page-index .editorial-copy{padding:4px 0 0}
    .page-index .hero-eyebrow{margin-bottom:13px;font-size:.64rem;line-height:1.45;letter-spacing:.105em}
    .page-index .hero-eyebrow span{width:22px;margin-right:8px}
    .page-index .editorial-copy h1{max-width:100%;margin:0 0 17px;font-size:clamp(1.9rem,9.4vw,2.55rem);line-height:1.04;letter-spacing:-.05em}
    .page-index .hero-text{max-width:35rem;margin-bottom:24px;font-size:.98rem;line-height:1.65}
    .page-index .hero-actions{width:100%;gap:10px;margin:0 0 25px}
    .page-index .hero-actions .btn{width:100%;min-height:52px;font-size:.95rem}
    .page-index .text-link-light{display:inline-flex;align-items:center;min-height:44px;padding:8px 1px;font-size:.9rem}
    .page-index .hero-service-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .page-index .hero-service-tags span{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;font-size:.73rem;line-height:1.35}
    .page-index .hero-service-tags span i{flex:0 0 auto;margin:0}
    .page-index .hero-offer-tags span:first-child{grid-column:1/-1}
    .page-index .editorial-visual{min-height:clamp(280px,82vw,330px);margin-top:6px}
    .page-index .hero-main-image{inset:0 5px 0 11px}
    .page-index .hero-main-image img{object-position:center center}
    .page-index .hero-float-card{max-width:calc(100% - 28px)}

    .page-index .quick-route{padding:0 0 14px}
    .page-index .quick-route-grid{gap:12px}
    .page-index .route-panel{min-height:142px;padding:22px 20px}
    .page-index .route-panel h2{font-size:1.2rem;line-height:1.08}
    .page-index .route-panel div>span{font-size:.8rem;line-height:1.45}

    .page-index .section{padding:72px 0}
    .page-index .service-showcase{padding-top:76px}
    .page-index .showcase-heading{gap:18px;margin-bottom:32px}
    .page-index .showcase-heading h2,.page-index .diagnostic-intro h2,.page-index .approach-header h2,.page-index .coverage-copy h2,.page-index .faq-intro h2{font-size:clamp(2rem,8.2vw,2.45rem);line-height:1.06}
    .page-index .showcase-heading>p,.page-index .diagnostic-intro>p:not(.eyebrow),.page-index .faq-intro>p:not(.eyebrow){font-size:.97rem;line-height:1.65}
    .page-index .feature-service{min-height:400px;border-radius:14px}
    .page-index .feature-content{right:21px;bottom:22px;left:21px}
    .page-index .feature-content h3{font-size:1.72rem;line-height:1.04}
    .page-index .feature-content>p:not(.eyebrow){font-size:.91rem;line-height:1.6}
    .page-index .feature-arrow{width:48px;height:48px}
    .page-index .service-link-list a{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;padding:18px 0}
    .page-index .service-link-list b{font-size:1.02rem;line-height:1.25}
    .page-index .service-link-list small{margin-top:5px;font-size:.8rem;line-height:1.45}
    .page-index .geyser-band{margin-top:28px;border-radius:14px}
    .page-index .geyser-band-image{min-height:190px}
    .page-index .geyser-band-copy{padding:27px 21px 18px}
    .page-index .geyser-band-copy h2{font-size:1.55rem;line-height:1.12}
    .page-index .geyser-band-copy>p:not(.eyebrow){font-size:.92rem;line-height:1.62}
    .page-index .geyser-band-links{padding:11px 21px 15px}
    .page-index .geyser-band-links a{min-height:46px;align-items:center;padding:11px 0;font-size:.84rem}

    .page-index .diagnostic-layout{gap:30px}
    .page-index .diagnostic-intro .btn-outline{width:100%;min-height:52px;margin-top:4px}
    .page-index .symptom-board{padding:25px 18px 0}
    .page-index .symptom-label{line-height:1.45}
    .page-index .symptom-grid span{padding:13px 11px;font-size:.82rem;line-height:1.4}
    .page-index .gas-safety-line{padding:20px 0;font-size:.8rem;line-height:1.6}
    .page-index .service-approach{padding-bottom:76px}
    .page-index .approach-header{margin-bottom:30px}
    .page-index .approach-steps article,.page-index .approach-steps article:not(:first-child){padding:25px 0}
    .page-index .approach-steps span{margin-bottom:12px}
    .page-index .approach-steps h3{font-size:1.08rem}
    .page-index .approach-steps p{font-size:.91rem;line-height:1.6}

    .page-index .areas-redesign .coverage-layout{gap:32px}
    .page-index .areas-redesign .coverage-copy h2{font-size:clamp(2rem,8.2vw,2.45rem);line-height:1.06}
    .page-index .areas-redesign .coverage-copy>p:not(.eyebrow){font-size:.96rem;line-height:1.65}
    .page-index .areas-redesign .text-link-dark{width:100%;min-height:48px;justify-content:center;text-align:center}
    .page-index .area-board{padding:21px 14px}
    .page-index .areas-redesign .area-cloud .area-item{min-height:44px;padding:9px 8px;font-size:.72rem}

    .page-index .home-faq{padding:74px 0}
    .page-index .faq-layout{gap:28px}
    .page-index .faq-item{margin-bottom:12px;border-radius:11px}
    .page-index .faq-question{min-height:58px;gap:14px;padding:16px;font-size:.94rem;line-height:1.42}
    .page-index .faq-item.open .faq-answer p{padding:0 16px 18px;font-size:.94rem;line-height:1.65}

    .page-index .booking-section{padding:74px 0}
    .page-index .booking-layout{gap:30px}
    .page-index .booking-copy h2{font-size:clamp(2rem,8.2vw,2.45rem);line-height:1.06}
    .page-index .booking-copy p:not(.eyebrow){font-size:.97rem;line-height:1.65}
    .page-index .booking-phone{min-height:46px;font-size:1.16rem}
    .page-index .booking-panel{padding:18px 15px;border-radius:16px}
    .page-index .form-grid{gap:11px}
    .page-index .form-field{gap:4px}
    .page-index .form-field label{font-size:.78rem}
    .page-index input,.page-index select{min-height:48px;padding:9px 11px;font-size:16px}
    .page-index textarea{min-height:104px;padding:9px 11px;font-size:16px}
    .page-index .btn-full{min-height:50px;margin-top:14px}
    .page-index .form-privacy-note{margin-top:9px;font-size:.72rem;line-height:1.45}
    .page-index .final-cta{padding-bottom:72px}
    .page-index .cta-panel{padding:28px 21px;border-radius:16px;text-align:left}
    .page-index .cta-panel h2{font-size:1.9rem;line-height:1.1}
    .page-index .cta-panel p:not(.eyebrow){font-size:.95rem;line-height:1.6}
    .page-index .cta-actions{gap:10px}
    .page-index .cta-actions .btn{width:100%;min-height:50px}

    .page-index .site-footer{padding-top:50px}
    .page-index .footer-grid{gap:30px}
    .page-index .footer-disclaimer{margin-top:28px;padding:15px;text-align:left}
    .page-index .footer-bottom .container{padding-bottom:calc(87px + env(safe-area-inset-bottom))}
    .page-index .mobile-sticky-cta{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom)}
    .page-index .mobile-sticky-cta a{display:grid;min-height:66px;place-content:center;padding:9px 4px;font-size:.74rem;line-height:1.25}
    .page-index .mobile-sticky-cta i{font-size:1.05rem}
    .page-index .back-to-top{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:44px;height:44px}
}

@media (max-width:374px){
    .page-index .nav-shell{grid-template-columns:126px minmax(0,1fr) 44px}
    .page-index .brand img{width:122px}
    .page-index .editorial-copy h1{font-size:1.9rem}
    .page-index .hero-service-tags span{font-size:.7rem}
    .page-index .route-panel{padding:20px 16px}
    .page-index .feature-content{right:18px;bottom:19px;left:18px}
}

@media (max-width:740px){
    .page-index .service-category-heading{grid-template-columns:29px 30px minmax(0,1fr);gap:9px;margin-bottom:22px;padding:14px 0}
    .page-index .service-category-heading .category-number{font-size:.68rem}
    .page-index .service-category-heading>i{width:30px;height:30px;font-size:.82rem}
    .page-index .service-category-heading h2{font-size:1.27rem;line-height:1.16}
    .page-index .service-category-heading>a{grid-column:3;justify-self:start;min-height:40px;padding:6px 0;font-size:.79rem}
    .page-index .geyser-category-heading{margin-top:46px}
}