/* Original dark page background; motion accents belong to controls and content. */
.studio-demo .studio-sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;padding:0!important;margin:0!important;border:0!important}
.studio-demo:has(#hero-wipe:focus-visible) .studio-stage{outline:3px solid var(--blue);outline-offset:5px}
.ai-providers{grid-column:1/-1;width:100%;padding:20px 0 4px}
.ai-providers h2{margin:0 0 26px;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center}
.ai-providers ul{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0}
.ai-providers li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.ai-providers strong{font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.8px;color:#d7dce2}
.ai-providers .provider-bfl{font-size:20px;letter-spacing:-.5px}
.ai-providers li span{font-size:12px;letter-spacing:.04em;color:#929eaa}
@media(max-width:800px){.ai-providers{padding-top:12px}.ai-providers ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}.ai-providers strong{font-size:21px}.ai-providers .provider-bfl{font-size:17px}}
@media(max-width:440px){.ai-providers ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-providers li:last-child{grid-column:1/-1}}
.studio-demo{isolation:isolate}
.studio-stage{position:relative;isolation:isolate;border-radius:9px;box-shadow:0 18px 50px #0003;transition:box-shadow .5s ease}
.studio-stage:focus-within{box-shadow:0 18px 50px #0003,0 0 30px #80c9ff12}
.studio-tabs{position:absolute;z-index:3;top:-22px;right:0;left:0;display:flex;gap:0;justify-content:flex-end;transform:translateY(-50%);pointer-events:auto}
.studio-tabs button{background:#20262d;color:#b9c2cc;border:1px solid #48515b;border-bottom:2px solid #48515b;min-height:42px;padding:7px 18px;font-size:14px;line-height:1.3;transition:background .2s,color .2s,border-color .2s}
.studio-tabs button:first-child{border-radius:6px 0 0 0}.studio-tabs button:last-child{border-radius:0 6px 0 0}.studio-tabs button+button{border-left:0}
.studio-tabs button:hover{background:#2d3c49;color:#fff}.studio-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);background:#243746;box-shadow:inset 0 1px #89d4ff20}
.studio-tabs:after{content:'';position:absolute;bottom:0;left:var(--tab-left,0px);width:var(--tab-width,0px);height:2px;background:var(--blue);box-shadow:0 0 12px #80c9ff99;pointer-events:none;transition:left .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1)}
.studio-stage>.compare{z-index:1;background:#161a1f}.studio-demo .compare-controls{padding-top:14px}
.studio-demo #hero-compare-note{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;font-size:13px}
.studio-motion{background:transparent;border:0;padding:4px 0 4px 8px;color:var(--blue);font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;min-height:32px}
.studio-video-panel{position:absolute;inset:0;z-index:2;overflow:hidden;border:1px solid #48515a;border-radius:9px;background:#11161b;display:grid;place-items:center}
.studio-video-panel[hidden]{display:none}.studio-video-panel video{width:100%;height:100%;object-fit:contain;background:radial-gradient(ellipse,#29323b,#11161b)}
.studio-video-label{position:absolute;top:18px;left:18px;background:#101215dc;padding:5px 9px;font-size:12px;border-radius:4px}
.studio-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;border:1px solid #a4dfff;border-radius:50%;background:#102537dc;color:#e7f7ff;font-size:23px;box-shadow:0 8px 32px #0005}
.studio-demo.is-playing .studio-play{opacity:0}.studio-demo.is-playing .studio-video-panel:hover .studio-play,.studio-demo.is-playing .studio-play:focus-visible{opacity:1}
.studio-video-timeline{position:absolute;bottom:20px;left:20px;right:20px;height:3px;background:#ffffff35}.studio-video-timeline i{display:block;height:100%;width:var(--video-progress,0%);background:var(--blue)}

.studio-demo[data-mode=video] #hero-compare{visibility:hidden}
@media(min-width:801px){.studio-demo{margin-top:0}.hero-copy{position:relative;z-index:2}}
@media(max-width:1050px) and (min-width:801px){.studio-tabs button{padding-inline:14px}}
@media(max-width:800px){.studio-demo{margin-top:38px!important}.studio-tabs button{min-height:44px;padding:8px 17px}.studio-demo #hero-compare-note{align-items:flex-start}}
@media(max-width:400px){.studio-tabs{justify-content:stretch}.studio-tabs button{flex:1;padding-inline:8px}}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;filter:none}
.motion-ready .studio-demo.motion-reveal{transform:perspective(1200px) translate3d(0,24px,0) rotateX(3deg) scale(.98);transform-origin:50% 65%}
.motion-ready .studio-demo.motion-reveal.is-visible{transform:none}
.item,.audience-card,.credit-panel{position:relative;isolation:isolate}
.item:after,.audience-card:after,.credit-panel:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(260px circle at var(--light-x,50%) var(--light-y,30%),#80c9ff12,transparent 75%);opacity:0;transition:opacity .35s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.item:hover:after,.audience-card:hover:after,.credit-panel:hover:after{opacity:1}.button{transition:transform .25s ease,background .2s,border-color .2s,box-shadow .3s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.button:active{transform:translateY(0)}.studio-tabs button:hover{box-shadow:inset 0 1px #80c9ff55}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal,.motion-ready .studio-demo.motion-reveal{opacity:1;transform:none;filter:none;transition:none}.studio-tabs:after,.studio-stage,.item:after,.audience-card:after,.credit-panel:after{transition:none}.button:hover{transform:none}}

/* Photo-to-video comparison shares the square hero canvas. */
.studio-video-panel{--split:50%;touch-action:pan-y;user-select:none;cursor:ew-resize}
.studio-video-panel video{position:absolute;inset:0;object-fit:contain;pointer-events:none}
.studio-video-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none;background:#11161b}
.studio-video-panel .studio-play{inset:auto 16px 34px auto;width:44px;height:44px;font-size:18px;opacity:1}
.studio-demo.is-playing .studio-video-panel .studio-play{opacity:1}
.studio-video-timeline{pointer-events:none}

/* Supplied 3ds Max interface stays beneath both navigation and page content. */
body{isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(16,18,21,.91) 0%,rgba(16,18,21,.87) 40%,rgba(16,18,21,.77) 100%),url('site-assets/motion-20261001/3ds-max-background-20260930.webp') center top/cover no-repeat}
.site-header{background:rgba(16,18,21,.58);backdrop-filter:blur(2px)}
.site-header .bar{position:relative}
.hero-copy{text-shadow:0 2px 16px #101215}
@media(max-width:800px){body::before{background-position:60% top;background-image:linear-gradient(rgba(16,18,21,.9),rgba(16,18,21,.88)),url('site-assets/motion-20261001/3ds-max-background-20260930.webp')}}

/* Links inside the consent remain recognizable without relying on color. */
.waitlist-consent a{text-decoration:underline;text-underline-offset:3px}