/* Four editorial pauses separate the user journey. Case-system.css remains last. */
.qunity-case .qs-chapter{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(790px,88vh);overflow:hidden}
.qunity-case .qs-chapter .qs-chapter-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,75px)}
.qunity-case .qs-chapter-copy{position:relative;z-index:2}
.qunity-case .qs-chapter-copy h2{font:500 clamp(52px,6.4vw,100px)/.96 var(--font-display);text-transform:uppercase;letter-spacing:-.035em;margin:24px 0 25px;max-width:12ch}
.qunity-case .qs-chapter-copy h2 em{font-style:normal;color:var(--qs-accent)}
.qunity-case .qs-chapter-copy>p:not(.case-kicker){font-size:clamp(16px,1.45vw,20px);line-height:1.55;max-width:36ch}
.qunity-case .qs-chapter-link{display:inline-flex;align-items:center;gap:34px;margin-top:35px;border-top:1px solid currentColor;padding:15px 0;min-height:48px;color:inherit;text-decoration:none;font:500 17px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.02em}
.qunity-case .qs-chapter-link span{font-size:24px;transition:transform .2s}
.qunity-case .qs-chapter-link:hover span,.qunity-case .qs-chapter-link:focus-visible span{transform:translate(3px,3px)}
.qunity-case .qs-chapter-link:focus-visible{outline:3px solid var(--qs-accent);outline-offset:4px}
.qunity-case .qs-topic{--qs-accent:#9cead8;color:#f6fff9;background:radial-gradient(circle at 75% 45%,#275b64 0,transparent 42%),linear-gradient(125deg,#142735,#1b3344)}
.qunity-case .qs-topic .case-kicker,.qunity-case .qs-event .case-kicker,.qunity-case .qs-creator .case-kicker{color:var(--qs-accent)}
.qunity-case .qs-topic-visual{position:relative;aspect-ratio:1;max-width:600px;width:100%;margin:auto}
.qunity-case .qs-topic-orbit{position:absolute;border:1px solid #a5f3e65c;border-radius:50%;inset:12%;transform:rotate(-24deg) scaleY(.69)}
.qunity-case .qs-topic-orbit-2{inset:1%;transform:rotate(33deg) scaleY(.71);border-color:#bba7fa75}
.qunity-case .qs-topic-core{position:absolute;left:31%;top:32%;width:38%;height:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#78d3c4,#285c6f 72%);box-shadow:0 0 0 24px #79d6c116,0 0 80px #79e2c95c;text-align:center}
.qunity-case .qs-topic-core span{font:600 11px var(--font-display);letter-spacing:.2em;margin-bottom:9px}
.qunity-case .qs-topic-core strong{font:500 clamp(31px,3.4vw,49px)/.98 var(--font-display)}
.qunity-case .qs-topic-node{position:absolute;display:grid;place-items:center;min-width:120px;min-height:68px;padding:15px 22px;border:1px solid #b1ece3a6;border-radius:18px;background:#1d3a4cf0;box-shadow:0 17px 40px #0719268a;font:500 23px var(--font-display);text-transform:uppercase}
.qunity-case .qs-topic-node-a{left:3%;top:14%;transform:rotate(-8deg)}.qunity-case .qs-topic-node-b{right:0;top:19%;transform:rotate(7deg)}.qunity-case .qs-topic-node-c{right:13%;bottom:4%;transform:rotate(-4deg)}
.qunity-case .qs-topic-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#d3fb88;box-shadow:0 0 17px #d3fb88}
.qunity-case .qs-topic-spark-a{left:16%;bottom:26%}.qunity-case .qs-topic-spark-b{right:15%;top:4%}
.qunity-case .qs-path{--qs-accent:#2e6e63;color:#173833;background:linear-gradient(135deg,#e3f1df,#c3e1d3 55%,#e0efe5)}
.qunity-case .qs-path .case-kicker{color:#36796a}
.qunity-case .qs-path-visual{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px 12px}
.qunity-case .qs-path-line{position:absolute;left:56px;top:0;bottom:0;width:2px;background:linear-gradient(#8bbcaf,#2e806f,#1d5555)}
.qunity-case .qs-path-card{position:relative;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:0 16px;border:1px solid #3d817554;background:#f8fffae8;border-radius:20px;padding:22px;box-shadow:0 18px 44px #47776a21;max-width:440px}
.qunity-case .qs-path-card-1{transform:rotate(-3deg)}.qunity-case .qs-path-card-2{margin-left:8%;transform:rotate(2deg)}.qunity-case .qs-path-card-3{margin-left:17%;transform:rotate(-1deg);background:#183d40;color:#e3fff4}
.qunity-case .qs-path-card i{grid-row:span 2;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font:500 22px var(--font-display);font-style:normal;background:#b3ead4;color:#1d584b}
.qunity-case .qs-path-card-3 i{background:#bdf3b7;color:#173c36}
.qunity-case .qs-path-card strong{font:500 32px/1 var(--font-display)}
.qunity-case .qs-path-card span{font-size:12px;margin-top:7px}
.qunity-case .qs-event{--qs-accent:#d7f478;color:#f4f9f7;background:radial-gradient(circle at 83% 22%,#6658a455,transparent 42%),#142333}
.qunity-case .qs-event-visual{position:relative;min-height:540px;display:grid;place-items:center}
.qunity-case .qs-event-glow{position:absolute;width:470px;height:470px;max-width:95%;border:1px solid #c9d8f066;border-radius:50%;box-shadow:0 0 0 42px #a29eef0b,0 0 0 86px #a29eef08;background:radial-gradient(circle,#6557915c,transparent 68%)}
.qunity-case .qs-event-poster{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(420px,82%);height:460px;padding:31px;border-radius:24px;background:linear-gradient(145deg,#b8a0f0,#85d5cc 58%,#d9f483);color:#1b3542;box-shadow:28px 32px 60px #0615219c;transform:rotate(-6deg);overflow:hidden}
.qunity-case .qs-event-poster:after{content:"";position:absolute;width:290px;height:290px;border:3px solid #fff9;border-radius:50%;right:-95px;bottom:55px;box-shadow:0 0 0 20px #fff3,0 0 0 50px #fff2}
.qunity-case .qs-event-poster>span{font:600 12px var(--font-display);letter-spacing:.14em}
.qunity-case .qs-event-poster strong{position:relative;z-index:1;font:500 clamp(34px,3.1vw,46px)/.98 var(--font-display);text-transform:uppercase;max-width:10ch}
.qunity-case .qs-event-poster-foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px}
.qunity-case .qs-event-poster-foot span{padding:8px 11px;border:1px solid #184b5280;border-radius:99px;font-size:10px}
.qunity-case .qs-event-ticket{position:absolute;right:0;bottom:12%;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;width:230px;min-height:80px;padding:17px 20px;background:#f9fdf8;color:#22363d;border-radius:15px;box-shadow:0 20px 40px #0517258a;transform:rotate(7deg);font:500 22px/1.1 var(--font-display);text-transform:uppercase}
.qunity-case .qs-event-ticket b{font-size:27px}
.qunity-case .qs-creator{--qs-accent:#c7b2fb;color:#f5f5ff;background:radial-gradient(circle at 80% 52%,#58488176,transparent 45%),linear-gradient(130deg,#212439,#172d3b)}
.qunity-case .qs-creator-visual{position:relative;aspect-ratio:1;max-width:590px;width:100%;margin:auto}
.qunity-case .qs-creator-visual:before,.qunity-case .qs-creator-visual:after{content:"";position:absolute;left:20%;top:20%;width:60%;height:60%;border:1px solid #c6b3f961;border-radius:50%}
.qunity-case .qs-creator-visual:after{left:10%;top:10%;width:80%;height:80%;border-color:#75d4c052}
.qunity-case .qs-creator-center{position:absolute;left:37%;top:37%;width:26%;height:26%;border-radius:50%;background:radial-gradient(circle at 35% 24%,#b9a2ed,#4f498b);box-shadow:0 0 50px #9588df88;display:flex;flex-direction:column;align-items:center;justify-content:center}
.qunity-case .qs-creator-center span{font:500 85px/.9 var(--font-display)}.qunity-case .qs-creator-center strong{font:600 10px var(--font-display);letter-spacing:.09em}
.qunity-case .qs-creator-node{position:absolute;z-index:2;padding:15px 20px;background:#1e3547;border:1px solid #b0d8e477;border-radius:15px;box-shadow:0 18px 35px #0716218a;font:500 20px var(--font-display);text-transform:uppercase}
.qunity-case .qs-creator-node i{font:500 11px var(--font-display);color:#97e1d0;font-style:normal;margin-right:10px}
.qunity-case .qs-creator-node-a{left:3%;top:15%;transform:rotate(-6deg)}.qunity-case .qs-creator-node-b{right:0;top:18%;transform:rotate(5deg)}.qunity-case .qs-creator-node-c{left:0;bottom:16%;transform:rotate(4deg)}.qunity-case .qs-creator-node-d{right:4%;bottom:8%;transform:rotate(-5deg)}
@media(max-width:800px){.qunity-case .qs-chapter{min-height:0;padding-block:90px}.qunity-case .qs-chapter .qs-chapter-layout{grid-template-columns:1fr}.qunity-case .qs-chapter-copy h2{font-size:clamp(48px,8vw,77px)}.qunity-case .qs-topic-visual,.qunity-case .qs-creator-visual{max-width:440px}.qunity-case .qs-event-visual{min-height:480px}}
@media(max-width:480px){.qunity-case .qs-chapter{padding-block:65px}.qunity-case .qs-chapter-copy h2{font-size:clamp(45px,13vw,61px)}.qunity-case .qs-chapter-copy>p:not(.case-kicker){font-size:15px}.qunity-case .qs-chapter-link{margin-top:22px}.qunity-case .qs-topic-node{min-width:0;min-height:48px;padding:10px;font-size:14px;border-radius:11px}.qunity-case .qs-topic-core strong{font-size:27px}.qunity-case .qs-topic-core span{font-size:8px}.qunity-case .qs-path-visual{padding:15px 0}.qunity-case .qs-path-line{left:28px}.qunity-case .qs-path-card{grid-template-columns:43px 1fr;gap:8px;padding:16px}.qunity-case .qs-path-card-2,.qunity-case .qs-path-card-3{margin-left:0}.qunity-case .qs-path-card i{width:40px;height:40px;font-size:17px}.qunity-case .qs-path-card strong{font-size:25px}.qunity-case .qs-event-visual{min-height:390px}.qunity-case .qs-event-poster{height:335px;width:78%;padding:20px}.qunity-case .qs-event-poster strong{font-size:30px}.qunity-case .qs-event-ticket{width:155px;min-height:55px;padding:11px;font-size:15px;right:-4px}.qunity-case .qs-creator-node{padding:9px 10px;font-size:13px}.qunity-case .qs-creator-node i{font-size:8px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){.qunity-case .qs-chapter-link span{transition:none}}
/* Scroll-led creators' app: the device stays, the story moves. */
.qunity-case .qs-app{background:radial-gradient(circle at 14% 20%,#3554721b,transparent 28%),radial-gradient(circle at 91% 67%,#60538a14,transparent 30%)}
.qunity-case .qs-app-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:56px}
.qunity-case .qs-app-heading .case-heading{margin-bottom:0}
.qunity-case .qs-app-heading .case-lead{font-size:17px;line-height:1.65;max-width:38ch;margin:0}
.qunity-case .qs-app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,78px);align-items:start}
.qunity-case .qs-app-device{position:sticky;top:82px;z-index:3;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 104px);min-height:560px;max-height:770px;border:1px solid #77cdc470;border-radius:25px;background:radial-gradient(circle at 50% 42%,#2c5269,#122c3c 65%,#11242f);color:#effef8;box-shadow:0 30px 70px #07172354;overflow:hidden}
.qunity-case .qs-app-device-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 25px;border-bottom:1px solid #ffffff2b}
.qunity-case .qs-app-device-top b{font:600 26px var(--font-display);text-transform:uppercase}
.qunity-case .qs-app-device-top span{font-size:11px;color:#bddee1}
.qunity-case .qs-app-screen{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;perspective:900px}
.qunity-case .qs-app-screen-glow{position:absolute;width:clamp(240px,55%,430px);aspect-ratio:1;border:1px solid #84dec782;border-radius:50%;box-shadow:0 0 0 48px #6ed1c015,0 0 0 95px #7ac8d00c;background:radial-gradient(circle,#56b7b14a,transparent 70%)}
.qunity-case .qs-app-screen img{position:absolute;display:block;height:min(92%,570px);max-width:85%;width:auto;object-fit:contain;border-radius:29px;box-shadow:0 24px 55px #020d1baa;opacity:0;transform:translateY(28px) rotateY(10deg) scale(.97);transition:opacity .45s ease,transform .58s cubic-bezier(.2,.7,.2,1)}
.qunity-case .qs-app-screen img.is-visible{opacity:1;transform:translateY(0) rotateY(0) scale(1)}
.qunity-case .qs-app-device-bottom{padding:14px 23px 17px;border-top:1px solid #ffffff2b}
.qunity-case .qs-app-device-controls{display:flex;align-items:center;gap:12px}
.qunity-case .qs-app-device-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #c1eee39a;color:#f5fffb;font-size:20px;cursor:pointer}
.qunity-case .qs-app-device-controls button:hover,.qunity-case .qs-app-device-controls button:focus-visible{background:#97e8da2d}
.qunity-case .qs-app-device-controls span{font:500 15px var(--font-display)}
.qunity-case .qs-app-progress{display:flex;gap:6px;margin-top:12px}
.qunity-case .qs-app-progress button{flex:1;min-height:20px;display:flex;align-items:center;cursor:pointer}
.qunity-case .qs-app-progress button span{height:4px;width:100%;border-radius:99px;background:#ffffff43;transition:background .25s}
.qunity-case .qs-app-progress button.is-active span{background:#98f0d8}
.qunity-case .qs-app-progress button:hover span{background:#c3f5e7}
.qunity-case .qs-app-progress button:focus-visible{outline:2px solid #a9f1df;outline-offset:2px}
.qunity-case .qs-app-stories{min-width:0}
.qunity-case .qs-app-story{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:72vh;padding:60px clamp(20px,4vw,62px);border-left:1px solid var(--color-border-md);border-bottom:1px solid var(--color-border-md);border-radius:0 24px 24px 0;opacity:.55;transform:translateX(16px);transition:opacity .4s,transform .4s,background .4s,border-color .4s}
.qunity-case .qs-app-story.is-active{opacity:1;transform:translateX(0);background:linear-gradient(115deg,var(--tint-teal-10,#6de4d010),transparent 65%);border-left-color:var(--color-teal)}
.qunity-case .qs-app-story-num{font:600 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-teal)}
.qunity-case .qs-app-story h3{font:500 clamp(34px,3.7vw,56px)/1.08 var(--font-display);text-transform:uppercase;max-width:14ch;margin:22px 0}
.qunity-case .qs-app-story p{font-size:16px;line-height:1.7;max-width:38ch;color:var(--color-text-muted)}
.qunity-case .qs-app-story-chip{display:inline-flex;border:1px solid var(--color-border-md);border-radius:99px;padding:9px 15px;margin-top:27px;font-size:11px}
.qunity-case .qs-app .qx-caption{margin-top:34px}
.qunity-case .qs-app-story:focus-visible{outline:3px solid var(--color-teal);outline-offset:4px}
@media(max-width:900px){.qunity-case .qs-app-heading{grid-template-columns:1fr;gap:18px}.qunity-case .qs-app-grid{gap:25px}.qunity-case .qs-app-story{min-height:65vh;padding:40px 23px}.qunity-case .qs-app-device{min-height:500px}}
@media(max-width:650px){.qunity-case .qs-app-heading{margin-bottom:30px}.qunity-case .qs-app-heading .case-lead{font-size:15px}.qunity-case .qs-app-grid{display:block}.qunity-case .qs-app-device{top:65px;height:330px;min-height:0;max-height:none;border-radius:19px;grid-template-rows:38px minmax(0,1fr) 53px}.qunity-case .qs-app-device-top{padding:8px 14px}.qunity-case .qs-app-device-top b{font-size:17px}.qunity-case .qs-app-device-top span{font-size:9px}.qunity-case .qs-app-screen img{height:96%;border-radius:13px}.qunity-case .qs-app-screen-glow{width:180px;box-shadow:0 0 0 27px #6ed1c015,0 0 0 50px #7ac8d00c}.qunity-case .qs-app-device-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 13px}.qunity-case .qs-app-device-controls{gap:5px}.qunity-case .qs-app-device-controls button{width:33px;height:33px;font-size:17px}.qunity-case .qs-app-device-controls span{font-size:12px}.qunity-case .qs-app-progress{flex:1;margin-top:0}.qunity-case .qs-app-story{min-height:72vh;padding:330px 18px 30px;justify-content:flex-end;border-radius:0;transform:none;opacity:.8}.qunity-case .qs-app-story.is-active{transform:none}.qunity-case .qs-app-story h3{font-size:33px;margin:12px 0}.qunity-case .qs-app-story p{font-size:14px}}
@media(max-width:380px){.qunity-case .qs-app-device{height:295px}.qunity-case .qs-app-story{padding-top:295px}.qunity-case .qs-app-story h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.qunity-case .qs-app-screen img,.qunity-case .qs-app-story,.qunity-case .qs-app-progress button span{transition:none}}

@media(max-width:650px){.qunity-case .qs-app-device{height:410px;grid-template-rows:38px minmax(0,1fr) 53px}.qunity-case .qs-app-story{padding-top:410px}}
@media(max-width:380px){.qunity-case .qs-app-device{height:390px}.qunity-case .qs-app-story{padding-top:390px}}