@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:#e8e5f0; --paper:#fff; --ink:#211d32; --muted:#6e687d; --line:#c5c0d1; --accent:#7257ef; --accent-2:#d8cffd; --dark:#211d32; --width:1180px; }
.button,.nav-links .nav-cta{border-radius:999px}.hero-layout{grid-template-columns:.72fr 1.28fr}
.concept-stage{min-height:590px;border:0;background:transparent;overflow:visible}.deck-stage{position:relative;height:100%;min-height:590px}
.deck{position:absolute;left:12%;right:12%;top:5%;bottom:8%}.deck article{--offset:0;position:absolute;inset:0;display:flex;padding:44px;flex-direction:column;justify-content:space-between;color:#fff;background:#7257ef;border:3px solid #211d32;border-radius:28px;box-shadow:10px 10px 0 #211d32;transform:translate(calc(var(--offset) * 18px),calc(var(--offset) * 16px)) rotate(calc((var(--offset) - 1) * 3deg));z-index:calc(5 - var(--offset));transition:.35s ease}.deck article:nth-child(2){background:#ef6262}.deck article:nth-child(3){color:#211d32;background:#f3d95f}.deck small{font-size:10px;font-weight:900;letter-spacing:.15em}.deck b{max-width:430px;font-size:44px;line-height:.95}.deck span{font-size:13px;font-weight:800}
.deck-arrow{position:absolute;z-index:10;top:47%;display:grid;width:48px;height:48px;place-items:center;border:2px solid #211d32;background:#fff;border-radius:50%;font-weight:900;cursor:pointer}.deck-prev{left:0}.deck-next{right:0}.deck-count{position:absolute;right:2%;bottom:0;font-size:11px;font-weight:900}
.feature{border-radius:24px}.feature:nth-child(1){background:#7257ef;color:#fff}.feature:nth-child(1) p{color:#e0dbff}.feature:nth-child(2){background:#ef6262}.feature:nth-child(3){background:#f3d95f}.about-mark{border-radius:26px}
.showcase{background:#211d32;border-radius:30px}.showcase-art{right:7%;top:13%;width:35%;height:74%;background:#f3d95f;border:3px solid #fff;border-radius:28px;transform:rotate(7deg);box-shadow:-35px 30px 0 #ef6262}