/* Option A product window dashboard */
.qa .stage{position:relative;border-radius:28px;overflow:hidden;padding:56px 56px 0;background:url(/film/ls-ask-1920.jpg) center 62%/cover}
.qa .stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,30,.05),rgba(20,24,30,.25));pointer-events:none}
.qa .win{position:relative;z-index:1;background:rgba(252,251,249,.97);border-radius:16px 16px 0 0;box-shadow:0 40px 90px -20px rgba(10,15,25,.55),0 0 0 1px rgba(255,255,255,.5);display:grid;grid-template-columns:200px 1fr;grid-template-rows:40px auto;overflow:hidden}
.qa .chrome{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ecebe7;background:#f7f6f3}
.qa .chrome i{width:11px;height:11px;border-radius:50%;background:#e4e1da;display:block}
.qa .chrome .url{margin:0 auto;font:11px "JetBrains Mono",monospace;color:#8b877f;background:#fff;border:1px solid #ecebe7;border-radius:6px;padding:4px 40px}
.qa .side{border-right:1px solid #ecebe7;padding:16px 10px;background:#faf9f7;font-size:13px}
.qa .brand{display:flex;align-items:center;gap:8px;font-weight:600;padding:2px 8px 16px}
.qa .brand b{width:22px;height:22px;border-radius:6px;background:#16181d;display:grid;place-items:center;color:#fff;font-size:12px}
.qa .nav-h{font:500 10px Inter;letter-spacing:.08em;color:#a19c92;padding:14px 8px 6px;text-transform:uppercase}
.qa .nv{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;color:#4a463f;cursor:pointer}
.qa .nv i{font-size:16px;color:#8b877f}
.qa .nv.on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px #ecebe7;color:#16181d;font-weight:500}
.qa .nv.on i{color:#3d6b3a}
.qa .main{padding:18px 24px 26px;min-width:0}
.qa .top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.qa .search{flex:1;max-width:340px;display:flex;align-items:center;gap:8px;border:1px solid #ecebe7;border-radius:8px;padding:7px 10px;color:#a19c92;font-size:12.5px;background:#fff}
.qa .search kbd{margin-left:auto;font:10px "JetBrains Mono";border:1px solid #ecebe7;border-radius:4px;padding:1px 5px}
.qa .range{margin-left:auto;display:flex;border:1px solid #ecebe7;border-radius:8px;overflow:hidden;font-size:12px;background:#fff}
.qa .range span{padding:6px 11px;color:#6f6a62}
.qa .range span.on{background:#f3f2ee;color:#16181d;font-weight:500}
.qa .live{display:flex;align-items:center;gap:6px;font-size:12px;color:#3d6b3a}
.qa .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4f8a3a;box-shadow:0 0 0 0 rgba(79,138,58,.5);animation:qa-pulse 1.8s infinite}
@keyframes qa-pulse{70%{box-shadow:0 0 0 7px rgba(79,138,58,0)}100%{box-shadow:0 0 0 0 rgba(79,138,58,0)}}
.qa .ph1{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.qa .ph1 h3{margin:0;font:300 26px Newsreader,serif;letter-spacing:-.01em}
.qa .ph1 span{font-size:12.5px;color:#8b877f}
.qa .pane{display:none}
.qa .pane.on{display:block;animation:qa-in .5s cubic-bezier(.22,.61,.36,1)}
@keyframes qa-in{from{opacity:0;transform:translateY(8px)}}
.qa .kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ecebe7;border-radius:12px;background:#fff;margin-bottom:14px}
.qa .kpi{padding:16px 18px;border-right:1px solid #f0efeb}
.qa .kpi:last-child{border:0}
.qa .kl{font-size:12px;color:#6f6a62;display:flex;justify-content:space-between}
.qa .d{font:500 11px Inter;color:#3d6b3a;background:#edf3e6;border-radius:5px;padding:1px 6px}
.qa .kv{font:500 32px/1.1 Inter;letter-spacing:-.025em;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.qa .kv small{font-size:14px;color:#8b877f;font-weight:400;margin-left:3px}
.qa .ks{font-size:11.5px;color:#8b877f}
.qa .grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}
.qa .card{border:1px solid #ecebe7;border-radius:12px;background:#fff;padding:16px 18px;min-width:0}
.qa .ch{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;margin-bottom:10px}
.qa .ch em{font-style:normal;font-weight:400;color:#8b877f;font-size:12px}
.qa svg.chart{width:100%;height:190px;display:block}
.qa .gl{stroke:#f0efeb;stroke-width:1}
.qa .ax{font:10px Inter;fill:#a19c92}
.qa .ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400}
.qa .drawn .ln{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.22,.61,.36,1)}
.qa .ar{opacity:0}
.qa .drawn .ar{opacity:1;transition:opacity .8s .8s}
.qa .bar{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box}
.qa .drawn .bar{transform:none;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.qa .feed{display:flex;flex-direction:column}
.qa .row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f3f2ee;font-size:12.5px;opacity:0;transform:translateY(6px)}
.qa .drawn .row{opacity:1;transform:none;transition:.5s}
.qa .drawn .row:nth-child(2){transition-delay:.15s}
.qa .drawn .row:nth-child(3){transition-delay:.3s}
.qa .drawn .row:nth-child(4){transition-delay:.45s}
.qa .drawn .row:nth-child(5){transition-delay:.6s}
.qa .row:first-child{border:0}
.qa .av{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f3f2ee;color:#4a463f;font-size:14px}
.qa .rt b{font-weight:500;display:block}
.qa .rt span{color:#8b877f;font-size:11.5px}
.qa .st{font:500 11px Inter;border-radius:999px;padding:3px 8px;background:#f3f2ee;color:#6f6a62;white-space:nowrap}
.qa .st.g{background:#edf3e6;color:#3d6b3a}
.qa .st.a{background:#fbf0dc;color:#94661a}
.qa .st.r{background:#fbe9e4;color:#a5452c}
.qa .wave{display:flex;gap:2px;align-items:center;height:18px}
.qa .wave i{width:2px;background:#7aa36a;border-radius:2px;animation:qa-w 1s ease-in-out infinite}
@keyframes qa-w{50%{transform:scaleY(.35)}}
.qa .langs{display:flex;align-items:center;gap:22px}
.qa .big9{font:300 64px/1 Newsreader,serif}
.qa .chips{display:flex;flex-wrap:wrap;gap:6px}
.qa .chips span{font-size:12px;border:1px solid #ecebe7;border-radius:999px;padding:4px 10px}
.qa .seq{display:flex;align-items:center;gap:8px;margin-top:6px}
.qa .seq .s{flex:1;border:1px solid #ecebe7;border-radius:10px;padding:10px 12px;font-size:12.5px}
.qa .seq .s b{display:block;font-weight:500;margin-bottom:3px}
.qa .seq .s.on{border-color:#b9d3a8;background:#f3f8ee}
.qa .seq>i{color:#c3beb4}
@media(max-width:700px){.qa .stage{padding:22px 10px 0;border-radius:20px}
.qa .win{grid-template-columns:1fr}
.qa .side{display:none}
.qa .kpis{grid-template-columns:1fr 1fr}
.qa .kpi:nth-child(2){border-right:0}
.qa .kpi:nth-child(-n+2){border-bottom:1px solid #f0efeb}
.qa .grid2{grid-template-columns:1fr}
.qa .main{padding:14px}
.qa .top .search{max-width:none}
.qa .range span:nth-child(n+3){display:none}
.qa .kv{font-size:26px}
.qa .chrome .url{padding:4px 14px}
.qa .seq{flex-direction:column;align-items:stretch}
.qa .seq>i{display:none}}
.qa .d{white-space:nowrap}
.qa .kl{gap:8px}
@media(max-width:700px){.qa .live{display:none}
.qa .search{font-size:0}
.qa .search i,.qa .search kbd{font-size:12px}}
.qa .pane.on{animation:qa-in .5s cubic-bezier(.22,.61,.36,1)}
.qa{max-width:1080px;margin:8px auto 0}
@media (prefers-reduced-motion: reduce){.qa *{animation:none!important;transition:none!important}.qa .ln{stroke-dashoffset:0}.qa .ar,.qa .row{opacity:1;transform:none}.qa .bar{transform:none!important}}
/* isolate from legacy site classes */
.qa .kpis{background:#fff!important}
.qa .kpi{background:transparent!important;border:0!important;border-right:1px solid #f0efeb!important;border-radius:0!important;box-shadow:none!important;margin:0!important;min-height:0!important}
.qa .kpi:last-child{border-right:0!important}
.qa .feed{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin:0;max-height:none!important;overflow:visible!important}
.qa .card,.qa .row,.qa .side,.qa .main,.qa .top{box-shadow:none}
.qa .row{background:transparent!important;margin:0!important}
@media(max-width:700px){.qa .ph1{flex-direction:column;gap:2px}.qa .kpi:nth-child(2){border-right:0!important}.qa .kpi:nth-child(-n+2){border-bottom:1px solid #f0efeb!important}}
.qa .fillbar{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,.61,.36,1) .3s}.qa .drawn .fillbar{transform:none}@media (prefers-reduced-motion: reduce){.qa .fillbar{transform:none!important}}