.services-hero {padding:160px clamp(20px, 6vw, 100px) 80px;background:linear-gradient(135deg, rgba(227, 6, 19, 0.02) 0%, rgba(10, 63, 135, 0.04) 100%), var(--white);border-bottom:1px solid var(--line);text-align:center;} .services-hero h1 {font-family:var(--font-head);font-size:clamp(2.5rem, 5vw, 4.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-2.5px;line-height:0.95;color:var(--navy);margin-bottom:20px;} .services-hero h1 span {color:var(--blue);} .services-hero p {font-size:1.15rem;color:var(--muted);max-width:700px;margin:0 auto;line-height:1.7;} .services-layout {padding:80px clamp(20px, 6vw, 100px);background:var(--white);} .services-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-bottom:80px;} @media (max-width:991px) {.services-grid {grid-template-columns:1fr;gap:30px;}} .service-card {border:1px solid var(--line);background:var(--white);padding:50px 40px;position:relative;transition:var(--transition);display:flex;flex-direction:column;} .service-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(16, 31, 48, 0.06);border-color:var(--blue);} .service-card:nth-child(2):hover {border-color:var(--red);} .service-icon-bg {width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:var(--paper);color:var(--blue);margin-bottom:30px;transition:var(--transition);} .service-card:nth-child(2) .service-icon-bg {color:var(--red);} .service-card:hover .service-icon-bg {background:var(--blue);color:var(--white);} .service-card:nth-child(2):hover .service-icon-bg {background:var(--red);color:var(--white);} .service-card h2 {font-family:var(--font-head);font-size:1.45rem;font-weight:800;text-transform:uppercase;letter-spacing:-0.5px;color:var(--navy);margin-bottom:20px;} .service-card p {color:var(--muted);font-size:0.95rem;line-height:1.65;margin-bottom:25px;} .service-highlights {list-style:none;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);} .service-highlights li {font-size:0.9rem;color:var(--navy-light);margin-bottom:10px;padding-left:20px;position:relative;} .service-highlights li::before {content:"✓";position:absolute;left:0;color:var(--red);font-weight:bold;} .service-card:nth-child(2) .service-highlights li::before {color:var(--blue);} .warranty-section {background:var(--paper);padding:100px clamp(20px, 6vw, 100px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} .warranty-box {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;background:var(--white);border:1px solid var(--line);padding:60px;} @media (max-width:991px) {.warranty-box {grid-template-columns:1fr;padding:40px 30px;gap:40px;}} .warranty-content h2 {font-family:var(--font-head);font-size:2.2rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin-bottom:25px;letter-spacing:-1.5px;} .warranty-content h2 span {color:var(--red);} .warranty-content p {color:var(--navy-light);line-height:1.7;margin-bottom:20px;} .warranty-badge-container {display:flex;justify-content:center;align-items:center;} .warranty-badge {width:260px;height:260px;border-radius:50%;border:8px double var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--white);padding:20px;box-shadow:0 10px 30px rgba(10, 63, 135, 0.05);} .warranty-badge span {font-family:var(--font-head);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--muted);} .warranty-badge strong {font-family:var(--font-head);font-size:2.8rem;font-weight:900;color:var(--red);line-height:1.1;margin:10px 0;} .warranty-badge b {font-family:var(--font-head);font-size:14px;font-weight:800;color:var(--blue);text-transform:uppercase;} .faq-section {background:var(--paper);padding:100px clamp(20px, 6vw, 100px);border-top:1px solid var(--line);} .faq-container {max-width:900px;margin:0 auto;} .faq-accordion {margin-top:40px;display:flex;flex-direction:column;gap:15px;} .faq-item {border:1px solid var(--line);background:var(--white);transition:var(--transition);} .faq-item:hover {border-color:var(--blue);box-shadow:0 5px 15px rgba(10, 63, 135, 0.03);} .faq-trigger {width:100%;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;outline:none;cursor:pointer;text-align:left;font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--navy);transition:var(--transition);} .faq-trigger span {padding-right:20px;} .faq-icon {font-size:1.5rem;font-weight:400;color:var(--blue);transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block;user-select:none;line-height:1;} .faq-item.active {border-color:var(--blue);} .faq-item.active .faq-trigger {color:var(--blue);} .faq-item.active .faq-icon {transform:rotate(45deg);color:var(--red);} .faq-content {max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);padding:0 30px;} .faq-item.active .faq-content {padding:0 30px 24px;} .faq-content p {font-size:0.95rem;line-height:1.65;color:var(--muted);margin:0;} .faq-content strong {color:var(--navy);} .faq-service-list {list-style:none;margin-top:15px;padding-left:0;} .faq-service-list li {font-size:0.95rem;color:var(--muted);margin-bottom:8px;position:relative;padding-left:20px;} .faq-service-list li::before {content:"✓";position:absolute;left:0;color:var(--red);font-weight:bold;}