.development-detail-support .dev-support-demo{padding:0;border:0;background:none;box-shadow:none;animation:none;transform:none;min-height:0;overflow:visible;width:100%;max-width:840px;margin-inline:auto;align-self:center;justify-self:center}
.development-detail-support .dev-support-demo::before,.development-detail-support .dev-support-demo::after{display:none!important}
.iq-support-scene{display:block;width:100%;aspect-ratio:900/650;contain:layout style;line-height:0;pointer-events:none}
.iq-support-scene>svg{display:block;width:100%;height:auto;overflow:visible}
@media(min-width:1101px){.development-detail-support .dev-hero{padding-block:clamp(24px,4svh,64px);align-items:center;min-height:calc(100svh - 88px)}.development-detail-support .dev-support-demo{width:min(100%,840px,calc((100svh - 160px)*1.3846))}}
@media(max-width:1100px){.development-detail-support .dev-support-demo{max-width:700px}}
@media(max-width:640px){.development-detail-support .dev-support-demo{width:calc(100% + 12px);margin-inline:-6px}}
@media(min-width:1101px) and (max-height:760px){.development-detail-support .dev-hero{padding-block:22px;gap:clamp(28px,4vw,64px)}.development-detail-support .dev-hero h1{font-size:clamp(48px,4vw,64px);line-height:1}.development-detail-support .dev-hero-copy>.section-tag{margin-bottom:20px}.development-detail-support .dev-hero-copy>p:not(.section-tag){margin-top:20px;font-size:14px;line-height:1.6}.development-detail-support .dev-hero-copy>div{margin-top:20px}.development-detail-support .dev-support-demo{align-self:start;width:min(100%,840px,calc((100svh - 160px)*1.3846))}}
.iqt-cursor{transform:translate(708px,427px)}.iqt-click{opacity:0}
.iq-support-scene[data-iqt-ready] .iqt-cursor{animation:iqt-cursor 12s ease-in-out infinite}
.iq-support-scene[data-iqt-ready] .iqt-success{animation:iqt-success 12s ease infinite}
.iq-support-scene[data-iqt-ready] .iqt-request-1{animation:iqt-select 12s ease infinite}
.iq-support-scene[data-iqt-ready] .iqt-click{animation:iqt-click 12s ease infinite;transform-origin:711px 431px}
.iq-support-scene[data-iqt-active="0"] svg *{animation-play-state:paused!important}
@keyframes iqt-cursor{0%{opacity:0;transform:translate(283px,490px)}10%,19%{opacity:1;transform:translate(267px,387px)}23%{transform:translate(267px,387px) scale(.92)}28%{transform:translate(267px,387px)}47%,52%{opacity:1;transform:translate(708px,427px)}55%{transform:translate(708px,427px) scale(.92)}59%,80%{opacity:1;transform:translate(708px,427px)}92%,100%{opacity:0;transform:translate(741px,469px)}}
@keyframes iqt-success{0%,60%,97%,100%{opacity:0;translate:0 6px}68%,89%{opacity:1;translate:0 0}}
@keyframes iqt-select{0%,18%,100%{opacity:.45}26%,92%{opacity:1}}
@keyframes iqt-click{0%,52%,64%,100%{opacity:0;transform:scale(.6)}56%{opacity:.6;transform:scale(.65)}63%{opacity:0;transform:scale(1.6)}}
@media(prefers-reduced-motion:reduce){.iq-support-scene svg *{animation:none!important;translate:none!important}.iqt-success,.iqt-request-1{opacity:1!important}.iqt-cursor{opacity:1!important;transform:translate(708px,427px)!important}.iqt-click{opacity:0!important}}