/*
 * about-en.css
 * English version typography adjustments for about page
 * Only affects English version pages (/en/about.html)
 * Does NOT affect Chinese version
 */

/* ========= Hero Section Typography (Main Visual Area) ========= */

/* Hero Section Label - Following typography-en.css standard */
/* Standard: 14px, font-weight 500 */
.section-caption-border {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 767px) {
    .section-caption-border {
        font-size: 13px !important;
    }
}

/* Hero Section Main Title - Following typography-en.css standard */
/* Standard: H1 Desktop 48px, Mobile 32px, font-weight 100 (细体) */
.hs-title-1 {
    font-size: 48px !important;
    font-weight: 100 !important;  /* 字重100（细体） */
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Tablet adjustment (768-1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .hs-title-1 {
        font-size: 40px !important;
    }
}

/* Mobile adjustment (576-767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .hs-title-1 {
        font-size: 32px !important;
    }
}

/* Small phone adjustment (<576px) */
@media (max-width: 575px) {
    .hs-title-1 {
        font-size: 28px !important;
    }
}

/* Hero Section Subtitle - Content Summary Text */
/* Treating as descriptive text, not a title */
.hs-title-11a {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

/* Tablet adjustment (768-1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .hs-title-11a {
        font-size: 17px !important;
    }
}

/* Mobile adjustment (576-767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .hs-title-11a {
        font-size: 16px !important;
    }
}

/* Small phone adjustment (<576px) */
@media (max-width: 575px) {
    .hs-title-11a {
        font-size: 15px !important;
    }
}

/* ========= Main Content Section Typography ========= */

/* Lead Paragraph - Slightly smaller for English */
.lead {
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

@media (min-width: 1441px) {
    .lead {
        font-size: 17px !important;
    }
}

@media (max-width: 767px) {
    .lead {
        font-size: 15px !important;
    }
}

/* Section Headings */
.h5 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 1em !important;
}

@media (max-width: 767px) {
    .h5 {
        font-size: 17px !important;
    }
}

/* Body Text */
.text-gray {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@media (max-width: 767px) {
    .text-gray {
        font-size: 13px !important;
    }
}

/* ========= Services Section Typography ========= */

/* Section Titles */
.section-title {
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

@media (min-width: 1441px) {
    .section-title {
        font-size: 36px !important;
    }
}

@media (max-width: 1024px) {
    .section-title {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 24px !important;
    }
}

/* Section Caption */
.section-caption-fancy {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 767px) {
    .section-caption-fancy {
        font-size: 13px !important;
    }
}

/* Service Process H5 Heading */
#services .h5 {
    font-size: 20px !important;
    font-weight: 600 !important;
}

@media (max-width: 1024px) {
    #services .h5 {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {
    #services .h5 {
        font-size: 17px !important;
    }
}

/* ========= Service Cards Typography ========= */

/* Card Keywords */
.card-keyword {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}

@media (max-width: 767px) {
    .card-keyword {
        font-size: 12px !important;
    }
}

/* Card Titles */
.card-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

@media (max-width: 1024px) {
    .card-title {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .card-title {
        font-size: 15px !important;
    }
}

/* Card Subtitles */
.card-subtitle {
    font-size: 12px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .card-subtitle {
        font-size: 11px !important;
    }
}

/* Card Descriptions */
.card-description {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .card-description {
        font-size: 12px !important;
    }
}

/* ========= CTA Card Typography ========= */

.cta-card-title {
    font-size: 20px !important;
    font-weight: 600 !important;
}

@media (max-width: 1024px) {
    .cta-card-title {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {
    .cta-card-title {
        font-size: 17px !important;
    }
}

.cta-card-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .cta-card-desc {
        font-size: 13px !important;
    }
}

/* ========= PDF Download Modal Typography ========= */

/* Modal Title */
.pdf-form-title {
    font-size: 24px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .pdf-form-title {
        font-size: 20px !important;
    }
}

/* Modal Subtitle */
.pdf-form-subtitle {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .pdf-form-subtitle {
        font-size: 12px !important;
    }
}

/* Solution List Title */
.solution-list-title {
    font-size: 16px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .solution-list-title {
        font-size: 15px !important;
    }
}

/* Solution Items */
.solution-item span {
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .solution-item span {
        font-size: 12px !important;
    }
}

/* Form Labels */
.pdf-form-group label {
    font-size: 13px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .pdf-form-group label {
        font-size: 12px !important;
    }
}

/* Form Inputs */
.pdf-form-control {
    font-size: 14px !important;
}

@media (max-width: 767px) {
    .pdf-form-control {
        font-size: 13px !important;
    }
}

/* Form Buttons */
.pdf-submit-btn,
.pdf-verification-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .pdf-submit-btn,
    .pdf-verification-btn {
        font-size: 13px !important;
    }
}

/* Form Notice */
.pdf-form-notice span {
    font-size: 12px !important;
}

@media (max-width: 767px) {
    .pdf-form-notice span {
        font-size: 11px !important;
    }
}

/* ========= Consultation Modal Typography ========= */

/* Modal Main Title */
.modal-main-title {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

@media (max-width: 1024px) {
    .modal-main-title {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    .modal-main-title {
        font-size: 20px !important;
    }
}

/* Modal Intro Text */
.modal-intro-text {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@media (max-width: 767px) {
    .modal-intro-text {
        font-size: 13px !important;
    }
}

/* Service Card Content */
.service-card-content h5 {
    font-size: 15px !important;
    font-weight: 600 !important;
}

.service-card-content p {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

@media (max-width: 767px) {
    .service-card-content h5 {
        font-size: 14px !important;
    }

    .service-card-content p {
        font-size: 11px !important;
    }
}

/* Quick Contact */
.contact-label {
    font-size: 12px !important;
}

.quick-contact-item a {
    font-size: 15px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .contact-label {
        font-size: 11px !important;
    }

    .quick-contact-item a {
        font-size: 14px !important;
    }
}

/* Form Title */
.form-title {
    font-size: 22px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .form-title {
        font-size: 18px !important;
    }
}

/* Form Subtitle */
.form-subtitle {
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .form-subtitle {
        font-size: 12px !important;
    }
}

/* Form Controls */
.modal-consultation-form .form-control {
    font-size: 14px !important;
}

@media (max-width: 767px) {
    .modal-consultation-form .form-control {
        font-size: 13px !important;
    }
}

/* Submit Button */
.modal-submit-btn {
    font-size: 15px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .modal-submit-btn {
        font-size: 14px !important;
    }
}

/* Form Notice */
.form-notice span {
    font-size: 12px !important;
}

@media (max-width: 767px) {
    .form-notice span {
        font-size: 11px !important;
    }
}

/* ========= Button Typography ========= */

/* Primary Buttons */
.btn {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .btn {
        font-size: 13px !important;
    }
}

/* Link Buttons */
.link-hover-anim {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .link-hover-anim {
        font-size: 13px !important;
    }
}

/* WeChat Button */
.pdf-wechat-btn span {
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .pdf-wechat-btn span {
        font-size: 13px !important;
    }
}