.sbf5-showcase{box-sizing:border-box;max-width:1080px;margin:46px auto 54px;padding:36px clamp(18px,4.2vw,46px);border:1px solid #e8e4dc;border-top:3px solid #c9a054;background:#fff;border-radius:12px;color:#142e45;font-family:inherit;box-shadow:0 7px 32px rgba(12,34,55,.045)}
.sbf5-showcase *{box-sizing:border-box}
.sbf5-showcase .sbf5-eyebrow{color:#9f752e;font-size:12px;line-height:1.5;font-weight:750;letter-spacing:.17em;margin-bottom:12px}
.sbf5-showcase h2{font:inherit;font-size:clamp(25px,2.8vw,38px);line-height:1.2;font-weight:700;color:#102d45;margin:0 0 10px}
.sbf5-showcase .sbf5-lead{font-size:clamp(14px,1.55vw,17px);color:#856021;line-height:1.65;margin:0 0 24px}
.sbf5-showcase .sbf5-figure{margin:0 auto 22px;max-width:980px}
.sbf5-showcase .sbf5-figure picture,.sbf5-showcase .sbf5-figure img{display:block;width:100%;height:auto}
.sbf5-showcase .sbf5-figure img{border-radius:9px;border:1px solid #e6e9ee;aspect-ratio:1600/840;object-fit:contain;background:#e9f0f9}
.sbf5-showcase .sbf5-figure figcaption{margin-top:9px;color:#667789;text-align:center;font-size:12px;line-height:1.5}
.sbf5-showcase p{font-family:inherit;color:#43586a;line-height:1.8;margin:0 0 15px}
.sbf5-showcase .sbf5-intro{font-size:15px;max-width:950px}
.sbf5-showcase .sbf5-details{margin:20px 0;border:1px solid #d9e1e9;border-radius:9px;background:#f8fafc;overflow:hidden}
.sbf5-showcase .sbf5-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;color:#113453;font-weight:700;cursor:pointer;list-style:none;line-height:1.4}
.sbf5-showcase .sbf5-details summary::-webkit-details-marker{display:none}
.sbf5-showcase .sbf5-details summary:focus-visible{outline:3px solid #c9a054;outline-offset:-3px}
.sbf5-showcase .sbf5-chevron{font-size:22px;line-height:1;transition:transform .15s ease}
.sbf5-showcase details[open] .sbf5-chevron{transform:rotate(180deg)}
.sbf5-showcase .sbf5-details-body{padding:4px 20px 18px;border-top:1px solid #e1e8ed}
.sbf5-showcase .sbf5-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 25px}
.sbf5-showcase .sbf5-pillar{border-left:3px solid #c9a054;padding:12px 16px;background:#fff;border-radius:5px;box-shadow:0 0 0 1px #eef0f3}
.sbf5-showcase .sbf5-pillar h3{font:inherit;font-size:15px;font-weight:750;line-height:1.5;color:#12324e;margin:0 0 5px}
.sbf5-showcase .sbf5-pillar h3 span{font-size:12px;color:#97702e;display:block;font-weight:600}
.sbf5-showcase .sbf5-pillar p{font-size:13px;line-height:1.65;margin:0}
.sbf5-showcase .sbf5-roadmap-title{font:inherit;font-size:17px;font-weight:750;color:#14354e;margin:16px 0}
.sbf5-showcase .sbf5-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 23px}
.sbf5-showcase .sbf5-roadmap span{text-align:center;font-size:12px;line-height:1.5;padding:10px 5px;border-radius:6px;background:#ebf2f9;color:#164063}
.sbf5-showcase .sbf5-roadmap b{display:block;font-size:19px;color:#9f752e}
.sbf5-showcase .sbf5-commitment{color:#173e60;font-style:italic}
.sbf5-showcase .sbf5-signature{padding-top:8px}
.sbf5-showcase .sbf5-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px}
.sbf5-showcase .sbf5-link{display:inline-flex;align-items:center;gap:7px;background:#112c44;border:1px solid #112c44;color:white!important;text-decoration:none!important;font-size:14px;font-weight:650;line-height:1.4;padding:12px 18px;border-radius:6px;transition:background .15s ease}
.sbf5-showcase .sbf5-link:hover{background:#234765}
.sbf5-showcase .sbf5-home{font-size:13px;color:#546b7f;text-decoration:underline}
.sbf5-preview{max-width:1180px}
@media(max-width:700px){
 .sbf5-showcase{margin:24px 12px 28px;padding:22px 16px;border-radius:9px}
 .sbf5-showcase h2{font-size:clamp(23px,6vw,28px)}
 .sbf5-showcase .sbf5-lead{margin-bottom:16px}
 .sbf5-showcase .sbf5-figure{margin-bottom:18px}
 .sbf5-showcase .sbf5-intro{font-size:14px;line-height:1.75}
 .sbf5-showcase .sbf5-details summary{padding:15px 14px;font-size:14px}
 .sbf5-showcase .sbf5-details-body{padding:3px 14px 12px}
 .sbf5-showcase .sbf5-pillars{grid-template-columns:1fr;gap:10px}
 .sbf5-showcase .sbf5-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sbf5-showcase .sbf5-link{width:100%;justify-content:center}
}