
.companies-page{background:#0a1020;color:#f5f7fc}.companies-intro{max-width:1240px;margin:auto;padding:170px 6% 65px}.companies-intro>p:first-child{color:#54d6ed;letter-spacing:.12em;text-transform:uppercase;font-size:14px}.companies-intro h1{font-size:clamp(36px,5vw,66px);line-height:1.12;max-width:880px;margin:20px 0}.companies-intro>p{color:#b4c2d5;font-size:18px;line-height:1.8}.company-jump{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:30px}.company-jump a{color:#e1e9f4;text-decoration:none;border-bottom:1px solid #36cde0;padding-bottom:8px}.company-feature{direction:ltr;display:grid;grid-template-columns:minmax(0,.85fr) 36px minmax(0,1.2fr);gap:36px;align-items:center;padding:78px max(6%,calc((100vw - 1240px)/2));border-top:1px solid #ffffff12;scroll-margin-top:105px;background:radial-gradient(ellipse at 10% 50%,#14304566,transparent 55%),#0a1020}.company-feature:nth-child(odd){background:radial-gradient(ellipse at 90% 50%,#30214655,transparent 55%),#0c1222}.presenter{text-align:center;min-width:0}.presenter img{width:min(100%,380px);height:auto;object-fit:contain;filter:drop-shadow(0 14px 28px #29cbe629)}.presenter p{font-size:14px;letter-spacing:.08em;color:#9bafc8;margin-top:24px}.company-divider{height:330px;width:1px;background:linear-gradient(transparent,#83dcee,transparent);position:relative;justify-self:center}.company-divider span{position:absolute;top:45%;left:-9px;width:19px;height:19px;border-radius:50%;background:#e8faff;box-shadow:0 0 24px #55cee8,0 0 45px #6985ed;animation:company-glow 5s ease-in-out infinite}.company-copy{min-width:0}.company-number{display:block;color:#89a2bd;font-size:14px;letter-spacing:.15em;margin-bottom:22px}.company-mark{position:relative;overflow:hidden;width:145px;border-radius:8px;margin-bottom:22px;background:#f5f2ec}.company-mark img{position:absolute;height:auto;display:block}.company-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin:0 0 24px;color:#fff}.company-copy>p{font-size:18px;line-height:1.9;color:#bdc9d9;margin:0}.company-link{display:inline-block;margin-top:28px;padding:12px 22px;border:1px solid #47c4df77;border-radius:30px;color:#71e1f5;text-decoration:none}.company-link:hover{background:#47c4df22}.company-jump a:focus-visible,.company-link:focus-visible{outline:2px solid #fff;outline-offset:5px}[dir=rtl] .company-copy{direction:rtl;text-align:right}[dir=rtl] .company-mark{margin-left:auto}@keyframes company-glow{50%{transform:translateY(28px);box-shadow:0 0 28px #b87bfd,0 0 42px #55cee8}}@media(max-width:760px){.companies-intro{padding:130px 24px 45px}.company-feature{grid-template-columns:1fr;padding:45px 24px;gap:22px}.presenter img{width:150px}.presenter p{margin-top:10px}.company-divider{width:100%;height:1px}.company-divider span{top:-9px;left:48%;animation:none}.company-copy{padding-top:15px}.company-mark{width:115px}.company-copy>p{font-size:17px}}@media(prefers-reduced-motion:reduce){.company-divider span{animation:none}}

/* V17: background-free presenter, isolated brand artwork and gentle depth. */
.presenter{perspective:1000px;padding:30px 0}.presenter img{width:min(100%,460px);height:auto;background:transparent;filter:drop-shadow(0 16px 12px #0009) drop-shadow(0 0 18px #24cce52b);animation:presenter-float 7s ease-in-out infinite;transform-style:preserve-3d}.company-mark{width:230px;aspect-ratio:1!important;background:transparent;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);animation:brand-float 8s ease-in-out infinite}.company-mark img{height:auto}.company-feature,.company-feature:nth-child(odd){background:#0a1020}.company-copy{perspective:1000px}.company-mark:hover{animation-play-state:paused;filter:brightness(1.14)}@keyframes presenter-float{0%,100%{transform:translateY(0) rotateY(-5deg) rotateX(2deg)}50%{transform:translateY(-12px) rotateY(5deg) rotateX(-2deg)}}@keyframes brand-float{0%,100%{transform:translateY(0) rotateY(3deg)}50%{transform:translateY(-7px) rotateY(-3deg)}}@media(max-width:760px){.presenter img{width:min(100%,310px)}.company-mark{width:190px}.presenter{padding:16px 0}}@media(prefers-reduced-motion:reduce){.presenter img,.company-mark{animation:none;transform:none}}

/* V18: three featured brand logos — continuous 3D turn and shine. */
:is(#varz,#stopncart,#ym-studio,#qaswa) .company-mark{animation:brand-turn-shine 6s ease-in-out infinite;transform-origin:center;will-change:transform,filter;isolation:isolate;overflow:hidden}
:is(#varz,#stopncart,#ym-studio,#qaswa) .company-mark::after{content:"";position:absolute;inset:-25% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(195,230,255,.08) 46%,rgba(255,255,255,.5) 49%,rgba(255,243,201,.16) 52%,transparent 56%);mix-blend-mode:screen;transform:translateX(-75%);animation:brand-shine-sweep 6s ease-in-out infinite;z-index:2}
#stopncart .company-mark,#stopncart .company-mark::after{animation-delay:-2s}
#ym-studio .company-mark,#ym-studio .company-mark::after{animation-delay:-4s}
@keyframes brand-turn-shine{0%,100%{transform:perspective(850px) translateY(0) rotateY(-12deg) rotateX(4deg);filter:brightness(1)}45%{transform:perspective(850px) translateY(-12px) rotateY(12deg) rotateX(-4deg);filter:brightness(1.18)}65%{filter:brightness(1.04)}}
@keyframes brand-shine-sweep{0%,15%{transform:translateX(-75%);opacity:0}25%{opacity:1}55%{transform:translateX(75%);opacity:0}100%{transform:translateX(75%);opacity:0}}
@media(prefers-reduced-motion:reduce){:is(#varz,#stopncart,#ym-studio,#qaswa) .company-mark{animation:none;transform:none;filter:none;will-change:auto}:is(#varz,#stopncart,#ym-studio,#qaswa) .company-mark::after{animation:none;display:none}}

#qaswa .company-mark,#qaswa .company-mark::after{animation-delay:-3s}
