/**
 * Home page (index.htm) — hero, sections, flagship block.
 * Icons: use font-awesome.min.css (loaded in index.htm before this file).
 * Shared utilities (.about-feature-emoji, .reveal-d*, .faq-toggle-plus, .carousel-nav-chevron) live in aoxiang-base.css.
 */

* {margin: 0;padding: 0;box-sizing: border-box }body {font-size: 16px;font-family: 'Oswald', Helvetica, Arial, sans-serif;line-height: 1.7;color: #222 }h1 {font-size: 24px;font-weight: bold;line-height: 1.2 }h2 {font-size: 20px;font-weight: bold;line-height: 1.2 }h3 {font-size: 18px;font-weight: bold;line-height: 1.2 }h4, h5, h6 {font-size: 16px;font-weight: bold;line-height: 1.2 }p, li, td, th {font-size: 16px }@media (max-width:767px) {body {font-size: 15px;font-family: 'Oswald', Helvetica, Arial, sans-serif;line-height: 1.85;color: #222 }h1 {font-size: 20px }h2 {font-size: 18px }h3 {font-size: 16px }h4, h5, h6 {font-size: 15px }p, li, td, th {font-size: 15px }}.container {max-width: 100%;margin: 0 auto;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-video-section {position: relative;height: 100vh;min-height: 600px;color: white;overflow: hidden;display: flex;align-items: center;font-family: 'Oswald', Helvetica, Arial, sans-serif }.background-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1 }.background-video video {width: 100%;height: 100%;object-fit: cover;object-position: center }.video-overlay-dark {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2 }.hero-content {position: relative;z-index: 3;width: 100% }.hero-text {text-align: center;margin: 0 auto;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-title {font-size: 4rem;font-weight: 700;margin-bottom: 30px;line-height: 1.1;color: white;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);animation: fadeInUp 1s ease-out;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-description {font-size: 1.4rem;line-height: 1.6;margin-bottom: 40px;color: rgba(255, 255, 255, 0.95);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);animation: fadeInUp 1s ease-out 0.3s both;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-buttons {display: flex;gap: 25px;flex-wrap: wrap;justify-content: center;animation: fadeInUp 1s ease-out 0.6s both;font-family: 'Oswald', Helvetica, Arial, sans-serif }.btn {padding: 18px 35px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 10px;position: relative;overflow: hidden;font-family: 'Oswald', Helvetica, Arial, sans-serif }.btn-primary {background: #000;color: white;border: 2px solid #000;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) }.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);color: white;background: var(--thm-base) !important;border-color: var(--thm-base) !important }.btn-outline {background: rgba(255, 255, 255, 0.1);color: white;border: 2px solid rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px) }.btn-outline:hover {background: rgba(255, 255, 255, 0.2);border-color: var(--thm-base, #000);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3) }@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px) }to {opacity: 1;transform: translateY(0) }}.background-video video {transition: opacity 0.5s ease }.background-video video.loading {opacity: 0 }.about-section {padding: 80px 0;background: #fff;color: #000;position: relative }.about-content {display: flex;align-items: center;gap: 80px;max-width: 1400px;margin: 0 auto;padding: 0 40px;position: relative;z-index: 2 }.about-images {flex: 1;max-width: 500px;order: 1 }.about-single-image {width: 100%;height: auto;border-radius: 12px;display: block;object-fit: cover }.image-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 15px;aspect-ratio: 1;max-width: 400px;margin: 0 auto }.about-images-mobile {display: none }.image-grid-mobile {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;width: 100% }.image-grid-mobile .image-item {position: relative;border-radius: 12px;overflow: hidden;background: #333 }.image-grid-mobile .image-item img {width: 100%;height: 100%;object-fit: cover;display: block }.image-item {position: relative;border-radius: 12px;overflow: hidden;background: #333;transition: all 0.3s ease }.image-item:nth-child(1) {grid-column: 1 / 3;grid-row: 1 / 3 }.image-item:nth-child(2) {grid-column: 3 / 4;grid-row: 1 / 2 }.image-item:nth-child(3) {grid-column: 3 / 4;grid-row: 2 / 3 }.image-item:nth-child(4) {grid-column: 1 / 2;grid-row: 3 / 4 }.image-item:nth-child(5) {grid-column: 2 / 4;grid-row: 3 / 4 }.image-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease }.image-item:hover {transform: scale(1.05);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) }.image-item:hover img {transform: scale(1.1) }.about-text {flex: 1;max-width: 600px;order: 2 }.about-title {font-size: 3rem;font-weight: 700;margin-bottom: 30px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-description {margin-bottom: 40px }.about-description p {font-size: 1.1rem;line-height: 1.8;margin-bottom: 20px;color: #333;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-features {display: flex;flex-direction: column;gap: 25px }.feature-item {display: flex;align-items: center;gap: 20px;padding: 20px;background: rgba(0, 0, 0, 0.05);border-radius: 12px;border: 1px solid rgba(0, 0, 0, 0.1);transition: all 0.3s ease }.feature-item:hover {background: rgba(0, 0, 0, 0.1);border-color: rgba(0, 0, 0, 0.3);transform: translateX(10px) }.feature-icon {width: 60px;height: 60px;background: #000;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #fff;flex-shrink: 0 }.feature-content h3 {font-size: 1.2rem;font-weight: 600;margin-bottom: 5px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content p {font-size: 0.95rem;color: #666;margin: 0;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-section {padding: 80px 0;background: #f8f8f8;color: #000 }.advantages-title {font-size: 3.5rem;font-weight: 700;text-align: center;margin-bottom: 20px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-subtitle {font-size: 1.3rem;text-align: center;color: #666;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-grid {display: flex;flex-direction: column;gap: var(--aoxiang-section-stack-gap, 64px) }.advantage-card {background: #fff;border-radius: 20px;overflow: hidden }.advantage-content {display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "text image";gap: 60px;align-items: center;padding: 60px }.advantage-content.reverse {grid-template-areas: "image text" }.advantage-content.reverse .advantage-text {grid-area: text }.advantage-content.reverse .advantage-image {grid-area: image }.advantage-content:not(.reverse) {grid-template-areas: "text image" }.advantage-content:not(.reverse) .advantage-text {grid-area: text }.advantage-content:not(.reverse) .advantage-image {grid-area: image }.advantage-image {position: relative }.image-carousel {position: relative;border-radius: 15px;overflow: hidden }.carousel-image {width: 100%;height: 500px;display: none;transition: opacity 0.5s ease }.carousel-image.active {display: block }.carousel-dots {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 10 }.dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.6);border: 2px solid rgba(0, 0, 0, 0.3);cursor: pointer;transition: all 0.3s ease }.dot.active {background: #000;border-color: #fff;transform: scale(1.2) }.dot:hover {background: rgba(0, 0, 0, 0.8);border-color: #fff }.advantage-text h3 {font-size: 2.5rem;font-weight: 700;margin-bottom: 30px;color: #000;line-height: 1.2;font-family: 'Oswald', Helvetica, Arial, sans-serif }.highlight {color: #666;font-weight: 600 }.advantage-points {display: flex;flex-direction: column;gap: 25px }.point {display: flex;gap: 20px;align-items: flex-start }.point-number {font-size: 1.5rem;font-weight: 700;color: #000;flex-shrink: 0;margin-top: 5px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.point-content h4 {font-size: 1.2rem;font-weight: 600;margin-bottom: 8px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.point-content p {font-size: 1rem;line-height: 1.6;color: #666;margin: 0;font-family: 'Oswald', Helvetica, Arial, sans-serif }.certificates-section {padding: 0 0 30px 0;background: #f8f8f8;color: #000 }.certificates-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 60px;color: #000 }.certificates-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;max-width: 1400px;margin: 0 auto;padding: 0 40px }.certificate-item {background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);transition: all 0.3s ease }.certificate-item:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) }.certificate-item img {width: 100%;object-fit: cover }.certificate-item:hover img {transform: scale(1.05) }.production-data-section {padding: 100px 0;background: linear-gradient(135deg, #000 0%, #1a1a1a 50%, #000 100%);color: white;position: relative;overflow: hidden;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events: none }.data-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;max-width: 1400px;margin: 0 auto;padding: 0 40px;position: relative;z-index: 2 }.data-item {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 20px;padding: 40px 30px;text-align: center;backdrop-filter: blur(10px);transition: all 0.3s ease;position: relative;overflow: hidden }.data-item::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s ease }.data-item:hover::before {left: 100% }.data-item:hover {transform: translateY(-10px);background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) }.data-number {font-size: 40px !important;font-weight: 800;background: linear-gradient(135deg, #fff 0%, #ccc 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 15px;display: block;text-shadow: 0 0 30px rgba(255, 255, 255, 0.3);font-family: 'Oswald', Helvetica, Arial, sans-serif }.data-content h4 {font-size: 1.3rem;font-weight: 600;margin-bottom: 15px;color: #fff;font-family: 'Oswald', Helvetica, Arial, sans-serif }.data-content p, .data-content li {font-size: 0.95rem;line-height: 1.6;color: rgba(255, 255, 255, 0.8);margin: 0;font-family: 'Oswald', Helvetica, Arial, sans-serif }.data-content ul {list-style: none;padding-left: 0;margin-top: 15px }.data-content ul li {position: relative;padding-left: 20px;margin-bottom: 8px }.data-content ul li::before {content: '\2713';color: #fff;position: absolute;left: 0;font-weight: bold }.process-section {padding: 80px 0;background: #fff;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 50px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-carousel {position: relative;width: 100%;overflow: hidden }.process-carousel-container {display: flex;transition: transform 0.5s ease;width: 300% }.process-slide {min-width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;padding: 0 40px }.process-item {text-align: center;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);transition: all 0.3s ease }.process-item:hover {transform: translateY(-10px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) }.process-image {width: 100%;height: 300px;object-fit: cover;transition: transform 0.3s ease }.process-item:hover .process-image {transform: scale(1.05) }.process-content {padding: 30px;color: #000 }.process-content h3 {font-size: 1.5rem;font-weight: 700;margin-bottom: 15px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-content p {font-size: 1rem;line-height: 1.6;color: #666;margin: 0;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-nav {position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: space-between;width: 100%;padding: 0 40px;z-index: 10 }.process-nav-arrow {width: 60px;height: 60px;background: rgba(0, 0, 0, 0.8);border: none;border-radius: 50%;color: white;font-size: 1.8rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px) }.process-nav-arrow:hover {background: rgba(0, 0, 0, 0.9);transform: scale(1.1) }.process-nav-arrow:disabled {opacity: 0.5;cursor: not-allowed }.products-section {padding: 80px 0;background: #fff;color: #000 }.products-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 20px;color: #000 }.products-subtitle {font-size: 1.3rem;text-align: center;margin-bottom: 60px;color: #666 }.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;max-width: 100%;margin: 0 auto;padding: 0 40px }.product-item {background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;position: relative }.product-item:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) }.product-image {transition: transform 0.3s ease;position: relative;overflow: hidden;width: 100%;height: 300px }.product-image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover }.product-item:hover .product-image img {transform: scale(1.05) }.product-item.new-product .product-image::before {content: "NEW";position: absolute;top: 15px;left: 15px;background: #fb5b21;color: white;padding: 6px 12px;border-radius: 20px;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.5px;z-index: 20;animation: pulse 2s infinite;pointer-events: none }@keyframes pulse {0% {transform: scale(1);box-shadow: 0 4px 12px #fb5b21 }50% {transform: scale(1.05);box-shadow: 0 6px 16px #fb5b21 }100% {transform: scale(1);box-shadow: 0 4px 12px #fb5b21 }}.product-content {padding: 20px;text-align: center }.product-content h3 {font-size: 1.2rem;font-weight: 600;margin-bottom: 15px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.product-btn {display: inline-block;padding: 10px 20px;background: #000;color: white;text-decoration: none;border-radius: 25px;font-size: 0.9rem;font-weight: 600;transition: all 0.3s ease }.product-btn:hover {background: #333;border-color: var(--thm-base, #000);transform: translateY(-2px);color: white }.product-categories-tabs {max-width: 1400px;margin: 0 auto;padding: 0 20px }.product-categories-tabs .tab-buttons {display: flex;justify-content: center;gap: 20px;margin-bottom: 40px;flex-wrap: wrap }.product-categories-tabs .tab-button {background: #f8f8f8;color: #666;border: 2px solid transparent;padding: 15px 30px;border-radius: 10px;cursor: pointer;font-weight: 600;transition: all 0.3s ease;text-transform: none;letter-spacing: 0;min-width: 180px }.product-categories-tabs .tab-button.active, .product-categories-tabs .tab-button:hover {background: #000;color: #fff;border-color: #333 }.product-categories-tabs .tab-content {display: none }.product-categories-tabs .tab-content.active {display: block }@media (max-width:900px) {.product-categories-tabs .tab-buttons {flex-direction: column;align-items: center;gap: 10px }.product-categories-tabs .tab-button {width: 100%;max-width: 300px }}.applications-section {padding: 30px 0 0 0;background: #fff;color: #000 }.applications-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 20px;color: #000 }.applications-subtitle {font-size: 1.3rem;text-align: center;margin-bottom: 50px;color: #666 }.applications-tabs {display: flex;flex-direction: column;gap: 40px;max-width: 1400px;margin: 0 auto;padding: 0 40px }.tab-buttons {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap }.tab-button {padding: 15px 30px;background: #f8f8f8;border: 2px solid transparent;border-radius: 10px;color: #666;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;text-align: center;min-width: 180px }.tab-button:hover {background: #000;color: white;border-color: var(--thm-base, #000);transform: translateY(-2px) }.tab-button.active {background: #000;color: white;border-color: #333 }.tab-content {display: none;width: 100% }.tab-content.active {display: block }.applications-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;margin-top: 30px }.application-card {background: #f8f8f8;border-radius: 20px;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) }.application-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) }.application-image {width: 100%;height: 200px;object-fit: cover;transition: transform 0.3s ease }.application-card:hover .application-image {transform: scale(1.05) }.application-content {padding: 25px }.application-content h3 {font-size: 1.3rem;font-weight: 700;margin-bottom: 15px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.application-content p {font-size: 0.95rem;line-height: 1.6;color: #666;margin-bottom: 20px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.application-features {list-style: none;padding: 0;margin: 0 }.application-features li {padding: 8px 0;color: #666;position: relative;padding-left: 25px;font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.application-features li:before {content: '\2713';position: absolute;left: 0;color: #000;font-weight: bold }@media (max-width:1200px) {.applications-grid {grid-template-columns: repeat(3, 1fr);gap: 25px }}@media (max-width:992px) {.applications-grid {grid-template-columns: repeat(2, 1fr);gap: 25px }.applications-tabs {gap: 30px }.tab-buttons {gap: 15px }.tab-button {min-width: 160px;padding: 12px 25px }}@media (max-width:768px) {.applications-tabs {gap: 25px }.tab-buttons {gap: 15px }.tab-button {min-width: 140px;padding: 12px 20px;font-size: 1rem }.applications-grid {grid-template-columns: repeat(2, 1fr);gap: 20px }.application-card {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) }.application-content {padding: 20px }.application-content h3 {font-size: 1.2rem }.application-content p {font-size: 0.9rem }.application-features li {font-size: 0.85rem }}@media (max-width:480px) {.applications-grid {grid-template-columns: 1fr;gap: 20px }.tab-buttons {gap: 10px }.tab-button {min-width: 120px;padding: 10px 15px;font-size: 0.9rem }.application-content {padding: 15px }.application-content h3 {font-size: 1.1rem }.application-content p {font-size: 0.85rem }.application-features li {font-size: 0.8rem }}.testimonials-section {padding: 80px 0;background: url("../img/banner-all.jpg") center/cover no-repeat;color: white;position: relative;overflow: hidden;width: 100vw;margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%) }.testimonials-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));z-index: 1 }.testimonials-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 20px;color: white;position: relative;z-index: 2 }.testimonials-subtitle {font-size: 1.3rem;text-align: center;margin-bottom: 50px;color: rgba(255, 255, 255, 0.9);position: relative;z-index: 2 }.testimonials-carousel {position: relative;z-index: 2 }.testimonials-container {display: flex;transition: transform 0.5s ease }.testimonial-slide {min-width: 100%;display: flex;justify-content: center }.testimonial-item {background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 20px;padding: 60px 40px;backdrop-filter: blur(10px);max-width: 800px;text-align: center;position: relative }.testimonial-stars {font-size: 1.8rem;margin-bottom: 30px;color: #ffd700 }.testimonial-content {font-size: 1.3rem;line-height: 1.8;color: rgba(255, 255, 255, 0.9);margin-bottom: 40px;max-width: 800px;margin-left: auto;margin-right: auto }.testimonial-author {display: flex;align-items: center;justify-content: center;gap: 15px }.author-avatar {width: 60px;height: 60px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 700;color: white;border: 2px solid rgba(255, 255, 255, 0.3) }.author-info h4 {font-size: 1.2rem;font-weight: 600;color: white;margin: 0 0 5px 0 }.author-info p {font-size: 1rem;color: rgba(255, 255, 255, 0.8);margin: 0 }.faq-section {padding: 30px 0 0 0;background: #fff;color: #000 }.faq-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 20px;color: #000 }.faq-subtitle {font-size: 1.3rem;text-align: center;margin-bottom: 50px;color: #666 }.faq-container {margin: 0 auto;padding: 0 40px }.faq-item {background: #f8f8f8;border-radius: 15px;margin-bottom: 20px;overflow: hidden;transition: all 0.3s ease }.faq-item.active {background: #000;color: white }.faq-question {padding: 25px 30px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 1.1rem;font-weight: 600;transition: all 0.3s ease }.faq-question:hover {background: rgba(0, 0, 0, 0.05) }.faq-item.active .faq-question {background: rgba(255, 255, 255, 0.1) }.faq-question:hover {background: rgba(0, 0, 0, 0.05);border-left: 4px solid var(--thm-base, #000) }.faq-item.active .faq-question:hover {background: rgba(255, 255, 255, 0.15);border-left: 4px solid var(--thm-base, #000) }.faq-icon {font-size: 1.2rem;transition: transform 0.3s ease }.faq-item.active .faq-icon {transform: rotate(45deg) }.faq-answer {max-height: 0;overflow: hidden;opacity: 0;will-change: max-height, opacity;transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;padding: 0 30px }.faq-item.active .faq-answer {opacity: 1;padding: 0 30px 25px 30px }.faq-answer p {font-size: 1rem;line-height: 1.6;color: #666;margin: 0 }.faq-item.active .faq-answer p {color: rgba(255, 255, 255, 0.9) }@media (max-width:1024px) {.about-content {display: flex !important;flex-direction: column !important }.advantage-content {display: grid !important }.hero-video-section {height:100vh;height:100svh;min-height: 500px }.hero-title {font-size: 2.75rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-description {font-size: 1.25rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-buttons {gap: 22px }.btn {padding: 16px 30px;font-size: 1.125rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-content {flex-direction: column !important;gap: 60px;padding: 0 30px;text-align: center }.about-images {order: 1 !important;max-width: 100% !important;flex: none !important }.image-grid {max-width: 400px;margin: 0 auto }.about-text {order: 2 !important;max-width: 100% !important;text-align: left;flex: none !important }.about-title {font-size: 2.5rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-description p {font-family: 'Oswald', Helvetica, Arial, sans-serif;font-size: 1.1rem }.feature-item {font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content h3 {font-family: 'Oswald', Helvetica, Arial, sans-serif;font-size: 1.2rem }.feature-content p {font-family: 'Oswald', Helvetica, Arial, sans-serif;font-size: 1rem }.advantages-title {font-size: 3rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-subtitle {font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-grid {gap: 60px }.advantage-content {grid-template-columns: 1fr !important;grid-template-areas: "image" "text" !important;gap: 60px;padding: 50px 30px }.advantage-content.reverse {grid-template-areas: "image" "text" !important }.advantage-image {order: 1 !important;grid-area: image !important }.advantage-text {order: 2 !important;text-align: left;grid-area: text !important }.advantage-text h3 {font-size: 2.2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantage-text {font-family: 'Oswald', Helvetica, Arial, sans-serif }.point {justify-content: flex-start }.point-content h4 {font-family: 'Oswald', Helvetica, Arial, sans-serif;font-size: 1.1rem }.point-content p {font-family: 'Oswald', Helvetica, Arial, sans-serif;font-size: 1rem }.certificates-title {font-size: 2.5rem }.certificates-grid {grid-template-columns: repeat(2, 1fr);gap: 30px }.production-data-section .data-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 30px;padding: 0 30px }.production-data-section .data-item {padding: 30px 20px }.production-data-section .data-number {font-size: 3rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content h4 {font-size: 1.1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content p, .production-data-section .data-content li {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-title {font-size: 2.5rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-slide {grid-template-columns: repeat(2, 1fr) !important;gap: 20px;padding: 0 30px }.process-carousel-container {width: 600% }.process-item {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) }.process-image {height: 250px }.process-content {padding: 25px }.process-content h3 {font-size: 1.3rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-content p {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.products-title {font-size: 2.5rem }.products-grid {grid-template-columns: repeat(2, 1fr);gap: 25px;padding: 0 30px }.applications-title {font-size: 2.5rem }.testimonials-title {font-size: 2.5rem }.author-info p {font-size: 1rem }.author-info h4 {font-size: 1.15rem }.faq-title {font-size: 2.5rem }.faq-subtitle {font-size: 1.1rem }.faq-container {padding: 0 30px }.faq-question {padding: 20px 25px;font-size: 1rem }.faq-answer {padding: 0 25px }.faq-answer p {font-size: 0.95rem }}@media (max-width:768px) {.about-content {display: flex !important;flex-direction: column !important }.advantage-content {display: grid !important }.hero-video-section {height:100vh;height:100svh;min-height: 400px }.hero-title {font-size: 2.5rem;margin-bottom: 20px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-description {font-size: 1.1rem;margin-bottom: 30px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-buttons {gap: 20px }.btn {padding: 15px 25px;font-size: 1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-section {padding: 60px 0 }.about-content {flex-direction: column !important;gap: 50px;text-align: center;padding: 0 20px }.about-images {max-width: 100% !important;order: 1 !important;flex: none !important }.image-grid {max-width: 350px;margin: 0 auto }.about-text {order: 2 !important;max-width: 100% !important;text-align: left;flex: none !important }.about-title {font-size: 2.2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-description p {font-size: 1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-item {text-align: left;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content h3 {font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content p {font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-title {font-size: 2.5rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-subtitle {font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-grid {gap: 60px }.advantage-content {grid-template-columns: 1fr !important;grid-template-areas: "image" "text" !important;gap: 40px;padding: 40px 20px }.advantage-content.reverse {grid-template-areas: "image" "text" !important }.advantage-image {order: 1 !important;grid-area: image !important }.advantage-text {order: 2 !important;text-align: left;grid-area: text !important }.advantage-text h3 {font-size: 2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantage-text {font-family: 'Oswald', Helvetica, Arial, sans-serif }.carousel-image {height: 300px }.point {gap: 15px;justify-content: flex-start }.point-content {text-align: left }.point-content h4 {font-family: 'Oswald', Helvetica, Arial, sans-serif }.point-content p {font-family: 'Oswald', Helvetica, Arial, sans-serif }.point {gap: 15px }.point-number {font-size: 1.3rem }.point-content h4 {font-size: 1.1rem }.certificates-section {padding: 80px 0 }.certificates-title {font-size: 2.2rem;margin-bottom: 50px }.certificates-grid {grid-template-columns: repeat(2, 1fr);gap: 25px;padding: 0 20px }.production-data-section .data-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 25px;padding: 0 20px }.production-data-section .data-item {padding: 25px 15px }.production-data-section .data-number {font-size: 2.5rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content h4 {font-size: 1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content p, .production-data-section .data-content li {font-size: 0.85rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-section {padding: 80px 0 }.process-title {font-size: 2.2rem;margin-bottom: 50px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-slide {grid-template-columns: repeat(2, 1fr) !important;gap: 15px;padding: 0 15px }.process-carousel-container {width: 600% }.applications-tabs {flex-direction: column;gap: 30px }.tab-buttons {flex-direction: row;width: 100%;justify-content: center;order: 1 }.tab-button {width: auto;padding: 12px 25px }.tab-content {order: 2 }.application-slide {grid-template-columns: repeat(2, 1fr);gap: 20px }.process-image {height: 150px }.process-content {padding: 15px }.process-content h3 {font-size: 1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-content p {font-size: 0.8rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-nav-arrow {width: 40px;height: 40px;font-size: 1.2rem }.products-section {padding: 80px 0 }.products-title {font-size: 2.2rem }.products-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 0 20px }.product-image {height: 300px }.product-content {padding: 15px }.product-content h3 {font-size: 1.1rem }.product-content p {font-size: 0.8rem }.applications-section {padding: 80px 0 }.applications-title {font-size: 2.2rem }.tab-buttons {flex-direction: column;gap: 15px;order: 1 }.tab-button {padding: 12px 30px;font-size: 1rem }.tab-content {order: 2 }.application-slide {grid-template-columns: repeat(2, 1fr);gap: 20px }.application-carousel {width: 100% }.application-slide {grid-template-columns: 1fr;gap: 20px }.testimonials-section {padding: 80px 0 }.testimonials-title {font-size: 2.2rem }.testimonial-content {font-size: 1.1rem;padding: 0 20px }}@media (max-width:480px) {.about-content {display: flex !important;flex-direction: column !important }.advantage-content {display: grid !important }.hero-video-section {height:100vh;height:100svh;min-height: 350px }.hero-title {font-size: 2rem;margin-bottom: 15px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-description {font-size: 1rem;margin-bottom: 25px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.hero-buttons {gap: 15px;flex-direction: column;align-items: center }.btn {padding: 12px 20px;font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-section {padding: 60px 0 }.about-content {gap: 40px;padding: 0 15px }.about-images {order: 1 !important }.image-grid {gap: 10px;max-width: 300px;margin: 0 auto }.about-text {order: 2 !important;max-width: 100%;text-align: left }.about-title {font-size: 1.8rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.about-description p {font-size: 0.95rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-item {padding: 15px;gap: 15px;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content h3 {font-size: 1.1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-content p {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.feature-item {padding: 15px;gap: 15px }.feature-icon {width: 50px;height: 50px;font-size: 1.2rem }.advantages-title {font-size: 2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-subtitle {font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantages-grid {gap: 50px }.advantage-content {padding: 30px 15px;gap: 30px;grid-template-columns: 1fr !important;grid-template-areas: "image" "text" !important }.advantage-content.reverse {grid-template-areas: "image" "text" !important }.advantage-image {order: 1 !important;grid-area: image !important }.advantage-text {order: 2 !important;grid-area: text !important }.advantage-text h3 {font-size: 1.8rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.advantage-text {font-family: 'Oswald', Helvetica, Arial, sans-serif }.carousel-image {height: 280px }.point {gap: 12px;flex-direction: column;text-align: left }.point-number {font-size: 1.2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.point-content h4 {font-size: 1rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.point-content p {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.carousel-dots {bottom: 15px;gap: 8px }.dot {width: 10px;height: 10px }.point {gap: 12px }.point-number {font-size: 1.2rem }.point-content h4 {font-size: 1rem }.point-content p {font-size: 0.9rem }.certificates-title {font-size: 1.8rem }.certificates-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 0 15px }.production-data-section .data-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 20px;padding: 0 15px }.production-data-section .data-item {padding: 20px 12px }.production-data-section .data-number {font-size: 2rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content h4 {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.production-data-section .data-content p, .production-data-section .data-content li {font-size: 0.8rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-title {font-size: 1.8rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-slide {grid-template-columns: repeat(2, 1fr) !important;gap: 10px;padding: 0 10px }.process-carousel-container {width: 600% }.process-item {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) }.process-image {height: 120px }.process-content {padding: 10px }.process-content h3 {font-size: 0.9rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process-content p {font-size: 0.7rem;font-family: 'Oswald', Helvetica, Arial, sans-serif }.applications-tabs {gap: 20px }.tab-buttons {gap: 10px }.tab-button {padding: 10px 20px;font-size: 0.9rem }.process-image {height: 120px }.process-content {padding: 10px }.process-content h3 {font-size: 0.9rem }.process-content p {font-size: 0.7rem }.process-nav-arrow {width: 35px;height: 35px;font-size: 1rem }.products-title {font-size: 1.8rem }.products-grid {grid-template-columns: repeat(2, 1fr);gap: 15px;padding: 0 15px }.product-image {height: 170px }.product-content {padding: 10px }.product-content h3 {font-size: 1rem }.product-content p {font-size: 0.7rem }.product-btn {padding: 8px 15px;font-size: 0.8rem }.applications-title {font-size: 1.8rem }.tab-button {padding: 10px 25px;font-size: 0.9rem }.tab-content {order: 2 }.testimonials-title {font-size: 1.8rem }.testimonial-item {padding: 20px }.testimonial-content {font-size: 0.9rem;padding: 0 15px }.author-avatar {width: 40px;height: 40px;font-size: 1rem }.author-info h4 {font-size: 1rem }.author-info p {font-size: 0.8rem }.testimonials-nav {opacity: 1 }.testimonials-nav-arrow {width: 45px;height: 45px;font-size: 16px }.faq-title {font-size: 1.8rem }.faq-subtitle {font-size: 0.9rem }.faq-container {padding: 0 15px }.faq-question {padding: 15px 18px;font-size: 0.9rem }.faq-answer {padding: 0 18px }.faq-answer p {font-size: 0.85rem }}.testimonials-nav {position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: space-between;width: 100%;padding: 0 40px;z-index: 10;opacity: 0;transition: opacity 0.3s ease }.testimonials-carousel:hover .testimonials-nav {opacity: 1 }.testimonial-stars .star {color: #FFD700;font-size: 4rem;transition: all 0.3s ease }@media (max-width:768px) {.testimonial-stars .star {font-size: 2rem }.testimonials-nav {opacity: 1 }.testimonials-nav-arrow {width: 50px;height: 50px;font-size: 18px }}.testimonials-nav-arrow {width: 56px;height: 56px;border-radius: 50%;background: rgba(255, 255, 255, 0.95);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #333;transition: all 0.3s ease;backdrop-filter: blur(10px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) }.testimonials-nav-arrow:hover {background: #d80000;color: #fff;transform: scale(1.1) }.testimonials-nav-arrow:disabled {opacity: 0.3;cursor: not-allowed;background: #ccc;color: #666 }.testimonials-nav-arrow:disabled:hover {transform: none;background: #ccc;color: #666 }@media (max-width:768px) {.applications-tabs {flex-direction: column;gap: 20px }.tab-buttons {flex-direction: column;width: 100%;order: 1 }.tab-button {width: 100% }.tab-content {order: 2 }}.process2-section {padding: 80px 0 0 0;background: #fff;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process2-title {font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 50px;color: #000 }.process2-carousel {position: relative;width: 100%;overflow: visible }.process2-track {display: flex;transition: transform 0.5s ease;will-change: transform;width: 100% }.process2-slide {min-width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;padding: 0 40px }.process2-item {text-align: center;background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;margin-bottom: 30px }.process2-item:hover {transform: translateY(-10px);box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2) }.process2-image {width: 100%;object-fit: cover;transition: transform 0.3s ease }.process2-item:hover .process2-image {transform: scale(1.05) }.process2-content {padding: 30px;color: #000 }.process2-content h3 {font-size: 1.5rem;font-weight: 700;margin-bottom: 15px;color: #000;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process2-content p {font-size: 1rem;line-height: 1.6;color: #666;margin: 0;font-family: 'Oswald', Helvetica, Arial, sans-serif }.process2-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;justify-content: space-between;z-index: 100;opacity: 0;transition: opacity 0.3s ease }.process2-carousel:hover .process2-nav {opacity: 1 }.process2-nav button {width: 56px;height: 56px;border-radius: 50%;background: rgba(255, 255, 255, 0.95);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #333;transition: all 0.3s ease;backdrop-filter: blur(10px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) }.process2-nav button:hover {background: #d80000;color: #fff;transform: scale(1.1) }.process2-nav button:disabled {opacity: 0.3;cursor: not-allowed;transform: none;background: #ccc }.process2-nav button:disabled:hover {transform: none;background: #ccc;color: #666 }@media (max-width:1024px) {.process2-title {font-size: 2.5rem }.process2-slide {grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 0 30px }.process2-content {padding: 25px }.process2-content h3 {font-size: 2rem }.process2-content p {font-size: 1.5rem }.product-btn {font-size: 1.5rem }.tab-button {font-size: 1.5rem }.application-content h3 {font-size: 2rem }.application-content p {font-size: 2rem }}@media (max-width:768px) {.process2-title {font-size: 2.2rem;margin-bottom: 40px }.process2-slide {padding: 0 20px;gap: 15px }.process2-content {padding: 15px }.process2-content h3 {font-size: 1rem }.process2-content p {font-size: 0.8rem }.process2-nav {opacity: 1 }.process2-nav button {width: 50px;height: 50px;font-size: 18px }}@media (max-width:480px) {.process2-title {font-size: 1.8rem }.process2-slide {padding: 0 15px;gap: 10px }.process2-content {padding: 10px }.process2-content h3 {font-size: 0.9rem }.process2-content p {font-size: 0.7rem }.process2-nav {opacity: 1 }.process2-nav button {width: 45px;height: 45px;font-size: 16px }}@media (max-width:768px) {.about-section .about-content {flex-direction: column !important;gap: 16px !important;align-items: stretch !important }.about-section .about-title {text-align: center;margin: 0 0 10px 0 }.about-section .about-text {order: 1 !important }.about-section .about-images {display: none !important }.about-images-mobile {display: block;order: 2 }.image-grid-mobile {grid-template-columns: repeat(2, 1fr) }.image-grid-mobile .image-item {height: 50vh }.image-grid-mobile .image-item img {height: 100% }}@media (max-width:480px) {.about-section .about-text {order: 1 !important }.about-images-mobile {order: 2 }.image-grid-mobile .image-item {height: 50vh }}.mobile-lightbox {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.9);display: none;align-items: center;justify-content: center;padding: 16px;z-index: 9999;touch-action: manipulation }.mobile-lightbox.active {display: flex }.mobile-lightbox img {max-width: 100%;max-height: 100%;transform: scale(1);transform-origin: center center;transition: transform 0.2s ease;user-select: none }.mobile-lightbox-close {position: absolute;top: 12px;right: 12px;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.15);color: #fff;border: 1px solid rgba(255, 255, 255, 0.25);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;cursor: pointer }@media (min-width:769px) {.mobile-lightbox {display: none !important }}@media (max-width:768px) {.about-images-mobile .image-grid-mobile {grid-template-columns: repeat(2, 1fr);gap: 16px }.about-images-mobile .image-grid-mobile .image-item {height: 42vh }.about-images-mobile .image-grid-mobile .image-item:nth-child(1) {grid-column: 1 / -1;height: 62vh }}@media (max-width:480px) {.about-images-mobile .image-grid-mobile {gap: 14px }.about-images-mobile .image-grid-mobile .image-item {height: 44vh }.about-images-mobile .image-grid-mobile .image-item:nth-child(1) {height: 58vh }}@media (max-width:768px) {.about-section .about-images {display: block !important }.about-images-mobile {display: none !important }.about-content {flex-direction: column !important }.about-text {order: 2 !important }.about-images {order: 1 !important;max-width: 100% !important }.about-images .about-single-image {width: 100%;height: 50vh;object-fit: cover }}@media (max-width:767px) {.btn, .feature-content, .feature-content h3, .feature-content p, .point-content, .point-content h4, .point-content p, .process-content, .process-content h3, .process-content p, .application-item, .application-content, .application-content h3, .application-content p, .faq-container, .faq-question, .faq-answer, .faq-answer p {font-size: 18px !important }}.sigma_top {position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background: #333;color: #fff;border: 2px solid #333;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(20px) }.sigma_top.active {opacity: 1;visibility: visible;transform: translateY(0) }.sigma_top:hover {background: #fff;color: #333;border-color: var(--thm-base, #000);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) }.sigma_top i {font-size: 18px;transition: all 0.3s ease }.sigma_top:hover i {transform: scale(1.1) }

/* --- flagship section --- */

.flagship-section {position: relative;padding: 120px 0;background: radial-gradient(1200px 600px at 15% 10%, rgba(255, 215, 0, 0.08) 0%, rgba(0, 0, 0, 0) 55%), radial-gradient(800px 400px at 85% 70%, rgba(255, 215, 0, 0.06) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(135deg, #0a0a0a 0%, #141414 60%, #0a0a0a 100%);color: #fff;overflow: hidden;--accent-gold: #ffd700;--accent-gold-2: #ffed4e;}.flagship-section .container {position: relative;z-index: 2;}.flagship-glow {position: absolute;inset: -30%;pointer-events: none;z-index: 1;background: radial-gradient(closest-side, rgba(255, 215, 0, 0.12), transparent 60%);filter: blur(60px);opacity: .4;}.flagship-grid {display: grid;grid-template-columns: 1.1fr 1fr;gap: 60px;align-items: center;max-width: 1400px;margin: 0 auto;padding: 0 40px;}.flagship-name {display: inline-block;padding: 8px 16px;border: 1px solid rgba(255, 255, 255, .25);border-radius: 999px;letter-spacing: 2px;font-weight: 800;font-size: .9rem;background: rgba(255, 255, 255, .06);backdrop-filter: blur(6px);}.flagship-title {font-size: 3.2rem;line-height: 1.1;font-weight: 900;margin: 18px 0 14px 0;background: linear-gradient(135deg, #fff 0%, var(--accent-gold) 45%, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 0 30px rgba(255, 215, 0, .22);}.flagship-desc {font-size: 1.15rem;line-height: 1.8;color: rgba(255, 255, 255, .88);margin-bottom: 28px;}.flagship-points {list-style: none;padding: 0;margin: 0 0 32px 0;display: grid;gap: 14px;}.flagship-points li {position: relative;padding-left: 28px;color: rgba(255, 255, 255, .92);font-weight: 600;}.flagship-points li::before {content: "";position: absolute;left: 0;top: .35rem;width: 18px;height: 18px;border-radius: 50%;border: 2px solid var(--accent-gold);box-shadow: inset 0 0 0 4px rgba(255, 215, 0, .18), 0 0 0 4px rgba(255, 215, 0, .1);background: radial-gradient(circle at 50% 50%, var(--accent-gold), var(--accent-gold-2));}.flagship-cta {display: flex;gap: 16px;flex-wrap: wrap;}.flagship-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 26px;border-radius: 999px;text-decoration: none;font-weight: 800;letter-spacing: .5px;transition: all .25s ease;backdrop-filter: blur(6px);}.flagship-btn.primary {background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-2) 100%);color: #000;border: 2px solid var(--accent-gold);box-shadow: 0 10px 30px rgba(255, 215, 0, .35);}.flagship-btn.primary:hover {transform: translateY(-2px);box-shadow: 0 16px 40px rgba(255, 215, 0, .45);border-color: var(--thm-base, #000);}.flagship-btn.outline {color: #fff;border: 2px solid rgba(255, 255, 255, .35);background: rgba(255, 255, 255, .06);}.flagship-btn.outline:hover {border-color: var(--thm-base, #000);background: rgba(255, 255, 255, .14);}.flagship-media {position: relative;}.flagship-image-wrap {position: relative;border-radius: 24px;overflow: hidden;box-shadow: 0 30px 80px rgba(0, 0, 0, .6);transform-style: preserve-3d;will-change: transform;transition: transform .2s ease;}.flagship-image-wrap::after {content: "";position: absolute;inset: 0;pointer-events: none;background: radial-gradient(800px 400px at 20% 10%, rgba(255, 255, 255, .08), transparent 60%);}.flagship-image {width: 100%;height: 520px;object-fit: cover;display: block;}.flagship-badge {position: absolute;top: 14px;left: 14px;padding: 8px 14px;border-radius: 999px;background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-2) 100%);color: #000;font-weight: 900;letter-spacing: .5px;box-shadow: 0 8px 20px rgba(255, 215, 0, .4);}.flagship-specs {display: grid;grid-template-columns: repeat(3, 1fr);gap: 14px;margin-top: 16px;}.flagship-spec {border: 1px solid rgba(255, 255, 255, .18);background: rgba(255, 255, 255, .06);border-radius: 14px;padding: 14px 16px;text-align: center;backdrop-filter: blur(8px);}.flagship-spec .k {display: block;font-size: .8rem;color: rgba(255, 255, 255, .7);}.flagship-spec .v {display: block;font-size: 1.1rem;font-weight: 800;}.reveal {opacity: 0;transform: translateY(24px);transition: opacity .6s ease, transform .6s ease;}.reveal.in-view {opacity: 1;transform: translateY(0);}@media (max-width: 1200px) {.flagship-grid {grid-template-columns: 1fr;gap: 40px;}.flagship-image {height: 460px;}}@media (max-width: 768px) {.flagship-section {padding: 80px 0;}.flagship-grid {padding: 0 20px;}.flagship-title {font-size: 2.2rem;}.flagship-image {height: 360px;}.flagship-specs {grid-template-columns: repeat(2, 1fr);}}

/* --- PC (≥901px): Product Showcase — single-row tabs, shorter cards, title pill, hover polish --- */
@media (min-width: 901px) {
  .products-section .products-subtitle {
    margin-bottom: 36px;
  }

  /* Tab 整行在版块内水平居中（inline-flex + 父级 text-align） */
  .products-section .product-categories-tabs {
    text-align: center;
  }

  .products-section .product-categories-tabs .tab-btns {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 18px;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  .products-section .product-categories-tabs .tab-btns::-webkit-scrollbar {
    height: 5px;
  }

  .products-section .product-categories-tabs .tab-btns::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
  }

  /* Tab 与下方产品网格之间的留白（分割线已在 tab-btns border-bottom） */
  .products-section .product-categories-tabs .tab-content {
    margin-top: 28px;
  }

  .products-section .product-categories-tabs .tab-button {
    flex: 0 0 auto;
    min-width: 0 !important;
    max-width: none;
    white-space: nowrap;
    padding: 12px !important;
    font-size: clamp(0.62rem, 0.72vw, 0.78rem) !important;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 8px;
    border-width: 1px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease,
      border-color 0.25s ease;
  }

  .products-section .product-categories-tabs .tab-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .products-section .product-categories-tabs .tab-button.active {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  }

  .products-section .product-item {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.3s ease;
  }

  .products-section .product-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.12);
    border-color: rgba(251, 91, 33, 0.35);
  }

  .products-section .product-img-link {
    display: block;
    position: relative;
    height: 312px;
    overflow: hidden;
    border-radius: 14px 14px 0 0;
    background: #fff;
    box-sizing: border-box;
    padding: 6px 8px;
  }

  .products-section .product-img-link img.product-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    height: calc(100% - 12px);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .products-section .product-item:hover .product-img-link img.product-image {
    transform: translate(-50%, -50%) scale(1.04);
  }

  /* Industry Application Cases：Tab 与上方 Product Showcase 同款字号/内边距；两枚 Tab 等宽 */
  .applications-section .applications-tabs {
    text-align: center;
  }

  .applications-section .applications-tabs > .tab-buttons {
    display: inline-grid !important;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    justify-content: center;
    width: 100%;
    max-width: min(680px, 100%);
    margin-left: auto;
    margin-right: auto;
    gap: 8px;
    flex-wrap: nowrap !important;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button {
    flex: unset !important;
    min-width: 0 !important;
    width: 100%;
    padding: 11px !important;
    font-size: clamp(0.62rem, 0.72vw, 0.78rem) !important;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 8px;
    border-width: 1px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  }

  /* 四列等宽下统一图片可视区域，避免首张（偏竖图）与第二张（横图）高宽不一致 */
  .applications-section .application-card .application-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    object-position: center;
    background: #ececec;
    border-radius: 12px 12px 0 0;
  }

  /* PC：案例轮播外壳不显示箭头，网格照常 */
  .applications-section .applications-carousel {
    display: block;
  }

  .applications-section .applications-carousel .products-carousel-btn {
    display: none !important;
  }

  .applications-section .applications-carousel .products-carousel-viewport {
    overflow: visible;
    width: 100%;
  }

  /* PC：案例区为四列网格一次性展示，不需要横向滑动指示点 */
  .applications-section .applications-carousel-dots {
    display: none !important;
  }

  .products-section .product-content {
    padding: 6px 10px 12px !important;
    border-top: none;
    margin-top: 0;
    background: #fff;
  }

  .products-section .product-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 7px 12px !important;
    font-size: 0.75rem !important;
    line-height: 1.35;
    font-weight: 600;
    border-radius: 999px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease, border-color 0.25s ease;
  }

  .products-section .product-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
    border-color: rgba(255, 255, 255, 0.2);
  }

  /* PC：轮播仅为 DOM 包裹，不显示箭头 */
  .products-section .products-carousel {
    display: block;
  }

  .products-section .products-carousel-btn {
    display: none !important;
  }

  .products-section .products-carousel-viewport {
    overflow: visible;
    width: 100%;
  }
}

/* Mobile：分类 Tab 单行横滑；产品一屏 2 个 + 横滑 + 左右箭头 */
@media (max-width: 900px) {
  .products-section .product-categories-tabs {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .products-section .product-categories-tabs .tab-btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    gap: 8px;
    padding: 0 12px 12px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    vertical-align: unset;
  }

  .products-section .product-categories-tabs .tab-btns::-webkit-scrollbar {
    height: 4px;
  }

  .products-section .product-categories-tabs .tab-btns::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  /* 覆盖全局 .tab-button 的主题色描边、上浮动画，选中后与底部分割线对齐 */
  .products-section .product-categories-tabs .tab-button {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    align-self: center;
    white-space: nowrap;
    padding: 8px 10px !important;
    font-size: clamp(0.55rem, 2.6vw, 0.68rem) !important;
    line-height: 1.25;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    background: #f2f2f2 !important;
    color: #444 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px;
    box-shadow: none !important;
    transform: none !important;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    font-weight: 600;
  }

  .products-section .product-categories-tabs .tab-button:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
    background: #e9e9e9 !important;
    color: #222 !important;
  }

  .products-section .product-categories-tabs .tab-button:focus,
  .products-section .product-categories-tabs .tab-button:focus-visible {
    outline: none;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
  }

  .products-section .product-categories-tabs .tab-button.active {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .products-section .product-categories-tabs .tab-button.active:hover {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
  }

  .products-section .product-categories-tabs .tab-content {
    margin-top: 18px;
  }

  .products-section .products-carousel {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 4px;
  }

  .products-section .products-carousel-btn {
    display: flex !important;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.78);
    color: #fff;
    font-size: 1.15rem;
    line-height: 1;
    align-items: center;
    justify-content: center;
    padding: 0 0 2px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    -webkit-tap-highlight-color: transparent;
  }

  .products-section .products-carousel-btn:active {
    background: #000;
    transform: scale(0.96);
  }

  .products-section .products-carousel-viewport {
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .products-section .products-carousel-viewport .products-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 4px;
    padding: 0 2px 12px !important;
    margin: 0 !important;
    grid-template-columns: unset !important;
    max-width: none !important;
  }

  .products-section .products-carousel-viewport .products-grid::-webkit-scrollbar {
    height: 4px;
  }

  .products-section .products-carousel-viewport .products-grid::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
  }

  .products-section .products-carousel-viewport .product-item {
    flex: 0 0 calc((100% - 12px) / 2);
    width: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
    scroll-snap-align: start;
    box-sizing: border-box;
  }

  .products-section .product-img-link {
    display: block;
    position: relative;
    height: 200px;
    overflow: hidden;
    padding: 4px 6px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px 14px 0 0;
  }

  .products-section .product-img-link img.product-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    height: calc(100% - 8px);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .products-section .product-content {
    padding: 4px 6px 8px !important;
  }

  .products-section .product-btn {
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    padding: 5px 8px !important;
    font-weight: 600;
  }

  /* Industry Application Cases：双 Tab 居中；下方为横向单屏轮播（不占多行高度） */
  .applications-section .applications-tabs {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }

  .applications-section .applications-tabs > .tab-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    gap: 8px;
    padding: 0 12px 12px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    grid-template-columns: unset !important;
  }

  .applications-section .applications-tabs > .tab-buttons::-webkit-scrollbar {
    height: 4px;
  }

  .applications-section .applications-tabs > .tab-buttons::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    align-self: center;
    white-space: nowrap;
    padding: 8px 10px !important;
    font-size: clamp(0.55rem, 2.6vw, 0.68rem) !important;
    line-height: 1.25;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    background: #f2f2f2 !important;
    color: #444 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px;
    box-shadow: none !important;
    transform: none !important;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    font-weight: 600;
    min-width: 0 !important;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
    background: #e9e9e9 !important;
    color: #222 !important;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button:focus,
  .applications-section .applications-tabs > .tab-buttons .tab-button:focus-visible {
    outline: none;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button.active {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .applications-section .applications-tabs > .tab-buttons .tab-button.active:hover {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
  }

  .applications-section .applications-tabs .tab-content {
    margin-top: 18px;
  }

  /* Industry Application Cases：Tab 内一屏一卡轮播（横滑 + 箭头 + 指示点） */
  .applications-section .applications-carousel {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    grid-template-rows: auto auto;
    gap: 10px 8px;
    padding: 0 4px 8px;
    align-items: center;
  }

  .applications-section .applications-carousel > .products-carousel-btn.products-carousel-prev {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }

  .applications-section .applications-carousel > .products-carousel-viewport {
    grid-column: 2;
    grid-row: 1;
  }

  .applications-section .applications-carousel > .products-carousel-btn.products-carousel-next {
    grid-column: 3;
    grid-row: 1;
    justify-self: center;
  }

  .applications-section .applications-carousel > .applications-carousel-dots {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .applications-section .applications-carousel .products-carousel-btn {
    display: flex !important;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.78);
    color: #fff;
    font-size: 1.15rem;
    line-height: 1;
    align-items: center;
    justify-content: center;
    padding: 0 0 2px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    -webkit-tap-highlight-color: transparent;
  }

  .applications-section .applications-carousel .products-carousel-btn:active {
    background: #000;
    transform: scale(0.96);
  }

  .applications-section .applications-carousel .products-carousel-viewport {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  /* 强制横向单行轮播，避免被全局 .applications-grid{display:grid} 拉成多行 */
  .applications-section .applications-carousel .products-carousel-viewport .applications-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 100% !important;
    min-height: 0;
    padding: 0 0 8px !important;
    margin: 0 !important;
    margin-top: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    grid-template-columns: unset !important;
    grid-auto-flow: unset !important;
    max-width: none !important;
  }

  .applications-section .applications-carousel .products-carousel-viewport .applications-grid::-webkit-scrollbar {
    height: 4px;
  }

  .applications-section .applications-carousel .products-carousel-viewport .applications-grid::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
  }

  .applications-section .applications-carousel .products-carousel-viewport .application-card {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    width: auto;
    min-width: 0;
    max-width: none;
    scroll-snap-align: start;
    box-sizing: border-box;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  }

  .applications-section .applications-carousel .application-card .application-image {
    height: 170px;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
  }

  .applications-section .applications-carousel .application-content {
    padding: 12px 10px 14px !important;
    text-align: center;
    background: #fff;
  }

  .applications-section .applications-carousel .application-content h3 {
    font-size: 0.85rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    font-weight: 700;
  }

  .applications-section .applications-carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px 0 0;
    width: 100%;
  }

  .applications-section .applications-carousel-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0.22);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .applications-section .applications-carousel-dot[aria-current='true'] {
    background: #fb5b21;
    transform: scale(1.15);
  }
}

/* Hero intro: horizontal inset on narrow screens — `* { padding: 0 }` zeros gutters; use clamp so small phones never hug the edge */
@media (max-width: 991px) {
  .hero-video-section .hero-content .container {
    padding-left: max(clamp(22px, 6.5vw, 40px), env(safe-area-inset-left, 0px));
    padding-right: max(clamp(22px, 6.5vw, 40px), env(safe-area-inset-right, 0px));
    box-sizing: border-box;
  }

  .hero-video-section .hero-text {
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* --- Homepage hero: match production (typography, vertical rhythm, motion) ---
   Overrides minified block above + any body :where(h1) / theme h1 rules. */
@keyframes heroFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hero-video-section h1.hero-title {
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  animation: heroFadeIn 1s ease-out;
}

.hero-video-section .hero-description {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  animation: heroFadeIn 1s ease-out 0.3s both;
}

.hero-video-section .hero-buttons {
  animation: heroFadeIn 1s ease-out 0.6s both;
}

@media (min-width: 1025px) {
  .hero-video-section h1.hero-title {
    font-size: clamp(2rem, 3.2vw, 2.65rem) !important;
    margin-bottom: 22px !important;
  }

  .hero-video-section .hero-description {
    font-size: clamp(1rem, 1.35vw, 1.15rem) !important;
    line-height: 1.55 !important;
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1024px) {
  .hero-video-section h1.hero-title {
    font-size: clamp(1.85rem, 4.5vw, 2.35rem) !important;
    margin-bottom: 22px !important;
  }

  .hero-video-section .hero-description {
    font-size: clamp(0.98rem, 1.55vw, 1.12rem) !important;
    line-height: 1.55 !important;
    margin-bottom: 28px !important;
  }
}

@media (max-width: 768px) {
  .hero-video-section h1.hero-title {
    font-size: clamp(1.65rem, 5vw, 2.1rem) !important;
    margin-bottom: 18px !important;
  }

  .hero-video-section .hero-description {
    font-size: 1rem !important;
    margin-bottom: 26px !important;
  }

  .hero-video-section .hero-buttons {
    gap: 20px !important;
  }
}

@media (max-width: 480px) {
  .hero-video-section h1.hero-title {
    font-size: 1.2rem !important;
    margin-bottom: 15px !important;
  }

  .hero-video-section .hero-description {
    font-size: 1rem !important;
    margin-bottom: 25px !important;
  }

  .hero-video-section .hero-buttons {
    gap: 15px !important;
  }
}

.testimonials-section .author-avatar {
  font-size: 1rem !important;
}

/* Advantages 版块：卡片竖向间距（--aoxiang-section-stack-gap，与底部分割条无关） */
@media (max-width: 1024px) {
  .advantages-section .advantages-grid {
    gap: var(--aoxiang-section-stack-gap, 64px);
  }
}

@media (max-width: 768px) {
  .advantages-section .advantages-grid {
    gap: calc(var(--aoxiang-section-stack-gap, 64px) * 0.75);
  }
}

@media (max-width: 480px) {
  .advantages-section .advantages-grid {
    gap: calc(var(--aoxiang-section-stack-gap, 64px) * 0.5625);
  }
}

/* ========== 移动端：按文字层级优化字号 + 区块上下间距（首页 index.htm）==========
   覆盖压缩样式里偏大的 section padding，并用区块前缀选择器细化正文，避免一律 18px 显得发闷。 */
@media (max-width: 767px) {
  .about-section {
    padding: 52px 0;
  }

  .advantages-section {
    padding: 52px 0;
  }

  .products-section {
    padding: 56px 0;
  }

  .production-data-section {
    padding: 56px 0;
  }

  .process2-section {
    padding: 48px 0 0;
  }

  .applications-section {
    padding: 48px 0 32px;
  }

  .testimonials-section {
    padding: 56px 0;
  }

  .faq-section {
    padding: 24px 0 40px;
  }

  .certifications-section {
    padding: 52px 0 0;
  }

  .flagship-section {
    padding: 64px 0;
  }

  /* 版块主标题：同级统一略小于原 2.2rem 档 */
  .about-title,
  .advantages-title,
  .products-title,
  .applications-title,
  .testimonials-title,
  .faq-title,
  .process2-title {
    font-size: clamp(1.5rem, 4.2vw, 1.85rem);
    line-height: 1.22;
    margin-bottom: 0.65rem;
  }

  /* 副标题 / 导语：比正文略大、比主标题明显小 */
  .advantages-subtitle,
  .products-subtitle,
  .applications-subtitle,
  .testimonials-subtitle,
  .faq-subtitle {
    font-size: 0.9375rem;
    line-height: 1.55;
    margin-bottom: 1.75rem;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
  }

  .about-description p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin-bottom: 0.875rem !important;
  }

  .about-section .feature-content h3 {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
  }

  .about-section .feature-content p {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
  }

  .advantage-content {
    gap: 28px !important;
    padding: 28px 18px !important;
  }

  .advantage-text h3 {
    font-size: clamp(1.25rem, 3.8vw, 1.5rem);
    line-height: 1.25;
    margin-bottom: 1rem;
  }

  .advantages-section .point-content h4 {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }

  .advantages-section .point-content p {
    font-size: 0.9375rem !important;
    line-height: 1.65 !important;
  }

  .process2-section .process2-content h3 {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
  }

  .process2-section .process2-content p {
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
  }

  .applications-section .application-content h3 {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
  }

  .applications-section .application-content p {
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
  }

  .applications-section .application-features li {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
  }

  .faq-section .faq-question {
    font-size: 0.9375rem !important;
    line-height: 1.4 !important;
  }

  .faq-section .faq-answer p {
    font-size: 0.9375rem !important;
    line-height: 1.65 !important;
  }

  .testimonials-section .testimonial-content {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  .production-data-section .data-content h4 {
    font-size: 1.05rem !important;
  }

  .production-data-section .data-content p,
  .production-data-section .data-content li {
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
  }

  .flagship-section .flagship-name {
    font-size: 0.8rem;
  }

  .flagship-section .flagship-points li {
    font-size: 0.9375rem;
    line-height: 1.55;
  }
}

@media (max-width: 480px) {
  .about-section,
  .advantages-section {
    padding: 44px 0;
  }

  .products-section,
  .production-data-section,
  .testimonials-section {
    padding: 48px 0;
  }

  .applications-section {
    padding: 40px 0 28px;
  }

  .faq-section {
    padding: 20px 0 32px;
  }

  .flagship-section {
    padding: 52px 0;
  }

  .about-title,
  .advantages-title,
  .products-title,
  .applications-title,
  .testimonials-title,
  .faq-title,
  .process2-title {
    font-size: 1.45rem;
    margin-bottom: 0.5rem;
  }

  .advantages-subtitle,
  .products-subtitle,
  .applications-subtitle,
  .testimonials-subtitle,
  .faq-subtitle {
    font-size: 0.875rem;
    margin-bottom: 1.375rem;
  }

  .testimonials-section .author-avatar {
    font-size: 1rem !important;
  }
}

/* 首页 PC：底部联系表单版心 1400px；FAQ 模块版心 1200px；资质与 About 之间留白收紧 */
@media (min-width: 992px) {
  body.page-home form#contact.contact-form {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  body.page-home .faq-section > .container {
    max-width: 1200px;
  }

  body.page-home .certifications-section + .about-section {
    padding-top: 48px;
  }
}