.screen-showcase{position:relative;isolation:isolate;padding:100px 8vw 90px;background:#08090d;overflow:hidden}.screen-showcase:before{content:"";position:absolute;inset:15% -25% -25%;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#803f612b,transparent 60%);pointer-events:none}.showcase-heading{max-width:1050px;margin:0 auto 65px}.showcase-heading h2{font-size:clamp(40px,5.2vw,78px);line-height:1.08}.showcase-heading>p:not(.eyebrow){max-width:50ch;font-size:19px;line-height:1.65;color:#bfb5c7;margin:25px 0 0}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;max-width:1050px;margin:auto;align-items:start}.screen-card{margin:0;min-width:0}.screen-card:nth-child(2){padding-top:45px}.screen-card:nth-child(3){padding-top:90px}.phone-shell{padding:7px;border:1px solid #bba8c24d;border-radius:38px;background:linear-gradient(145deg,#958a9d,#211c25 25%,#312635 75%,#998c9f);box-shadow:0 30px 60px #0008;overflow:hidden;transition:transform .7s var(--ease)}.phone-shell img{display:block;width:100%;height:auto;border-radius:31px;background:#17121a}.screen-card:hover .phone-shell{transform:translateY(-8px)}.screen-card figcaption{padding:25px 4px 0}.screen-card h3{font-size:19px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin:0 0 10px}.screen-card figcaption p{font-size:14px;line-height:1.65;color:#bfb4c6;margin:0}.preview-note{max-width:1050px;margin:48px auto 0;color:#94899c;font-size:11px;line-height:1.6}.motion-ready .showcase-heading,.motion-ready .screen-card,.motion-ready .detail-panel{opacity:0;transform:translateY(30px);transition:transform .9s var(--ease),opacity .7s var(--ease)}.motion-ready .is-revealed.showcase-heading,.motion-ready .is-revealed.screen-card,.motion-ready .is-revealed.detail-panel{opacity:1;transform:none}.screen-card:nth-child(2){transition-delay:90ms}.screen-card:nth-child(3){transition-delay:180ms}.detail-panel:focus-within{opacity:1!important;transform:none!important}
@media(max-width:750px){.screen-showcase{padding:65px 24px 55px}.showcase-heading{margin-bottom:36px}.showcase-heading h2{font-size:43px}.showcase-heading>p:not(.eyebrow){font-size:16px}.screen-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -24px;padding:0 24px 20px;scroll-padding-inline:24px}.screen-card{flex:0 0 76%;scroll-snap-align:start;max-width:320px}.screen-card:nth-child(n){padding-top:0;transition-delay:0ms}.phone-shell{border-radius:32px;padding:6px}.phone-shell img{border-radius:26px}.screen-card figcaption{padding-top:22px}.screen-card h3{font-size:18px}.preview-note{margin-top:24px}}