.mission { background: linear-gradient(#f1faff, #fff 800px); padding-block: 48px 58px; }
.mission-width { width: calc(100% - 92px); max-width: 1240px; margin-inline: auto; }
.mission p { color: var(--copy); font-size: 18px; line-height: 1.65; margin: 0 0 20px; }
.mission h2 { font-size: 36px; line-height: 1.2; letter-spacing: -.9px; margin: 0 0 24px; }
.mission h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.35px; margin: 0 0 12px; }
.mission .mission-eyebrow { color: #0069ce; font-size: 12px; line-height: 1.5; letter-spacing: 2px; font-weight: 800; text-transform: uppercase; margin-bottom: 16px; }
.mission-opening { display: grid; grid-template-columns: 1.38fr 1fr; gap: 62px; align-items: center; }
.mission .mission-story h1 { font-size: 46px; line-height: 1.12; letter-spacing: -1.45px; max-width: none; margin: 0 0 26px; }
.mission-story p:last-child { margin-bottom: 0; }
.mission-aims { background: linear-gradient(145deg, #fff, #f2f8ff); padding: 34px; border: 1px solid #cbdfee; border-top: 4px solid #0084f5; border-radius: 22px; box-shadow: 0 12px 32px #193d7410; }
.mission-aims h2 { font-size: 29px; letter-spacing: -.65px; line-height: 1.25; margin-bottom: 23px; }
.mission-aims ul { margin: 0; padding: 0; list-style: none; }
.mission-aims li { position: relative; padding: 14px 0 14px 32px; border-top: 1px solid #dce8f2; font-size: 18px; line-height: 1.5; color: var(--navy); }
.mission-aims li:last-child { padding-bottom: 0; }
.mission-aims li::before { content: '✓'; position: absolute; left: 0; color: #0076d6; font-weight: 800; }
.mission-simple { display: grid; grid-template-columns: 1fr 1.5fr; gap: 72px; padding-block: 47px 43px; margin-top: 46px; border-top: 1px solid #d9e8f3; }
.mission-simple h2 { max-width: 350px; }
.mission-simple p:last-child { margin-bottom: 0; }
.mission-pattern { background: #f2f8fc; border: 1px solid #dbe8f2; border-radius: 24px; padding: 35px 38px 38px; }
.mission-pattern > h2 { margin-bottom: 20px; }
.mission-flow { display: block; position: relative; margin: 0 0 8px; }
.mission-flow-labels { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mission-flow-labels text { font: 700 24px 'Nunito Sans', Arial, sans-serif; fill: #10295c; text-anchor: middle; }
.mission-flow-compact { display: none; }
.mission-flow img { display: block; width: 100%; height: auto; aspect-ratio: 1120 / 220; }
.mission-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; list-style: none; padding: 0; margin: 0; }
.mission-stages li { border-top: 2px solid #bad5e9; padding-top: 19px; }
.mission-stages p { font-size: 16px; line-height: 1.6; margin: 0; }
@media (max-width:1100px) {
 .mission-width { width: calc(100% - 48px); }
 .mission { padding-top: 34px; }
 .mission-opening { gap: 32px; grid-template-columns: 1.25fr 1fr; }
 .mission .mission-story h1 { font-size: 39px; }
 .mission p { font-size: 17px; }
 .mission-aims { padding: 26px; }
 .mission-aims h2 { font-size: 27px; }
 .mission-aims li { font-size: 16px; padding-left: 27px; }
 .mission h2 { font-size: 31px; }
 .mission-simple { gap: 40px; padding-block: 36px; margin-top: 36px; }
 .mission-pattern { padding: 28px; }
 .mission-stages { gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:700px) {
 .mission { padding-block: 29px 35px; }
 .mission-width { width: calc(100% - 40px); }
 .mission-opening { grid-template-columns: 1fr; gap: 30px; }
 .mission .mission-story h1 { font-size: 38px; line-height: 1.12; letter-spacing: -1.1px; margin-bottom: 24px; }
 .mission p { font-size: 16px; }
 .mission h2 { font-size: 29px; letter-spacing: -.7px; }
 .mission-aims { padding: 25px 22px; border-radius: 18px; }
 .mission-aims h2 { font-size: 27px; }
 .mission-aims li { padding-block: 13px; }
 .mission-simple { grid-template-columns: 1fr; gap: 0; margin-top: 32px; padding-block: 30px; }
 .mission-simple h2 { max-width: none; margin-bottom: 21px; }
 .mission-pattern { padding: 26px 20px; border-radius: 18px; }
 .mission-pattern > h2 { font-size: 28px; }
 .mission-flow { margin-bottom: 24px; }
 .mission-flow img { aspect-ratio: 560 / 480; }
 .mission-flow-wide { display: none; }
 .mission-flow-compact { display: block; }
 .mission-stages { grid-template-columns: 1fr; gap: 23px; }
 .mission-stages li { padding-top: 17px; }
 .mission-stages h3 { font-size: 23px; margin-bottom: 9px; }
}