/* QALYNTRA marketing: cinematic four-stage live workspace showcase */
.qcs-five-peek{position:relative}
.qcs-real-picture{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.qcs-real-picture>figcaption{display:none!important}
.qcs-live-stage-grid{display:grid;gap:32px;width:100%}
.qcs-live-stage{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.58fr);min-height:590px;overflow:hidden;border:1px solid rgba(68,126,232,.16);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,250,255,.94));box-shadow:0 30px 90px rgba(14,54,113,.13),inset 0 1px 0 rgba(255,255,255,.95);isolation:isolate}
.qcs-live-stage:nth-child(even){grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr)}
.qcs-live-stage:nth-child(even) .qcs-live-copy{order:2}
.qcs-live-stage:nth-child(even) .qcs-live-visual{order:1}
.qcs-live-stage:before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(60,177,255,.14),rgba(92,89,255,.05) 45%,transparent 70%);filter:blur(6px);right:-160px;top:-170px;z-index:-1;animation:qcsAura 8s ease-in-out infinite}
.qcs-live-stage:nth-child(even):before{right:auto;left:-180px;top:120px}
.qcs-live-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:58px 46px 54px 52px;z-index:3}
.qcs-live-brand{position:absolute;left:46px;top:28px;color:#0b367d;font-size:26px;font-weight:900;letter-spacing:-.03em}
.qcs-live-brand small{display:block;margin-top:2px;color:#159ec0;font-size:8px;font-weight:800;letter-spacing:.02em}
.qcs-live-eyebrow{margin:32px 0 18px;color:#1769e8;font-size:12px;font-weight:900;letter-spacing:.23em;text-transform:uppercase}
.qcs-live-copy h3{margin:0;color:#0a2d73;font-size:clamp(38px,3.2vw,64px);line-height:.99;letter-spacing:-.055em;font-weight:800}
.qcs-live-kicker{margin:24px 0 0;color:#123b8a;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.02em}
.qcs-live-copy>p{max-width:520px;margin:20px 0 0;color:#5e7195;font-size:17px;line-height:1.65}
.qcs-live-points{display:grid;gap:15px;margin-top:28px}
.qcs-live-point{display:flex;align-items:center;gap:14px;color:#123574;font-size:15px;font-weight:700}
.qcs-live-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(88,108,255,.24);border-radius:14px;background:linear-gradient(145deg,#fff,#f2f6ff);box-shadow:0 10px 24px rgba(58,87,180,.09);color:#3e5fff;font-size:20px}
.qcs-live-pill{display:inline-flex;align-items:center;gap:11px;align-self:flex-start;margin-top:30px;padding:12px 20px 12px 12px;border:1px solid rgba(74,138,255,.2);border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 8px 30px rgba(61,102,189,.08);color:#2b5fd1;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.qcs-live-pill i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d7ffff 0 8%,#37d8ff 22%,#5264ff 50%,#6743e9 72%);box-shadow:0 0 0 7px rgba(70,117,255,.08),0 0 24px rgba(51,175,255,.68);animation:qcsOrb 2.1s ease-in-out infinite}
.qcs-live-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:34px 34px 34px 6px}
.qcs-live-stage:nth-child(even) .qcs-live-visual{padding:34px 6px 34px 34px}
.qcs-live-frame{position:relative;width:100%;max-width:1050px;aspect-ratio:16/9;overflow:hidden;border:2px solid rgba(95,163,255,.38);border-radius:30px;background:#f6f9ff;box-shadow:0 25px 55px rgba(23,65,131,.14),0 0 0 8px rgba(255,255,255,.7),0 0 60px rgba(71,150,255,.13)}
.qcs-live-frame img{display:block;width:100%;height:100%;object-fit:cover}
.qcs-live-frame:before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(89,195,255,.07),transparent);background-size:220% 100%;animation:qcsShimmer 6s linear infinite}
.qcs-scan-beam{position:absolute;z-index:8;left:1.8%;right:1.8%;height:2px;top:8%;background:linear-gradient(90deg,transparent 0,#5df3ff 17%,#7f8bff 50%,#5df3ff 83%,transparent 100%);box-shadow:0 0 8px #5ae8ff,0 0 24px rgba(80,144,255,.75),0 0 58px rgba(87,82,255,.4);animation:qcsScan 5.2s cubic-bezier(.45,.02,.55,.98) infinite alternate}
.qcs-scan-beam:after{content:'';position:absolute;left:0;right:0;top:-22px;height:44px;background:linear-gradient(180deg,transparent,rgba(81,203,255,.08),transparent)}
.qcs-ai-core{position:absolute;z-index:10;left:-43px;top:50%;transform:translateY(-50%);display:grid;width:88px;height:88px;place-items:center;border-radius:50%;color:#184ad6;font-size:24px;font-weight:900;background:radial-gradient(circle at 40% 35%,#fff 0 16%,#aef5ff 18%,#4ba8ff 37%,#5858f2 62%,#1d4fb8 80%);border:4px solid rgba(255,255,255,.88);box-shadow:0 0 0 7px rgba(86,175,255,.13),0 0 35px rgba(51,180,255,.8),0 0 85px rgba(65,91,255,.45);animation:qcsCore 2.3s ease-in-out infinite}
.qcs-live-stage:nth-child(even) .qcs-ai-core{left:auto;right:-43px}
.qcs-ai-core:before,.qcs-ai-core:after{content:'';position:absolute;inset:-15px;border:1px solid rgba(96,204,255,.46);border-radius:50%;animation:qcsSpin 7s linear infinite}
.qcs-ai-core:after{inset:-26px;border-style:dashed;opacity:.55;animation-direction:reverse;animation-duration:10s}
.qcs-electric-lines{position:absolute;z-index:4;left:-110px;top:50%;width:170px;height:220px;transform:translateY(-50%);pointer-events:none;opacity:.8;background:radial-gradient(circle at 80% 50%,rgba(68,222,255,.3),transparent 35%)}
.qcs-live-stage:nth-child(even) .qcs-electric-lines{left:auto;right:-110px;transform:translateY(-50%) scaleX(-1)}
.qcs-electric-lines:before,.qcs-electric-lines:after{content:'';position:absolute;left:5px;right:0;height:1px;top:38%;background:linear-gradient(90deg,transparent,#89f5ff,#6b86ff);box-shadow:0 18px 0 rgba(101,219,255,.7),0 36px 0 rgba(115,134,255,.48),0 -18px 0 rgba(89,222,255,.6);filter:drop-shadow(0 0 7px #5bdfff);animation:qcsElectric 2.7s ease-in-out infinite}
.qcs-electric-lines:after{top:56%;animation-delay:-1.2s;opacity:.6}
.qcs-float-chip{position:absolute;z-index:11;padding:11px 14px;border:1px solid rgba(90,157,255,.23);border-radius:16px;background:rgba(255,255,255,.89);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(39,72,130,.12);color:#234477;font-size:11px;font-weight:800;animation:qcsFloat 4s ease-in-out infinite}
.qcs-chip-a{left:1%;top:12%}.qcs-chip-b{left:3%;bottom:15%;animation-delay:-1.8s}.qcs-live-stage:nth-child(even) .qcs-chip-a{left:auto;right:1%}.qcs-live-stage:nth-child(even) .qcs-chip-b{left:auto;right:3%}
/* HTML mockups for Smart SOP and KPI Hub */
.qcs-sop-ui,.qcs-kpi-ui{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f7fbff);color:#14336e;font-family:inherit}
.qcs-ui-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dce7f3;background:#fff}
.qcs-ui-top strong{font-size:18px}.qcs-ui-top small{display:block;margin-top:3px;color:#6a7b99;font-size:9px}.qcs-ui-actions{display:flex;gap:7px}.qcs-ui-actions span{padding:8px 10px;border:1px solid #d9e5f2;border-radius:9px;background:#fff;font-size:8px;font-weight:800}.qcs-ui-actions span.hot{background:#6248f3;color:#fff;border-color:#6248f3}
.qcs-sop-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:14px 18px}.qcs-sop-tabs span{padding:10px 7px;text-align:center;border:1px solid #dce7f2;border-radius:10px;background:#fff;font-size:8px;font-weight:800}.qcs-sop-tabs span:nth-child(3){background:linear-gradient(90deg,#6548f4,#4d65f2);color:#fff}
.qcs-sop-body{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px;padding:0 18px 18px;min-height:0;flex:1}
.qcs-sop-source{padding:18px;border:1px solid #dfe8ef;border-radius:16px;background:#fff}.qcs-sop-source h4{margin:0 0 8px;font-size:13px}.qcs-sop-source p{margin:5px 0;color:#657793;font-size:8px;line-height:1.45}.qcs-sop-source .danger{margin-top:14px;padding:12px;border-left:3px solid #ff596d;border-radius:8px;background:#fff1f3;color:#b83b4b;font-weight:800}
.qcs-sop-steps{display:grid;gap:10px;align-content:start}.qcs-sop-step{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:15px;border:1px solid #dbe7f2;border-radius:16px;background:#fff}.qcs-sop-step b{display:grid;width:42px;height:42px;place-items:center;border:2px solid #7663f4;border-radius:12px;color:#5b4be8;font-size:16px}.qcs-sop-step strong{font-size:10px}.qcs-sop-step small{display:block;margin-top:4px;color:#6e7f9b;font-size:8px}.qcs-sop-step i{padding:6px 9px;border-radius:999px;background:#eef0ff;color:#5b53df;font-size:7px;font-style:normal;font-weight:900}
.qcs-kpi-shell{display:grid;grid-template-columns:92px 1fr;min-height:100%;background:#f7fbff}.qcs-kpi-side{padding:18px 10px;border-right:1px solid #dde8f1;background:#fff}.qcs-kpi-logo{display:grid;width:42px;height:42px;margin:0 auto 16px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#6d54f4,#4e65f5);color:#fff;font-weight:900}.qcs-kpi-nav{display:grid;gap:10px}.qcs-kpi-nav span{padding:9px 6px;text-align:center;border-radius:9px;color:#355080;font-size:7px;font-weight:800}.qcs-kpi-nav span.active{border:1px solid #5787ff;background:#eef4ff;color:#1d54d5}
.qcs-kpi-main{display:flex;flex-direction:column;min-width:0}.qcs-kpi-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr .8fr;gap:9px;padding:14px 16px}.qcs-kpi-box{padding:12px;border:1px solid #dae7f0;border-radius:12px;background:#fff}.qcs-kpi-box small{display:block;color:#6c7d98;font-size:7px;font-weight:800}.qcs-kpi-box strong{display:block;margin-top:6px;font-size:9px}.qcs-kpi-box.live{display:grid;place-items:center;background:linear-gradient(135deg,#0791a5,#07758d);color:#fff;font-weight:800}
.qcs-kpi-table{margin:0 16px 16px;overflow:hidden;border:1px solid #dbe6ef;border-radius:13px;background:#fff}.qcs-kpi-head,.qcs-kpi-row{display:grid;grid-template-columns:.8fr .7fr 1.5fr 1.2fr;gap:8px;align-items:start}.qcs-kpi-head{padding:10px 12px;background:#087b86;color:#fff;font-size:7px;font-weight:900}.qcs-kpi-row{padding:14px 12px;color:#35517b;font-size:8px}.qcs-kpi-status{display:inline-block;padding:5px 8px;border-radius:999px;background:#fff1d9;color:#b16a00;font-weight:900}.qcs-kpi-textarea{min-height:104px;padding:10px;border:1px solid #dfe7ee;border-radius:9px;background:#fbfdff;line-height:1.45}.qcs-source-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.qcs-source-strip span{padding:11px;border:1px solid #d9e7f2;border-radius:12px;background:#fff;color:#28538e;font-size:8px;font-weight:800;box-shadow:0 8px 20px rgba(47,86,145,.08)}
@keyframes qcsScan{0%{top:7%;opacity:.15}12%{opacity:1}88%{opacity:1}100%{top:92%;opacity:.18}}
@keyframes qcsShimmer{to{background-position:-220% 0}}
@keyframes qcsCore{0%,100%{transform:translateY(-50%) scale(.96);filter:saturate(.95)}50%{transform:translateY(-50%) scale(1.07);filter:saturate(1.2)}}
@keyframes qcsOrb{0%,100%{transform:scale(.9);box-shadow:0 0 0 7px rgba(70,117,255,.08),0 0 18px rgba(51,175,255,.55)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(70,117,255,.08),0 0 35px rgba(51,175,255,.85)}}
@keyframes qcsSpin{to{transform:rotate(360deg)}}
@keyframes qcsElectric{0%,100%{transform:translateX(-8px);opacity:.35}50%{transform:translateX(8px);opacity:1}}
@keyframes qcsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes qcsAura{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}}
@media(max-width:1100px){.qcs-live-stage,.qcs-live-stage:nth-child(even){grid-template-columns:1fr;min-height:0}.qcs-live-stage:nth-child(even) .qcs-live-copy,.qcs-live-stage:nth-child(even) .qcs-live-visual{order:initial}.qcs-live-copy{padding:54px 30px 28px}.qcs-live-brand{left:30px}.qcs-live-visual,.qcs-live-stage:nth-child(even) .qcs-live-visual{padding:18px 24px 30px}.qcs-ai-core{left:50%!important;right:auto!important;top:-27px;transform:translateX(-50%);width:68px;height:68px;font-size:19px}.qcs-ai-core{animation:none}.qcs-electric-lines{display:none}.qcs-live-frame{border-radius:22px}}
@media(max-width:700px){.qcs-live-stage-grid{gap:22px}.qcs-live-stage{border-radius:25px}.qcs-live-copy{padding:50px 20px 22px}.qcs-live-brand{left:20px;top:20px;font-size:21px}.qcs-live-copy h3{font-size:38px}.qcs-live-kicker{font-size:18px}.qcs-live-copy>p{font-size:15px}.qcs-live-point{font-size:13px}.qcs-live-icon{width:40px;height:40px}.qcs-live-visual,.qcs-live-stage:nth-child(even) .qcs-live-visual{padding:14px}.qcs-float-chip{display:none}.qcs-sop-body{grid-template-columns:1fr}.qcs-sop-source{display:none}.qcs-kpi-shell{grid-template-columns:1fr}.qcs-kpi-side{display:none}.qcs-kpi-controls{grid-template-columns:1fr 1fr}.qcs-kpi-head,.qcs-kpi-row{grid-template-columns:1fr 1fr}.qcs-kpi-head>*:nth-child(n+3),.qcs-kpi-row>*:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.qcs-live-stage *, .qcs-live-stage:before{animation:none!important}}