/* Carbs case-study additions: design-system CTA and product roadmap. */
.case-study-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;margin-top:28px;border:1px solid #D9D2C6;border-radius:30px;background:#fff;color:#252622;font-size:16px;font-weight:400;text-decoration:none}
.case-study-cta:hover{background:#E9E8DC}
.roadmap-principle{display:flex;align-items:center;gap:16px;padding:24px 28px;margin:40px 0 24px;border:1px solid #D9D2C6;border-radius:12px;background:#E9E8DC;font-size:20px;line-height:1.45}
.roadmap-principle svg{width:28px;height:28px;flex-shrink:0;color:#183D35}
.roadmap-principle p{margin:0}
.roadmap-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.roadmap-stage{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid #D9D2C6;border-radius:12px;background:#fff}
.roadmap-stage-current{background:#f1f5f0;border-color:#d1dccd}
.roadmap-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.roadmap-icon{display:grid;place-items:center;width:48px;height:48px;background:#EFE1D7;border-radius:12px;color:#183D35}
.roadmap-icon svg{width:26px;height:26px}
.roadmap-stage-current .roadmap-icon{background:#dce8d8;color:#303a2c}
.roadmap-status{font-size:12px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;color:#626271}
.roadmap-stage-current .roadmap-status{color:#303a2c}
.roadmap-stage h3{font-size:24px;line-height:1.25;letter-spacing:-.3px;margin-bottom:18px}
.roadmap-stage ul{padding-left:18px;margin:0 0 24px;font-size:16px;line-height:1.55}
.roadmap-stage li+li{margin-top:8px}
.roadmap-dependency{border-top:1px solid #D9D2C6;padding-top:18px;margin:auto 0 0;font-size:14px;line-height:1.5;color:#626271}
.roadmap-dependency strong{display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:400;color:#252622;margin-bottom:6px}
.roadmap-note{margin:24px 0 0;color:#626271;font-size:14px}
@media(max-width:1050px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.roadmap-grid{grid-template-columns:1fr;gap:16px}.roadmap-stage{padding:24px}.roadmap-stage-top{margin-bottom:22px}.roadmap-principle{padding:22px;font-size:18px;align-items:flex-start;margin-top:32px}.case-study-cta{width:100%;font-size:16px}}
.case-study-cta .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.case-study-cta,.roadmap-principle,.roadmap-stage{background:#22251F;color:#EEECE5;border-color:#3B3E39}.case-study-cta:hover{background:#34382F}.roadmap-icon{background:#39382C;color:#C5AD7B}.roadmap-stage-current{background:#293025;border-color:#56634B}.roadmap-status,.roadmap-note,.roadmap-dependency{color:#B9BAB0}.roadmap-dependency strong{color:#EEECE5}.roadmap-principle svg{color:#C5AD7B}

.case-study-cta,.roadmap-principle,.roadmap-stage{background:#fff;color:#191919;border-color:#BEBEB8;border-radius:0}.case-study-cta:hover{background:#F2F2EF}.roadmap-icon{background:#F0E5DF;color:#BD4B2D;border-radius:0}.roadmap-stage-current{background:#F2F2EF;border-color:#191919}.roadmap-status,.roadmap-note,.roadmap-dependency{color:#60605A}.roadmap-dependency strong{color:#191919}.roadmap-principle svg{color:#BD4B2D}

.case-study-cta,.roadmap-principle,.roadmap-stage{background:#FDFCF9;color:#25252B;border-color:#D5CDCA;border-radius:4px}.case-study-cta:hover,.roadmap-stage-current{background:#EDEEF4}.roadmap-icon{background:#EDEEF4;color:#173F87}.roadmap-status,.roadmap-note,.roadmap-dependency{color:#6B6267}.roadmap-dependency strong{color:#25252B}.roadmap-principle svg{color:#173F87}

.case-study-cta:hover,.case-study-cta:focus-visible{background:#0B2248;color:#FFFFFF;border-color:#0B2248}

.case-study-cta.button-primary{background:#173F87;color:#FFFFFF;border-color:#173F87;padding:16px 30px;border-radius:4px}
.case-study-cta.button-primary:hover,.case-study-cta.button-primary:focus-visible{background:#0B2248;color:#FFFFFF;border-color:#0B2248;box-shadow:0 4px 14px #080f2626}
.case-study-cta.button-primary:active{background:#07172F;border-color:#07172F;box-shadow:none}

/* Roadmap cards share the portfolio card language. */
.roadmap-grid{gap:24px;align-items:stretch}
.roadmap-stage,.roadmap-stage-current{padding:28px;background:#FFFFFF;color:#25252B;border:1px solid #DADBE4;border-top:4px solid #173F87;border-radius:4px;box-shadow:none}
.roadmap-stage-top{justify-content:flex-start;margin-bottom:24px;min-height:24px}
.roadmap-status,.roadmap-stage-current .roadmap-status{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.6px;line-height:1.5;color:#173F87}
.roadmap-stage-current .roadmap-status{background:#E9EFF8;border-radius:3px;padding:5px 9px}
.roadmap-stage h3{font-size:24px;font-weight:600;line-height:1.3;margin-bottom:20px}
.roadmap-stage ul{padding-left:20px;line-height:1.6;margin-bottom:28px}
.roadmap-stage li::marker{color:#173F87}
.roadmap-dependency{border-color:#DADBE4;color:#555F70;padding-top:20px;font-size:14px}
.roadmap-dependency strong{color:#25252B;font-weight:600;line-height:1.5}
.roadmap-principle{background:#FFFFFF;border:1px solid #DADBE4;border-left:4px solid #173F87;border-radius:4px;padding:24px 28px}
.roadmap-icon{display:none}
@media(max-width:650px){.roadmap-stage{padding:24px}.roadmap-principle{padding:20px 24px}}

/* Screenshot galleries sit directly on the page surface. */
.carbs-screen-grid,.carbs-detail-grid{background:transparent}
@media(max-width:650px){
 .roadmap-grid{position:relative;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 6px 6px;margin-inline:-6px;align-items:stretch}
 .roadmap-grid>.roadmap-stage{flex:0 0 88%;width:88%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;transform:scale(.93);transform-origin:center;opacity:.7;transition:transform .35s ease,opacity .35s ease}
 .roadmap-grid>.roadmap-stage.is-current-slide{transform:scale(1);opacity:1}
 .roadmap-grid:after{content:'';flex:0 0 calc(12% - 16px)}
}
@media(prefers-reduced-motion:reduce){.roadmap-grid>.roadmap-stage{transition:none}}

@media(max-width:650px){.roadmap-grid.portfolio-carousel-track:before,.roadmap-grid.portfolio-carousel-track:after{content:'';flex:0 0 calc(16% - 12px)}}