/* ========================================
   武汉东风好孕 - 传统CSS样式表
   ======================================== */

/* CSS Variables / Custom Properties */
:root {
    /* Colors - 与原Tailwind配置对应 */
    --color-on-secondary-container: #7b4c5e;
    --color-outline-variant: #c3c6d6;
    --color-secondary-fixed: #ffd9e4;
    --color-on-tertiary-fixed: #370e00;
    --color-on-primary-fixed-variant: #0040a1;
    --color-error-container: #ffdad6;
    --color-on-error: #ffffff;
    --color-tertiary-fixed: #ffdbce;
    --color-outline: #737785;
    --color-inverse-surface: #2e3038;
    --color-surface-container: #ededf8;
    --color-on-primary-container: #ced9ff;
    --color-tertiary-fixed-dim: #ffb599;
    --color-on-surface: #191b23;
    --color-secondary: #805062;
    --color-surface-container-low: #f3f3fd;
    --color-surface-tint: #0856cf;
    --color-primary-container: #0b57d0;
    --color-primary-fixed-dim: #b2c5ff;
    --color-on-primary: #ffffff;
    --color-on-tertiary-container: #ffcfbe;
    --color-tertiary-container: #a83b00;
    --color-tertiary: #802b00;
    --color-on-surface-variant: #424654;
    --color-surface-dim: #d9d9e4;
    --color-surface: #faf8ff;
    --color-primary-fixed: #dae2ff;
    --color-background: #faf8ff;
    --color-secondary-container: #fec1d6;
    --color-on-tertiary-fixed-variant: #7f2b00;
    --color-error: #ba1a1a;
    --color-on-background: #191b23;
    --color-on-secondary: #ffffff;
    --color-surface-container-lowest: #ffffff;
    --color-on-error-container: #93000a;
    --color-surface-bright: #faf8ff;
    --color-inverse-on-surface: #f0f0fb;
    --color-on-tertiary: #ffffff;
    --color-secondary-fixed-dim: #f2b6cb;
    --color-on-secondary-fixed: #330f1f;
    --color-primary: #0041a2;
    --color-on-primary-fixed: #001847;
    --color-on-secondary-fixed-variant: #65394b;
    --color-inverse-primary: #b2c5ff;
    --color-surface-container-highest: #e1e2ec;
    --color-surface-variant: #e1e2ec;
    --color-surface-container-high: #e7e7f2;

    /* Additional Colors */
    --color-blue-700: #1d4ed8;
    --color-blue-800: #1e40af;
    --color-blue-900: #1e3a8a;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-rose-100: #ffe4e6;
    --color-rose-800: #9f1239;
    --color-white: #ffffff;

    /* Fonts */
    --font-headline: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Border Radius */
    --radius-sm: 0.125rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Reset & Base */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-body);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    min-height: max(884px, 100dvh);
    background-color: var(--color-surface);
    color: var(--color-on-surface);
    font-family: var(--font-body);
    line-height: inherit;
    margin: 0;
}

::selection {
    background-color: var(--color-primary-fixed);
    color: var(--color-on-primary-fixed);
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

p {
    margin: 0;
}

ul, ol {
    list-style: none;
}

/* Header / TopAppBar */
.header-9d25f5 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--shadow-sm);
    box-shadow: 0 1px 2px rgba(30, 58, 138, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
}

.header-logo-c61411 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-logo-c61411 .icon-cb24fe {
    color: var(--color-blue-700);
    font-size: 1.5rem;
}

.header-logo-c61411 .brand-661f62 {
    color: var(--color-blue-800);
    font-family: var(--font-headline);
    font-weight: 800;
    letter-spacing: -0.05em;
    font-size: 1.125rem;
}

.header-menu-btn-6a1f92 {
    padding: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-slate-600);
}

.header-menu-btn-6a1f92 .icon-cb24fe {
    font-size: 1.5rem;
}

/* Main Content */
.main-df45f1 {
    padding-top: 4rem;
    padding-bottom: 6rem;
}

/* Hero Section */
.hero-9a79a9 {
    position: relative;
    padding: 3rem 1.5rem;
    overflow: hidden;
}

.hero-content-6bc157 {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

.hero-badge-28911d {
    display: inline-block;
    padding: 0.375rem 1rem;
    border-radius: 9999px;
    background-color: var(--color-secondary-container);
    color: var(--color-on-secondary-container);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
}

.hero-title-577b77 {
    font-family: var(--font-headline);
    font-weight: 800;
    font-size: 2.25rem;
    line-height: 1.25;
    color: var(--color-primary);
    letter-spacing: -0.025em;
    margin-bottom: 1rem;
}

.hero-subtitle-1d58b2 {
    font-size: 1rem;
    color: var(--color-on-surface-variant);
    margin-bottom: 2rem;
    line-height: 1.625;
}

.hero-title-577b77 span {
    display: block;
    color: var(--color-on-surface-variant);
    font-weight: 700;
    font-size: 1.5rem;
}

.hero-buttons-74b368 {
    display: flex;
    gap: 1rem;
}

.hero-btn-d777da {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    padding: 1rem 1.5rem;
    border-radius: 9999px;
    font-weight: 700;
    box-shadow: var(--shadow-lg);
    box-shadow: 0 10px 15px -3px rgba(0, 65, 162, 0.2);
    border: none;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.15s ease;
}

.hero-btn-d777da .icon-cb24fe {
    font-size: 1rem;
}

.hero-image-wrapper-88d95a {
    margin-top: 3rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    position: relative;
}

.hero-image-75e01a {
    width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 4/3;
    border-radius: 1.5rem;
    overflow: hidden;
    background-color: var(--color-surface-container);
}

.hero-image-75e01a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-glass-card-474ca1 {
    position: absolute;
    bottom: -1.5rem;
    right: 2rem;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: var(--shadow-xl);
    border: 1px solid rgba(255, 255, 255, 0.2);
    max-width: 200px;
}

.hero-glass-card-inner-4a11fe {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.hero-glass-icon-ecafd9 {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background-color: var(--color-secondary-fixed);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
}

.hero-glass-icon-ecafd9 .icon-cb24fe {
    font-size: 1.25rem;
}

.hero-glass-text-label-b9ac0b {
    font-size: 0.625rem;
    color: var(--color-slate-500);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.hero-glass-text-value-a00bba {
    font-size: 1.125rem;
    font-weight: 900;
    color: var(--color-primary);
    line-height: 1;
}

/* About Section */
.about-section-210890 {
    padding: 4rem 1.5rem;
    background-color: var(--color-surface-container-low);
}

.about-content-848b73 {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.section-header-9bf6e5 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.section-header-line-a7a02b {
    width: 2rem;
    height: 2px;
    background-color: var(--color-primary);
}

.section-header-text-a8bcf0 {
    color: var(--color-primary);
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.about-title-bad740 {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
}

.about-description-8a353a {
    color: var(--color-on-surface-variant);
    line-height: 1.625;
    margin-bottom: 2rem;
}

.about-stats-a586ab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.about-stat-card-3e1c88 {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background-color: var(--color-surface-container-lowest);
    border: 1px solid rgba(195, 198, 214, 0.1);
}

.about-stat-value-aefff2 {
    font-size: 1.875rem;
    font-weight: 900;
    color: var(--color-primary);
    margin-bottom: 0.25rem;
}

.about-stat-label-cc8ca8 {
    font-size: 0.75rem;
    color: var(--color-on-surface-variant);
    font-weight: 500;
}

/* Services Section */
.services-section-f48c9d {
    padding: 4rem 1.5rem;
}

.services-header-41582a {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem;
}

.services-title-c9083e {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 0.5rem;
}

.services-subtitle-a6a8d6 {
    color: var(--color-on-surface-variant);
    font-size: 0.875rem;
    font-style: italic;
}

.services-list-cc1da8 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.service-card-f24496 {
    padding: 2rem;
    border-radius: 2rem;
    background-color: var(--color-white);
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(195, 198, 214, 0.15);
    position: relative;
    overflow: hidden;
}

.service-card-highlight-75b64b {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    box-shadow: var(--shadow-xl);
    box-shadow: 0 20px 25px -5px rgba(0, 65, 162, 0.2);
}

.service-card-premium-cb762d {
    background-color: var(--color-secondary-fixed);
    color: var(--color-on-secondary-fixed);
}

.service-card-bg-icon-94fbd3 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.5rem;
    opacity: 0.1;
    transition: transform 0.15s ease;
}

.service-card-f24496:hover .service-card-bg-icon-94fbd3 {
    transform: scale(1.1);
}

.service-card-bg-icon-94fbd3 .icon-cb24fe {
    font-size: 3.75rem;
}

.service-card-header-46559c {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.service-card-badge-ed17a4 {
    padding: 0.25rem 1rem;
    border-radius: 9999px;
    font-size: 0.625rem;
    font-weight: 700;
}

.service-card-badge-primary-08911f {
    background-color: var(--color-primary-fixed);
    color: var(--color-on-primary-fixed-variant);
}

.service-card-badge-white-8c962b {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--color-white);
}

.service-card-price-cb6881 {
    font-size: 1.5rem;
    font-weight: 900;
}

.service-card-price-white-8e121c {
    color: var(--color-white);
}

.service-card-title-0a8252 {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.service-card-description-f0500d {
    color: var(--color-on-surface-variant);
    font-size: 0.875rem;
    line-height: 1.625;
    margin-bottom: 1.5rem;
}

.service-card-description-white-3b2e5c {
    color: rgba(255, 255, 255, 0.8);
}

.service-card-list-046650 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.service-card-list-item-e26db0 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.service-card-list-item-e26db0 .icon-cb24fe {
    color: var(--color-primary);
    font-size: 1.125rem;
}

.service-card-btn-124c61 {
    width: 100%;
    padding: 1rem;
    border-radius: 9999px;
    background-color: var(--color-surface-container-highest);
    color: var(--color-primary);
    font-weight: 700;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.service-card-btn-124c61:hover {
    background-color: var(--color-surface-container);
}

.service-card-btn-white-1bce5e {
    background-color: var(--color-secondary-container);
    color: var(--color-on-secondary-container);
}

.service-card-highlight-content-037710 {
    padding: 1rem;
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    margin-bottom: 1.5rem;
}

.service-card-highlight-label-715a8c {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
    margin-bottom: 0.25rem;
}

.service-card-highlight-text-09bda5 {
    font-weight: 500;
}

.premium-badge-146085 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--color-on-secondary-fixed);
    color: var(--color-white);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
}

.premium-badge-146085 .icon-cb24fe {
    font-size: 1rem;
}

.premium-badge-text-064d35 {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Process Section */
.process-section-136eac {
    padding: 4rem 0;
    background-color: var(--color-white);
    overflow: hidden;
}

.process-header-1f6780 {
    padding: 0 1.5rem;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

.process-title-c03bbd {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1rem;
}

.process-tabs-6e7641 {
    display: flex;
    gap: 1rem;
}

.process-tab-646d97 {
    padding: 0.5rem 1.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

.process-tab-active-de8720 {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
}

.process-tab-inactive-e990f1 {
    background-color: var(--color-surface-container);
    color: var(--color-on-surface-variant);
}

.process-steps-6ea6cb {
    display: flex;
    overflow-x: auto;
    padding: 0 1.5rem;
    gap: 1.5rem;
    padding-bottom: 2rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.process-steps-6ea6cb::-webkit-scrollbar {
    display: none;
}

.process-step-dab801 {
    min-width: 240px;
    padding: 2rem;
    border-radius: 2.5rem;
    background-color: var(--color-surface-container-low);
    position: relative;
}

.process-step-number-bc4e06 {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    font-size: 2.25rem;
    font-weight: 900;
    color: rgba(0, 65, 162, 0.1);
}

.process-step-icon-b07b2c {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background-color: var(--color-primary-fixed);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    margin-bottom: 1.5rem;
}

.process-step-icon-b07b2c .icon-cb24fe {
    font-size: 1.5rem;
}

.process-step-title-3608bc {
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.process-step-description-839f87 {
    font-size: 0.75rem;
    color: var(--color-on-surface-variant);
    line-height: 1.625;
}

/* Success Stories Section */
.stories-section-857b9d {
    padding: 4rem 1.5rem;
    background-color: var(--color-surface);
}

.stories-header-61f61b {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 2.5rem;
}

.stories-title-27e8b2 {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1rem;
}

.stories-header-line-31b204 {
    width: 3rem;
    height: 0.25rem;
    background-color: var(--color-secondary);
    margin: 0 auto;
    border-radius: 9999px;
}

.stories-grid-b2680f {
    display: grid;
    gap: 1.5rem;
}

.story-card-c29ef6 {
    background-color: var(--color-white);
    border-radius: 2rem;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(195, 198, 214, 0.1);
}

.story-card-header-a1bb6d {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.story-card-avatar-2ff632 {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    overflow: hidden;
    background-color: var(--color-surface-container);
}

.story-card-avatar-2ff632 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-card-info-name-bd4000 {
    font-weight: 700;
}

.story-card-info-meta-962715 {
    font-size: 0.625rem;
    color: var(--color-slate-500);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.story-card-content-9d17de {
    font-size: 0.875rem;
    color: var(--color-on-surface-variant);
    line-height: 1.625;
    margin-bottom: 1rem;
}

.story-card-content-italic-441126 {
    font-style: italic;
}

.story-card-rating-74f891 {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-secondary);
}

.story-card-rating-74f891 .icon-cb24fe {
    font-size: 1rem;
}

/* FAQ Section */
.faq-section-48c074 {
    padding: 4rem 1.5rem;
    background-color: var(--color-surface-container-low);
    border-radius: 3rem 3rem 0 0;
}

.faq-content-444519 {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.faq-title-378bd2 {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.faq-title-line-bccbee {
    width: 0.5rem;
    height: 2rem;
    background-color: var(--color-primary);
    border-radius: 9999px;
}

.faq-list-ef26df {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item-8b77dd {
    background-color: var(--color-white);
    border-radius: 1.5rem;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(195, 198, 214, 0.1);
}

.faq-item-8b77dd[open] .faq-item-toggle-cfee16 .icon-cb24fe {
    transform: rotate(180deg);
}

.faq-item-toggle-cfee16 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}

.faq-item-toggle-cfee16 .icon-cb24fe {
    transition: transform 0.15s ease;
}

.faq-item-content-f2ff8c {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: var(--color-on-surface-variant);
    line-height: 1.625;
}

.faq-item-content-f2ff8c p {
    margin-bottom: 0.5rem;
}

/* News Section */
.news-section-df2476 {
    padding: 4rem 1.5rem;
    background-color: var(--color-white);
}

.news-content-9b893e {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.news-header-c9e185 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.news-title-e25cda {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
}

.news-header-link-a3fd10 {
    color: var(--color-primary);
    font-size: 0.875rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.news-header-link-a3fd10 .icon-cb24fe {
    font-size: 1rem;
}

.news-list-f3ac1f {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.news-item-d6bd46 {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background-color: var(--color-surface-container-low);
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.news-item-d6bd46:hover {
    border-color: rgba(0, 65, 162, 0.2);
}

.news-item-date-2afaa4 {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.375rem;
    background-color: var(--color-primary-fixed);
    color: var(--color-on-primary-fixed-variant);
    font-size: 0.625rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.news-item-date-secondary-f36393 {
    background-color: var(--color-secondary-container);
    color: var(--color-on-secondary-container);
}

.news-item-title-0a460d {
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    line-height: 1.25;
}

.news-item-description-e1f49e {
    font-size: 0.75rem;
    color: var(--color-on-surface-variant);
    line-height: 1.625;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Advantages Section */
.advantages-section-7c7ec1 {
    padding: 4rem 1.5rem;
}

.advantages-content-16749a {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.advantages-title-351cfd {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    text-align: center;
    margin-bottom: 3rem;
}

.advantages-grid-9aa9fb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.advantage-item-5f4664 {
    text-align: center;
}

.advantage-icon-8a3056 {
    width: 4rem;
    height: 4rem;
    border-radius: 9999px;
    background-color: rgba(0, 65, 162, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    margin: 0 auto 1rem;
}

.advantage-icon-8a3056 .icon-cb24fe {
    font-size: 1.875rem;
}

.advantage-title-6b103d {
    font-weight: 700;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.advantage-description-cde44d {
    font-size: 0.6875rem;
    color: var(--color-on-surface-variant);
}

/* Contact Section */
.contact-section-3dc24a {
    padding: 4rem 1.5rem;
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border-radius: 3rem 3rem 0 0;
}

.contact-content-e83e55 {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.contact-title-9e15a1 {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
}

.contact-description-7699ac {
    margin-bottom: 2.5rem;
    color: rgba(255, 255, 255, 0.7);
}

.contact-info-9654d3 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.contact-info-item-383f2a {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.contact-info-item-383f2a .icon-cb24fe {
    opacity: 0.6;
    font-size: 1.25rem;
}

.contact-info-label-5cb4b0 {
    font-weight: 700;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.contact-info-value-6470aa {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
}

.contact-info-phone-4f0108 {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.contact-btn-be5ffa {
    width: 100%;
    background-color: var(--color-white);
    color: var(--color-primary);
    padding: 1.25rem;
    border-radius: 9999px;
    font-weight: 800;
    font-size: 1.125rem;
    box-shadow: var(--shadow-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border: none;
    cursor: pointer;
}

.contact-btn-be5ffa .icon-cb24fe {
    font-size: 1.25rem;
}

/* Friendly Links Section */
.links-section-27ccf9 {
    padding: 3rem 2rem 1rem;
    background-color: var(--color-slate-50);
    border-top: 1px solid rgba(226, 232, 240, 0.5);
}

.links-content-9a3d38 {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.links-label-b4d9d7 {
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--color-slate-400);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
}

.links-list-5bd568 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.links-item-2b0547 {
    font-size: 0.75rem;
    color: var(--color-slate-500);
    transition: color 0.15s ease;
}

.links-item-2b0547:hover {
    color: var(--color-primary);
}

.links-separator-221485 {
    color: var(--color-slate-200);
}

/* Footer */
.footer-caaf59 {
    width: 100%;
    padding: 3rem 2rem;
    background-color: var(--color-slate-50);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.footer-brand-db115f {
    font-family: var(--font-headline);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--color-blue-900);
}

.footer-links-64428b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.footer-link-98d91a {
    color: var(--color-slate-500);
    font-size: 0.875rem;
    transition: color 0.15s ease;
}

.footer-link-98d91a:hover {
    color: var(--color-blue-700);
}

.footer-copyright-61c072 {
    font-family: var(--font-body);
    font-size: 0.875rem;
    color: var(--color-slate-500);
}

/* Bottom Navigation */
.bottom-nav-7c2a78 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem 1rem 2rem;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06);
    border-radius: 1.5rem 1.5rem 0 0;
    z-index: 50;
}

.bottom-nav-item-9d3018 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.25rem;
    color: var(--color-slate-500);
    transition: all 0.15s ease;
}

.bottom-nav-item-9d3018 .icon-cb24fe {
    font-size: 1.25rem;
}

.bottom-nav-item-label-fc4b68 {
    font-family: var(--font-body);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

.bottom-nav-item-active-dbfc24 {
    background-color: var(--color-rose-100);
    color: var(--color-rose-800);
    border-radius: 1rem;
}

.bottom-nav-item-9d3018:hover:not(.bottom-nav-item-active) {
    background-color: var(--color-slate-100);
}

/* FAB Button */
.fab-btn-c8998c {
    position: fixed;
    bottom: 6rem;
    right: 1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--color-secondary);
    color: var(--color-on-secondary);
    border-radius: 9999px;
    box-shadow: var(--shadow-2xl);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 40;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.fab-btn-c8998c:active {
    transform: scale(0.9);
}

.fab-btn-c8998c .icon-cb24fe {
    font-size: 1.5rem;
}

/* Hover Effects */
.service-card-btn-124c61:hover {
    background-color: var(--color-surface-container);
}

.news-item-d6bd46:hover {
    border-color: rgba(0, 65, 162, 0.2);
}

.process-tab-646d97:not(.process-tab-active):hover {
    opacity: 0.8;
}

/* Responsive */
@media (max-width: 640px) {
    .hero-title-577b77 {
        font-size: 2rem;
    }

    .hero-title-577b77 span {
        font-size: 1.25rem;
    }

    .about-stats-a586ab {
        /*grid-template-columns: 1fr;*/
    }

    .advantages-grid-9aa9fb {
        /*grid-template-columns: 1fr;*/
    }
}