.app-showcase{padding:clamp(4rem,8vw,7rem) max(20px,calc((100% - 1180px)/2));overflow:hidden;background:#101015;color:#f7f4ff}
.app-showcase-heading{max-width:760px;margin-bottom:2.5rem}
.app-showcase-heading .eyebrow{margin-bottom:.8rem;color:#b7ff27}
.app-showcase-heading h2{margin:0;font-size:clamp(2rem,4.5vw,4.4rem);line-height:1;letter-spacing:-.05em}
.app-showcase-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}
.app-showcase-card{display:flex;min-width:0;min-height:590px;flex-direction:column;overflow:hidden;border:1px solid #393943;border-radius:1.5rem;background:#19191f}
.app-showcase-card div{padding:1.5rem 1.5rem 1.25rem}
.app-showcase-card h3{margin:0;color:#fff;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.08;letter-spacing:-.03em}
.app-showcase-card p{max-width:34ch;margin:.7rem 0 0;color:#c9c6d0;line-height:1.5}
.app-showcase-card img{display:block;width:min(86%,320px);height:auto;margin:auto auto 0;border:1px solid #3f3f49;border-bottom:0;border-radius:2rem 2rem 0 0;box-shadow:0 24px 55px #0008}
.app-showcase-more{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;margin-top:2rem;color:#fff;font-weight:800;text-underline-offset:.3rem}
.app-showcase-more span{font-size:1.25em}
@media(max-width:760px){.app-showcase-track{display:flex;width:calc(100% + 20px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 1rem 0;overscroll-behavior-inline:contain}.app-showcase-card{flex:0 0:min(82vw,340px);min-height:540px;scroll-snap-align:start}.app-showcase-card img{width:min(88%,290px)}}
@media(prefers-reduced-motion:reduce){.app-showcase-track{scroll-behavior:auto}}
html[data-theme=candy] .app-showcase{background:#fffdf7;color:#191526}html[data-theme=candy] .app-showcase-heading h2{color:#191526}html[data-theme=candy] .app-showcase-card{border-color:#191526;background:#fff}html[data-theme=candy] .app-showcase-card h3{color:#191526}html[data-theme=candy] .app-showcase-card p{color:#514b54}html[data-theme=candy] .app-showcase-more{color:#191526}
.home-page .display-options-button{flex:0 0 2.75rem;min-width:2.75rem}@media(max-width:520px){.home-page .display-options-button{flex-basis:2.35rem;min-width:2.35rem}}
