.observation-strip{grid-template-columns:repeat(4,1fr)}
.observation-strip article{padding-inline:22px}

.growth{background:linear-gradient(180deg,#eef5f9 0,#f8fafc 100%)}
.growth-map{position:relative;margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:145px 64px auto;gap:0 16px}
.growth-map::before{content:"";position:absolute;left:16.6%;right:16.6%;top:177px;height:1px;background:#a9bcc9}
.growth-core{grid-column:1/-1;width:min(380px,100%);height:145px;justify-self:center;padding:25px;text-align:center;color:#fff;background:linear-gradient(135deg,#075bc4,#062d62);border:1px solid #0b65c6;box-shadow:0 18px 40px rgba(6,45,98,.16)}
.growth-core span{color:#82ddec;font-size:8px;font-weight:800}
.growth-core strong{margin-top:8px;display:block;font-size:23px}
.growth-core p{margin:8px 0 0;color:#c5d9e7;font-size:9px;line-height:1.7}
.connector{position:relative;grid-row:2;width:1px;height:64px;justify-self:center;background:#a9bcc9}
.connector::after{content:"";position:absolute;left:-3px;bottom:0;border-top:5px solid #8fa6b5;border-inline:3px solid transparent}
.connector-a{grid-column:1}.connector-b{grid-column:2}.connector-c{grid-column:3}
.growth-node{grid-row:3;min-height:260px;padding:25px;background:#fff;border:1px solid #d8e3ea;box-shadow:0 12px 28px rgba(18,55,86,.05)}
.node-a{grid-column:1}.node-b{grid-column:2}.node-c{grid-column:3}
.growth-node>span{color:#075bc4;font-family:Manrope,sans-serif;font-size:8px;font-weight:800;letter-spacing:.08em}
.growth-node h3{margin:14px 0 0;color:#153957;font-size:17px}
.growth-node>p{margin:10px 0 0;color:#667987;font-size:9px;line-height:1.9}
.growth-node dl{margin:24px 0 0;padding-top:16px;border-top:1px solid #dce5ec}
.growth-node dt{color:#788894;font-size:7px}
.growth-node dd{margin:5px 0 0;color:#245070;font-size:9px;font-weight:700;line-height:1.7}

.case-heading{margin-top:70px;padding-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:40px;border-bottom:1px solid #cbd8e0}
.case-heading span{color:#075bc4;font-size:8px;font-weight:800}
.case-heading h3{margin:7px 0 0;font-size:24px}
.case-heading>p{max-width:470px;margin:0;color:#667987;font-size:9px;line-height:1.8}
.case-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.case-grid article{min-height:390px;padding:23px;display:flex;flex-direction:column;background:#fff;border:1px solid #d8e3ea}
.case-tag{align-self:flex-start;padding:5px 8px;color:#fff;background:#075bc4;font-size:7px;font-weight:800}
.case-grid h3{margin:18px 0 0;font-size:15px}
.case-grid article>strong{margin-top:18px;color:#0b3c68;font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-.04em}
.case-grid article>strong small{margin-left:4px;color:#66808f;font-size:8px;letter-spacing:0}
.case-grid article>p{margin:13px 0 0;color:#687986;font-size:9px;line-height:1.85}
.case-grid article>a{margin-top:13px;color:#075bc4;font-size:8px;font-weight:800;text-underline-offset:3px}
.case-grid article>b{margin-top:auto;padding-top:16px;color:#244b68;border-top:1px solid #dce5ec;font-size:8px;line-height:1.8}
.case-note{margin:14px 0 0;color:#75848f;font-size:8px;line-height:1.7}

@media(max-width:960px){
  .observation-strip{grid-template-columns:1fr 1fr}
  .observation-strip article:nth-child(2){border-right:0}
  .growth-map{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}
  .growth-map::before,.connector{display:none}
  .growth-core,.growth-node{grid-column:1;grid-row:auto;width:100%}
  .case-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .observation-strip{grid-template-columns:1fr}
  .observation-strip article{border-right:0}
  .growth-core{height:auto}
  .growth-node{min-height:0}
  .case-heading{align-items:start;flex-direction:column;gap:12px}
  .case-grid{grid-template-columns:1fr}
  .case-grid article{min-height:330px}
}
