/* ============================================================
   Extracted Quanteec dashboard component
   Source reference: Archive.zip index.html + css/quanteec.css
   Scope: qs-dashboard, qsdb cards, preview wrapper, expand overlay
   ============================================================ */

.dashboard-section{background:linear-gradient(180deg,var(--surface-2),var(--bg));}
.qs-dashboard-stage{position:relative;}
.dashboard-trust{max-width:760px;margin:22px auto 0;text-align:center;font-family:var(--font-display);font-size:clamp(1.15rem,calc(1rem + .6vw),1.55rem);font-weight:700;color:var(--fg-strong);}

/* Controls row: tabs left, theme switch right */
.db-controls{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:24px;flex-wrap:wrap;
}

/* Tab controls */
.db-tabs{
  display:flex;align-items:center;gap:4px;
  padding:4px;border:1px solid var(--border);border-radius:var(--r-pill);
  background:var(--surface);box-shadow:var(--shadow-sm);
}
.db-tab{
  appearance:none;border:0;border-radius:var(--r-pill);
  padding:8px 16px;
  min-height:44px;
  font:700 var(--text-xs)/1 var(--font-body);
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--fg-2);background:transparent;cursor:pointer;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.db-tab[aria-selected="true"]{color:#fff;background:var(--accent);box-shadow:0 6px 18px -10px rgba(17,107,248,.8);}
.db-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);}
.db-tab:hover:not([aria-selected="true"]){color:var(--accent);background:var(--signal-bg);}

.dashboard-theme-switch{
  display:flex;align-items:center;gap:4px;
  padding:4px;border:1px solid var(--border);border-radius:var(--r-pill);
  background:var(--surface);box-shadow:var(--shadow-sm);
}
.dashboard-theme-switch button{
  appearance:none;border:0;border-radius:var(--r-pill);
  padding:8px 14px;
  min-height:44px;
  font:700 var(--text-xs)/1 var(--font-body);
  color:var(--fg-2);background:transparent;cursor:pointer;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.dashboard-theme-switch button[aria-pressed="true"]{color:#fff;background:var(--accent);box-shadow:0 8px 22px -14px rgba(17,107,248,.9);}
.dashboard-theme-switch button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);}

/* Expand trigger: button reset for accessibility */
button.qs-cap2-db-wrap{
  appearance:none;background:none;border:none;padding:0;text-align:left;
  display:block;width:100%;
}

.qs-dashboard,
.qs-cap2-db-wrap,
.qs-db-overlay,
.qs-db-overlay-inner{
  --db-bg:#000000;
  --db-panel:#061224;
  --db-card:rgba(5,38,155,.18);
  --db-card-strong:rgba(17,107,248,.18);
  --db-border:rgba(220,227,235,.16);
  --db-border-strong:rgba(33,188,238,.45);
  --db-text:#FFFFFF;
  --db-muted:#878EA0;
  --db-soft:#DCE3EB;
  --db-accent:#21BCEE;
  --db-accent-2:#116BF8;
  --db-deep:#05269B;
  --db-shadow:rgba(0,0,0,.45);
  --db-chip-bg:rgba(220,227,235,.08);
  --db-lock-bg:rgba(0,0,0,.42);
  --db-lock-chip:rgba(5,38,155,.78);
  --db-fade:rgb(0,0,0);
  --db-overlay:rgba(0,0,0,.88);
}

.qs-dashboard-theme-dark{
  --db-bg:#000000;
  --db-panel:#061224;
  --db-card:rgba(5,38,155,.18);
  --db-card-strong:rgba(17,107,248,.18);
  --db-border:rgba(220,227,235,.16);
  --db-border-strong:rgba(33,188,238,.45);
  --db-text:#FFFFFF;
  --db-muted:#878EA0;
  --db-soft:#DCE3EB;
  --db-accent:#21BCEE;
  --db-accent-2:#116BF8;
  --db-deep:#05269B;
  --db-shadow:rgba(0,0,0,.45);
  --db-chip-bg:rgba(220,227,235,.08);
  --db-lock-bg:rgba(0,0,0,.42);
  --db-lock-chip:rgba(5,38,155,.78);
  --db-fade:rgb(0,0,0);
  --db-overlay:rgba(0,0,0,.88);
}

.qs-dashboard-theme-light{
  --db-bg:#FFFFFF;
  --db-panel:#F7FAFD;
  --db-card:rgba(255,255,255,.94);
  --db-card-strong:rgba(220,227,235,.65);
  --db-border:rgba(5,38,155,.14);
  --db-border-strong:rgba(17,107,248,.35);
  --db-text:#05269B;
  --db-muted:#878EA0;
  --db-soft:#000000;
  --db-accent:#116BF8;
  --db-accent-2:#21BCEE;
  --db-deep:#05269B;
  --db-shadow:rgba(5,38,155,.14);
  --db-chip-bg:rgba(220,227,235,.52);
  --db-lock-bg:rgba(255,255,255,.64);
  --db-lock-chip:rgba(255,255,255,.92);
  --db-fade:rgb(255,255,255);
  --db-overlay:rgba(255,255,255,.84);
}

#qs-dashboard,
.qs-dashboard{
  position:relative;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  opacity:1;
  visibility:visible;
}

.qsdb-panel{
  width:100%;
  color:var(--db-text);
  background:
    radial-gradient(circle at 78% 0,color-mix(in srgb,var(--db-accent) 18%,transparent),transparent 36%),
    linear-gradient(180deg,var(--db-panel),color-mix(in srgb,var(--db-panel) 76%,var(--db-bg)));
  border:1px solid var(--db-border);
  border-radius:20px;
  box-shadow:0 24px 90px var(--db-shadow);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:hidden;
  box-sizing:border-box;
}

.qsdb-title{display:flex;align-items:center;justify-content:center;padding:18px 24px 14px;}
.qsdb-title h3{margin:0;font:700 11px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--db-muted);display:inline-flex;align-items:center;gap:10px;}
.qsdb-title .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--db-accent);margin-left:2px;}
.qsdb-title .refresh{color:var(--db-muted);margin-left:2px;opacity:.55;}

.qsdb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 18px 22px;}
.qsdb-span2{grid-column:span 2;}
.qsdb-card{position:relative;min-width:0;background:linear-gradient(180deg,var(--db-card),color-mix(in srgb,var(--db-card) 82%,var(--db-card-strong)));border-radius:12px;border:1px solid var(--db-border);padding:12px 14px 16px;overflow:hidden;box-sizing:border-box;transition:border-color 160ms ease;display:flex;flex-direction:column;}
.qsdb-card:hover{border-color:var(--db-border-strong);}
.qsdb-fam-quality::before,
.qsdb-fam-offload::before,
.qsdb-fam-energy::before,
.qsdb-fam-anom::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;pointer-events:none;}
.qsdb-fam-quality::before{background:var(--db-accent-2);}
.qsdb-fam-offload::before{background:var(--db-accent);}
.qsdb-fam-energy::before{background:var(--db-accent-2);}
.qsdb-fam-anom::before{background:var(--db-deep);}

.qsdb-card-head{display:flex;align-items:center;gap:7px;font:700 10px/1.2 var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--db-muted);margin-bottom:10px;}
.qsdb-card-head .icon{width:20px;height:20px;border-radius:50%;background:var(--db-chip-bg);border:1px solid var(--db-border);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.qsdb-card-head .icon svg{width:10px;height:10px;}
.qsdb-card-head .icon.p2p-dot{background:linear-gradient(135deg,var(--db-accent-2),var(--db-accent));border-color:transparent;}
.qsdb-card-head .icon.p2p-dot span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--db-bg);}
.qsdb-card-head .title-label{flex:1;min-width:0;}
.qsdb-card-head .beta{font-weight:500;color:var(--db-muted);text-transform:none;letter-spacing:0;opacity:.72;}
.qsdb-card-head .status{width:7px;height:7px;border-radius:50%;flex:0 0 auto;}
.qsdb-card-head .status.ok{background:var(--db-accent);}
.qsdb-card-head .status.warn{background:var(--db-accent-2);}
.qsdb-fam-quality .qsdb-card-head .icon svg{color:var(--db-accent-2);}
.qsdb-fam-offload .qsdb-card-head .icon svg{color:var(--db-accent);}
.qsdb-fam-energy .qsdb-card-head .icon svg{color:var(--db-accent-2);}
.qsdb-fam-anom .qsdb-card-head .icon svg{color:var(--db-deep);}
.qsdb-rotate{transform:rotate(120deg) scale(.9);}

.qsdb-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:2px;}
.qsdb-triple .cell{text-align:center;min-width:0;}
.qsdb-triple .cell .val{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;font:700 18px/1 var(--font-display);letter-spacing:0;color:var(--db-text);white-space:nowrap;}
.qsdb-triple .cell .val.cyan{color:var(--db-accent);}
.qsdb-triple .cell .val.accent2{color:var(--db-accent-2);}
.qsdb-triple .cell .val.muted{color:var(--db-muted);font-weight:500;}
.qsdb-triple .cell .val .unit{font:500 10px/1 var(--font-body);color:var(--db-muted);letter-spacing:0;}
.qsdb-triple .cell .val .dotok{width:5px;height:5px;border-radius:50%;background:var(--db-accent);margin-left:3px;align-self:center;}
.qsdb-triple .cell .val .logo-q{width:12px;height:12px;margin-right:2px;background:radial-gradient(circle at 30% 30%,var(--db-accent),var(--db-accent-2) 70%);border-radius:50%;display:inline-block;flex:0 0 auto;}
.qsdb-triple .cell .pill,
.qsdb-single .pill{margin-top:6px;display:inline-flex;align-items:center;gap:3px;font:600 9px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--db-muted);padding:3px 6px;background:var(--db-chip-bg);border-radius:999px;white-space:nowrap;}
#qs-dashboard .qsdb-card.qsdb-span2 .qsdb-triple,
.qs-dashboard .qsdb-card.qsdb-span2 .qsdb-triple{margin-top:auto;}

/* Three contained cells side by side: Q P2P · Total · CDN (rebuffering / data sent / TTFB) */
.qsdb-card.qsdb-span2 .qsdb-trio{margin-top:auto;}
.qsdb-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:2px;}
.qsdb-trio__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:11px 6px 10px;border-radius:10px;background:var(--db-chip-bg);border:1px solid var(--db-border);}
.qsdb-trio__cell--q{background:color-mix(in srgb,var(--db-accent) 12%,transparent);border-color:color-mix(in srgb,var(--db-accent) 38%,var(--db-border));}
.qsdb-trio__cell .val{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;font:700 18px/1 var(--font-display);color:var(--db-text);white-space:nowrap;}
.qsdb-trio__cell .val.cyan{color:var(--db-accent);}
.qsdb-trio__cell .val .unit{font:500 10px/1 var(--font-body);color:var(--db-muted);}
.qsdb-trio__cell .val .dotok{width:5px;height:5px;border-radius:50%;background:var(--db-accent);margin-left:3px;align-self:center;}
.qsdb-trio__cell .val .logo-q{width:12px;height:12px;margin-right:2px;background:radial-gradient(circle at 30% 30%,var(--db-accent),var(--db-accent-2) 70%);border-radius:50%;display:inline-block;flex:0 0 auto;}
.qsdb-trio__cell .pill{margin-top:8px;font:600 9px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--db-muted);background:none;padding:0;}
.qsdb-trio__cell--q .pill{color:var(--db-accent);}
@media (max-width:760px){ .qsdb-trio{gap:7px;} .qsdb-trio__cell{padding:9px 4px 8px;} .qsdb-trio__cell .val{font-size:15px;} }

.qsdb-single{padding:8px 4px 0;text-align:center;}
.qsdb-single .big{font:700 24px/1 var(--font-display);letter-spacing:0;color:var(--db-text);}
.qsdb-single .big.cyan{color:var(--db-accent);}
.qsdb-single .big.accent2{color:var(--db-accent-2);}
.qsdb-single .big .sub{font:500 12px/1 var(--font-body);color:var(--db-muted);letter-spacing:0;margin-left:3px;}
.qsdb-inline{padding-top:6px;text-align:center;}
.qsdb-inline .line{display:flex;align-items:baseline;justify-content:center;gap:5px;font:700 26px/1 var(--font-display);letter-spacing:0;color:var(--db-text);}
.qsdb-inline .line .unit{font:500 13px/1 var(--font-body);color:var(--db-muted);margin-left:2px;}
.qsdb-inline .avg-label{margin-top:4px;font:600 9px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--db-muted);}

.qsdb-chart-bleed,
.qsdb-offload-chart{margin:auto -14px -16px;position:relative;}
.qsdb-chart-bleed svg,
.qsdb-offload-chart svg{display:block;width:100%;height:54px;border-radius:0 0 12px 12px;}
.qsdb-offload-chart .chart-lbl{position:absolute;pointer-events:none;font:700 9px/1 var(--font-body);letter-spacing:.05em;}
.qsdb-offload-chart .lbl-max{top:4px;right:6px;color:var(--db-accent);}
.peak-dot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;background:var(--db-accent) !important;}
.peak-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:inherit;opacity:.18;}

.qsdb-energy{padding-top:4px;text-align:center;}
.qsdb-energy .big{font:700 28px/1 var(--font-display);letter-spacing:0;color:var(--db-accent-2);}
.qsdb-energy .big .unit{font:500 14px/1 var(--font-body);color:var(--db-muted);margin-left:2px;}
.qsdb-energy .aux{margin-top:7px;display:inline-flex;align-items:center;gap:4px;font:500 10px/1 var(--font-body);color:var(--db-muted);}
.qsdb-energy .aux svg{flex:0 0 auto;color:var(--db-accent-2);}

.qsdb-card.locked .content{filter:blur(5px) saturate(60%);opacity:.45;pointer-events:none;}
.qsdb-card.locked::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--db-lock-bg) 58%,transparent),var(--db-lock-bg));pointer-events:none;}
.qsdb-card.locked .lock{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;}
.qsdb-card.locked .lock .chip{width:46px;height:46px;border-radius:50%;background:var(--db-lock-chip);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px var(--db-shadow),0 8px 22px -6px var(--db-shadow),inset 0 0 0 1px var(--db-border);}
.qsdb-card.locked .lock .chip svg{width:20px;height:20px;color:var(--db-muted);}
.qsdb-tooltip{font-size:12px;color:var(--db-muted);text-align:center;margin-top:12px;}
.db-after{margin-top:clamp(20px,3.4vw,32px);}
.db-feat{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch;}
.db-feat__card{display:flex;flex-direction:column;padding:24px 24px 22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);}
.db-feat__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--signal-bg);color:var(--accent);border:1px solid var(--border-accent);margin-bottom:15px;}
.db-feat__icon svg{width:20px;height:20px;}
.db-feat__kicker{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:7px;}
.db-feat__title{font-family:var(--font-display);font-weight:700;color:var(--fg-strong);font-size:1.1rem;line-height:1.22;margin:0 0 10px;}
.db-feat__text{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--fg-2);}
@media (max-width:760px){ .db-feat{grid-template-columns:1fr;} }

.qsdb-p2p-badge{font:700 11px/1 var(--font-body);letter-spacing:.04em;color:var(--db-accent);background:color-mix(in srgb,var(--db-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--db-accent) 28%,transparent);border-radius:4px;padding:3px 5px;pointer-events:none;flex-shrink:0;}

.qs-cap2-db-wrap{display:block;width:100%;overflow:hidden;border-radius:16px;color:inherit;text-decoration:none;cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease;}
.qs-cap2-db-wrap:hover{transform:scale(1.01);box-shadow:0 16px 60px var(--db-shadow);}
.qs-cap2-db-wrap:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring),0 16px 60px var(--db-shadow);}
.qs-cap2-db-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:82px;background:linear-gradient(to bottom,transparent,var(--db-fade));border-radius:0 0 16px 16px;pointer-events:none;z-index:2;}
.qs-dashboard-full::after{height:58px;opacity:.55;}

.qs-db-expand-cue{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font:700 10px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--db-text);opacity:0;transition:opacity .25s ease;pointer-events:none;white-space:nowrap;z-index:3;}
.qs-cap2-db-wrap:hover .qs-db-expand-cue,
.qs-cap2-db-wrap:focus-visible .qs-db-expand-cue{opacity:1;}

.hero-dashboard-preview .qs-cap2-db-wrap{box-shadow:0 26px 80px -36px var(--db-shadow);}
.hero-dashboard-preview .qs-dashboard{max-height:min(56vh,500px);overflow:hidden;}
.hero-dashboard-preview .qsdb-panel{font-size:.82em;border-radius:0;box-shadow:none;}
.hero-dashboard-preview .qsdb-title{padding:14px 18px 10px;}
.hero-dashboard-preview .qsdb-grid{grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 14px;}
.hero-dashboard-preview .qsdb-card{padding:8px 10px 10px;}
.hero-dashboard-preview .qsdb-span2.locked{display:none;}
.hero-dashboard-preview .qsdb-span2{grid-column:span 1;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(7){display:none;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(4){order:1;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(5){order:2;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(6){order:3;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(10){order:4;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(8){order:5;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(9){order:6;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(11){order:7;}
.hero-dashboard-preview .qsdb-grid > .qsdb-card:nth-child(12){order:8;}

.qs-db-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:56px 24px 24px;box-sizing:border-box;background:var(--db-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto;}
.qs-db-overlay.is-open{opacity:1;pointer-events:all;}
.qs-db-overlay-inner{position:relative;width:100%;max-width:1200px;transform:scale(.94) translateY(20px);transition:transform .3s ease;}
.qs-db-overlay.is-open .qs-db-overlay-inner{transform:scale(1) translateY(0);}
.qs-db-overlay-close{position:absolute;top:-48px;right:0;background:var(--db-chip-bg);border:1px solid var(--db-border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--db-text);font-size:20px;cursor:pointer;line-height:1;transition:background .2s ease;padding:0;}
.qs-db-overlay-close:hover{background:var(--db-card-strong);}
body.qs-no-scroll{overflow:hidden;}

.qs-dashboard path[stroke="#21BCEE"],.qs-db-overlay-inner path[stroke="#21BCEE"],
.qs-dashboard line[stroke="#21BCEE"],.qs-db-overlay-inner line[stroke="#21BCEE"]{stroke:var(--db-accent);}
.qs-dashboard path[stroke="#116BF8"],.qs-db-overlay-inner path[stroke="#116BF8"]{stroke:var(--db-accent-2);}
.qs-dashboard stop[stop-color="#21BCEE"],.qs-db-overlay-inner stop[stop-color="#21BCEE"]{stop-color:var(--db-accent);}
.qs-dashboard stop[stop-color="#116BF8"],.qs-db-overlay-inner stop[stop-color="#116BF8"]{stop-color:var(--db-accent-2);}
.qs-dashboard line[stroke="rgba(255,255,255,0.18)"],.qs-db-overlay-inner line[stroke="rgba(255,255,255,0.18)"]{stroke:var(--db-border);}

@media (max-width:980px){
  .qsdb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:0 12px 16px;}
  .qsdb-card{padding:10px 11px 12px;}
  .qsdb-card:not(.qsdb-span2){grid-column:span 3;}
  .qsdb-span2{grid-column:span 6;}
  .hero-dashboard-preview .qsdb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero-dashboard-preview .qsdb-span2{grid-column:span 1;}
}

@media (max-width:620px){
  .dashboard-theme-switch{margin-top:-18px;margin-bottom:22px;}
  .qs-dashboard-stage{margin-inline:calc(var(--container-x) * -1);}
  .qs-dashboard-full{border-radius:0;}
  .qs-dashboard-full .qsdb-panel{border-radius:0;border-left:0;border-right:0;}
  .qs-dashboard-full::after{height:54px;}
  .qsdb-title{padding:14px 14px 10px;}
  .qsdb-title h3{font-size:10px;}
  .qsdb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 14px;}
  .qsdb-card:not(.qsdb-span2),
  .qsdb-span2{grid-column:span 2;}
  .qsdb-span2.locked{min-height:78px;}
  .qsdb-card{padding:9px 10px 11px;border-radius:10px;}
  .qsdb-card-head{font-size:9px;margin-bottom:8px;}
  .qsdb-triple .cell .val{font-size:15px;}
  .qsdb-single .big{font-size:20px;}
  .qsdb-inline .line{font-size:22px;}
  .qsdb-energy .big{font-size:24px;}
  .qsdb-chart-bleed svg,
  .qsdb-offload-chart svg{height:42px;}
  .qsdb-p2p-badge{font-size:10px;}
  .hero-dashboard-preview .qs-dashboard{max-height:520px;}
  .hero-dashboard-preview .qsdb-grid{grid-template-columns:1fr;}
  .hero-dashboard-preview .qsdb-span2{grid-column:span 1;}
  .qs-db-overlay{padding:54px 10px 18px;}
  .qs-db-overlay-inner{max-width:760px;}
}

@media (prefers-reduced-motion:reduce){
  .qs-cap2-db-wrap,
  .qs-db-overlay,
  .qs-db-overlay-inner{transition:none;}
}