/* ========================================  
   RESPONSIVE STYLES  
   ======================================== */  
  
/* Tablet Landscape */  
@media (max-width: 1100px) {  
    .providers-grid {  
        grid-template-columns: repeat(3, 1fr);  
    }  
  
    .hero h1 {  
        font-size: 42px;  
    }  
  
    .section-title {  
        font-size: 34px;  
    }  
}  
  
/* Tablet Portrait */  
@media (max-width: 900px) {  
    .hero-container {  
        grid-template-columns: 1fr;  
        text-align: center;  
    }  
  
    .hero p {  
        max-width: 100%;  
    }  
  
    .hero-cta-group {  
        justify-content: center;  
    }  
  
    .hero-stats {  
        justify-content: center;  
    }  
  
    /* .hero-visual {  
        display: none;  
    }   */
  
    .providers-grid {  
        grid-template-columns: repeat(2, 1fr);  
    }  
  
    .testimonials-carousel {
        overflow: visible;
    }

    .testimonials-track {
        width: 100%;
        animation: none;
        flex-wrap: wrap;
    }

    .testimonials-track .testimonial-card {
        flex: 0 0 calc(50% - 11px);
    }  
  
    .covered-grid {  
        grid-template-columns: repeat(3, 1fr);  
    }  
  
    .explainer-card {  
        grid-template-columns: 1fr;  
        text-align: center;  
        padding: 40px 30px;  
    }  
  
    .explainer-highlights {  
        align-items: center;  
    }  
  
    .benefits-grid {  
        grid-template-columns: repeat(2, 1fr);  
    }  
  
    .eval-grid {  
        grid-template-columns: 1fr;  
    }

    .eval-layout {
        grid-template-columns: 1fr;
    }

    .eval-content {
        grid-column: 1;
    }

    .eval-image {
        grid-column: 1;
        max-width: 500px;
        margin: 0 auto;
    }  
  
    .footer-grid {  
        grid-template-columns: repeat(2, 1fr);  
        gap: 40px;
    }

    .footer-brand-col {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding-right: 30px;
    }

    .footer-policy-col {
        padding-left: 30px;
    }  
}  
  
/* Mobile */  
@media (max-width: 768px) {  
    .nav-links {  
        display: none;  
        position: absolute;  
        top: 72px;  
        left: 0;  
        right: 0;  
        background: var(--primary);  
        flex-direction: column;  
        padding: 20px;  
        border-top: 1px solid rgba(255,255,255,0.1);  
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);  
    }  
  
    .nav-links.active {  
        display: flex;  
    }  
  
    .nav-links a {  
        padding: 12px 16px;  
        text-align: center;  
    }  
  
    .mobile-toggle {  
        display: flex;  
    }  
  
    .mobile-toggle.active span:nth-child(1) {  
        transform: rotate(45deg) translate(5px, 5px);  
    }  
  
    .mobile-toggle.active span:nth-child(2) {  
        opacity: 0;  
    }  
  
    .mobile-toggle.active span:nth-child(3) {  
        transform: rotate(-45deg) translate(5px, -5px);  
    }  
  
    .hero {  
        min-height: auto;  
        padding-top: 100px;  
    }  
  
    .hero h1 {  
        font-size: 32px;  
    }  
  
    .hero-container {  
        padding: 40px 20px 80px;  
    }  
  
    .hero-badge {  
        font-size: 12px;  
        padding: 6px 14px;  
    }  
  
    .hero-cta-group {  
        flex-direction: column;  
        align-items: center;  
    }  
  
    .hero-stats {  
        flex-wrap: wrap;  
        gap: 16px;  
    }  
  
    .hero-stat-divider {  
        display: none;  
    }  
  
    .section-title {  
        font-size: 28px;  
    }  
  
    .providers-grid {  
        grid-template-columns: 1fr;  
        max-width: 350px;  
        margin: 0 auto 50px;  
    }  
  
    .testimonials-carousel {
        overflow: visible;
    }

    .testimonials-track {
        width: 100%;
        animation: none;
        flex-direction: column;
    }

    .testimonials-track .testimonial-card {
        flex: 0 0 auto;
        width: 100%;
    }  
  
    .covered-grid {  
        grid-template-columns: repeat(2, 1fr);  
    }  
  
    .benefits-grid {  
        grid-template-columns: 1fr;  
    }  

    .eval-layout {
        grid-template-columns: 1fr;
    }

    .eval-content {
        grid-column: 1;
    }

    .eval-image {
        grid-column: 1;
        max-width: 100%;
        margin: 20px 0;
    }

    .eval-grid {
        grid-template-columns: 1fr;
    }
  
    .footer-grid {  
        grid-template-columns: 1fr;  
        gap: 30px;  
    }

    .footer-brand-col {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-right: 0;
        padding-bottom: 30px;
    }

    .footer-policy-col {
        padding-left: 0;
    }  
  
    .compare-section,  
    .testimonials-section,  
    .covered-section,  
    .explainer-section,  
    .benefits-section,  
    .evaluation-section,  
    .final-cta-section {  
        padding: 60px 0;  
    }  
  
    .explainer-card {  
        padding: 30px 20px;  
        border-radius: var(--radius-lg);  
    }  
  
    .explainer-content h2 {  
        font-size: 28px;  
    }  
  
    .final-cta-section h2 {  
        font-size: 28px;  
    }  

    .inner-page h1

{font-family: var(--font-heading); font-size: 28px; color: #000; margin-bottom: 8px;}


}  
  
/* Small Mobile */  
@media (max-width: 600px) {  
    .hero h1 {  
               font-size: 26px;
        margin-bottom: 10px;
        line-height: 35px;
    }  

    .desktop-hide {  
        display: block !important;  
    }

    .intake-form input {
    padding: 6px;
    border-radius: 6px;

}

.hero-cta-quote-content {
    flex: 2 1 auto !important;

}

.identify-left {
    flex: 1 1 auto !important;

}

.provider-box {
    min-height: 135px !important;
}


.hero-image-wrapper {
    position: relative;
   width: 100%; 
    height:100%;
}

.m20 {margin-top: 20px;}

.intake-form {
 border-radius: 0px;
    padding: 12px;
    max-width: 100%;

}

.logo img {
    width: 60px;
}

/* .margin-minus {margin-top: -30px;} */

    .hero {
        min-height: auto;
        padding-top:75px;
    }

     .mobile-hide {  
        display: none !important;  
    }

        .hero-container {
        padding: 10px 15px 60px;
        gap: 0px;
    
    }

    .hero-visual {
        align-items: flex-start;
    }

    .hero p {
 
     margin-bottom: 5px;
   
}

  
    .hero p {  
        font-size: 14px;  
    }  
  
    .covered-grid {  
        grid-template-columns: repeat(2, 1fr);  
        gap: 12px;  
    }  
  
    .covered-item {  
        padding: 16px 8px;  
    }  
  
    .covered-icon {  
        width: 100px;  
        height: 100px;  
    }  
  
    .covered-icon i {  
        font-size: 22px;  
    }  
  
    .btn {  
        padding: 12px 24px;  
        font-size: 14px;  
    }  
  
    .btn-lg {  
        padding: 14px 30px;  
        font-size: 15px;  
    }  
  
    .score-number {  
        font-size: 40px;  
    }  
  
    .explainer-icon-wrapper {  
        width: 200px;  
        height: 200px;  
    }  
  
    .explainer-circle {  
        width: 120px;  
        height: 120px;  
    }  
  
    .explainer-circle i {  
        font-size: 40px;  
    }  
}  

/* Mobile provider slider controls */
@media (max-width: 600px) {
    .providers-carousel {
        position: relative;
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .providers-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding-bottom: 12px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    .providers-grid::-webkit-scrollbar {
        display: none;
    }

    .providers-grid .provider-card {
        flex: 0 0 94%;
        min-width: 280px;
        max-width: 90%;
        margin: 0;
        scroll-snap-align: center;
        transform: none !important;
    }

    .provider-nav {
        position: absolute;
        top: 36%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: none;
        background: rgba(20, 20, 20, 0.2);
        color: #fff;
        z-index: 11;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .provider-nav:hover {
        background: rgba(20, 20, 20, 0.85);
    }

    .provider-nav.prev {
        left: 4px;
    }

    .provider-nav.next {
        right: 4px;
    }
}

@media (max-width: 600px) {
    .testimonials-carousel {
        position: relative;
        padding: 0 8px;
    }

 .compare-section, .testimonials-section, .covered-section, .explainer-section, .benefits-section, .evaluation-section, .final-cta-section {
        padding: 30px 0;
    }


        .providers-grid {

        margin: 0 auto 20px;
    }


    .section-divider {display: none;}

    .testimonials-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        animation: none !important;
    }

    .testimonials-track::-webkit-scrollbar {
        display: none;
    }

    .testimonials-track .testimonial-card {
        flex: 0 0 90%;
        min-width: 280px;
        max-width: 100%;
        scroll-snap-align: center;
        margin: 0;
    }

    .testimonial-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: none;
        background: rgba(20,20,20,0.2);
        color: #fff;
        z-index: 11;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background .2s ease;
    }

    .testimonial-nav.prev {
        left: 4px;
    }

    .testimonial-nav.next {
        right: 4px;
    }

    .testimonial-nav:hover {
        background: rgba(20,20,20,0.9);
    }
}