.hero--services{min-height:500px;height:60vh;padding:calc(var(--nav-height) + var(--sp-xl)) 0 var(--sp-xl);display:flex;align-items:center;}.hero--services .hero__inner{grid-template-columns:1fr;text-align:center;}.hero--services .hero__content{display:flex;flex-direction:column;align-items:center;padding-right:0;margin:0 auto;max-width:850px;}.hero--services .hero__headline,.hero--services .hero__subheadline{text-align:center;}.hero--services .hero__badge-row{justify-content:center;}.hero--services .hero__ctas{justify-content:center;}.hero__bg--services{background-image:url('./assets/hero-roofer.jpg');background-size:cover;background-position:center 25%;background-attachment:scroll;}@media (min-width:1024px){.hero__bg--services{background-attachment:fixed;}}.mb-md{margin-bottom:var(--sp-md);}.mb-lg{margin-bottom:var(--sp-lg);}.mb-xl{margin-bottom:var(--sp-xl);}.mt-sm{margin-top:var(--sp-sm);}.mt-md{margin-top:var(--sp-md);}.mt-lg{margin-top:var(--sp-lg);}.mt-xl{margin-top:var(--sp-xl);}.mt-2xl{margin-top:var(--sp-2xl);}.pt-md{padding-top:var(--sp-md);}.pb-xl{padding-bottom:var(--sp-xl);}.pb-2xl{padding-bottom:var(--sp-2xl);}.text-center{text-align:center;}.text-secondary{color:var(--color-text-secondary);}.text-accent{color:var(--color-primary);}.font-normal{font-weight:400;}.color-inherit{color:inherit;}.title-adjusted{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;}.flex-wrap-gap{display:flex;flex-wrap:wrap;gap:var(--sp-md);}.text-white{color:#ffffff;}.services-overview{background:var(--color-bg-page);padding:var(--sp-section) 0;}.services-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--sp-xl);margin-top:var(--sp-2xl);}@media (max-width:480px){.services-grid-detailed{grid-template-columns:1fr;}}.service-card-det{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;position:relative;}.service-card-det::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--color-primary);opacity:0;transition:opacity 0.3s ease;}.service-card-det:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 20px 40px rgba(254,116,2,0.15);}.service-card-det:hover::before{opacity:1;}.service-card-det__img-wrap{height:240px;position:relative;overflow:hidden;background-color:#000;}.service-card-det__img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.service-card-det:hover .service-card-det__img{transform:scale(1.05);}.service-card-det__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,21,21,0.95) 0%,rgba(21,21,21,0.4) 60%,transparent 100%);z-index:2;}.service-card-det__icon-badge{position:absolute;bottom:var(--sp-md);right:var(--sp-md);width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 4px 10px rgba(254,116,2,0.4);}.service-card-det__content{padding:var(--sp-xl);display:flex;flex-direction:column;flex-grow:1;}.service-card-det__title{font-family:var(--font-subheading);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;color:#fff;margin-bottom:var(--sp-sm);}.service-card-det__desc{color:var(--color-text-secondary);font-size:0.98rem;line-height:1.6;margin-bottom:var(--sp-lg);}.service-card-det__bullet-label{font-family:var(--font-subheading);font-size:0.9rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--color-primary-light);margin-bottom:var(--sp-sm);}.service-card-det__bullets{list-style:none;margin-bottom:var(--sp-xl);display:flex;flex-direction:column;gap:8px;}.service-card-det__bullet{display:flex;align-items:flex-start;gap:8px;font-size:0.92rem;color:var(--color-text-muted);}.service-card-det__bullet svg{color:var(--color-primary);flex-shrink:0;margin-top:3px;}.service-card-det__cta-btn{margin-top:auto;width:100%;}.problem-section{background:var(--color-bg-alt);padding:var(--sp-section) 0;}.problem__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--sp-3xl);align-items:center;}.problem__list{list-style:none;margin-top:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md);}.problem__list-item{display:flex;align-items:flex-start;gap:var(--sp-sm);font-size:1.05rem;font-weight:500;color:var(--color-text-primary);}.problem__list-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px;}.problem__image-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.4);position:relative;border:1px solid var(--color-border);}.problem__image-wrap::after{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid rgba(254,116,2,0.25);pointer-events:none;}.benefits-section{background:var(--color-bg-page);color:#fff;padding:var(--sp-section) 0;}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--sp-xl);}.benefit-card{background:var(--color-bg-card);padding:var(--sp-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform 0.3s,border-color 0.3s;}.benefit-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 15px 30px rgba(254,116,2,0.1);}.benefit-card__icon{width:56px;height:56px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-md);transition:background 0.3s,color 0.3s;}.benefit-card:hover .benefit-card__icon{background:var(--color-primary);color:#fff;}.benefit-card__title{font-family:var(--font-subheading);font-size:1.25rem;margin-bottom:var(--sp-sm);color:#fff;}.benefit-card__desc{color:var(--color-text-muted);font-size:0.95rem;line-height:1.6;}.who-section{background:var(--color-bg-page);padding:var(--sp-section) 0;}.who-section__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.4);position:relative;border:1px solid var(--color-border);}.who-section__image::after{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid rgba(254,116,2,0.25);pointer-events:none;}.faq-section{background:var(--color-bg-alt);padding:var(--sp-section) 0;}.faq-container{max-width:850px;margin:0 auto;}.faq-item{border-bottom:1px solid var(--color-border);}.faq-item:first-child{border-top:1px solid var(--color-border);}.faq-question{width:100%;text-align:left;background:none;border:none;padding:var(--sp-lg) 0;font-family:var(--font-subheading);font-size:1.2rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color 0.2s;}.faq-question::after{content:'+';font-size:1.5rem;font-weight:300;transition:transform 0.3s;color:var(--color-text-muted);}.faq-question:hover,.faq-question[aria-expanded="true"]{color:var(--color-primary);}.faq-question[aria-expanded="true"]::after{transform:rotate(45deg);color:var(--color-primary);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,opacity 0.3s ease-out;opacity:0;color:var(--color-text-secondary);font-size:0.98rem;line-height:1.6;}@media (max-width:900px){.problem__grid{grid-template-columns:1fr;gap:var(--sp-2xl);}}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr;}.hero--services{height:auto;min-height:auto;padding:calc(var(--nav-height) + var(--sp-xl)) 0 var(--sp-xl);}}