.home-page { background: #f7f9fc; color: var(--color-text-onlight); }.home-hero { background-image: linear-gradient(100deg, rgba(10, 31, 68, .94) 0%, rgba(10, 31, 68, .78) 50%, rgba(7, 75, 95, .5) 100%), url('../img/carousel/carousel1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; min-height: min(43rem, 78vh); padding: 7rem 0; position: relative; }.home-eyebrow, .section-label { font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.home-eyebrow { color: #9de1c1; display: inline-flex; gap: .5rem; margin-bottom: 1rem; }.home-hero h1 { font-size: clamp(2.45rem, 5vw, 4.5rem); font-weight: 700; line-height: 1.06; margin: 0 0 1.35rem; max-width: 52rem; }.home-hero p { color: rgba(255, 255, 255, .82); font-size: 1.15rem; line-height: 1.7; margin: 0; max-width: 44rem; }.home-hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }.home-btn { align-items: center; border-radius: .6rem; display: inline-flex; font-weight: 600; gap: .55rem; padding: .8rem 1.15rem; text-decoration: none; transition: var(--tran-03); }.home-btn-primary { background: var(--color-accent); color: #fff; }.home-btn-primary:hover { background: #00a85a; color: #fff; transform: translateY(-2px); }.home-btn-secondary { border: 1px solid rgba(255, 255, 255, .55); color: #fff; }.home-btn-secondary:hover { background: #fff; color: var(--color-primary); }
.home-certifications { background: #fff; }.section-label { color: var(--color-accent); }.home-certifications h2, .home-heading h2, .home-cta-card h2 { color: var(--color-primary); font-weight: 700; line-height: 1.2; }.home-certifications h2 { font-size: clamp(1.9rem, 3vw, 2.4rem); margin: .5rem 0 .8rem; }.home-certifications p { color: #64748b; line-height: 1.7; margin: 0; }.home-cert-card { align-items: center; background: #fff; border: 1px solid #e7ecf3; border-radius: 1rem; box-shadow: 0 .75rem 2rem rgba(10, 31, 68, .07); display: flex; gap: 1.25rem; padding: 1.25rem; }.home-cert-card img { height: 5.25rem; object-fit: contain; width: 5.25rem; }.home-cert-card h3 { color: var(--color-primary); font-size: 1.05rem; font-weight: 700; margin: 0 0 .3rem; }.home-cert-card p { font-size: .9rem; line-height: 1.5; }
.home-section { background: #fff; }.home-section-alt { background: linear-gradient(180deg, #f7f9fc, #eef4f6); }.home-heading { margin-bottom: 2.5rem; max-width: 43rem; }.home-heading h2 { font-size: clamp(1.85rem, 3vw, 2.45rem); margin: .5rem 0 .85rem; }.home-heading p { color: #64748b; font-size: 1.05rem; line-height: 1.7; margin: 0; }.home-feature-card, .home-process-card { background: #fff; border: 1px solid #e7ecf3; border-radius: 1rem; box-shadow: 0 .75rem 2rem rgba(10, 31, 68, .06); padding: 2rem; position: relative; transition: var(--tran-03); }.home-feature-card:hover, .home-process-card:hover { border-color: #b8d7c6; box-shadow: 0 1rem 2.2rem rgba(10, 31, 68, .11); transform: translateY(-4px); }.home-feature-icon { align-items: center; background: #00a85a; border-radius: .75rem; color: #fff; display: inline-flex; font-size: 1.35rem; height: 3.25rem; justify-content: center; margin-bottom: 1.45rem; width: 3.25rem; }.home-feature-card h3, .home-process-card h3 { color: var(--color-primary); font-size: 1.25rem; font-weight: 700; margin: 0 0 .7rem; }.home-feature-card p, .home-process-card p { color: #64748b; line-height: 1.65; margin: 0; }.process-number { color: #b3c1d5; font-size: .8rem; font-weight: 700; letter-spacing: .1em; position: absolute; right: 1.75rem; top: 1.75rem; }.home-process-card .home-feature-icon { background: #e7effb; color: var(--color-surface2); }
.home-cta { background: #fff; }.home-cta-card { align-items: center; background: #eaf7ef; border: 1px solid #c9e7d6; border-radius: 1.15rem; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(1.75rem, 4vw, 2.75rem); }.home-cta-card h2 { font-size: clamp(1.65rem, 2.5vw, 2.2rem); margin: .5rem 0; }.home-cta-card p { color: #46615a; margin: 0; }.home-cta-card .home-btn { flex-shrink: 0; }
@media (max-width: 991.98px) { .home-hero { min-height: auto; padding: 5rem 0; }.home-cta-card { align-items: flex-start; flex-direction: column; } }@media (max-width: 575.98px) { .home-hero { padding: 4rem 0; }.home-hero h1 { font-size: 2.45rem; }.home-feature-card, .home-process-card { padding: 1.5rem; }.home-cert-card { align-items: flex-start; flex-direction: column; } }
