/* Local product scenes for the Qunity case. Site-wide case-system.css still loads last. */
.qunity-case .qr-journey .case-lead,.qunity-case .qr-roles .case-lead{max-width:66ch}
.qunity-case .qr-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:34px 0 14px;position:relative}
.qunity-case .qr-step{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:center;gap:0 12px;min-height:92px;padding:16px 18px;text-align:left;color:var(--color-text);border:1px solid var(--color-border-md);border-radius:16px;background:var(--color-bg-card);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.qunity-case .qr-step:hover,.qunity-case .qr-step:focus-visible{transform:translateY(-3px);border-color:var(--color-teal)}
.qunity-case .qr-step.is-active{background:#1a303c;color:#f8fff9;border-color:#67e8db}
.qunity-case .qr-step-num{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tint-teal-10,#67e8db22);color:var(--color-teal);font:600 14px var(--font-display)}
.qunity-case .qr-step.is-active .qr-step-num{background:#67e8db;color:#163039}
.qunity-case .qr-step strong{font:500 23px/1.1 var(--font-display);text-transform:uppercase}
.qunity-case .qr-step small{font:12px/1.5 sans-serif;opacity:.7;margin-top:5px}
.qunity-case .qr-level-board{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:430px}
.qunity-case .qr-level-copy{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.qunity-case .qr-level-copy h3{font:500 clamp(30px,3.2vw,52px)/1.08 var(--font-display);text-transform:uppercase;max-width:16ch;margin:18px 0}
.qunity-case .qr-level-copy>p{font-size:15px;line-height:1.7;max-width:48ch;color:var(--color-text-muted)}
.qunity-case .qr-level-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.qunity-case .qr-level-tags span{border:1px solid var(--color-border-md);border-radius:99px;padding:8px 12px;font-size:11px}
.qunity-case .qr-level-continuity{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--color-border-md);font-size:12px;line-height:1.5;color:var(--color-text-muted)}
.qunity-case .qr-level-continuity i{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;font-style:normal;background:var(--tint-teal-10,#67e8db22);color:var(--color-teal)}
.qunity-case .qr-level-visual{background:radial-gradient(circle at 74% 17%,#64549a80,transparent 37%),linear-gradient(145deg,#233a57,#112b38 66%,#123731);padding:clamp(20px,3vw,38px);color:#eefbf8;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;overflow:hidden}
.qunity-case .qr-ui-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff33;padding-bottom:13px;font-size:11px}
.qunity-case .qr-ui-top b{font:600 22px var(--font-display);text-transform:uppercase}
.qunity-case .qr-ui-top b span{font:11px sans-serif;color:#b8d5d4;text-transform:none}
.qunity-case .qr-ui-top>span{font-size:10px;border:1px solid #ffffff55;border-radius:99px;padding:7px 10px;white-space:nowrap}
.qunity-case .qr-ui-feature{position:relative;isolation:isolate;border:1px solid #a5e9da75;border-radius:20px;background:linear-gradient(120deg,#3d756f,#314765);min-height:184px;padding:25px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.qunity-case .qr-ui-feature small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d8f8dc}
.qunity-case .qr-ui-feature strong{font:500 clamp(25px,2.4vw,37px)/1.1 var(--font-display);text-transform:uppercase;max-width:16ch;margin:16px 0}
.qunity-case .qr-ui-feature>span{font-size:11px;color:#deeeee}
.qunity-case .qr-ui-glow{position:absolute;z-index:-1;right:-75px;top:-60px;width:270px;height:270px;border:2px solid #d0ffb875;border-radius:42px;transform:rotate(28deg);box-shadow:0 0 0 28px #efffb910,0 0 0 60px #efffb908}
.qunity-case .qr-ui-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.qunity-case .qr-ui-cards>div{border:1px solid #ffffff3b;background:#ffffff12;border-radius:13px;padding:15px;min-width:0}
.qunity-case .qr-ui-cards small,.qunity-case .qr-ui-cards b{display:block}
.qunity-case .qr-ui-cards small{font-size:10px;color:#bdd4d8}
.qunity-case .qr-ui-cards b{font:500 19px/1.2 var(--font-display);margin-top:9px;overflow-wrap:anywhere}
.qunity-case .qr-ui-foot{display:flex;align-items:center;gap:10px;font-size:11px;color:#d7ece7}
.qunity-case .qr-ui-foot span:last-child{margin-left:auto;font-size:20px}
.qunity-case .qr-ui-person{color:#c4f688;font-size:18px}
.qunity-case .qr-level-board[data-qr-level-board=participant] .qr-level-visual{background:radial-gradient(circle at 74% 17%,#7a5fc180,transparent 37%),linear-gradient(145deg,#2d315d,#213b57 66%,#203c50)}
.qunity-case .qr-level-board[data-qr-level-board=creator] .qr-level-visual{background:radial-gradient(circle at 74% 17%,#a3834f80,transparent 37%),linear-gradient(145deg,#465267,#263348 66%,#423a4b)}
.qunity-case .qr-roles{background:radial-gradient(circle at 10% 20%,#76e4cf0d,transparent 40%)}
.qunity-case .qr-role-board{display:grid;grid-template-columns:254px minmax(0,1fr);margin-top:32px}
.qunity-case .qr-role-nav{display:flex;flex-direction:column;gap:8px;padding:18px;border-right:1px solid var(--color-border-md);background:var(--tint-purple-10,#9080ce0d)}
.qunity-case .qr-role-nav button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 9px;text-align:left;min-height:83px;padding:14px 12px;border:1px solid transparent;border-radius:13px;color:var(--color-text);font:500 19px/1.2 var(--font-display);cursor:pointer}
.qunity-case .qr-role-nav button>span{grid-row:span 2;font-size:11px;color:var(--color-text-muted)}
.qunity-case .qr-role-nav button small{font:11px/1.4 sans-serif;color:var(--color-text-muted)}
.qunity-case .qr-role-nav button:hover,.qunity-case .qr-role-nav button:focus-visible{border-color:var(--color-border-md)}
.qunity-case .qr-role-nav button[aria-selected=true]{background:var(--tint-teal-10,#67e8db19);border-color:var(--color-teal)}
.qunity-case .qr-role-content{min-width:0;padding:clamp(20px,3vw,36px)}
.qunity-case .qr-role-top{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:26px}
.qunity-case .qr-role-top h3{font:500 clamp(28px,2.8vw,43px)/1.1 var(--font-display);text-transform:uppercase;margin:12px 0;max-width:25ch}
.qunity-case .qr-role-top p{font-size:13px;line-height:1.6;color:var(--color-text-muted);max-width:54ch}
.qunity-case .qr-role-avatar{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:15px;background:linear-gradient(135deg,#b5ed9b,#65d7d4);color:#143634;font:600 28px var(--font-display)}
.qunity-case .qr-role-stage{display:grid;grid-template-columns:minmax(0,1fr) 194px;gap:13px}
.qunity-case .qr-role-main{min-width:0;border:1px solid var(--color-border-md);border-radius:16px;overflow:hidden}
.qunity-case .qr-role-window-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--color-border-md);font-size:11px}
.qunity-case .qr-role-window-top b{font-weight:600}
.qunity-case .qr-role-status{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:10px;white-space:nowrap}
.qunity-case .qr-role-status i{width:7px;height:7px;border-radius:50%;background:var(--color-teal)}
.qunity-case .qr-role-feature{margin:16px 17px;padding:22px;border-radius:14px;background:linear-gradient(120deg,#d2eecb,#93dfd1);color:#153935;min-height:149px;position:relative;overflow:hidden}
.qunity-case .qr-role-feature:after{content:"";position:absolute;width:145px;height:145px;right:-43px;top:-38px;border:2px solid #ffffff93;border-radius:40px;transform:rotate(34deg);box-shadow:0 0 0 27px #ffffff32,0 0 0 57px #ffffff24}
.qunity-case .qr-role-feature>*{position:relative;z-index:1}
.qunity-case .qr-role-feature small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.qunity-case .qr-role-feature strong{display:block;font:500 29px/1.1 var(--font-display);text-transform:uppercase;max-width:17ch;margin:10px 0}
.qunity-case .qr-role-feature p{font-size:11px;line-height:1.4}
.qunity-case .qr-role-progress{height:5px;margin-top:18px;background:#174d4340;border-radius:9px;overflow:hidden;max-width:300px}
.qunity-case .qr-role-progress span{display:block;height:100%;width:38%;background:#206d65;border-radius:9px;transition:width .3s}
.qunity-case .qr-role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 17px 15px}
.qunity-case .qr-role-cards>div{padding:13px;border:1px solid var(--color-border-md);border-radius:10px;min-width:0}
.qunity-case .qr-role-cards small,.qunity-case .qr-role-cards b{display:block}
.qunity-case .qr-role-cards small{font-size:10px;color:var(--color-text-muted)}
.qunity-case .qr-role-cards b{font:500 16px/1.2 var(--font-display);margin-top:6px;overflow-wrap:anywhere}
.qunity-case .qr-role-stream{display:flex;align-items:center;gap:10px;border-top:1px solid var(--color-border-md);padding:13px 17px;font-size:11px;color:var(--color-text-muted)}
.qunity-case .qr-role-stream>span:last-child{margin-left:auto;font-size:18px;color:var(--color-teal)}
.qunity-case .qr-role-stream-dot{width:7px;height:7px;border-radius:50%;background:var(--color-teal);flex:none}
.qunity-case .qr-role-actions{display:flex;flex-direction:column;gap:10px;min-width:0}
.qunity-case .qr-role-actions>.qx-mini{font-size:10px;margin:2px 0}
.qunity-case #qr-role-actions{display:flex;flex:1;flex-direction:column;gap:8px}
.qunity-case #qr-role-actions button{display:grid;grid-template-columns:23px minmax(0,1fr);text-align:left;align-content:center;gap:3px 7px;flex:1;min-height:82px;padding:10px;border:1px solid var(--color-border-md);border-radius:12px;color:var(--color-text);cursor:pointer}
.qunity-case #qr-role-actions button:hover,.qunity-case #qr-role-actions button:focus-visible{border-color:var(--color-teal)}
.qunity-case #qr-role-actions button.is-active{background:var(--tint-teal-10,#67e8db15);border-color:var(--color-teal)}
.qunity-case #qr-role-actions button span{grid-row:span 2;font:600 10px var(--font-display);color:var(--color-teal)}
.qunity-case #qr-role-actions button b{font:500 15px/1.2 var(--font-display)}
.qunity-case #qr-role-actions button small{font:10px/1.3 sans-serif;color:var(--color-text-muted)}
.qunity-case .qr-role-outcome{display:flex;gap:13px;align-items:center;border-top:1px solid var(--color-border-md);padding-top:19px;margin-top:18px}
.qunity-case .qr-role-outcome-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:var(--tint-teal-10,#67e8db22);color:var(--color-teal);font-size:21px}
.qunity-case .qr-role-outcome small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}
.qunity-case .qr-role-outcome p{font:500 18px/1.3 var(--font-display);margin-top:5px}
.qunity-case .qr-role-content[data-qr-role-active=leader] .qr-role-feature{background:linear-gradient(120deg,#c9e7d8,#9fdac0)}
.qunity-case .qr-role-content[data-qr-role-active=speaker] .qr-role-feature{background:linear-gradient(120deg,#d8d1f0,#a7c8f0);color:#253656}
.qunity-case .qr-role-content[data-qr-role-active=partner] .qr-role-feature{background:linear-gradient(120deg,#d6dcf6,#9fc8ed);color:#253656}
.qunity-case .qr-role-content[data-qr-role-active=speaker] .qr-role-avatar{background:linear-gradient(135deg,#d5c5fb,#a5b9ff);color:#31265f}
.qunity-case .qr-role-content[data-qr-role-active=partner] .qr-role-avatar{background:linear-gradient(135deg,#accffa,#67b8ec);color:#183456}
.qunity-case .qr-step:focus-visible,.qunity-case .qr-role-nav button:focus-visible,.qunity-case #qr-role-actions button:focus-visible{outline:3px solid var(--color-teal);outline-offset:3px}
@media(max-width:950px){.qunity-case .qr-role-board{grid-template-columns:1fr}.qunity-case .qr-role-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--color-border-md)}.qunity-case .qr-role-nav button{min-width:180px;flex:1}.qunity-case .qr-role-stage{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:680px){.qunity-case .qr-path{grid-template-columns:1fr;gap:7px}.qunity-case .qr-step{min-height:66px;padding:11px 14px;grid-template-columns:34px minmax(0,1fr)}.qunity-case .qr-step-num{width:32px;height:32px;font-size:12px}.qunity-case .qr-step strong{font-size:19px}.qunity-case .qr-level-board{grid-template-columns:1fr}.qunity-case .qr-level-copy{padding:25px}.qunity-case .qr-level-visual{padding:22px}.qunity-case .qr-role-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px;padding:12px}.qunity-case .qr-role-nav button{min-width:0;min-height:69px;font-size:16px;padding:9px;grid-template-columns:19px minmax(0,1fr)}.qunity-case .qr-role-nav button small{font-size:9px}.qunity-case .qr-role-stage{grid-template-columns:1fr}.qunity-case .qr-role-actions{min-width:0}.qunity-case #qr-role-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.qunity-case #qr-role-actions button{min-width:0;display:block;min-height:76px}.qunity-case #qr-role-actions button span,.qunity-case #qr-role-actions button b,.qunity-case #qr-role-actions button small{display:block}.qunity-case #qr-role-actions button b{font-size:13px;margin-top:6px}}
@media(max-width:430px){.qunity-case .qr-ui-cards{grid-template-columns:1fr 1fr}.qunity-case .qr-ui-cards>div:nth-child(3){grid-column:1/-1}.qunity-case .qr-role-content{padding:16px}.qunity-case .qr-role-feature{margin:12px}.qunity-case .qr-role-cards{margin:0 12px 12px}.qunity-case .qr-role-cards>div{padding:9px}.qunity-case .qr-role-cards b{font-size:13px}.qunity-case .qr-role-outcome p{font-size:16px}.qunity-case .qr-role-nav button{font-size:14px}.qunity-case #qr-role-actions{grid-template-columns:1fr}.qunity-case #qr-role-actions button{display:grid;grid-template-columns:20px 1fr;min-height:53px;align-content:center}.qunity-case #qr-role-actions button span{grid-row:span 2}.qunity-case #qr-role-actions button b{margin:0}}
@media(prefers-reduced-motion:reduce){.qunity-case .qr-step,.qunity-case .qr-role-progress span{transition:none}}
.qunity-case .qr-app .case-lead{max-width:70ch}
.qunity-case .qr-app-frame{margin-top:34px;background:#142534;color:#edf8f6;border-color:#46676f}
.qunity-case .qr-app-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #ffffff29;padding:19px 25px}
.qunity-case .qr-app-bar b{font:600 23px var(--font-display);text-transform:uppercase}
.qunity-case .qr-app-bar b span{font:12px sans-serif;text-transform:none;color:#a9c3c8}
.qunity-case .qr-app-bar>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a9c3c8}
.qunity-case .qr-app-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.qunity-case .qr-app-track::-webkit-scrollbar{display:none}
.qunity-case .qr-app-slide{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,82px);scroll-snap-align:start;min-width:0;min-height:600px;padding:24px clamp(26px,6vw,88px)}
.qunity-case .qr-app-shot{position:relative;isolation:isolate;display:grid;place-items:center;min-height:570px;overflow:hidden}
.qunity-case .qr-app-shot img{display:block;position:relative;width:min(245px,75%);height:530px;object-fit:contain;border-radius:28px;box-shadow:0 28px 75px #010a11a8;z-index:2}
.qunity-case .qr-app-halo{position:absolute;width:380px;height:380px;border:1px solid #77e4d066;border-radius:50%;background:radial-gradient(circle,#5cc7b44a,transparent 70%);box-shadow:0 0 0 55px #77e4d00b,0 0 0 110px #77e4d005}
.qunity-case .qr-app-slide:nth-child(2) .qr-app-halo,.qunity-case .qr-app-slide:nth-child(5) .qr-app-halo{border-color:#b6a0fa80;background:radial-gradient(circle,#7e70c755,transparent 70%)}
.qunity-case .qr-app-slide:nth-child(3) .qr-app-halo,.qunity-case .qr-app-slide:nth-child(6) .qr-app-halo{border-color:#d7ed8a80;background:radial-gradient(circle,#9dbb6a44,transparent 70%)}
.qunity-case .qr-app-copy{min-width:0;padding:15px 0}
.qunity-case .qr-app-num{font:600 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#81e2d1}
.qunity-case .qr-app-copy h3{font:500 clamp(35px,4vw,62px)/1.05 var(--font-display);text-transform:uppercase;margin:23px 0;max-width:14ch}
.qunity-case .qr-app-copy p{font-size:16px;line-height:1.7;color:#c0d5d9;max-width:44ch}
.qunity-case .qr-app-chip{display:inline-flex;border:1px solid #b3d9d666;border-radius:99px;padding:10px 16px;font-size:12px;margin-top:28px;color:#e5faf2}
.qunity-case .qr-app-footer{border-top:1px solid #ffffff29;padding:16px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.qunity-case .qr-app-controls{display:flex;align-items:center;gap:12px;flex:none}
.qunity-case .qr-app-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #a2cbc780;color:#e8fff9;font-size:21px;cursor:pointer}
.qunity-case .qr-app-controls button:hover,.qunity-case .qr-app-controls button:focus-visible{background:#82ded722;color:#fff}
.qunity-case .qr-app-controls span{font:500 14px var(--font-display);white-space:nowrap}
.qunity-case .qr-app-dots{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.qunity-case .qr-app-dots button{min-height:39px;padding:8px 10px;border-radius:99px;font-size:11px;color:#bad0d3;border:1px solid transparent;cursor:pointer}
.qunity-case .qr-app-dots button:hover,.qunity-case .qr-app-dots button:focus-visible{border-color:#7edccc}
.qunity-case .qr-app-dots button.is-active{background:#78e0c9;color:#143133}
.qunity-case .qr-app-track:focus-visible,.qunity-case .qr-app button:focus-visible{outline:3px solid #78e0c9;outline-offset:3px}
@media(max-width:800px){.qunity-case .qr-app-slide{min-height:470px;gap:12px;padding:18px 30px}.qunity-case .qr-app-shot{min-height:440px}.qunity-case .qr-app-shot img{height:410px;width:min(190px,78%)}.qunity-case .qr-app-halo{width:270px;height:270px}.qunity-case .qr-app-copy h3{font-size:37px}.qunity-case .qr-app-copy p{font-size:14px}.qunity-case .qr-app-footer{display:block}.qunity-case .qr-app-dots{justify-content:flex-start;margin-top:12px}}
@media(max-width:600px){.qunity-case .qr-app-slide{grid-template-columns:1fr;min-height:0;gap:0;padding:16px 20px 27px}.qunity-case .qr-app-shot{min-height:375px}.qunity-case .qr-app-shot img{height:350px;width:165px}.qunity-case .qr-app-halo{width:235px;height:235px}.qunity-case .qr-app-copy{padding:5px 0 15px}.qunity-case .qr-app-copy h3{font-size:31px;margin:12px 0}.qunity-case .qr-app-copy p{font-size:13px}.qunity-case .qr-app-chip{margin-top:14px}.qunity-case .qr-app-bar{padding:14px 18px}.qunity-case .qr-app-bar b{font-size:19px}.qunity-case .qr-app-bar>span{display:none}.qunity-case .qr-app-footer{padding:13px 18px}.qunity-case .qr-app-dots button{font-size:10px;padding:6px 8px;min-height:35px}}
@media(max-width:430px){.qunity-case .qr-role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.qunity-case .qr-role-cards>div:nth-child(3){grid-column:1/-1}}
.qunity-case .qr-journey,.qunity-case .qr-app,.qunity-case .qr-roles{scroll-margin-top:92px}