#service-hero {position: relative;min-height: 450px;display: flex;align-items: center;justify-content: center;padding: clamp(8rem, 15vw, 12rem) 1.5rem clamp(4rem, 10vw, 6rem);overflow: hidden;}#service-hero .hero-bg {position: absolute;inset: 0;z-index: 0;}#service-hero .hero-bg picture, #service-hero .hero-bg img {width: 100%;height: 100%;object-fit: cover;}#service-hero .hero-overlay {position: absolute;inset: 0;background: linear-gradient(180deg, rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.85) 100%);}#service-hero .hero-content {position: relative;z-index: 1;text-align: center;max-width: 800px;}#service-hero .hero-content .section-tag {color: var(--primaryLight);margin-bottom: 1rem;}#service-hero .hero-content h1 {font-size: clamp(2rem, 5vw, 3.25rem);font-weight: 800;line-height: 1.15;color: #fff;margin: 0 0 1rem;}#service-hero .hero-content p {font-size: 1.25rem;line-height: 1.6;color: rgba(255, 255, 255, 0.85);margin: 0 0 2rem;}.section-service-intro {padding: clamp(4rem, 10vw, 7rem) 1.5rem;background: #fff;}.section-service-intro .service-container {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1fr;gap: 3rem;align-items: center;}.section-service-intro .intro-content .section-tag {margin-bottom: 0.75rem;}.section-service-intro .intro-content .section-title {text-align: left;margin-bottom: 1.5rem;}.section-service-intro .intro-content p {font-size: 1.0625rem;line-height: 1.8;color: var(--bodyTextColor);margin: 0 0 1.25rem;}.section-service-intro .intro-content p:last-of-type {margin-bottom: 0;}.section-service-intro .intro-image {position: relative;max-width: 500px;margin: 0 auto;}.section-service-intro .intro-image picture {display: block;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-lg);}.section-service-intro .intro-image img {width: 100%;height: auto;display: block;}@media (min-width: 900px) {.section-service-intro .service-container {grid-template-columns: 1.2fr 1fr;gap: 4rem;}.section-service-intro .intro-image {max-width: none;}}.section-service-benefits {padding: clamp(4rem, 10vw, 7rem) 1.5rem;background: var(--bg-light);}.section-service-benefits .benefits-container {max-width: 1200px;margin: 0 auto;}.section-service-benefits .section-header {text-align: center;margin-bottom: 3rem;}.section-service-benefits .section-header .section-tag {margin-bottom: 0.75rem;}.section-service-benefits .section-header .section-title {margin-bottom: 1rem;}.section-service-benefits .section-header .section-desc {max-width: 700px;margin: 0 auto;font-size: 1.0625rem;line-height: 1.7;color: var(--text-muted);}.section-service-benefits .benefits-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;}.section-service-benefits .benefit-card {padding: 1.75rem;background: #fff;border-radius: var(--radius-lg);border: 1px solid var(--border-light);transition: all 0.3s ease;}.section-service-benefits .benefit-card:hover {box-shadow: var(--shadow-lg);border-color: transparent;transform: translateY(-4px);}.section-service-benefits .benefit-card:hover .benefit-icon {background: var(--primary);}.section-service-benefits .benefit-card:hover .benefit-icon i {color: #fff;}.section-service-benefits .benefit-icon {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;background: rgba(57, 165, 231, 0.1);border-radius: var(--radius-md);margin-bottom: 1rem;transition: all 0.3s ease;}.section-service-benefits .benefit-icon i {font-size: 1.5rem;color: var(--primary);transition: color 0.3s ease;}.section-service-benefits .benefit-card h3 {font-size: 1.125rem;font-weight: 700;color: var(--headerColor);margin: 0 0 0.75rem;}.section-service-benefits .benefit-card p {font-size: 0.9375rem;line-height: 1.6;color: var(--text-muted);margin: 0;}@media (min-width: 600px) {.section-service-benefits .benefits-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 900px) {.section-service-benefits .benefits-grid {grid-template-columns: repeat(3, 1fr);gap: 2rem;}}.section-service-approach {padding: clamp(4rem, 10vw, 7rem) 1.5rem;background: #fff;}.section-service-approach .approach-container {max-width: 800px;margin: 0 auto;}.section-service-approach .approach-content .section-tag {margin-bottom: 0.75rem;}.section-service-approach .approach-content .section-title {text-align: left;margin-bottom: 2.5rem;}.section-service-approach .approach-item {display: flex;gap: 1.25rem;margin-bottom: 2rem;}.section-service-approach .approach-item:last-child {margin-bottom: 0;}.section-service-approach .approach-icon {flex-shrink: 0;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: rgba(57, 165, 231, 0.1);border-radius: var(--radius-md);}.section-service-approach .approach-icon i {font-size: 1.25rem;color: var(--primary);}.section-service-approach .approach-text h3 {font-size: 1.125rem;font-weight: 700;color: var(--headerColor);margin: 0 0 0.5rem;}.section-service-approach .approach-text p {font-size: 0.9375rem;line-height: 1.7;color: var(--text-muted);margin: 0;}.section-service-examples {padding: clamp(4rem, 10vw, 7rem) 1.5rem;background: var(--bg-light);}.section-service-examples .examples-container {max-width: 1100px;margin: 0 auto;}.section-service-examples .section-header {text-align: center;margin-bottom: 3rem;}.section-service-examples .section-header .section-tag {margin-bottom: 0.75rem;}.section-service-examples .section-header .section-title {margin-bottom: 1rem;}.section-service-examples .section-header .section-desc {max-width: 600px;margin: 0 auto;font-size: 1.0625rem;line-height: 1.7;color: var(--text-muted);}.section-service-examples .examples-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;}.section-service-examples .example-card {padding: 2rem;background: #fff;border-radius: var(--radius-lg);border: 1px solid var(--border-light);text-align: center;transition: all 0.3s ease;}.section-service-examples .example-card:hover {box-shadow: var(--shadow-lg);border-color: transparent;transform: translateY(-4px);}.section-service-examples .example-card:hover .example-icon {background: var(--primary);}.section-service-examples .example-card:hover .example-icon i {color: #fff;}.section-service-examples .example-icon {width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;background: rgba(57, 165, 231, 0.1);border-radius: var(--radius-lg);margin: 0 auto 1.25rem;transition: all 0.3s ease;}.section-service-examples .example-icon i {font-size: 1.75rem;color: var(--primary);transition: color 0.3s ease;}.section-service-examples .example-card h3 {font-size: 1.125rem;font-weight: 700;color: var(--headerColor);margin: 0 0 0.75rem;}.section-service-examples .example-card p {font-size: 0.9375rem;line-height: 1.6;color: var(--text-muted);margin: 0;}@media (min-width: 600px) {.section-service-examples .examples-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 900px) {.section-service-examples .examples-grid {grid-template-columns: repeat(4, 1fr);gap: 1.5rem;}}.section-service-cta {padding: clamp(4rem, 10vw, 6rem) 1.5rem;background: linear-gradient(135deg, var(--primary) 0%, #2980b9 100%);text-align: center;}.section-service-cta .cta-container {max-width: 700px;margin: 0 auto;}.section-service-cta .section-title {color: #fff;margin-bottom: 1rem;}.section-service-cta p {font-size: 1.125rem;line-height: 1.7;color: rgba(255, 255, 255, 0.9);margin: 0 0 2rem;}.section-service-cta .cta-buttons {display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;}.section-service-cta .cta-buttons .btn-primary {background: #fff;color: var(--primary);}.section-service-cta .cta-buttons .btn-primary:hover {background: rgba(255, 255, 255, 0.9);transform: translateY(-2px);}.section-service-cta .cta-buttons .btn-secondary {color: #fff;border-color: rgba(255, 255, 255, 0.4);}.section-service-cta .cta-buttons .btn-secondary:hover {background: rgba(255, 255, 255, 0.1);border-color: #fff;}.section-service-cta .cta-buttons .btn-secondary i {font-size: 1.125rem;}.section-faq {padding: clamp(4rem, 10vw, 7rem) 1.5rem;background: var(--bg-light);}.section-faq .faq-container {max-width: 900px;margin: 0 auto;}.section-faq .faq-header {text-align: center;margin-bottom: 3rem;}.section-faq .faq-header .section-tag {margin-bottom: 0.75rem;}.section-faq .faq-header .section-title {margin-bottom: 0;}.section-faq .faq-grid {display: flex;flex-direction: column;gap: 1rem;}.section-faq .faq-item {background: #fff;border-radius: var(--radius-lg);border: 1px solid var(--border-light);overflow: hidden;transition: all 0.3s ease;}.section-faq .faq-item:hover {border-color: var(--primary);}.section-faq .faq-item.active {border-color: var(--primary);box-shadow: var(--shadow-md);}.section-faq .faq-item.active .faq-question {background: rgba(57, 165, 231, 0.05);}.section-faq .faq-item.active .faq-icon {transform: rotate(45deg);color: var(--primary);}.section-faq .faq-item.active .faq-answer {max-height: 500px;padding: 0 1.5rem 1.5rem;}.section-faq .faq-question {width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.25rem 1.5rem;background: transparent;border: none;cursor: pointer;text-align: left;transition: background 0.3s ease;}.section-faq .faq-question span {font-size: 1rem;font-weight: 600;color: var(--headerColor);line-height: 1.4;}.section-faq .faq-icon {flex-shrink: 0;font-size: 1.25rem;color: var(--text-muted);transition: all 0.3s ease;}.section-faq .faq-answer {max-height: 0;padding: 0 1.5rem;overflow: hidden;transition: all 0.3s ease;}.section-faq .faq-answer p {font-size: 0.9375rem;line-height: 1.7;color: var(--text-muted);margin: 0;}body.dark-mode #service-hero .hero-overlay {background: linear-gradient(180deg, rgba(3, 7, 18, 0.8) 0%, rgba(3, 7, 18, 0.95) 100%);}body.dark-mode .section-service-intro {background: var(--dark);}body.dark-mode .section-service-intro .section-title, body.dark-mode .section-service-intro .intro-content p {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-intro .intro-content p {opacity: 0.85;}body.dark-mode .section-service-benefits {background: #0f172a;}body.dark-mode .section-service-benefits .section-title, body.dark-mode .section-service-benefits .section-tag {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-benefits .section-desc, body.dark-mode .section-service-benefits .benefit-card p {color: rgba(255, 255, 255, 0.7);}body.dark-mode .section-service-benefits .benefit-card {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}body.dark-mode .section-service-benefits .benefit-card h3 {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-benefits .benefit-card:hover {background: rgba(255, 255, 255, 0.08);border-color: var(--primary);}body.dark-mode .section-service-approach {background: var(--dark);}body.dark-mode .section-service-approach .section-title, body.dark-mode .section-service-approach .approach-text h3 {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-approach .approach-text p {color: rgba(255, 255, 255, 0.7);}body.dark-mode .section-service-examples {background: #0f172a;}body.dark-mode .section-service-examples .section-title, body.dark-mode .section-service-examples .section-tag {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-examples .section-desc, body.dark-mode .section-service-examples .example-card p {color: rgba(255, 255, 255, 0.7);}body.dark-mode .section-service-examples .example-card {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}body.dark-mode .section-service-examples .example-card h3 {color: var(--bodyTextColorWhite);}body.dark-mode .section-service-examples .example-card:hover {background: rgba(255, 255, 255, 0.08);border-color: var(--primary);}body.dark-mode .section-service-cta {background: linear-gradient(135deg, var(--primary) 0%, #1a5276 100%);}body.dark-mode .section-faq {background: #0f172a;}body.dark-mode .section-faq .section-title, body.dark-mode .section-faq .section-tag {color: var(--bodyTextColorWhite);}body.dark-mode .section-faq .faq-item {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}body.dark-mode .section-faq .faq-item:hover, body.dark-mode .section-faq .faq-item.active {border-color: var(--primary);}body.dark-mode .section-faq .faq-item.active .faq-question {background: rgba(57, 165, 231, 0.1);}body.dark-mode .section-faq .faq-question span {color: var(--bodyTextColorWhite);}body.dark-mode .section-faq .faq-icon {color: rgba(255, 255, 255, 0.5);}body.dark-mode .section-faq .faq-answer p {color: rgba(255, 255, 255, 0.7);}