.foundation-page { --foundation-ink: #143d5a; --foundation-orange: #f4511e; --foundation-muted: #607b8f; --foundation-line: rgba(20, 61, 90, .16); overflow: hidden; background: #fff; }
.foundation-page h1, .foundation-page h2, .foundation-page h3, .foundation-page p, .foundation-page a { font-family: Montserrat, sans-serif; }
.foundation-shell { width: min(1376px, calc(100% - 48px)); margin: 0 auto; }
.foundation-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #fff; font-size: 12px; font-weight: 850; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.foundation-kicker::before { width: 30px; height: 2px; content: ''; background: var(--foundation-orange); }
.foundation-kicker--dark { color: var(--foundation-ink); }

.foundation-hero { padding: clamp(56px, 6vw, 84px) 0; border-bottom: 1px solid var(--foundation-line); background: #fff; }
.foundation-hero__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, .82fr); align-items: center; gap: clamp(42px, 7vw, 104px); }
.foundation-hero h1, .foundation-page h2 { margin: 0; color: var(--foundation-ink); font-weight: 780; letter-spacing: -.055em; line-height: 1.03; }
.foundation-hero h1 { max-width: 730px; font-size: clamp(43px, 5.4vw, 76px); }
.foundation-hero__lead { max-width: 640px; margin: 25px 0 0; color: var(--foundation-muted); font-size: 17px; font-weight: 500; line-height: 1.68; }
.foundation-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.foundation-button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 49px; padding: 12px 18px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .2s ease, background-color .2s ease; }
.foundation-button:hover { transform: translateY(-2px); }
.foundation-button--primary, .foundation-button--orange { color: #fff; background: var(--foundation-orange); }
.foundation-button--primary:hover, .foundation-button--orange:hover { color: #fff; background: #db3c0d; }
.foundation-button--quiet { color: var(--foundation-ink); border-color: rgba(20, 61, 90, .3); background: #fff; }
.foundation-button--quiet:hover { color: var(--foundation-ink); border-color: var(--foundation-ink); }
.foundation-hero__image { position: relative; min-height: 390px; margin: 0; overflow: hidden; border-radius: 14px; box-shadow: 15px 16px 0 var(--foundation-orange); background: #e9eef1; }
.foundation-hero__image::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, rgba(20, 61, 90, 0) 50%, rgba(20, 61, 90, .72)); }
.foundation-hero__image img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.foundation-hero__image figcaption { position: absolute; z-index: 1; right: 22px; bottom: 19px; left: 22px; color: #fff; font-size: 13px; font-weight: 800; }

.foundation-stats { border-bottom: 1px solid var(--foundation-line); background: #f7fafc; }
.foundation-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border-right: 1px solid var(--foundation-line); border-left: 1px solid var(--foundation-line); background: var(--foundation-line); }
.foundation-stats article { min-height: 146px; padding: 25px; background: #fff; }
.foundation-stats strong { display: block; color: var(--foundation-orange); font-size: clamp(39px, 4vw, 60px); font-weight: 820; letter-spacing: -.07em; line-height: .9; }
.foundation-stats span { display: block; max-width: 180px; margin-top: 16px; color: var(--foundation-ink); font-size: 13px; font-weight: 700; line-height: 1.35; }

.foundation-section { padding: clamp(62px, 7vw, 90px) 0; }
.foundation-story__grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(360px, 1fr); gap: clamp(42px, 9vw, 148px); }
.foundation-page h2 { max-width: 720px; font-size: clamp(35px, 4vw, 59px); }
.foundation-rich-text { display: grid; gap: 17px; }
.foundation-rich-text p { margin: 0; color: var(--foundation-muted); font-size: 16px; font-weight: 500; line-height: 1.72; }
.foundation-learning { border-top: 1px solid var(--foundation-line); background: #f7fafc; }
.foundation-learning__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 40px; overflow: hidden; border: 1px solid var(--foundation-line); border-radius: 14px; background: var(--foundation-line); }
.foundation-learning__grid article { min-height: 245px; padding: 29px 25px; background: #fff; }
.foundation-learning__grid span { color: var(--foundation-orange); font-size: 17px; font-weight: 850; letter-spacing: .09em; }
.foundation-learning__grid h3 { margin: 36px 0 12px; color: var(--foundation-ink); font-size: 21px; font-weight: 760; letter-spacing: -.03em; line-height: 1.15; }
.foundation-learning__grid p { margin: 0; color: var(--foundation-muted); font-size: 14px; font-weight: 500; line-height: 1.62; }

.foundation-results { padding: clamp(62px, 7vw, 90px) 0; color: #fff; background: var(--foundation-ink); }
.foundation-results__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(400px, 1.12fr); gap: 42px clamp(46px, 8vw, 132px); }
.foundation-results h2 { color: #fff; }
.foundation-results > .foundation-shell > div > p:not(.foundation-kicker) { max-width: 560px; margin: 20px 0 0; color: rgba(255, 255, 255, .72); font-size: 16px; font-weight: 500; line-height: 1.66; }
.foundation-results__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 13px; background: rgba(255, 255, 255, .18); }
.foundation-results__cards article { min-height: 205px; padding: 27px 22px; background: rgba(255, 255, 255, .06); }
.foundation-results__cards strong { display: block; color: #ffbd4e; font-size: clamp(42px, 4.6vw, 66px); font-weight: 820; letter-spacing: -.075em; line-height: .9; }
.foundation-results__cards span { display: block; margin-top: 23px; color: rgba(255, 255, 255, .9); font-size: 13px; font-weight: 650; line-height: 1.45; }
.foundation-results__note { grid-column: 1 / -1; max-width: 800px; margin: 0; padding-top: 22px; color: rgba(255, 255, 255, .77); border-top: 1px solid rgba(255, 255, 255, .2); font-size: 15px; font-weight: 500; line-height: 1.65; }

.foundation-next { padding: clamp(58px, 6vw, 82px) 0; border-bottom: 1px solid var(--foundation-line); background: #fff; }
.foundation-next__inner { display: flex; align-items: end; justify-content: space-between; gap: 38px; }
.foundation-next p:not(.foundation-kicker) { max-width: 620px; margin: 19px 0 0; color: var(--foundation-muted); font-size: 16px; font-weight: 500; line-height: 1.68; }

@media (max-width: 900px) {
    .foundation-hero__grid, .foundation-story__grid, .foundation-results__grid { grid-template-columns: 1fr; gap: 34px; }
    .foundation-hero__image { max-width: 700px; min-height: 330px; }
    .foundation-hero__image img { min-height: 330px; }
    .foundation-results__cards { max-width: 780px; }
}
@media (max-width: 680px) {
    .foundation-shell { width: min(100% - 32px, 1376px); }
    .foundation-hero { padding: 55px 0 62px; }
    .foundation-hero h1 { font-size: clamp(42px, 12vw, 60px); }
    .foundation-hero__lead, .foundation-rich-text p, .foundation-next p:not(.foundation-kicker) { font-size: 16px; }
    .foundation-hero__actions, .foundation-hero__actions .foundation-button { width: 100%; }
    .foundation-hero__image, .foundation-hero__image img { min-height: 255px; }
    .foundation-hero__image { box-shadow: 11px 12px 0 var(--foundation-orange); }
    .foundation-stats__grid, .foundation-learning__grid, .foundation-results__cards { grid-template-columns: 1fr; }
    .foundation-stats article { min-height: 120px; padding: 22px; }
    .foundation-section { padding: 58px 0; }
    .foundation-learning__grid { margin-top: 33px; }
    .foundation-learning__grid article { min-height: 0; padding: 25px 21px; }
    .foundation-learning__grid h3 { margin-top: 26px; }
    .foundation-results__cards article { min-height: 0; padding: 24px 21px; }
    .foundation-results__cards span { margin-top: 14px; }
    .foundation-next__inner { align-items: flex-start; flex-direction: column; }
}