/* studio 1684 · comparison-tables · chat-split · orbit-icons */
.scene{--scene-a:oklch(72% 0.14 91);--scene-b:oklch(68% 0.12 139);--scene-glow:color-mix(in oklch,var(--scene-a) 30%,transparent);--scene-radius:0.71rem;position:relative;max-inline-size:58rem;margin-inline:auto;padding:clamp(1.1rem,3vw,2rem);isolation:isolate}
.scene::before{content:"";position:absolute;inset:-10% auto auto -6%;inline-size:min(26rem,65%);block-size:14rem;border-radius:50%;background:radial-gradient(15deg,var(--scene-glow),transparent 70%);pointer-events:none;z-index:-1}
.scene-mark{display:inline-grid;place-items:center;inline-size:2.4rem;block-size:2.4rem;border-radius:calc(var(--scene-radius)*.9);background:linear-gradient(15deg,var(--scene-a),var(--scene-b));color:var(--velin-color-on-primary);box-shadow:0 12px 30px var(--scene-glow)}
.scene-title{font-family:var(--velin-font-heading);font-size:clamp(1.45rem,3.2vw,2.15rem);line-height:1.08;margin:0}
.scene-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.scene-card{padding:1rem;border-radius:var(--scene-radius);border:1px solid color-mix(in oklch,var(--scene-a) 22%,var(--atelier-hairline));background:color-mix(in oklch,var(--atelier-glass) 88%,var(--scene-a) 6%);backdrop-filter:blur(12px)}
.scene-split{display:grid;gap:1rem;grid-template-columns:1.1fr .9fr}
.scene-rail{display:flex;gap:.65rem;overflow-x:auto}
.scene-rail>*{flex:0 0 11.5rem}
.scene-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:999px;font-weight:700;cursor:pointer}
.scene-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.7rem .85rem;border-radius:calc(var(--scene-radius)*.85);border:1px solid var(--atelier-hairline);background:var(--atelier-glass);margin-block-end:.45rem}
.scene-skel{height:0.85rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklch,canvasText 8%,transparent),color-mix(in oklch,var(--scene-a) 18%,transparent),color-mix(in oklch,canvasText 8%,transparent));background-size:200% 100%;animation:scene-shimmer 1.4s linear infinite;margin-block-end:.55rem}
@media(max-width:42rem){.scene-split{grid-template-columns:1fr}}
@keyframes scene-orbit{from{transform:rotate(0) translateX(4px) rotate(0)}to{transform:rotate(360deg) translateX(4px) rotate(-360deg)}}.scene[data-motion="orbit-icons"] .orbit{display:inline-grid;animation:scene-orbit 8s linear infinite}
@media(prefers-reduced-motion:reduce){.scene[data-motion] .motion-item,.scene[data-motion] .scene-mark,.scene[data-motion] .scene-cta,.scene[data-motion] .scene-title,.scene[data-motion] .kpi-pulse,.scene[data-motion] .orbit,.scene[data-motion] .wipe-l,.scene[data-motion] .wipe-r,.scene[data-motion] .scene-accent::before,.scene-skel{animation:none!important}}