.capability-bridge{padding:116px 0 98px;background:#fff;color:#182634;border-top:1px solid #dbe7ed}
.bridge-head{max-width:760px}.bridge-head h2{font-size:clamp(43px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 22px;font-weight:700}.bridge-head h2 em{font-style:normal;background:linear-gradient(100deg,#2d388a 8%,#0c8cd2 68%,#00aeef);background-clip:text;-webkit-background-clip:text;color:transparent}.bridge-head .lead{max-width:670px;margin:0;color:#456073;font-size:18px}
.bridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:55px}.bridge-card{position:relative;display:flex;flex-direction:column;min-height:440px;padding:27px 27px 24px;border:1px solid #bad0dd;border-radius:17px;background:linear-gradient(155deg,#fff 60%,#f1f9fc);box-shadow:0 22px 44px #1736510c;overflow:hidden;transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s,border-color .55s}.bridge-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2d388a,#0c8cd2,#00aeef);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.75,.2,1)}.bridge-card.motion-visible:before{transform:scaleX(1)}.bridge-card:hover{transform:translateY(-6px);border-color:#5aaed3;box-shadow:0 30px 56px #1736511a}
.bridge-top{min-height:60px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #d4e4ea;margin-bottom:25px;padding-bottom:17px}.bridge-top span{font-size:10px;letter-spacing:.15em;font-weight:700;color:#2d388a}.bridge-top b{font-size:12px;color:#547087;font-weight:600}.bridge-card h3{font-size:clamp(25px,2.3vw,33px);letter-spacing:-.045em;line-height:1.08;margin:0 0 14px;font-weight:700}.bridge-card p{font-size:14px;line-height:1.55;color:#476174;margin:0}.bridge-card>a,.bridge-links a{font-size:12px;font-weight:700;color:#145c8b;text-decoration:none;border-bottom:1px solid #269ace;padding-bottom:4px}.bridge-card>a{align-self:flex-start;margin-top:auto}.bridge-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:auto}
.bridge-visual{height:96px;display:flex;align-items:center;gap:9px;margin:19px 0 27px;padding:13px;border:1px solid #c4dce7;border-radius:10px;background:#f7fbfd}.bridge-intake i{flex:1;font-style:normal;text-align:center;border:1px solid #a9cddd;border-radius:5px;padding:10px 2px;font-size:11px;font-weight:700;color:#2c5977;background:#fff;transform:translateY(12px);opacity:.4;transition:transform .6s,opacity .6s,border-color .6s}.bridge-intake i:nth-child(2){transition-delay:.12s}.bridge-intake i:nth-child(3){transition-delay:.24s}.motion-visible .bridge-intake i{transform:none;opacity:1;border-color:#69b4d6}
.bridge-market i{display:block;height:11px;border-radius:3px;background:linear-gradient(90deg,#2d388a,#00aeef);width:12%;transform-origin:left;transform:scaleX(.15);opacity:.35;transition:width .8s cubic-bezier(.2,.75,.2,1),transform .8s,opacity .8s}.bridge-market i:nth-child(2){transition-delay:.1s}.bridge-market i:nth-child(3){transition-delay:.2s}.bridge-market i:nth-child(4){transition-delay:.3s}.motion-visible .bridge-market i{width:21%;transform:scaleX(1);opacity:1}
.bridge-contract{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.bridge-contract i{display:block;height:6px;width:72%;border-radius:2px;background:#b7d5e3;transform:scaleX(.2);transform-origin:left;transition:transform .7s}.bridge-contract i:nth-child(2){width:55%;transition-delay:.15s}.bridge-contract i:nth-child(3){width:64%;transition-delay:.3s}.bridge-contract span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2d388a,#00aeef);box-shadow:0 8px 17px #2379ad33;opacity:.2;transform:scale(.6);transition:opacity .6s .45s,transform .6s .45s}.motion-visible .bridge-contract i{transform:none}.motion-visible .bridge-contract span{opacity:1;transform:none}
.bridge-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid #d8e5ea}.bridge-cta span{font-size:17px;font-weight:700;letter-spacing:-.02em}.range-row.active{position:relative;overflow:hidden}.range-row.active:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2d388a,#0c8cd2,#00aeef)}.proof-stats>div:nth-child(3)>strong{background:linear-gradient(110deg,#2d388a,#0c8cd2 70%,#00aeef);color:transparent;background-clip:text;-webkit-background-clip:text}
@media(max-width:850px){.bridge-grid{grid-template-columns:1fr}.bridge-card{min-height:0}.bridge-head h2{font-size:clamp(42px,8vw,60px)}}
@media(max-width:700px){.capability-bridge{padding:72px 0 77px}.bridge-head .lead{font-size:16px}.bridge-grid{gap:13px;margin-top:34px}.bridge-card{padding:24px 22px;min-height:315px}.bridge-top{margin-bottom:19px}.bridge-card h3{font-size:27px}.bridge-visual{height:75px;margin:15px 0 23px}.bridge-cta{align-items:flex-start;flex-direction:column}.bridge-cta .button{width:100%;text-align:center}}
@media(max-width:700px){.chain-stage,.chain-copy,.chain-scene{min-width:0;max-width:100%}.chain-decision{grid-template-columns:1fr}.chain-scene-head,.chain-scene-foot{flex-wrap:wrap}.bridge-head h2 em{overflow-wrap:anywhere}}
@media(max-width:700px){html[lang=de] .bridge-head h2{font-size:36px}html[lang=de] .bridge-head h2 em{overflow-wrap:normal;word-break:normal}}
@media(prefers-reduced-motion:reduce){.bridge-card,.bridge-card:before,.bridge-visual *{transition:none!important;transform:none!important;opacity:1!important}}