.app-section.has-reel{background:radial-gradient(ellipse 72vw 900px at 75% 680px,#4b52b736,transparent 72%),#080d19}
.app-section.has-reel .gallery-stage{background:transparent;border-top:0}
.app-intro.has-reel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6vw;padding-block:115px 52px}
.app-intro.has-reel .section-heading{display:block;margin:0}.app-intro.has-reel .section-heading h2{font-size:clamp(41px,4.3vw,62px)}.app-intro.has-reel .section-heading>p{max-width:570px;margin:26px 0 0;color:var(--muted)}.app-intro.has-reel .app-intro-copy>.note{margin-top:18px}
.app-reel-visual{justify-self:center;width:min(100%,330px)}.reel-frame{position:relative;aspect-ratio:9/16;width:100%;overflow:hidden;border:6px solid #222d50;border-radius:30px;background:#050917;box-shadow:0 20px 65px #0008,0 0 72px #7775ff34}.reel-frame::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff24;border-radius:24px}.reel-frame iframe,.reel-play,.reel-play img{width:100%;height:100%;display:block}.reel-frame iframe{border:0}.reel-play{position:relative;padding:0;overflow:hidden}.reel-play img{object-fit:cover;transition:transform .35s ease}.reel-play:hover img{transform:scale(1.035)}.reel-play::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#040711ac);pointer-events:none}.reel-play-icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border-radius:50%;background:#9898ff;color:#071026;box-shadow:0 10px 38px #0009;font-size:28px}.reel-play-text{position:absolute;z-index:1;bottom:22px;left:0;right:0;text-align:center;font-weight:650;font-size:15px;text-shadow:0 2px 10px #000}.reel-caption{font-size:12px;color:#99a9c4;text-align:center;margin:12px 0 0}
@media(max-width:800px){.app-intro.has-reel{grid-template-columns:1fr;gap:32px;padding-block:68px 42px}.app-intro.has-reel .section-heading h2{font-size:clamp(37px,9vw,56px)}.app-reel-visual{width:min(75vw,300px)}}
@media(max-width:430px){.app-intro.has-reel{padding-block:58px 38px}.app-intro.has-reel .section-heading>p{font-size:16px}.app-reel-visual{width:min(78vw,300px)}.reel-frame{border-width:5px;border-radius:27px}.reel-play-icon{width:66px;height:66px;font-size:26px}}
@media(prefers-reduced-motion:reduce){.reel-play img{transition:none}.reel-play:hover img{transform:none}}