/* Scoped to the homepage's existing right pane. Original hero-copy is untouched. */
.hero>.hero-motion{container-type:inline-size}
.hero>.hero-motion>.motion-ring,.hero>.hero-motion>.motion-core,.hero>.hero-motion>.float-note,.hero>.hero-motion>.iq-hero-cycle-visual{display:none!important}
.hero>.hero-motion::after{content:"";position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:824px;max-height:783px;margin:auto;background:url("/assets/iq-home-cursor-poster-ru-20261028-142badcc8803.svg") center/contain no-repeat;pointer-events:none}
html:lang(en) .hero>.hero-motion::after{background-image:url("/assets/iq-home-cursor-poster-en-20261028-b7b3be9f1ef0.svg")}
.hero>.hero-motion[data-iq-cursor-mounted]::after{display:none}
.hero>.hero-motion>.motion-caption{z-index:3;bottom:5%;width:calc(100% - 24px);max-width:none;margin:0;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;color:#8192aa;pointer-events:none}
.hero>.hero-motion>.iqhc-scene{position:absolute;inset:0;z-index:2;overflow:hidden;isolation:isolate;opacity:0;color:#233044;font-family:Arial,Helvetica,sans-serif;pointer-events:none}
.hero>.hero-motion[data-iq-cursor-mounted]>.iqhc-scene{opacity:1}
.hero>.hero-motion .iqhc-scene,.hero>.hero-motion .iqhc-scene *{box-sizing:border-box}
.hero>.hero-motion .iqhc-board{position:absolute;left:var(--iqhc-center-x,50%);top:var(--iqhc-center-y,50%);width:610px;height:580px;transform:translate(-50%,-50%) scale(var(--iqhc-scale,1));transform-origin:center}
.hero>.hero-motion .iqhc-shadow{position:absolute;left:68px;top:434px;width:474px;height:68px;background:radial-gradient(ellipse,#40649123,transparent 70%);border-radius:50%;filter:blur(15px)}
/* Keep the tilt affine so text is painted at the final scale rather than into a 3D texture. */
.hero>.hero-motion .iqhc-studio{position:absolute;left:78px;top:169px;width:433px;height:288px;background:#fff;border:1px solid #cfdef0;border-radius:11px;box-shadow:0 25px 50px #2b568820;transform:matrix(.971,-.147,.119,.982,0,0);transform-origin:center;overflow:visible}
.hero>.hero-motion .iqhc-chrome{height:27px;display:flex;align-items:center;gap:4px;padding-inline:11px;background:#f3f7fc;border-bottom:1px solid #e7eff8;border-radius:10px 10px 0 0;position:relative}
.hero>.hero-motion .iqhc-chrome>i{width:3.5px;height:3.5px;border-radius:50%;background:#c2d1e4}
.hero>.hero-motion .iqhc-grid{position:absolute;inset:27px 0 0;border-radius:0 0 11px 11px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 41px,#f2f6fc 42px,transparent 43px),repeating-linear-gradient(transparent 0,transparent 42px,#f2f6fc 43px,transparent 44px)}
.hero>.hero-motion .iqhc-title{position:absolute;left:29px;top:70px;margin:0;padding:0;font:750 42px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-1.8px;color:#233044}
.hero>.hero-motion .iqhc-title>span{display:block}
.hero>.hero-motion .iqhc-services{position:absolute;left:32px;top:172px;margin:0;padding:0;font:400 13px/1.55 Arial,Helvetica,sans-serif;letter-spacing:0;color:#64758f}
.hero>.hero-motion .iqhc-services>b{font:inherit}
.hero>.hero-motion .iqhc-launch{position:absolute;left:31px;bottom:24px;width:137px;height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#246ff2;color:#fff;font:400 12px/1 Arial,Helvetica,sans-serif;letter-spacing:0;transform-origin:center}
.hero>.hero-motion .iqhc-launch-symbol{font:400 16px/1 Arial,Helvetica,sans-serif}
.hero>.hero-motion .iqhc-launch-target{position:absolute;left:105px;top:15px;width:1px;height:1px}
.hero>.hero-motion .iqhc-module{position:absolute;left:233px;top:72px;width:161px;height:171px;border-radius:9px;background:linear-gradient(130deg,#4b91ff,#246ff2 60%,#1155d4);box-shadow:0 14px 25px #246ff22b;display:flex;align-items:center;justify-content:center;will-change:transform}
.hero>.hero-motion .iqhc-drag-target{position:absolute;left:109px;top:29px;width:1px;height:1px}
.hero>.hero-motion .iqhc-module-inner{width:116px;height:116px;background:#fff;border-radius:6px;box-shadow:0 12px 18px #09358035;transform:rotate(-7deg);overflow:hidden}
.hero>.hero-motion .iqhc-module-top{height:16px;background:#f0f5fd;display:flex;align-items:center;padding-inline:8px;gap:3px}
.hero>.hero-motion .iqhc-module-top>i{height:3px;width:3px;border-radius:50%;background:#b8cce8}
.hero>.hero-motion .iqhc-module-bars{padding:14px 11px 7px}
.hero>.hero-motion .iqhc-module-bars>i{display:block;width:54px;height:4px;background:#b7d2f8;margin-bottom:6px}
.hero>.hero-motion .iqhc-module-bars>i:first-child{background:#366fd0;width:36px}
.hero>.hero-motion .iqhc-module-bars>i:last-child{width:76px;height:3px}
.hero>.hero-motion .iqhc-module-boxes{display:flex;padding:5px 11px;gap:5px}
.hero>.hero-motion .iqhc-module-boxes>i{width:28px;height:29px;border-radius:2px;background:#e4efff}
.hero>.hero-motion .iqhc-module-boxes>i:first-child{background:#9dc5ff}
.hero>.hero-motion .iqhc-selection{position:absolute;left:228px;top:67px;width:171px;height:181px;border:1px solid #246ff2}
.hero>.hero-motion .iqhc-selection>i{position:absolute;width:5px;height:5px;background:#fff;border:1px solid #246ff2;left:-3px;top:-3px}
.hero>.hero-motion .iqhc-selection>i:nth-child(2){left:auto;right:-3px}
.hero>.hero-motion .iqhc-selection>i:nth-child(3){top:auto;bottom:-3px}
.hero>.hero-motion .iqhc-selection>i:last-child{left:auto;right:-3px;top:auto;bottom:-3px}
.hero>.hero-motion .iqhc-pointer{position:absolute;left:0;top:0;width:178px;height:194px;filter:drop-shadow(9px 18px 10px #1b386321);transform-origin:28px 22px;will-change:transform}
.hero>.hero-motion .iqhc-pointer>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.hero>.hero-motion .iqhc-wave{position:absolute;width:24px;height:24px;border-radius:50%;border:1px solid #246ff2;opacity:0}
@media(max-width:1000px){.hero>.hero-motion{min-height:clamp(380px,76vw,620px)}}
@media(max-width:640px){.hero>.hero-motion{min-height:clamp(360px,103vw,540px)}.hero>.hero-motion>.motion-caption{font-size:10px;letter-spacing:.035em}}
@media(min-width:1001px){
  .hero>.hero-motion::after{top:0;bottom:auto;max-width:none;max-height:none;height:min(100%,calc(100svh - 88px));margin:0;background-size:116% auto}
  .hero>.hero-motion>.motion-caption{top:var(--iqhc-caption-top,calc(100svh - 120px));bottom:auto}
  .hero>.hero-motion .iqhc-drag-target{left:82px}
}
@container(max-width:480px){
  .hero>.hero-motion .iqhc-studio{top:120px;height:350px}
  .hero>.hero-motion .iqhc-services{top:168px;width:170px;font-size:21px;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:normal}
  .hero>.hero-motion .iqhc-services>span{display:block}
  .hero>.hero-motion .iqhc-services>span:not(:last-of-type)::after{content:","}
  .hero>.hero-motion .iqhc-services>b,.hero>.hero-motion .iqhc-services>br{display:none}
  .hero>.hero-motion .iqhc-module{top:96px}
  .hero>.hero-motion .iqhc-selection{top:91px}
  .hero>.hero-motion .iqhc-launch{width:180px;height:40px;font-size:21px}
  .hero>.hero-motion .iqhc-launch-symbol{font-size:24px}
  .hero>.hero-motion .iqhc-launch-target{left:151px;top:19px}
}
@media(max-width:480px),(min-width:1001px) and (max-width:1242px){
  .hero>.hero-motion::after{background-image:url("/assets/iq-home-cursor-poster-compact-ru-20261028-8063878d8e38.svg")}
  html:lang(en) .hero>.hero-motion::after{background-image:url("/assets/iq-home-cursor-poster-compact-en-20261028-5e4f8a8c2199.svg")}
}
@media(prefers-reduced-motion:reduce){.hero>.hero-motion .iqhc-module,.hero>.hero-motion .iqhc-pointer,.hero>.hero-motion .iqhc-launch{will-change:auto}}
