/* Hero Section Styles */
.hero {
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
    padding-top: 80px; /* Account for fixed nav */
}

.hero-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 768px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.content-section h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 900;
    line-height: 1.1;
    color: #1a1a1a;
    margin: 20px 0;
}

.danger {
    color: #dc2626;
}

.hero-badges-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.warning-badge,
.hero-cert-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #fff;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.warning-icon,
.cert-icon {
    width: 20px;
    height: 20px;
    fill: #1e40af;
}

.hero-trust-bar {
    display: flex;
    gap: 30px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.hero-trust-item {
    text-align: center;
}

.hero-trust-item strong {
    display: block;
    font-size: 24px;
    color: #1e40af;
    margin-bottom: 4px;
}

.hero-trust-item span {
    font-size: 14px;
    color: #666;
}

.subheadline {
    font-size: 18px;
    line-height: 1.6;
    color: #4a4a4a;
    margin-bottom: 30px;
}

.problems-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin: 30px 0;
}

.problem-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.problem-icon {
    width: 40px;
    height: 40px;
    background: #e0e7ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.problem-icon svg {
    width: 24px;
    height: 24px;
    fill: #1e40af;
}

.problem-text h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #1a1a1a;
}

.problem-text p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.cta-section {
    margin-top: 40px;
}

.cta-primary,
.cta-secondary {
    display: inline-flex;
    align-items: center;
    padding: 16px 32px;
    margin: 10px 10px 10px 0;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}

.cta-primary {
    background: #1e40af;
    color: white;
}

.cta-primary:hover {
    background: #1e3a8a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(30, 64, 175, 0.3);
}

.cta-secondary {
    background: #f3f4f6;
    color: #1e40af;
    border: 2px solid #1e40af;
}

.cta-secondary:hover {
    background: #1e40af;
    color: white;
}

.financing-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    font-size: 14px;
    color: #059669;
}

.hero-certifications {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.cert-text {
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

.trust-bar {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e7eb;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.trust-icon {
    width: 40px;
    height: 40px;
    background: #f3f4f6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trust-icon svg {
    width: 24px;
    height: 24px;
    fill: #1e40af;
}

.trust-text strong {
    display: block;
    font-size: 16px;
    color: #1a1a1a;
}

.trust-text span {
    display: block;
    font-size: 13px;
    color: #666;
}

.visual-section {
    position: relative;
}

.main-visual {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.main-visual img {
    width: 100%;
    height: auto;
    display: block;
}

.severity-badges {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.severity-badge {
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    backdrop-filter: blur(10px);
}

.severity-high {
    background: rgba(239, 68, 68, 0.9);
    color: white;
}

.severity-medium {
    background: rgba(245, 158, 11, 0.9);
    color: white;
}

.damage-examples {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.damage-img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

/* Service Hero Variations */
.service-hero .hero {
    padding-top: 100px;
}

.location-hero .hero {
    padding-top: 100px;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-badges-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .hero-trust-bar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .problems-grid {
        grid-template-columns: 1fr;
    }
    
    .damage-examples {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .trust-bar {
        flex-direction: column;
        gap: 20px;
    }
}

/* Process Steps Section */
.repair-process-steps {
    padding: 80px 0;
    background: #fff;
}

.repair-process-steps .cs-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.repair-process-steps .cs-content {
    text-align: center;
    margin-bottom: 50px;
}

.repair-process-steps .cs-topper {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #1e40af;
    margin-bottom: 8px;
    display: block;
}

.repair-process-steps .cs-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.repair-process-steps .cs-warning {
    display: inline-block;
    padding: 12px 24px;
    background: #fef3c7;
    color: #92400e;
    border-radius: 8px;
    font-weight: 600;
}

.repair-process-steps .cs-card-group {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 30px;
}

.repair-process-steps .cs-item {
    display: flex;
    gap: 20px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative;
}

.repair-process-steps .cs-number {
    font-size: 48px;
    font-weight: 900;
    color: #e5e7eb;
    line-height: 1;
}

.repair-process-steps .cs-h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.repair-process-steps .cs-item-text {
    font-size: 16px;
    line-height: 1.6;
    color: #4a4a4a;
}

/* Service Content */
.service-content {
    padding: 80px 0;
    background: #fff;
}

.content-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.content-container h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 40px 0 20px;
}

.content-container h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 30px 0 15px;
}

.content-container p {
    font-size: 18px;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 20px;
}

.content-container ul,
.content-container ol {
    margin: 20px 0;
    padding-left: 30px;
}

.content-container li {
    font-size: 18px;
    line-height: 1.8;
    color: #4a4a4a;
    margin-bottom: 10px;
}

/* Foundation Services Section */
#services-1628 {
    padding: var(--sectionPadding);
    background-color: #ffffff;
    position: relative;
}

#services-1628 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(3rem, 6vw, 4rem);
}

#services-1628 .cs-content {
    text-align: center;
    width: 100%;
    max-width: 50rem;
}

#services-1628 .cs-flex {
    max-width: 32.625rem;
    margin: auto;
}

#services-1628 .cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 0.25rem;
    display: block;
}

#services-1628 .cs-title {
    font-size: var(--headerFontSize);
    font-weight: 900;
    line-height: 1.2em;
    text-align: center;
    max-width: 43.75rem;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
    position: relative;
}

#services-1628 .cs-text {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    max-width: 46.875rem;
    margin: 0 auto;
    color: var(--bodyTextColor);
}

.services-trust-bar {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin: 2rem 0;
    flex-wrap: wrap;
}

.trust-indicator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #f8f9fa;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.875rem;
}

.trust-indicator svg {
    width: 20px;
    height: 20px;
    fill: var(--primary);
}

#services-1628 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: clamp(1rem, 2.3vw, 1.25rem);
}

#services-1628 .cs-item {
    list-style: none;
    border-radius: 1rem;
    overflow: hidden;
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.06);
    grid-column: span 12;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
}

#services-1628 .cs-item:hover {
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

#services-1628 .cs-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

#services-1628 .cs-picture {
    width: 100%;
    height: 15rem;
    background-color: var(--primary);
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#services-1628 .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.6s;
}

#services-1628 .cs-item:hover .cs-picture img {
    transform: scale(1.15);
}

#services-1628 .cs-item-content {
    padding: clamp(1.25rem, 3vw, 1.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

#services-1628 .cs-h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--headerColor);
    margin: 0 0 0.75rem 0;
    transition: color .3s;
}

#services-1628 .cs-item:hover .cs-h3 {
    color: var(--primary);
}

#services-1628 .cs-item-text {
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    line-height: 1.5em;
    color: var(--bodyTextColor);
    margin: 0 0 1.25rem;
}

#services-1628 .cs-features {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#services-1628 .cs-feature {
    font-size: clamp(0.875rem, 1.4vw, 0.9375rem);
    line-height: 1.5em;
    color: var(--bodyTextColor);
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

#services-1628 .cs-check {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.0625rem;
    flex: none;
}

#services-1628 .cs-fake-link {
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: 700;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    position: relative;
}

#services-1628 .cs-icon {
    width: 1.25rem;
    height: auto;
    display: block;
}

/* Tablet - 600px */
@media only screen and (min-width: 37.5rem) {
    #services-1628 .cs-item {
        grid-column: span 6;
    }
}

/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
    #services-1628 .cs-item {
        grid-column: span 4;
    }
}

/* About Section */
#about-us {
    padding: var(--sectionPadding);
    background-color: #ffffff;
    position: relative;
}

/* Gallery Section */
#gallery-404 {
    padding: var(--sectionPadding);
    background-color: #f8f9fa;
}

.cs-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.cs-image {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1;
}

.cs-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.cs-image:hover img {
    transform: scale(1.05);
}

/* Reviews Section */
#reviews-1672 {
    padding: var(--sectionPadding);
    background-color: #ffffff;
}

/* FAQ Section */
#faq-1263 {
    padding: var(--sectionPadding);
    background-color: #e5e5e5;
}

.cs-faq-group {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
    margin: 0 auto;
}

.cs-faq-item {
    background: #ffffff;
    margin-bottom: 16px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

.cs-faq-item:hover {
    background: #f8f9fa;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.cs-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.cs-button-text {
    font-size: 18px;
    font-weight: 600;
    color: #1e40af;
}

.cs-item-p {
    max-height: 0;
    overflow: hidden;
    padding: 0 24px;
    font-size: 16px;
    line-height: 1.6;
    color: #2a2a2a;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.cs-faq-item.active .cs-item-p {
    max-height: 500px;
    padding: 0 24px 24px;
}

.cs-button::after {
    content: '+';
    position: absolute;
    right: 24px;
    font-size: 24px;
    color: #1e40af;
    transition: transform 0.3s ease;
}

.cs-faq-item.active .cs-button::after {
    transform: rotate(45deg);
}

/* Final CTA */
.final-cta {
    padding: 80px 0;
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
    color: white;
    text-align: center;
}

.cta-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.final-cta h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    margin-bottom: 16px;
}

.final-cta p {
    font-size: 20px;
    margin-bottom: 32px;
    opacity: 0.9;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}

.cta-button.primary {
    background: white;
    color: #1e40af;
}

.cta-button.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.cta-button.secondary {
    background: transparent;
    color: white;
    border: 2px solid white;
}

.cta-button.secondary:hover {
    background: white;
    color: #1e40af;
}

/* Trust Signals Section - From extracted CSS */
.trust-signals-section{padding:4rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);position:relative;overflow:hidden}.trust-signals-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.trust-container{max-width:80rem;margin:0 auto;padding:0 1rem}.trust-header{text-align:center;margin-bottom:3rem}.trust-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--headerColor);margin-bottom:2rem}.trust-stats-row{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.trust-stat-item{text-align:center}.trust-stat-number{display:block;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:var(--primary);line-height:1}.trust-stat-label{display:block;font-size:.875rem;color:var(--bodyTextColor);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.trust-certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.trust-cert-card{background:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 2px 10px rgba(0,0,0,8%);text-align:center;transition:all .3s ease}.trust-cert-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.trust-cert-logo{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.trust-cert-logo img{max-height:100%;max-width:150px;width:auto}.trust-cert-card h3{font-size:1.25rem;color:var(--headerColor);margin-bottom:.5rem}.trust-cert-card p{font-size:.875rem;color:var(--bodyTextColor);line-height:1.5}.trust-reviews-bar{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,8%);display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.trust-review-platform{text-align:center}.platform-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.google-icon,.homestars-icon{width:24px;height:24px}.google-icon{color:#4285f4}.homestars-icon{color:#00a651}.platform-name{font-weight:600;color:var(--headerColor)}.rating-info{display:flex;flex-direction:column;align-items:center}.stars{display:flex;align-items:center;gap:.5rem}.star-rating{font-size:1.5rem;font-weight:700;color:var(--primary)}.star-icons{color:#fbbf24;font-size:1.25rem}.review-count{font-size:.875rem;color:var(--bodyTextColor);margin-top:.25rem}.trust-guarantees{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.guarantee-card{background:#fff;padding:1.5rem;border-radius:.5rem;border:2px solid #e5e7eb;transition:all .3s ease}.guarantee-card:hover{border-color:var(--primary);transform:translateY(-2px)}.guarantee-icon{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.guarantee-icon svg{width:24px;height:24px}.guarantee-card h4{font-size:1.125rem;color:var(--headerColor);margin-bottom:.5rem}.guarantee-card p{font-size:.875rem;color:var(--bodyTextColor)}@media(max-width:768px){.trust-stats-row{gap:2rem}.trust-stat-item{flex:1 1 40%}.trust-reviews-bar{flex-direction:column}}

/* Pricing Section - From extracted CSS */
.pricing-section{padding:var(--sectionPadding);background:#f8f9fa;position:relative}.pricing-container{max-width:1280px;margin:0 auto;padding:0 1rem}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--headerColor);margin:.5rem 0 1rem}.pricing-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.price-calculator-cta{background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:3rem}.price-calculator-cta h3{font-size:1.75rem;margin-bottom:.5rem}.calculator-button{background:#fff;color:#1e40af;border:none;padding:1rem 2rem;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s;margin-top:1rem}.calculator-button:hover{transform:translateY(-2px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.pricing-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,8%);position:relative;transition:transform .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.pricing-card.featured{border:3px solid #1e40af}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#1e40af;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing-card-header{border-bottom:2px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1.5rem}.pricing-card-header h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem}.price-range{font-size:1.75rem;font-weight:700;color:#1e40af}.pricing-list{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.service-name{font-weight:500;color:#4a4a4a}.service-price{font-weight:700;color:#1e40af}.pricing-footer{background:#f8f9fa;margin:-2rem;padding:1rem 2rem;border-radius:0 0 12px 12px}.pricing-footer p{margin:.25rem 0;color:#059669;font-weight:600;font-size:.875rem}.pricing-cta{background:#fff;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.1)}.pricing-cta h3{font-size:2rem;margin-bottom:1rem;color:var(--headerColor)}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.cta-button.primary{background:#1e40af;color:#fff}.cta-button.primary:hover{background:#1e3a8a;transform:translateY(-2px)}.cta-button.secondary{background:#f3f4f6;color:#1e40af;border:2px solid #1e40af}.cta-button.secondary:hover{background:#1e40af;color:#fff}.pricing-disclaimer{margin-top:1rem;color:#666}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.pricing-card{padding:1.5rem}}

/* Service Areas SEO - From extracted CSS */
.service-areas-seo{padding:var(--sectionPadding);background-color:#f8f8f8;position:relative}.service-areas-seo .container{width:100%;max-width:80rem;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,5vw,3rem)}.service-areas-seo .cs-topper{font-size:var(--topperFontSize);line-height:1.2em;text-transform:uppercase;text-align:center;letter-spacing:.1em;font-weight:700;color:var(--secondary);margin-bottom:.25rem;display:block}.service-areas-seo h2{font-size:var(--headerFontSize);font-weight:900;line-height:1.2em;text-align:center;max-width:43.75rem;margin:0 0 1rem;color:var(--headerColor)}.service-areas-seo .cs-intro{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5em;text-align:center;color:var(--bodyTextColor);max-width:43.75rem;margin:0 auto clamp(2.5rem,5vw,3rem)}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(21.875rem,1fr));gap:clamp(1rem,2.4vw,1.25rem);width:100%}.area-card{background:#fff;border:2px solid #e5e7eb;padding:clamp(1.5rem,3vw,2rem);border-radius:.5rem;transition:all .3s ease;box-shadow:0 0 1.5rem rgba(0,0,0,8%)}.area-card:hover{border-color:var(--primary);transform:translateY(-.25rem);box-shadow:0 .5rem 2.5rem rgba(0,0,0,.1)}.area-card h3{font-size:clamp(1.25rem,2.5vw,1.5625rem);line-height:1.2em;font-weight:700;color:var(--primary);margin:0 0 .75rem}.area-card p{font-size:var(--bodyFontSize);line-height:1.5em;color:var(--bodyTextColor);margin:0 0 1.25rem}.area-link{font-size:1rem;line-height:1.2em;font-weight:700;text-decoration:none;color:var(--primary);display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s}.area-link:hover{gap:.75rem}.service-footer{width:100%;text-align:center;padding:clamp(1.5rem,3vw,2rem);background-color:#fff;border-radius:.5rem;box-shadow:0 0 1.5rem rgba(0,0,0,8%)}.service-footer p{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.5em;color:var(--bodyTextColor);margin:0}.service-footer strong{color:var(--headerColor)}@media only screen and (min-width:48rem){.areas-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:64rem){.areas-grid{grid-template-columns:repeat(3,1fr)}}

/* Video Testimonials - From extracted CSS */
.video-testimonials-section{padding:var(--sectionPadding);background:#f8f9fa;position:relative}.testimonials-container{max-width:1280px;margin:0 auto;padding:0 1rem}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--headerColor);margin:.5rem 0 1rem}.testimonials-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.video-testimonial{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,8%);transition:transform .3s}.video-testimonial:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.video-placeholder{position:relative;padding-bottom:56.25%;background:#000;cursor:pointer;overflow:hidden}.video-placeholder img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-placeholder:hover img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(255,0,0,.8);border:none;border-radius:12px;cursor:pointer;transition:all .3s;padding:0}.play-button:hover{background:rgba(255,0,0,.95);transform:translate(-50%,-50%)scale(1.1)}.play-button svg{width:100%;height:100%;fill:#fff}.video-info{padding:1.5rem}.video-info h3{font-size:1.25rem;color:#1a1a1a;margin-bottom:.5rem}.video-project{color:#1e40af;font-weight:600;margin-bottom:.75rem}.video-quote{font-style:italic;color:#4a5568;margin-bottom:1rem;line-height:1.6}.video-stats{display:flex;gap:1rem;font-size:.875rem;color:#059669;font-weight:600}.featured-story{background:#fff;border-radius:12px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 20px rgba(0,0,0,8%)}.featured-story h3{text-align:center;font-size:2rem;color:#1e40af;margin-bottom:2rem}.story-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.story-content{grid-template-columns:1fr 1fr}}.video-placeholder.large{padding-bottom:56.25%}.play-button.large{width:90px;height:64px}.story-details h4{font-size:1.5rem;color:#1a1a1a;margin-bottom:1rem}.story-challenge,.story-solution{margin-bottom:1rem;line-height:1.6}.story-results{background:#f0fdf4;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.story-results h5{color:#065f46;margin-bottom:.75rem}.story-results ul{list-style:none;padding:0}.story-results li{padding:.5rem 0;color:#047857;font-weight:600}blockquote{border-left:4px solid #1e40af;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#4a5568}blockquote cite{display:block;margin-top:.5rem;font-style:normal;font-weight:600;color:#1a1a1a}.testimonials-cta{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;padding:3rem;border-radius:12px;text-align:center}.testimonials-cta h3{font-size:2rem;margin-bottom:1rem}.testimonials-cta p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.cta-button.primary{background:#fff;color:#1e40af}.cta-button.secondary{background:0 0;color:#fff;border:2px solid #fff}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10000;padding:2rem}.modal-content{position:relative;max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center}.modal-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:#fff;font-size:3rem;cursor:pointer;padding:0;width:40px;height:40px;line-height:1}.video-container{position:relative;padding-bottom:56.25%;width:100%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:768px){.video-grid{grid-template-columns:1fr}.testimonials-cta{padding:2rem}.modal-close{top:10px;right:10px}}