:root {
  --type-eyebrow: 14px;
  --type-meta: 13px;
  --type-body: 16px;
  --type-card-title: 20px;
  --type-section: 32px;
  --type-page-hero: 42px;
  --type-home-hero: clamp(30px, 4vw, 48px);
  --space-hero-top: 130px;
  --space-hero-bottom: 80px;
  --space-section-y: 80px;
  --space-heading-gap: 16px;
  --space-card: 24px;
  --content-max: 1200px;
}

@media (max-width: 991px) {
  :root {
    --type-section: 28px;
    --type-page-hero: 34px;
    --space-section-y: 60px;
  }
}

@media (max-width: 767px) {
  :root {
    --type-section: 24px;
    --type-page-hero: 28px;
    --space-section-y: 48px;
    --space-hero-top: 110px;
    --space-hero-bottom: 64px;
  }
}

.internal-page-hero .container,
.internal-page-hero ~ section .container {
  width: 90%;
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
}

.internal-page-hero {
  position: relative;
  overflow: hidden;
  padding: var(--space-hero-top) 0 var(--space-hero-bottom);
  color: #fff;
}

.internal-page-hero .hero-content,
.internal-page-hero .partners-hero-content {
  text-align: center;
  position: relative;
  z-index: 2;
}

.section-badge,
.internal-page-hero .hero-content > span,
.section-tag {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 40px;
  font-size: var(--type-eyebrow);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: var(--space-heading-gap);
}

.section-badge {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
}

.light-badge {
  background: #eaf7f9;
  color: #1f6f78;
  border: 1px solid #d2edf2;
}

.section-tag {
  background: #eef6f4;
  color: #254b43;
  border: 0;
  font-size: var(--type-meta);
}

.internal-page-hero h1,
.internal-page-hero .hero-content h1,
.internal-page-hero .partners-hero-content h1 {
  font-size: var(--type-page-hero);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 var(--space-heading-gap);
  color: #fff;
}

.internal-page-hero p,
.internal-page-hero .hero-content p,
.internal-page-hero .partners-hero-content p {
  max-width: 820px;
  margin: 0 auto;
  font-size: var(--type-body);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
}

.section-heading {
  text-align: center;
  margin-bottom: 40px;
}

.section-heading h2,
.about-content h2,
.why-content h2,
.contact-form-box h2,
.map-header h2,
.ecosystem-content h2,
.privacy-content h2 {
  font-size: var(--type-section);
  line-height: 1.25;
  margin-bottom: var(--space-heading-gap);
  color: #123038;
}

.section-heading p,
.about-content p,
.why-content p,
.contact-form-box p,
.map-header p,
.ecosystem-content p {
  font-size: var(--type-body);
  line-height: 1.7;
}

.section-heading p {
  max-width: 760px;
  margin: 0 auto;
  color: #60737a;
}

.value-card h4,
.service-card h3,
.contact-card h3,
.why-choose-item p,
.product-title,
.eco-item h4,
.why-item h4,
.about-point strong,
.mv-card h3,
.top-partner-card h3,
.partner-card h3,
.middle-title h4 {
  font-size: var(--type-card-title);
  line-height: 1.35;
}

.value-card p,
.service-card p,
.contact-card p,
.contact-card a,
.mv-card p,
.mv-list,
.partner-card p,
.top-partner-card p,
.middle-title p,
.form-group label,
.form-control,
.category-intro,
.product-desc {
  font-size: var(--type-body);
}

.about-point span,
.why-item p,
.why-stat span,
.partner-link,
.product-category {
  font-size: var(--type-meta);
}

.cta-content h3,
.cta-box h3,
.about-card h3 {
  font-size: var(--type-section);
  line-height: 1.25;
  margin-bottom: 8px;
}

.cta-content p,
.cta-box p,
.cta-support-text {
  font-size: var(--type-body);
  line-height: 1.7;
}

.cta-label {
  font-size: var(--type-eyebrow);
}

.value-card,
.why-choose-item,
.service-card,
.contact-card,
.eco-item {
  padding: var(--space-card);
}

.about-intro,
.partners-section,
.contact-main,
.core-values,
.why-choose-ga,
.why-choose,
.about-services,
.why-section {
  padding-top: var(--space-section-y);
  padding-bottom: var(--space-section-y);
}

.mission-vision,
.ecosystem-section {
  padding-top: 10px;
  padding-bottom: var(--space-section-y);
}

.about-cta,
.services-cta,
.contact-cta {
  padding-bottom: var(--space-section-y);
}

.products-page {
  padding-top: var(--space-section-y);
  padding-bottom: var(--space-section-y);
}

.export-hero-subtitle {
  font-size: var(--type-eyebrow) !important;
}

.export-hero-description {
  font-size: var(--type-body) !important;
}

.export-hero-title {
  font-size: var(--type-home-hero) !important;
}

.tj-footer-section .footer-widget .title {
  font-size: var(--type-section);
  line-height: 1.3;
}

@media (max-width: 767px) {
  .export-hero-title {
    font-size: clamp(26px, 7vw, 34px) !important;
  }

  .export-hero-description {
    font-size: var(--type-body) !important;
  }
}