.showcase{padding:clamp(82px,10vw,132px) 0}
.showcase--dark{background:#07111d;color:#fff}
.showcase--light{background:#fffefa;color:#07111d}
.showcase__layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,110px)}
.showcase__copy{max-width:560px}
.showcase__copy h2,.showcase-review h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.075em}
.showcase__copy h2 em,.showcase-review h2 em{color:#3d6cff;font-style:normal}
.showcase .eyebrow--blue,.showcase-review .eyebrow--blue{color:#315bd0}
.showcase--dark .showcase__copy h2 em{color:#d8f36a}
.showcase__copy>p:not(.eyebrow){max-width:500px;margin:29px 0 24px;color:#626c79;font-size:15px;line-height:1.75}
.showcase--dark .showcase__copy>p:not(.eyebrow){color:#afbdcf}
.showcase__scope{display:grid;gap:10px;margin:22px 0 28px;padding:0;list-style:none;color:#626c79;font-size:13px;line-height:1.55}
.showcase--dark .showcase__scope{color:#c1cada}
.showcase__scope li{display:flex;gap:10px;align-items:flex-start}
.showcase__scope li:before{content:'•';color:#315bd0;font-weight:900}
.showcase--dark .showcase__scope li:before{color:#d8f36a}
.showcase__link{display:inline-flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid currentColor;color:#315bd0;font-size:12px;font-weight:800;transition:gap .25s ease,color .25s ease}
.showcase__link:hover{gap:22px}
.showcase--dark .showcase__link{color:#d8f36a}
.showcase__visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;overflow:hidden;padding:32px;border:1px solid #ffffff20}
.showcase__visual:before{position:absolute;right:-15%;top:-35%;width:70%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;content:'';opacity:.22;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06;pointer-events:none}
.showcase__visual--zerion{background:#08131e;color:#fff}
.showcase__visual--zerion:after{position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#07111df2 0%,#07111dc7 48%,#07111d42 100%);content:'';pointer-events:none}
.showcase__visual-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.showcase__visual--zerion .showcase__visual-kicker,.showcase__visual--zerion strong,.showcase__visual--zerion small{z-index:1;text-shadow:0 2px 14px #07111d99}
.showcase__visual--app{border-color:#d6dfea;background:linear-gradient(145deg,#e9efff,#f6f8ff 63%,#d8e4ff);color:#315bd0}
.showcase__visual-kicker{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.showcase__visual strong{position:relative;z-index:1;font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.97;letter-spacing:-.065em}
.showcase__visual strong i{font-style:normal;font-weight:500}
.showcase__visual-line{position:absolute;left:32px;right:32px;bottom:72px;height:1px;background:currentColor;opacity:.4}
.showcase__visual small{position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:.05em}
.showcase-review{padding:clamp(82px,10vw,132px) 0;background:#f4f2eb}
.showcase-review__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,110px);align-items:start}
.showcase-review figure{margin:0;padding-top:5px}
.showcase-review__stars{color:#315bd0;font-size:23px;letter-spacing:.1em}
.showcase-review blockquote{margin:24px 0;font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.3;letter-spacing:-.04em}
.showcase-review figcaption{color:#626c79;font-size:12px;line-height:1.7}
.showcase-review figcaption a{color:#315bd0;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.showcase__layout,.showcase-review__layout{grid-template-columns:1fr}.showcase__visual{min-height:300px}.showcase--light .showcase__visual{order:2}.showcase--light .showcase__copy{order:1}.showcase__copy>p:not(.eyebrow){margin-top:22px}.showcase-review blockquote{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.showcase__link{transition:none}}
