@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#edf2f7; --paper:#fff; --ink:#18324c; --muted:#667b8f; --line:#c6d4e0; --accent:#2675d8; --accent-2:#d7e8fb; --dark:#18324c; --width:1240px; }
.button,.nav-links .nav-cta{border-radius:4px}.hero-layout{grid-template-columns:.68fr 1.32fr}
.concept-stage{min-height:590px;padding:18px;background:#d7e8fb;border:0}.blueprint-stage{display:grid;min-height:554px;background:#fff;border:1px solid #aac0d3}
.lane{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-bottom:1px solid #aac0d3}.lane:last-child{border:0}.lane span{padding:16px 9px;text-align:center;font-size:10px;font-weight:800}.lane i{height:2px;background:#2675d8;position:relative}.lane i:after{content:"";position:absolute;right:0;top:-4px;border-left:7px solid #2675d8;border-top:5px solid transparent;border-bottom:5px solid transparent}
.labels{grid-template-columns:repeat(4,1fr);background:#18324c;color:#fff}.labels b{padding:12px;border-right:1px solid #506a82;font-size:9px;letter-spacing:.13em}.client{background:#f6f9fc}.front{background:#eaf3fe}.back{background:#d7e8fb}.system{background:#c4ddfa}
.feature{border-top:5px solid #2675d8}.feature:after{content:"OWNER: ASSIGNED";display:block;margin-top:22px;color:#2675d8;font-size:9px;font-weight:900;letter-spacing:.1em}.about-mark{background:#2675d8}
.showcase{background:#18324c}.showcase-art{left:7%;right:7%;bottom:10%;height:170px;background:repeating-linear-gradient(0deg,#2675d8 0 1px,transparent 1px 42px)}.showcase-art:after{content:"INPUT  ->  SERVICE  ->  CHECK  ->  OUTPUT";position:absolute;left:0;right:0;top:70px;color:#fff;font-size:16px;font-weight:900;word-spacing:3vw;text-align:center}