:root{--roots-primary: var(--primary, #00b14f);--roots-primary-dark: #1b4332;--roots-primary-soft: var(--primary-soft, #e8f5e9);--roots-text-main: var(--text-main, #222222);--roots-text-muted: var(--text-muted, #666666);--roots-card-bg: var(--white, #ffffff);--roots-card-shadow: var(--shadow, 0 4px 16px rgba(0, 0, 0, 0.05));--roots-radius: 16px}.reveal-on-scroll{opacity: 0;transform: translateY(24px);transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);will-change: opacity, transform}.reveal-on-scroll.is-visible{opacity: 1;transform: translateY(0)}.reveal-delay-1{transition-delay: 0.08s}.reveal-delay-2{transition-delay: 0.16s}.reveal-delay-3{transition-delay: 0.24s}.reveal-delay-4{transition-delay: 0.32s}.eyebrow-tag{display: inline-block;font-size: 11px;font-weight: 800;letter-spacing: 1.2px;text-transform: uppercase;color: var(--roots-primary);background: var(--roots-primary-soft);padding: 4px 12px;border-radius: 20px;margin-bottom: 10px}.about-hero-section{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 24px;align-items: center;margin-bottom: 24px;background: var(--roots-card-bg);padding: 28px;border-radius: var(--roots-radius);box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5}.hero-text-col h1{font-size: 32px;font-weight: 800;line-height: 1.2;color: var(--roots-primary-dark);margin: 0 0 12px 0;letter-spacing: -0.5px}.hero-text-col p{font-size: 14.5px;line-height: 1.6;color: var(--roots-text-muted);margin-bottom: 20px}.btn-cta-green{display: inline-flex;align-items: center;gap: 8px;background: var(--roots-primary-dark);color: #ffffff;font-size: 13px;font-weight: 700;padding: 12px 24px;border-radius: 30px;text-decoration: none;transition: all 0.25s ease;box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2)}.btn-cta-green:hover{background: var(--roots-primary);transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 177, 79, 0.3);color: #ffffff}.hero-image-col img{width: 100%;height: 280px;border-radius: 12px;object-fit: cover;display: block}.story-section{display: grid;grid-template-columns: 1.2fr 0.9fr 1fr;gap: 24px;align-items: center;margin-bottom: 24px;background: var(--roots-card-bg);border-radius: var(--roots-radius);padding: 28px;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5}.story-text-col h2{font-size: 22px;font-weight: 800;color: var(--roots-text-main);margin: 0 0 12px 0;line-height: 1.3}.story-text-col p{font-size: 13.5px;line-height: 1.65;color: var(--roots-text-muted);margin-bottom: 10px}.story-img-col img{width: 100%;height: 320px;object-fit: cover;border-radius: 12px;display: block}.story-stats-col{display: flex;flex-direction: column;gap: 12px}.story-stat-card{display: flex;align-items: center;gap: 14px;background: #f8faf9;padding: 12px 16px;border-radius: 12px;border: 1px solid #edf2f7;transition: all 0.25s ease}.story-stat-card:hover{background: #ffffff;transform: translateX(4px);border-color: var(--roots-primary);box-shadow: 0 4px 12px rgba(0, 177, 79, 0.08)}.story-stat-icon{width: 42px;height: 42px;border-radius: 10px;background: var(--roots-primary-soft);color: var(--roots-primary);display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0}.story-stat-content h3{font-size: 18px;font-weight: 800;color: var(--roots-primary-dark);margin: 0}.story-stat-content p{font-size: 12px;color: var(--roots-text-muted);margin: 0}.highlights-bar{background: linear-gradient(135deg, var(--roots-primary-dark), #2d6a4f);border-radius: var(--roots-radius);padding: 24px 20px;margin-bottom: 24px;box-shadow: var(--roots-card-shadow)}.highlights-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;text-align: center}.highlight-item{color: #ffffff;padding: 6px;position: relative}.highlight-item:not(:last-child)::after{content: '';position: absolute;right: 0;top: 15%;height: 70%;width: 1px;background: rgba(255, 255, 255, 0.15)}.highlight-icon{font-size: 24px;color: #52b788;margin-bottom: 6px}.highlight-val{font-size: 26px;font-weight: 800;margin-bottom: 2px;letter-spacing: -0.5px;color: #ffffff}.highlight-label{font-size: 12.5px;font-weight: 700;opacity: 0.95}.highlight-sub{font-size: 11.5px;opacity: 0.75}.section-header-center{text-align: center;margin-bottom: 18px}.section-header-center h2{font-size: 20px;font-weight: 800;color: var(--roots-text-main);text-transform: uppercase;margin: 0}.features-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin-bottom: 24px}.feature-card{background: var(--roots-card-bg);border-radius: var(--roots-radius);overflow: hidden;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5;transition: all 0.25s ease;display: flex;flex-direction: column}.feature-card:hover{transform: translateY(-4px);border-color: var(--roots-primary);box-shadow: 0 8px 20px rgba(0, 177, 79, 0.12)}.feature-card-header{position: relative;width: 100%;height: 140px;background: #fdfbf7;overflow: hidden}.feature-card-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease}.feature-card:hover .feature-card-img{transform: scale(1.06)}.feature-icon-badge-overlap{position: absolute;top: 10px;left: 10px;width: 40px;height: 40px;border-radius: 50%;background: var(--roots-primary-dark);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 17px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);z-index: 2;transition: transform 0.25s ease, background-color 0.25s ease}.feature-card:hover .feature-icon-badge-overlap{transform: scale(1.1);background: var(--roots-primary)}.feature-card-body{padding: 18px 14px 20px;text-align: center;flex-grow: 1;display: flex;flex-direction: column}.feature-card-body h3{font-size: 14px;font-weight: 800;color: var(--roots-text-main);margin: 0 0 10px 0;line-height: 1.3;text-transform: uppercase}.feature-card-body p{font-size: 12.5px;line-height: 1.55;color: var(--roots-text-muted);margin: 0}.experience-section{display: grid;grid-template-columns: 1fr 1.2fr;gap: 24px;align-items: center;margin-bottom: 24px;background: var(--roots-card-bg);border-radius: var(--roots-radius);padding: 28px;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5}.exp-text-col h2{font-size: 22px;font-weight: 800;color: var(--roots-text-main);margin: 0 0 14px 0;line-height: 1.3;text-transform: uppercase}.exp-text-col p{font-size: 13.5px;line-height: 1.6;color: var(--roots-text-muted);margin-bottom: 12px}.exp-gallery-grid{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(2, 130px);gap: 10px}.exp-img-box{position: relative;border-radius: 10px;overflow: hidden}.exp-img-box img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease}.exp-img-box:hover img{transform: scale(1.06)}.exp-badge-overlay{position: absolute;bottom: 8px;left: 8px;background: rgba(15, 23, 42, 0.75);backdrop-filter: blur(4px);color: #ffffff;font-size: 10.5px;font-weight: 700;padding: 3px 8px;border-radius: 14px}.exp-box-1{grid-column: 1 / 4;grid-row: 1 / 2}.exp-box-2{grid-column: 4 / 7;grid-row: 1 / 2}.exp-box-3{grid-column: 1 / 3;grid-row: 2 / 3}.exp-box-4{grid-column: 3 / 5;grid-row: 2 / 3}.exp-box-5{grid-column: 5 / 7;grid-row: 2 / 3}.steps-section{margin-bottom: 24px}.steps-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}.step-card{background: var(--roots-card-bg);border-radius: var(--roots-radius);padding: 24px 18px;text-align: center;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5;transition: all 0.25s ease}.step-card:hover{transform: translateY(-4px);border-color: var(--roots-primary)}.step-num-badge{width: 36px;height: 36px;background: var(--roots-primary-dark);color: #ffffff;font-size: 14px;font-weight: 800;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 12px}.step-icon{font-size: 22px;color: var(--roots-primary);margin-bottom: 10px}.step-card h3{font-size: 14px;font-weight: 800;color: var(--roots-text-main);margin: 0 0 8px 0}.step-card p{font-size: 12.5px;line-height: 1.5;color: var(--roots-text-muted);margin: 0}.partners-section{margin-bottom: 24px;background: var(--roots-card-bg);border-radius: var(--roots-radius);padding: 20px 16px;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5}.partners-title{font-size: 14px;font-weight: 800;color: var(--roots-text-main);text-transform: uppercase;letter-spacing: 0.8px;margin: 0 0 14px 0;text-align: center}.gsm-marquee-wrapper{display: flex;flex-direction: column;overflow: hidden;background: #f8fafc;padding: 10px 12px;border-radius: 14px;border: 1px solid #edf2f7;position: relative}.gsm-marquee-row{display: flex;overflow: hidden;user-select: none;width: 100%;padding: 4px 0}.gsm-marquee-track{display: flex;align-items: center;gap: 16px;width: max-content;animation: gsmMarqueeScroll 25s linear infinite}.gsm-marquee-wrapper:hover .gsm-marquee-track{animation-play-state: paused}@keyframes gsmMarqueeScroll{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.gsm-brand-pill{display: inline-flex;align-items: center;gap: 10px;padding: 8px 18px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 30px;white-space: nowrap;text-decoration: none;color: #334155;font-size: 13.5px;font-weight: 700;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);transition: all 0.2s ease}.gsm-brand-pill:hover{border-color: var(--roots-primary);color: var(--roots-primary);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 177, 79, 0.12)}.gsm-brand-img{height: 28px;width: auto;max-width: 85px;object-fit: contain;display: block}.reviews-section{margin-bottom: 24px}.reviews-grid{display: grid;grid-template-columns: 0.9fr 1.5fr;gap: 20px;align-items: center}.ratings-badges-col{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.about-rating-card{background: var(--roots-card-bg);border-radius: 14px;padding: 18px 14px;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center}.about-rating-platform{font-size: 13.5px;font-weight: 800;color: var(--roots-text-main);margin-bottom: 4px;display: flex;align-items: center;gap: 6px;justify-content: center}.about-rating-num{font-size: 24px;font-weight: 800;color: #1e293b;margin-bottom: 2px;line-height: 1.2}.about-rating-stars{color: #f59e0b;font-size: 12px;margin-bottom: 4px;text-align: center}.about-rating-count{font-size: 11.5px;color: var(--roots-text-muted);text-align: center}.testimonials-cards-col{display: flex;flex-direction: column;gap: 12px}.testimonial-card{background: var(--roots-card-bg);border-radius: 14px;padding: 16px 18px;box-shadow: var(--roots-card-shadow);border: 1px solid #f0f2f5;display: flex;gap: 14px;align-items: flex-start;transition: transform 0.25s ease}.testimonial-card:hover{transform: translateX(4px);border-color: var(--roots-primary)}.testi-avatar{width: 38px;height: 38px;border-radius: 50%;background: var(--roots-primary-dark);color: #ffffff;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 14px;flex-shrink: 0}.testi-content p{font-size: 12.5px;line-height: 1.5;color: var(--roots-text-muted);margin: 0 0 4px 0;font-style: italic}.testi-author{font-size: 11.5px;font-weight: 700;color: var(--roots-primary-dark)}.bottom-banner-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 30px}.banner-box{background: var(--roots-primary-dark);color: #ffffff;border-radius: var(--roots-radius);padding: 24px 20px;box-shadow: 0 6px 20px rgba(27, 67, 50, 0.18);display: flex;flex-direction: column;justify-content: space-between}.banner-box h3{font-size: 14.5px;font-weight: 800;margin: 0 0 8px 0;text-transform: uppercase;letter-spacing: 0.5px;color: #ffffff}.banner-box p{font-size: 12.5px;line-height: 1.5;opacity: 0.85;margin-bottom: 14px}.banner-qr-wrapper{background: #ffffff;border-radius: 12px;padding: 10px;display: inline-block;margin: 0 auto 14px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);text-align: center}.banner-qr-img{width: 120px;height: 120px;object-fit: contain;display: block;border-radius: 6px}.btn-zalo-oa{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: #0068FF;color: #ffffff;text-decoration: none;padding: 11px;border-radius: 8px;font-size: 12px;font-weight: 800;text-transform: uppercase;transition: all 0.25s ease;box-shadow: 0 4px 12px rgba(0, 104, 255, 0.3)}.btn-zalo-oa:hover{background: #0052cc;transform: translateY(-2px);color: #ffffff;box-shadow: 0 6px 16px rgba(0, 104, 255, 0.4)}.banner-form input,
 .banner-form textarea{width: 100%;padding: 10px 12px;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.1);color: #ffffff;font-size: 12.5px;margin-bottom: 10px;outline: none;box-sizing: border-box}.banner-form input::placeholder,
 .banner-form textarea::placeholder{color: rgba(255, 255, 255, 0.6)}.btn-banner-submit{width: 100%;padding: 11px;background: var(--roots-primary);color: #ffffff;border: none;border-radius: 8px;font-size: 12px;font-weight: 800;text-transform: uppercase;cursor: pointer;transition: background 0.25s}.btn-banner-submit:hover{background: #008f3f}@media (max-width: 1024px){.about-hero-section{grid-template-columns: 1fr;gap: 20px}.story-section{grid-template-columns: 1fr;gap: 20px}.story-img-col img{height: 240px}.experience-section{grid-template-columns: 1fr}.reviews-grid{grid-template-columns: 1fr}.bottom-banner-grid{grid-template-columns: 1fr}}@media (max-width: 768px){.highlights-grid{grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important}.highlight-item:not(:last-child)::after{display: none}.features-grid{grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important}.about-hero-section,
 .story-section,
 .experience-section{padding: 20px 16px}.hero-text-col h1{font-size: 24px}.steps-grid{grid-template-columns: 1fr;gap: 12px}.exp-gallery-grid{grid-template-columns: repeat(2, 1fr);grid-template-rows: auto}.exp-box-1,
 .exp-box-2,
 .exp-box-3,
 .exp-box-4,
 .exp-box-5{grid-column: auto;grid-row: auto;height: 120px}}