.hero {
background:linear-gradient(180deg,#eef4fb 0%,#fff 100%);
min-height:0;
display:block;
padding-top:140px;
padding-bottom:60px
}

.about-intro {
width:90%;
max-width:1300px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:50px
}

.about-intro-copy h1 {
font-size:46px;
line-height:1.15;
font-weight:700;
color:#0b1e2e;
margin:18px 0
}

.about-intro-copy h1 span {
display:block;
color:#074b88
}

.about-intro-copy p {
font-size:16px;
color:#5b6b7e;
line-height:1.6;
max-width:480px;
margin-bottom:28px
}

.about-intro-visual img {
width:100%;
display:block
}

.about-intro-stats {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:14px;
margin-top:60px;
color:#7c8a9c;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase
}

.about-intro-stats .dot {
width:4px;
height:4px;
border-radius:50%;
background:#c7d2de
}

.facts-strip {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
max-width:1100px;
margin:50px auto 0;
padding:0 20px
}

.fact-card {
flex:1 1 230px;
background:#fff;
border-radius:18px;
box-shadow:0 14px 40px #0b1e2e14;
padding:26px 24px;
display:flex;
align-items:center;
gap:16px
}

.fact-card .icon {
margin-bottom:0;
width:48px;
height:48px;
font-size:18px;
flex-shrink:0
}

.fact-card strong {
display:block;
font-size:19px;
color:#0b1e2e
}

.fact-card span {
font-size:13px;
color:#5b6b7e
}

.module-image.has-badge {
position:relative
}

.about-stat-badge {
position:absolute;
bottom:20px;
right:20px;
background:#fff;
border-radius:16px;
box-shadow:0 12px 30px #0b1e2e2e;
padding:14px 20px;
display:flex;
align-items:center;
gap:12px;
max-width:230px
}

.about-stat-badge .about-stat-icon {
width:40px;
height:40px;
border-radius:50%;
background:#eaf3fb;
color:#074b88;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
flex-shrink:0
}

.about-stat-badge strong {
display:block;
font-size:14.5px;
color:#0b1e2e;
line-height:1.3
}

.about-stat-badge span {
font-size:12px;
color:#5b6b7e
}

.value-list {
list-style:none;
margin:20px 0 30px;
display:flex;
flex-direction:column;
gap:12px
}

.value-list li {
display:flex;
align-items:center;
gap:10px;
color:#29405a;
font-weight:500;
font-size:15.5px
}

.value-list i {
color:#1f9d63;
font-size:17px;
flex-shrink:0
}

.our-story {
max-width:1200px;
margin:110px auto 0;
padding:0 20px;
text-align:center
}

.our-story h2 {
font-size:38px;
font-weight:700;
color:#0b1e2e;
line-height:1.25;
margin:18px 0 16px
}

.our-story h2 span {
color:#074b88
}

.our-story>p.section-desc {
max-width:640px;
margin:0 auto 60px;
color:#5b6b7e;
font-size:16px;
line-height:1.7
}

.story-split {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
text-align:left
}

.story-dashboard {
border-radius:16px;
overflow:hidden;
background:none;
box-shadow:
0 2px 4px #0b1e2e14,
0 14px 20px #0b1e2e1f,
0 40px 70px #0b1e2e33,
0 4px 12px #0b1e2e26
}

.story-dashboard img {
width:100%;
height:auto;
display:block
}

.story-content .module-label {
font-size:12px;
font-weight:700;
letter-spacing:.1em;
color:#074b88
}

.story-content h3 {
font-size:26px;
font-weight:700;
color:#0b1e2e;
line-height:1.3;
margin:12px 0 18px
}

.story-content p {
color:#5b6b7e;
font-size:15px;
line-height:1.7;
margin-bottom:14px
}

.story-content blockquote {
margin:24px 0 0;
padding:20px 22px;
background:#eef4fb;
border-radius:14px;
color:#0b1e2e;
font-weight:600;
font-size:15px
}

.story-content blockquote i {
color:#074b88;
margin-right:8px
}

.story-buttons {
justify-content:center;
margin-top:50px
}

.solutions-section {
max-width:1200px;
margin:100px auto 0;
padding:0 20px;
text-align:center
}

.solutions-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-top:55px
}

.solutions-grid .card {
display:block;
text-decoration:none;
color:inherit
}

.solutions-grid .card:hover {
border-color:#074b88;
transform:translateY(-4px)
}

.eyebrow {
display:inline-flex;
align-items:center;
gap:9px;
color:#5b6b7e;
font-size:13px;
font-weight:700;
letter-spacing:.16em
}

.eyebrow-dot {
width:7px;
height:7px;
border-radius:50%;
background:#074b88
}

.mission-section {
max-width:1200px;
margin:100px auto 0;
padding:0 20px
}

.mission-split {
display:grid;
grid-template-columns:1.1fr 1fr;
align-items:center;
gap:60px
}

.mission-copy h2 {
margin:18px 0 16px;
color:#0b1e2e;
font-size:clamp(30px,3.6vw,42px);
line-height:1.2;
letter-spacing:-0.03em
}

.mission-copy h2 span {
color:#074b88
}

.mission-copy>p {
max-width:480px;
color:#5b6b7e;
font-size:15px;
line-height:1.7
}

.mission-list {
margin-top:30px
}

.mission-item {
display:flex;
align-items:flex-start;
gap:18px;
padding:18px 0;
border-top:1px solid #e6ecf2
}

.mission-item:last-child {
border-bottom:1px solid #e6ecf2
}

.mission-index {
color:#074b88;
font-size:12px;
font-weight:700;
letter-spacing:.05em;
padding-top:2px
}

.mission-item h4 {
margin:0 0 4px;
color:#0b1e2e;
font-size:15px
}

.mission-item p {
margin:0;
color:#5b6b7e;
font-size:13px
}

.mission-visual img {
width:100%;
display:block
}

.journey-flow {
max-width:1200px;
margin:110px auto 0;
padding:0 20px;
text-align:center
}

.journey-flow h2 {
margin:18px 0 16px;
color:#0b1e2e;
font-size:clamp(30px,3.6vw,42px);
line-height:1.2
}

.journey-flow h2 span {
color:#074b88
}

.journey-flow>p.section-desc {
max-width:560px;
margin:0 auto 60px;
color:#5b6b7e;
font-size:15px
}

.journey-steps {
position:relative;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px
}

.journey-steps::before {
content:"";
position:absolute;
top:28px;
left:10%;
right:10%;
height:1px;
background:#dbe3ec;
z-index:0
}

.journey-step {
position:relative;
z-index:1;
display:flex;
flex-direction:column;
align-items:center
}

.journey-num {
width:56px;
height:56px;
border-radius:50%;
background:#fff;
border:1px solid #dbe3ec;
display:flex;
align-items:center;
justify-content:center;
color:#074b88;
font-weight:700;
font-size:15px;
margin-bottom:14px;
box-shadow:0 6px 16px #0b1e2e0f
}

.journey-tag {
display:block;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
color:#9aa7b5;
text-transform:uppercase;
margin-bottom:4px
}

.journey-step h4 {
margin:0;
color:#0b1e2e;
font-size:15px
}

.ready-cta {
max-width:1200px;
margin:110px auto 0;
padding:0 20px
}

.ready-cta-inner {
position:relative;
overflow:hidden;
background:linear-gradient(120deg,#eaf1fb 0%,#dce9fb 100%);
border-radius:28px;
padding:70px 60px;
border:1px solid #e3ecf7
}

.ready-cta-inner::before,
.ready-cta-inner::after {
content:"";
position:absolute;
border-radius:50%;
border:1px solid rgba(7,75,136,.12)
}

.ready-cta-inner::before {
width:280px;
height:280px;
top:-100px;
right:-60px
}

.ready-cta-inner::after {
width:200px;
height:200px;
bottom:-90px;
right:120px
}

.ready-cta-inner>div {
position:relative;
z-index:1;
max-width:560px
}

.ready-cta-inner h2 {
margin:18px 0 14px;
color:#0b1e2e;
font-size:clamp(28px,3.4vw,38px);
line-height:1.2
}

.ready-cta-inner h2 span {
color:#074b88
}

.ready-cta-inner p {
color:#5b6b7e;
font-size:15px;
line-height:1.6;
margin-bottom:26px
}

@media (max-width: 992px) {
.facts-strip {
margin-top:40px
}

.solutions-grid {
grid-template-columns:repeat(2,1fr)
}

.about-intro {
grid-template-columns:1fr;
gap:40px;
text-align:center
}

.about-intro-copy p {
max-width:none;
margin-left:auto;
margin-right:auto
}

.about-intro-copy .hero-buttons {
justify-content:center
}

.about-intro-visual {
max-width:480px;
margin:0 auto
}

.story-split {
grid-template-columns:1fr;
gap:30px;
text-align:center
}

.story-content {
order:1
}

.story-dashboard {
order:2
}

.mission-split {
grid-template-columns:1fr;
gap:40px;
text-align:center
}

.mission-copy>p {
max-width:none;
margin-left:auto;
margin-right:auto
}

.mission-item {
text-align:left
}

.mission-visual {
max-width:420px;
margin:0 auto
}

.journey-steps {
grid-template-columns:repeat(3,1fr);
row-gap:40px
}

.journey-steps::before {
display:none
}

.ready-cta-inner {
padding:50px 40px
}

.story-dashboard {
max-width:520px;
margin:0 auto
}

.story-content {
text-align:left
}
}

@media (max-width: 768px) {
.facts-strip {
margin-top:30px;
gap:14px
}

.fact-card {
flex:1 1 100%
}

.module-image.has-badge {
flex-direction:column;
gap:16px
}

.about-stat-badge {
position:static
}

.solutions-section {
margin-top:60px
}

.solutions-grid {
grid-template-columns:1fr;
margin-top:35px
}

.about-intro-copy h1 {
font-size:34px
}

.our-story {
margin-top:70px
}

.our-story h2 {
font-size:28px
}

.mission-section {
margin-top:70px
}

.mission-copy h2 {
font-size:28px
}

.journey-flow {
margin-top:70px
}

.journey-flow h2 {
font-size:28px
}

.journey-steps {
grid-template-columns:repeat(2,1fr)
}

.ready-cta {
margin-top:70px
}

.ready-cta-inner {
text-align:center
}

.ready-cta-inner>div {
max-width:none
}

.ready-cta-inner .primary-btn {
margin:0 auto
}
}

@media (max-width: 480px) {
.facts-strip {
padding:0 16px
}

.fact-card {
padding:20px 18px
}

.solutions-section {
padding:0 16px
}

.about-stat-badge {
padding:12px 16px
}

.about-intro-copy h1 {
font-size:28px
}

.about-intro-stats {
gap:8px;
font-size:11px
}

.our-story h2 {
font-size:24px
}

.story-content h3 {
font-size:21px
}

.journey-flow h2 {
font-size:24px
}

.journey-steps {
grid-template-columns:1fr;
gap:28px
}

.ready-cta-inner {
padding:36px 24px;
border-radius:20px
}

.ready-cta-inner h2 {
font-size:26px
}
}