/* mucept — products page (extends style.css, inner.css, services.css, blog.css) */

/* ---------- SaaS suite (stacked-style cards kept static; image placeholder on the left) ---------- */
.suite .cases{max-width:1100px}
.suite .case{position:relative;top:auto}
.case--prod .case__vis--ph{margin:0;display:block;padding:0;background:#e8e8f6}
.case--prod .case__vis--ph::before{display:none}
.case--prod .case__vis--ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.case--prod .ph{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #aeb0d8;border-radius:16px;color:#7b7fb0;text-align:center;transition:background .4s,border-color .4s,color .4s}
.case--prod .ph svg{width:56px;height:56px}
.case--prod .ph strong{font:600 15px var(--ff-h);letter-spacing:.04em;text-transform:uppercase}
.case--prod .ph small{font-size:12.500px;opacity:.8}
.case--prod:hover .ph{background:rgba(110,86,232,.08);border-color:#7048ee;color:#7048ee}
.case--prod .case__main>p{margin-bottom:0}
.case--prod .case__stats{grid-template-columns:1fr;gap:12px}
.case--prod .case__stats dt{display:flex;align-items:center;gap:12px;font:600 clamp(15px,1.200vw,18px)/1.3 var(--ff-h);background:none;-webkit-text-fill-color:#fff;color:#fff}
.case--prod .case__stats dt::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#16d6a6,#6e56e8)}

/* ---------- VR / why choose us ---------- */
.vr{padding:clamp(60px,6.500vw,96px) 0 clamp(60px,6vw,96px);color:#fff;background:
  radial-gradient(ellipse 50% 40% at 50% 0%,rgba(100,148,205,.45),transparent),
  radial-gradient(ellipse 35% 50% at 0% 100%,rgba(24,128,128,.55),transparent),
  radial-gradient(ellipse 40% 50% at 100% 90%,rgba(80,90,220,.4),transparent),
  linear-gradient(180deg,#10214a 0%,#11193d 60%)}
.vr .container{max-width:1180px;z-index:2}
.vr .why__light--1{right:6%;bottom:6%}
.vr .why__light--2{right:34%;bottom:4%}
.vr__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:center;margin-top:clamp(30px,3.500vw,52px)}
.vr__img{margin:0 -40px 0 0;position:relative;z-index:1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%),linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 12%),linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%);mask-composite:intersect}
.vr__img img{width:100%;display:block;animation:float 7s ease-in-out infinite;will-change:transform}
.vr__panel{position:relative;z-index:2;padding:clamp(24px,2.600vw,40px) clamp(26px,3vw,46px);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(30,40,90,.88),rgba(17,25,61,.92));box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.vr__wave{position:absolute;right:-60px;top:-40px;bottom:-40px;width:150px;background:radial-gradient(ellipse 80% 60% at 70% 30%,rgba(50,120,255,.7),transparent 65%),radial-gradient(ellipse 80% 50% at 60% 80%,rgba(22,214,166,.55),transparent 65%);filter:blur(14px);animation:floatSlow 8s ease-in-out infinite;pointer-events:none}
.vr__panel ul{position:relative}
.vr__panel li{display:flex;gap:20px;align-items:flex-start;padding:clamp(14px,1.500vw,22px) 0;transition:transform .4s var(--ease)}
.vr__panel li+li{border-top:1px solid rgba(255,255,255,.1)}
.vr__panel li:hover{transform:translateX(8px)}
.vr__panel .wico{position:static;margin:0;flex:none;width:56px;height:56px;border-width:3px;transition:transform .6s var(--ease)}
.vr__panel li:hover .wico{transform:rotateY(360deg)}
.vr__panel h3{font:700 16px/1.3 var(--ff-h)}
.vr__panel p{margin-top:8px;font-size:13px;line-height:1.7;color:rgba(255,255,255,.72);max-width:440px}

@media (max-width:980px){
  .vr__inner{grid-template-columns:1fr}
  .vr__img{margin:0 auto;max-width:420px}
}
@media (max-width:640px){
  .vr__panel .wico{width:46px;height:46px}
}
.suite .case{position:relative;top:auto}