/* Keep the supplied 3D scene intact and use its empty left area for the copy. */
.welcome.hero-playground{position:relative;isolation:isolate;overflow:hidden;display:block;background:linear-gradient(110deg,#ffe2bd,#f5c8ec 48%,#bcddff)}
.hero-playground .welcome-copy{position:relative;z-index:1}
.hero-playground-art{position:relative;width:100%;overflow:hidden;aspect-ratio:1243/809;margin-top:24px;border-radius:20px}
.hero-playground-art img{position:absolute;display:block;top:0;left:-56.25%;width:156.25%;max-width:none;height:100%;object-fit:fill}
html[data-theme=dark] .welcome.hero-playground{background:linear-gradient(110deg,#ffe2bd,#f5c8ec 48%,#bcddff)}
html[data-theme=dark] .hero-playground .welcome-copy{color:#26345a}
html[data-theme=dark] .hero-playground :is(.eyebrow,h1,p){color:#26345a}
html[data-theme=dark] .hero-playground h1 span{color:#6b32ab;-webkit-text-fill-color:#6b32ab}
@media(min-width:1000px){
 .welcome.hero-playground{aspect-ratio:1942/809;min-height:0;padding:clamp(28px,3.2vw,64px);display:flex;align-items:center}
 .hero-playground .welcome-copy{width:38%;max-width:680px}
 .hero-playground .welcome-copy h1{font-size:clamp(36px,3.6vw,68px);line-height:1.12}
 .hero-playground .welcome-copy>p{font-size:clamp(16px,1.2vw,21px);line-height:1.55}
 .hero-playground .hero-actions{gap:12px;flex-wrap:wrap}
 .hero-playground .hero-button{font-size:clamp(14px,1vw,18px);padding:12px 16px}
 .hero-playground .welcome-copy .app-download-note{font-size:clamp(12px,.85vw,15px);line-height:1.5}
 .hero-playground-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:inherit}
 .hero-playground-art img{left:0;width:100%;height:100%;object-fit:contain}
}
@media(max-width:999px){.welcome.hero-playground{padding:28px 24px}.hero-playground .welcome-copy{max-width:680px}.hero-playground .welcome-copy h1{font-size:clamp(34px,6vw,52px)}}
@media(max-width:500px){.welcome.hero-playground{padding:24px 18px}.hero-playground-art{margin-top:18px;border-radius:16px}.hero-playground .welcome-copy h1{font-size:clamp(32px,8.2vw,42px)}}