.capability-flow-head{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:end;margin:10px 0 54px;padding:34px 38px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#052c4d 0%,#07517a 68%,#078bb7 100%);box-shadow:0 22px 48px rgba(4,55,88,.16)}
.capability-flow-head span{display:block;margin-bottom:10px;color:#83e9ff;font-size:12px;font-weight:900;letter-spacing:.17em}
.capability-flow-head strong{display:block;font-size:clamp(27px,2.7vw,39px);font-weight:750;line-height:1.28;letter-spacing:-.045em}
.capability-flow-head p{margin:0;color:rgba(225,246,252,.78);font-size:16px;line-height:1.85}
.capability-grid{position:relative;display:block!important}
.capability-grid:before{content:"";position:absolute;z-index:0;top:48px;bottom:30px;left:50%;width:3px;border-radius:999px;background:linear-gradient(180deg,#5ee1f7 0%,#078cc5 46%,#054e7c 100%);transform:translateX(-50%);box-shadow:0 0 0 7px rgba(49,180,224,.08)}
.capability-flow-hub{position:relative;z-index:2;display:grid;place-items:center;width:122px;height:122px;margin:0 auto 38px;border:8px solid #e7f6fb;border-radius:50%;color:#fff;text-align:center;background:linear-gradient(145deg,#078bc2,#06446e);box-shadow:0 16px 34px rgba(5,76,117,.23),0 0 0 1px #76d4ee}
.capability-flow-hub span{display:block;color:#9beaff;font-size:9px;font-weight:900;letter-spacing:.14em}
.capability-flow-hub strong{display:block;margin-top:5px;font-size:15px;line-height:1.2;letter-spacing:-.02em}
.capability-card{position:relative;z-index:1;display:grid!important;grid-template-columns:42% 58%;width:calc(50% - 58px);min-height:300px!important;margin:0 0 34px;padding:0!important;border:1px solid #c8e0eb!important;border-radius:20px!important;background:#fff!important;overflow:visible!important;box-shadow:0 18px 42px rgba(5,54,84,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.capability-card:nth-child(odd){margin-right:auto}
.capability-card:nth-child(even){margin-left:auto}
.capability-card:after{content:"";position:absolute;top:50%;width:59px;height:2px;background:linear-gradient(90deg,#7adbf1,#078dc5)}
.capability-card:nth-child(odd):after{right:-59px}
.capability-card:nth-child(even):after{left:-59px;transform:rotate(180deg)}
.capability-card:before{content:"";position:absolute;z-index:3;top:calc(50% - 7px);width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#08a1d0;box-shadow:0 0 0 2px #43c9e8,0 5px 14px rgba(2,91,132,.25)}
.capability-card:nth-child(odd):before{right:-66px}
.capability-card:nth-child(even):before{left:-66px}
.capability-card:hover{transform:translateY(-4px)!important;border-color:#8ccde1!important;box-shadow:0 23px 50px rgba(4,69,105,.13)!important}
.capability-visual{position:relative;min-height:300px;border-radius:19px 0 0 19px;background:#e9f4f8;overflow:hidden}
.capability-card:nth-child(even) .capability-visual{order:2;border-radius:0 19px 19px 0}
.capability-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(1,31,53,.72) 100%)}
.capability-visual img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .5s ease}
.capability-card:hover .capability-visual img{transform:scale(1.055)}
.capability-visual i{position:absolute;z-index:2;left:16px;bottom:15px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;background:rgba(5,68,105,.78);font-size:15px;font-style:normal;font-weight:900;backdrop-filter:blur(7px)}
.capability-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 25px}
.capability-card:nth-child(even) .capability-copy{order:1}
.capability-copy>span{color:#0785bd!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important}
.capability-copy h3{margin:22px 0 12px!important;color:#07375b!important;font-size:clamp(21px,1.7vw,27px)!important;line-height:1.3}
.capability-copy p{margin:0!important;color:#526d80!important;font-size:15px!important;line-height:1.75!important}
@media(max-width:900px){
  .capability-flow-head{grid-template-columns:1fr;gap:18px;padding:30px}
  .capability-grid:before{left:23px}
  .capability-flow-hub{width:82px;height:82px;margin:0 0 32px -18px;border-width:6px}
  .capability-flow-hub strong{font-size:11px}.capability-flow-hub span{font-size:7px}
  .capability-card,.capability-card:nth-child(odd),.capability-card:nth-child(even){width:calc(100% - 66px);margin:0 0 28px 66px}
  .capability-card:after,.capability-card:nth-child(odd):after,.capability-card:nth-child(even):after{left:-43px;right:auto;width:43px;transform:none}
  .capability-card:before,.capability-card:nth-child(odd):before,.capability-card:nth-child(even):before{left:-50px;right:auto}
  .capability-card:nth-child(even) .capability-visual{order:0;border-radius:19px 0 0 19px}
  .capability-card:nth-child(even) .capability-copy{order:0}
}
@media(max-width:640px){
  .capability-flow-head{margin-bottom:40px;padding:25px 23px}.capability-flow-head strong{font-size:27px}.capability-flow-head p{font-size:15px}
  .capability-card,.capability-card:nth-child(odd),.capability-card:nth-child(even){grid-template-columns:1fr;min-height:0!important}
  .capability-visual,.capability-card:nth-child(even) .capability-visual{min-height:190px;border-radius:19px 19px 0 0}
  .capability-visual img{min-height:190px;height:190px}
  .capability-copy{padding:24px 22px 22px}.capability-copy h3{margin-top:16px!important;font-size:23px!important}.capability-copy p{font-size:15px!important}
}