@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:#eef0f1; --paper:#fff; --ink:#1c252c; --muted:#6a747b; --line:#cbd2d5; --accent:#ffb000; --accent-2:#fff0c8; --dark:#172027; --width:1180px; }
.site-header{background:#fff}.button,.nav-links .nav-cta{border-radius:5px}.hero-layout{grid-template-columns:.72fr 1.28fr}
.concept-stage{min-height:570px;padding:18px;background:#dfe4e6;border:0;border-radius:10px}
.report-stage{min-height:534px;background:#fff;border:1px solid #b8c0c4;box-shadow:0 18px 45px rgba(28,37,44,.12)}
.report-stage header{display:flex;padding:16px 20px;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd2d5;font-size:10px;font-weight:900;letter-spacing:.12em}.report-stage header b{padding:7px 9px;color:#173d2a;background:#c9f2d7;border-radius:4px}
.score{display:grid;padding:28px;grid-template-columns:auto 1fr;gap:22px;align-items:center;border-bottom:1px solid #cbd2d5}.score strong{display:grid;width:110px;height:110px;place-items:center;border:12px solid #ffb000;border-right-color:#e4e7e8;border-radius:50%;font-size:40px}.score span{font-size:20px;font-weight:800}
.findings{padding:0 26px}.findings article{display:grid;padding:20px 0;grid-template-columns:55px 1fr;gap:6px 14px;border-bottom:1px solid #dbe0e2}.findings i{grid-row:span 2;align-self:start;padding:7px 5px;border-radius:3px;font-size:9px;font-style:normal;font-weight:900;text-align:center}.findings b{font-size:14px}.findings span{color:#6a747b;font-size:11px}.high{color:#7b201d;background:#ffd4d0}.medium{color:#684c00;background:#fff0c8}.good{color:#17452e;background:#d2f4dc}
.feature{border-radius:8px}.feature:before{content:"STATUS: REVIEW";display:inline-block;margin-bottom:25px;padding:6px;color:#5b4300;background:#fff0c8;border-radius:3px;font-size:9px;font-weight:900}
.about-mark{color:#172027;background:#ffb000;border-radius:8px}.showcase{background:#fff;color:#1c252c;border:1px solid #cbd2d5}.showcase>p{color:#6a747b}.showcase-art{right:6%;top:12%;width:34%;height:76%;background:linear-gradient(to top,#ffb000 0 72%,#e2e6e8 72%);clip-path:polygon(0 100%,0 65%,20% 65%,20% 48%,40% 48%,40% 70%,60% 70%,60% 25%,80% 25%,80% 42%,100% 42%,100% 100%)}