/* GENERATED by tools/scope_hero_css.py from the design system hero (project/hero/css). Do not edit; edit the source and rerun. */
/* scoped from bundle.css */
.qwh .ds-frame{ font-family: var(--font-sans); }
.qwh .ds-frame .stage{ border: 0; border-radius: 0; }
.qwh, [data-theme="light"] .qwh{
  --btn-bg: linear-gradient(99deg, #3079AE, #7ABDED);
  --btn-ink: #FFFFFF;
  --btn2-bg: transparent;
  --btn2-ink: #296590;
  --btn2-line: #CFDDEA;
  --shadow: 0 2px 16px rgba(41,101,144,.08);
  --shadow-lg: 0 18px 50px rgba(30,78,112,.16);
  --grad: linear-gradient(117deg, #3079AE 24%, #7ABDED);
  --grad-text: linear-gradient(97deg, #3079AE, #7ABDED);
  --glass: rgba(255,255,255,.6);
  --logo-filter: grayscale(1) brightness(.35) opacity(.75);
  color-scheme: light;
}
[data-theme="swap"] .qwh{
  
  --btn-bg: #FFFFFF;
  --btn-ink: #1E4E70;
  --btn2-bg: transparent;
  --btn2-ink: #FFFFFF;
  --btn2-line: rgba(255,255,255,.55);
  --shadow: none;
  --shadow-lg: none;
  --grad: rgba(255,255,255,.18);
  --grad-text: linear-gradient(#FFFFFF, #FFFFFF);
  --glass: rgba(255,255,255,.12);
  --logo-filter: brightness(0) invert(1) opacity(.85);
  color-scheme: light;
}
.qwh *{ box-sizing: border-box; }
.qwh{ margin: 0; font-family: "League Spartan", system-ui, sans-serif; color: var(--ink); background: var(--bg-alt); font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.qwh img{ max-width: 100%; display: block; }
.qwh a{ color: var(--core); text-decoration: none; }
.qwh h1, .qwh h2, .qwh h3, .qwh h4{ margin: 0; font-weight: 400; color: var(--head); letter-spacing: -0.015em; text-wrap: balance; }
.qwh p{ margin: 0; }
.qwh .lib{ display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
.qwh .lib-nav{ position: sticky; top: 0; height: 100vh; overflow: auto; padding: 26px 22px 40px; border-right: 1px solid var(--line); background: var(--bg); }
.qwh .lib-nav .logo{ height: 26px; width: auto; margin-bottom: 6px; }
[data-theme="swap"] .qwh .lib-nav .logo{ filter: brightness(0) invert(1); }
.qwh .lib-nav .sub{ font-size: 13px; color: var(--ink-3); margin-bottom: 18px; }
.qwh .lib-nav h4{ font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin: 22px 0 6px; }
.qwh .lib-nav a{ display: block; font-size: 14px; color: var(--ink-2); padding: 3px 0; }
.qwh .lib-nav a:hover{ color: var(--core); }
.qwh .lib-nav a span{ color: var(--ink-3); display: inline-block; width: 26px; }
.qwh .lib-main{ padding: 34px 40px 120px; min-width: 0; }
.qwh .lib-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; padding-bottom: 26px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.qwh .lib-head h1{ font-size: 44px; line-height: 1.05; }
.qwh .lib-head p{ color: var(--ink-2); margin-top: 10px; max-width: 46em; }
.qwh .seg{ display: inline-flex; border: 1px solid var(--line-2); border-radius: 999px; padding: 3px; background: var(--bg); }
.qwh .seg button{ font: inherit; font-size: 14px; border: 0; background: none; color: var(--ink-2); padding: 7px 16px; border-radius: 999px; cursor: pointer; }
.qwh .seg button.on{ background: var(--core); color: #fff; }
.qwh .lib-group{ font-size: 13px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--core); margin: 56px 0 18px; }
.qwh .mod{ margin-bottom: 34px; }
.qwh .mod-meta{ display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.qwh .mod-meta .id{ font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .mod-meta h2{ font-size: 21px; font-weight: 400; color: var(--ink); letter-spacing: -0.01em; }
.qwh .mod-meta p{ font-size: 14px; color: var(--ink-3); flex: 1 1 320px; }
.qwh .mod-meta .t{ font: inherit; font-size: 12px; border: 1px solid var(--line-2); background: var(--bg); color: var(--ink-2); border-radius: 999px; padding: 3px 10px; cursor: pointer; }
.qwh .stage{ background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.qwh .stage.alt{ background: var(--bg-alt); }
.qwh .pad{ padding: 56px 56px; }
.qwh .pad-s{ padding: 32px; }
.qwh .qm-eyebrow{ font-size: 12px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--core); }
.qwh .qm-display{ font-size: 64px; line-height: 1.02; font-weight: 400; letter-spacing: -0.025em; color: var(--head); }
.qwh .qm-h2{ font-size: 40px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; }
.qwh .qm-h3{ font-size: 22px; line-height: 1.25; font-weight: 400; letter-spacing: -0.01em; }
.qwh .qm-lead{ font-size: 20px; line-height: 1.5; color: var(--ink-2); }
.qwh .qm-muted{ color: var(--ink-2); }
.qwh .qm-small{ font-size: 14px; color: var(--ink-3); }
.qwh .qm-btn{ display: inline-flex; align-items: center; gap: 8px; font: inherit; font-size: 16px; font-weight: 400; padding: 13px 22px; border-radius: 10px; background: var(--btn-bg); color: var(--btn-ink); border: 1px solid transparent; cursor: pointer; white-space: nowrap; }
.qwh .qm-btn.ghost{ background: var(--btn2-bg); color: var(--btn2-ink); border-color: var(--btn2-line); }
.qwh .qm-btn.sm{ font-size: 14px; padding: 9px 14px; }
.qwh .qm-link{ color: var(--core); font-weight: 400; }
.qwh .qm-link::after{ content: " →"; }
.qwh .qm-micro{ font-size: 14px; color: var(--ink-3); }
.qwh .qm-card{ background: var(--surface); border: 1px solid var(--line); border-radius: 16px; }
.qwh .qm-tag{ display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); border: 1px solid var(--line-2); border-radius: 999px; padding: 2px 8px; }
.qwh .qm-soon{ display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; color: var(--core-ink); background: var(--alice); border-radius: 999px; padding: 3px 9px; }
.qwh .pill{ display: inline-block; font-size: 12px; font-weight: 400; padding: 3px 10px; border-radius: 999px; color: #fff; white-space: nowrap; }
.qwh .pill.Thriving{ background: var(--thriving); }
.qwh .pill.Performing{ background: var(--performing); }
.qwh .pill.Developing{ background: var(--developing); }
.qwh .pill.Forming{ background: var(--forming); }
.qwh .pill.Strained{ background: var(--strained); }
.qwh .bar{ height: 6px; background: var(--surface-2); border-radius: 999px; overflow: hidden; }
.qwh .bar i{ display: block; height: 100%; background: var(--grad); border-radius: 999px; }
.qwh .row2{ display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.qwh .g3{ display: grid; grid-template-columns: repeat(3, 1fr); }
.qwh .g4{ display: grid; grid-template-columns: repeat(4, 1fr); }
.qwh .hair > *{ border-left: 1px solid var(--line); padding: 0 28px; }
.qwh .hair > *:first-child{ border-left: 0; padding-left: 0; }
.qwh .qm-announce{ display: flex; justify-content: center; gap: 12px; align-items: center; padding: 10px 16px; font-size: 14px; background: var(--wash); color: var(--ink-2); border-bottom: 1px solid var(--line); }
.qwh .qm-header{ display: flex; align-items: center; gap: 28px; height: 68px; padding: 0 32px; border-bottom: 1px solid var(--line); background: var(--bg); }
.qwh .qm-header .logo{ height: 28px; width: auto; }
[data-theme="swap"] .qwh .qm-header .logo, [data-theme="swap"] .qwh .qm-footer .logo{ filter: brightness(0) invert(1); }
.qwh .qm-header nav{ display: flex; gap: 22px; flex: 1; font-size: 15px; color: var(--ink-2); }
.qwh .qm-header nav span::after{ content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1.2px solid currentColor; border-bottom: 1.2px solid currentColor; transform: rotate(45deg); margin: 0 0 3px 7px; }
.qwh .qm-header nav span.plain::after{ display: none; }
.qwh .qm-header .right{ display: flex; align-items: center; gap: 16px; font-size: 15px; color: var(--ink-2); }
.qwh .qm-menu{ display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 8px 28px; padding: 24px 32px; border-bottom: 1px solid var(--line); background: var(--bg); }
.qwh .qm-menu h5{ margin: 0 0 6px; font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qm-menu a{ display: block; padding: 7px 0; color: var(--ink); font-size: 15px; }
.qwh .qm-menu a span{ display: block; font-size: 13px; color: var(--ink-3); }
.qwh .qm-menu .feat{ background: var(--wash); border-radius: 12px; padding: 18px; }
.qwh .qm-crumbs{ display: flex; gap: 8px; font-size: 14px; color: var(--ink-3); padding: 22px 32px; }
.qwh .qm-crumbs b{ font-weight: 400; color: var(--ink); }
.qwh .qm-footer{ padding: 48px 32px 28px; background: var(--bg-alt); }
.qwh .qm-footer .cols{ display: grid; grid-template-columns: 1.4fr repeat(5, 1fr); gap: 24px; font-size: 14px; }
.qwh .qm-footer h5{ margin: 0 0 10px; font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qm-footer a{ display: block; color: var(--ink-2); margin: 6px 0; }
.qwh .qm-footer .legal{ display: flex; justify-content: space-between; margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-3); }
.qwh .qm-sticky{ display: flex; justify-content: center; padding: 14px; border-top: 1px solid var(--line); background: var(--bg); max-width: 390px; margin: 0 auto; }
.qwh .qm-sticky .qm-btn{ width: 100%; justify-content: center; }
.qwh .qm-hero-split{ display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; padding: 72px 56px; }
.qwh .qm-hero-split .qm-lead{ margin: 22px 0 30px; max-width: 30em; }
.qwh .qm-compose{ position: relative; padding: 0 0 56px 28px; }
.qwh .qm-compose .frame{ border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--line); }
.qwh .qm-compose .float{ position: absolute; left: -8px; bottom: 0; width: 66%; min-width: 300px; }
.qwh .qm-compose .float2{ position: absolute; right: -10px; top: -16px; width: 52%; }
.qwh .qm-hero-center{ text-align: center; padding: 88px 56px 64px; }
.qwh .qm-hero-center .qm-display{ max-width: 12em; margin: 18px auto 0; }
.qwh .qm-hero-center .qm-lead{ max-width: 36em; margin: 20px auto 30px; }
.qwh .qm-hero-q{ padding: 64px 56px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: start; }
.qwh .qm-hero-q .qm-display{ font-size: 52px; }
.qwh .qm-answer{ border-left: 3px solid var(--core); padding: 4px 0 4px 22px; margin-top: 26px; font-size: 20px; color: var(--ink); max-width: 34em; }
.qwh .qm-inshort{ background: var(--wash); border-radius: 16px; padding: 26px 28px; }
.qwh .qm-inshort ul{ margin: 12px 0 0; padding-left: 18px; color: var(--ink-2); }
.qwh .qm-inshort li{ margin: 6px 0; }
.qwh .qm-logos{ padding: 34px 56px; text-align: center; }
.qwh .qm-logos p{ font-size: 14px; color: var(--ink-3); margin-bottom: 18px; }
.qwh .qm-logos .row{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 48px; }
.qwh .qm-logos img{ height: 28px; width: auto; max-width: 130px; object-fit: contain; filter: var(--logo-filter); }
.qwh .qm-logos span{ font-size: 20px; font-weight: 400; color: var(--ink-3); }
.qwh .qm-stats .stat{ padding: 8px 28px; }
.qwh .qm-stats .stat:first-child{ padding-left: 0; }
.qwh .qm-stats b{ display: block; font-size: 64px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; color: var(--head); }
.qwh .qm-stats span{ display: block; margin-top: 12px; color: var(--ink-2); max-width: 20em; }
.qwh .qm-stats sup{ font-size: 13px; color: var(--ink-3); }
.qwh .qm-stat-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qwh .qm-stat-cards div{ background: var(--grad); color: #fff; border-radius: 16px; padding: 28px; }
.qwh .qm-stat-cards b{ display: block; font-size: 72px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; }
.qwh .qm-stat-cards span{ display: block; margin-top: 12px; color: rgba(255,255,255,.92); }
.qwh .qm-quote-big{ text-align: center; padding: 80px 56px; }
.qwh .qm-quote-big blockquote{ margin: 0 auto; max-width: 30em; font-size: 30px; line-height: 1.35; font-weight: 300; color: var(--head); letter-spacing: -0.01em; }
.qwh .qm-person{ display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; text-align: left; font-size: 14px; }
.qwh .qm-person img{ width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.qwh .qm-person b{ display: block; font-weight: 400; color: var(--ink); }
.qwh .qm-person span{ color: var(--ink-3); }
.qwh .qm-quotes{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .qm-quotes figure{ margin: 0; background: var(--glass); border: 1px solid var(--line); border-radius: 16px; padding: 26px; display: flex; flex-direction: column; backdrop-filter: blur(14px); }
.qwh .qm-quotes p{ font-size: 17px; color: var(--ink); flex: 1; }
.qwh .qm-wash{ background: linear-gradient(135deg, var(--wash) 0%, var(--bg-alt) 100%); }
.qwh .qm-stories{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .qm-story{ overflow: hidden; display: flex; flex-direction: column; }
.qwh .qm-story .img{ aspect-ratio: 16/9; background: linear-gradient(135deg, var(--wash), var(--surface-2)); display: grid; place-items: center; color: var(--ink-3); font-size: 22px; }
.qwh .qm-story .body{ padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.qwh .qm-story .who{ font-size: 18px; font-weight: 400; color: var(--ink); }
.qwh .qm-story .res{ font-size: 15px; color: var(--ink-2); flex: 1; }
.qwh .qm-props h3{ margin: 14px 0 8px; }
.qwh .qm-props p{ color: var(--ink-2); }
.qwh .qm-props .n{ font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .qm-steps{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.qwh .qm-steps .vis{ height: 190px; border-radius: 14px; background: linear-gradient(135deg, var(--wash), var(--surface-2)); display: grid; place-items: center; padding: 20px; overflow: hidden; position: relative; }
.qwh .qm-steps h3{ margin: 18px 0 6px; }
.qwh .qm-steps .n{ color: var(--core); margin-right: 8px; }
.qwh .qm-steps p{ color: var(--ink-2); }
.qwh .qm-accordion{ display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.qwh .qm-acc-item{ border-top: 1px solid var(--line); padding: 18px 0; cursor: pointer; }
.qwh .qm-acc-item h3{ color: var(--ink-3); transition: color .2s; }
.qwh .qm-acc-item p{ display: none; color: var(--ink-2); margin-top: 6px; }
.qwh .qm-acc-item.on h3{ color: var(--head); }
.qwh .qm-acc-item.on p{ display: block; }
.qwh .qm-acc-vis{ min-height: 300px; border-radius: 18px; background: linear-gradient(135deg, var(--wash), var(--surface-2)); display: grid; place-items: center; padding: 28px; }
.qwh .qm-bento{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qwh .qm-bento .qm-card{ padding: 26px; display: flex; flex-direction: column; gap: 18px; }
.qwh .qm-bento .big{ grid-column: 1 / -1; }
.qwh .qm-bento .ui{ background: var(--bg-alt); border-radius: 12px; padding: 18px; margin-top: auto; }
.qwh .qm-alt-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.qwh .qm-alt-row ul{ list-style: none; padding: 0; margin: 18px 0 0; }
.qwh .qm-alt-row li{ padding: 8px 0 8px 26px; position: relative; color: var(--ink-2); }
.qwh .qm-alt-row li::before{ content: ""; position: absolute; left: 0; top: 15px; width: 12px; height: 2px; background: var(--core); }
.qwh .qm-statement{ padding: 88px 56px; text-align: center; }
.qwh .qm-statement p{ font-size: 38px; line-height: 1.25; font-weight: 300; color: var(--head); max-width: 22em; margin: 0 auto; letter-spacing: -0.015em; }
.qwh .qm-statement em{ font-style: normal; color: var(--core); }
.qwh .qm-define{ display: grid; grid-template-columns: 220px 1fr; gap: 28px; padding: 40px 56px; }
.qwh .qm-define dt{ font-size: 28px; font-weight: 400; color: var(--head); }
.qwh .qm-define dd{ margin: 0; font-size: 20px; color: var(--ink); }
.qwh .qm-define dd small{ display: block; margin-top: 10px; font-size: 14px; color: var(--ink-3); }
.qwh .qm-table{ width: 100%; border-collapse: collapse; font-size: 16px; }
.qwh .qm-table th{ text-align: left; font-weight: 400; color: var(--ink-3); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 0 16px 12px; border-bottom: 1px solid var(--line-2); }
.qwh .qm-table td{ padding: 16px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--ink-2); }
.qwh .qm-table td:first-child, .qwh .qm-table th:first-child{ padding-left: 0; color: var(--ink); }
.qwh .qm-table .us{ color: var(--head); background: var(--alice); }
.qwh .qm-vs{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qwh .qm-vs .side{ padding: 26px; }
.qwh .qm-vs .side.us{ border-color: var(--core); box-shadow: 0 0 0 1px var(--core) inset; }
.qwh .qm-vs .flow{ display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0; }
.qwh .qm-vs .flow span{ font-size: 13px; border: 1px solid var(--line-2); border-radius: 999px; padding: 5px 11px; color: var(--ink-2); }
.qwh .qm-vs .us .flow span{ border-color: var(--core); color: var(--core-ink); }
.qwh .qm-faq{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.qwh .qm-faq div{ padding: 18px 0; border-top: 1px solid var(--line); }
.qwh .qm-faq h3{ font-size: 18px; font-weight: 400; color: var(--ink); margin-bottom: 6px; }
.qwh .qm-faq p{ color: var(--ink-2); }
.qwh .qm-gloss{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 40px; }
.qwh .qm-gloss div{ padding: 16px 0; border-top: 1px solid var(--line); }
.qwh .qm-gloss b{ font-weight: 400; color: var(--ink); display: block; }
.qwh .qm-gloss span{ font-size: 15px; color: var(--ink-2); }
.qwh .qm-score{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; box-shadow: var(--shadow-lg); color: var(--ink); }
.qwh .qm-score .top{ display: flex; justify-content: space-between; align-items: center; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qm-score .num{ display: flex; align-items: baseline; gap: 6px; margin: 12px 0 4px; }
.qwh .qm-score .num span.pill{ color: #fff; margin-left: 4px; }
.qwh .qm-score .top span:first-child{ white-space: nowrap; }
.qwh .qm-score .num b{ font-size: 64px; line-height: .9; font-weight: 300; letter-spacing: -0.03em; color: var(--head); }
.qwh .qm-score .num span{ color: var(--ink-3); margin-right: 8px; }
.qwh .qm-score .delta{ font-size: 13px; color: var(--thriving); }
.qwh .qm-score .q{ display: grid; grid-template-columns: 120px 1fr 28px; gap: 10px; align-items: center; font-size: 14px; margin-top: 10px; }
.qwh .qm-score .q b{ font-weight: 400; text-align: right; color: var(--head); }
.qwh .qm-ring{ display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; }
.qwh .qm-ring svg{ width: 200px; height: 200px; }
.qwh .qm-ring .lbl{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; fill: var(--ink-3); }
.qwh .qm-scale{ position: relative; }
.qwh .qm-scale .track{ display: grid; grid-template-columns: 60fr 15fr 10fr 10fr 5fr; height: 10px; border-radius: 999px; overflow: hidden; }
.qwh .qm-scale .track i:nth-child(1){ background: var(--strained); }
.qwh .qm-scale .track i:nth-child(2){ background: var(--forming); }
.qwh .qm-scale .track i:nth-child(3){ background: var(--developing); }
.qwh .qm-scale .track i:nth-child(4){ background: var(--performing); }
.qwh .qm-scale .track i:nth-child(5){ background: var(--thriving); }
.qwh .qm-scale .mark{ position: absolute; top: -8px; width: 2px; height: 26px; background: var(--head); }
.qwh .qm-scale .mark span{ position: absolute; top: -26px; left: 50%; transform: translateX(-50%); font-size: 13px; color: var(--head); white-space: nowrap; }
.qwh .qm-scale .ticks{ position: relative; height: 18px; margin-top: 8px; font-size: 12px; color: var(--ink-3); }
.qwh .qm-scale .ticks span{ position: absolute; transform: translateX(-50%); }
.qwh .qm-scale .legend{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 18px; }
.qwh .qm-scale .legend div{ border: 1px solid var(--line); border-radius: 10px; padding: 10px; font-size: 13px; color: var(--ink-3); }
.qwh .qm-scale .legend b{ display: block; font-weight: 400; color: var(--ink); }
.qwh .qm-scale .legend .on{ border-color: var(--core); background: var(--alice); }
.qwh .qm-teams .t{ display: grid; grid-template-columns: 110px 1fr 36px 100px; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px; }
.qwh .qm-teams .t:first-child{ border-top: 0; }
.qwh .qm-teams .t b{ font-weight: 400; text-align: right; color: var(--head); }
.qwh .qm-profile{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.qwh .qm-profile h4{ font-size: 13px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 4px; }
.qwh .qm-profile .q{ display: grid; grid-template-columns: 170px 1fr 30px; gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); font-size: 15px; }
.qwh .qm-profile .q b{ font-weight: 400; text-align: right; color: var(--head); }
.qwh .qm-profile .q.na{ color: var(--ink-3); }
.qwh .qm-chart svg{ width: 100%; height: auto; }
.qwh .qm-chart .legend{ display: flex; gap: 22px; font-size: 14px; color: var(--ink-2); margin-top: 10px; }
.qwh .qm-chart .legend i{ display: inline-block; width: 18px; height: 3px; vertical-align: middle; margin-right: 8px; border-radius: 2px; }
.qwh .qm-report{ background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 28px; box-shadow: var(--shadow-lg); max-width: 520px; }
.qwh .qm-report .head{ display: flex; justify-content: space-between; font-size: 13px; color: var(--ink-3); padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.qwh .qm-report .head b{ font-weight: 400; color: var(--ink); font-size: 15px; display: block; }
.qwh .qm-report .f{ display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding: 12px 0; border-top: 1px dashed var(--line); font-size: 15px; }
.qwh .qm-report .f i{ width: 22px; height: 22px; border-radius: 50%; background: var(--alice); color: var(--core-ink); font-style: normal; font-size: 12px; display: grid; place-items: center; }
.qwh .qm-report .f small{ display: block; color: var(--ink-3); font-size: 13px; }
.qwh .qm-report .acts{ display: flex; gap: 8px; margin-top: 14px; }
.qwh .qm-timeline{ display: grid; grid-template-columns: repeat(6, 1fr); position: relative; }
.qwh .qm-timeline::before{ content: ""; position: absolute; top: 15px; left: 8%; right: 8%; height: 1px; background: var(--line-2); }
.qwh .qm-timeline div{ text-align: center; position: relative; font-size: 14px; color: var(--ink-3); }
.qwh .qm-timeline i{ width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 10px; background: var(--bg); border: 1px solid var(--line-2); font-style: normal; font-size: 13px; color: var(--ink-2); position: relative; }
.qwh .qm-timeline .done i{ background: var(--core); border-color: var(--core); color: #fff; }
.qwh .qm-timeline .here i{ box-shadow: 0 0 0 5px var(--alice); border-color: var(--core); color: var(--core); }
.qwh .qm-timeline b{ display: block; font-weight: 400; color: var(--ink); }
.qwh .qm-quest{ position: relative; border-radius: 16px; overflow: hidden; }
.qwh .qm-quest figcaption{ display: flex; justify-content: space-between; gap: 16px; padding: 14px 4px 0; font-size: 15px; color: var(--ink-2); }
.qwh .qm-herotypes{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .qm-hero-card{ padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.qwh .qm-hero-card .top{ display: flex; gap: 14px; align-items: center; }
.qwh .qm-hero-card .mono{ width: 52px; height: 52px; border-radius: 50%; background: var(--alice); color: var(--core-ink); display: grid; place-items: center; font-size: 18px; }
.qwh .qm-hero-card img{ width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.qwh .qm-hero-card h3{ font-size: 22px; }
.qwh .qm-hero-card .comp{ font-size: 13px; color: var(--ink-3); }
.qwh .qm-hero-card dl{ margin: 0; font-size: 14px; }
.qwh .qm-hero-card dt{ color: var(--ink-3); margin-top: 8px; }
.qwh .qm-hero-card dd{ margin: 2px 0 0; color: var(--ink); }
.qwh .qm-worlds{ display: flex; gap: 14px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.qwh .qm-worlds img{ width: 150px; aspect-ratio: 3/4; object-fit: cover; border-radius: 12px; flex: none; }
.qwh .qm-loop{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.qwh .qm-loop > div{ padding: 22px 24px; border: 1px solid var(--line); margin-left: -1px; background: var(--surface); position: relative; }
.qwh .qm-loop > div:first-child{ border-radius: 14px 0 0 14px; }
.qwh .qm-loop > div:last-child{ border-radius: 0 14px 14px 0; }
.qwh .qm-loop .k{ font-size: 13px; color: var(--core); }
.qwh .qm-loop h3{ margin: 6px 0; }
.qwh .qm-loop p{ font-size: 15px; color: var(--ink-2); }
.qwh .qm-loop-back{ margin-top: 12px; font-size: 13px; color: var(--ink-3); text-align: center; }
.qwh .qm-never{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); }
.qwh .qm-never div{ padding: 22px 22px 0 0; }
.qwh .qm-never div + div{ padding-left: 22px; border-left: 1px solid var(--line); }
.qwh .qm-never h3{ font-size: 19px; }
.qwh .qm-never p{ font-size: 15px; color: var(--ink-2); margin-top: 6px; }
.qwh .qm-may{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qwh .qm-may > div{ padding: 26px; }
.qwh .qm-may h3{ margin-bottom: 12px; }
.qwh .qm-may ul{ list-style: none; margin: 0; padding: 0; }
.qwh .qm-may li{ padding: 9px 0 9px 28px; border-top: 1px solid var(--line); position: relative; color: var(--ink-2); }
.qwh .qm-may .yes li::before{ content: "✓"; position: absolute; left: 2px; color: var(--thriving); }
.qwh .qm-may .no li::before{ content: "✕"; position: absolute; left: 2px; color: var(--ink-3); }
.qwh .qm-optin{ max-width: 440px; padding: 22px; }
.qwh .qm-optin .o{ display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); font-size: 15px; }
.qwh .qm-optin .o:first-of-type{ border-top: 0; }
.qwh .qm-optin .o span small{ display: block; color: var(--ink-3); font-size: 13px; }
.qwh .qm-switch{ width: 40px; height: 24px; border-radius: 999px; background: var(--line-2); position: relative; flex: none; }
.qwh .qm-switch::after{ content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.qwh .qm-switch.on{ background: var(--core); }
.qwh .qm-switch.on::after{ left: 19px; }
.qwh .qm-cred{ display: grid; grid-template-columns: 64px 1fr auto; gap: 16px; align-items: center; padding: 20px 22px; max-width: 520px; }
.qwh .qm-cred .seal{ width: 64px; height: 64px; border-radius: 50%; background: var(--grad); display: grid; place-items: center; color: #fff; font-size: 13px; letter-spacing: .06em; }
.qwh .qm-cred h3{ font-size: 20px; }
.qwh .qm-cred p{ font-size: 14px; color: var(--ink-3); }
.qwh .qm-note{ max-width: 520px; padding: 22px; }
.qwh .qm-note .to{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qm-note blockquote{ margin: 12px 0 16px; padding: 14px 16px; background: var(--bg-alt); border-radius: 12px; color: var(--ink); }
.qwh .qm-slack{ display: grid; grid-template-columns: 36px 1fr; gap: 12px; max-width: 460px; padding: 16px 18px; font-size: 15px; }
.qwh .qm-slack .app{ width: 36px; height: 36px; border-radius: 8px; background: var(--grad); }
.qwh .qm-slack b{ font-weight: 400; color: var(--ink); }
.qwh .qm-slack .badge{ font-size: 10px; background: var(--surface-2); color: var(--ink-3); border-radius: 3px; padding: 1px 4px; margin: 0 6px; }
.qwh .qm-slack .time{ font-size: 12px; color: var(--ink-3); }
.qwh .qm-slack p{ margin: 4px 0 10px; color: var(--ink); }
.qwh .qm-int{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.qwh .qm-int a{ border: 1px solid var(--line); border-radius: 12px; background: var(--surface); height: 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.qwh .qm-int img{ max-height: 26px; max-width: 96px; object-fit: contain; filter: var(--logo-filter); }
.qwh .qm-int a.soon{ border-style: dashed; }
.qwh .qm-int a.soon img{ opacity: .5; }
.qwh .qm-band-dark{ background: #1D2839; color: #fff; padding: 56px; text-align: center; }
.qwh .qm-band-dark p{ font-size: 12px; letter-spacing: .12em; text-transform: uppercase; background: linear-gradient(97deg,#4FA8E3,#A9D5F5); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 26px; }
.qwh .qm-band-dark .row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 52px; align-items: center; }
.qwh .qm-band-dark img{ height: 26px; width: auto; filter: brightness(0) invert(1) opacity(.85); }
.qwh .qm-bench{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.qwh .qm-bench .peer{ padding: 22px; position: relative; }
.qwh .qm-bench .peer .r{ display: grid; grid-template-columns: 1fr 90px 36px; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); font-size: 15px; }
.qwh .qm-bench .peer .r.you{ color: var(--head); }
.qwh .qm-bench .peer .r b{ font-weight: 400; text-align: right; }
.qwh .qm-bench .veil{ filter: blur(3px); opacity: .6; }
.qwh .qm-pricing{ display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 16px; }
.qwh .qm-pricing > div{ padding: 26px; display: flex; flex-direction: column; gap: 10px; }
.qwh .qm-pricing .price{ font-size: 48px; font-weight: 300; letter-spacing: -0.03em; color: var(--head); line-height: 1; }
.qwh .qm-pricing .price small{ font-size: 16px; color: var(--ink-3); letter-spacing: 0; }
.qwh .qm-pricing ul{ list-style: none; padding: 0; margin: 8px 0 0; font-size: 15px; }
.qwh .qm-pricing li{ padding: 7px 0; border-top: 1px solid var(--line); color: var(--ink-2); }
.qwh .qm-pricing .free{ background: var(--grad); color: #fff; border: 0; }
.qwh .qm-pricing .free h3, .qwh .qm-pricing .free .price{ color: #fff; }
.qwh .qm-pricing .free li{ color: rgba(255,255,255,.92); border-color: rgba(255,255,255,.25); }
.qwh .qm-pricing .free .qm-btn{ background: #fff; color: #1E4E70; margin-top: auto; align-self: flex-start; }
.qwh .qm-band{ padding: 80px 56px; text-align: center; background: var(--grad); color: #fff; }
.qwh .qm-band h2{ color: #fff; font-size: 44px; }
.qwh .qm-band p{ color: rgba(255,255,255,.9); margin: 12px 0 26px; font-size: 19px; }
.qwh .qm-band .qm-btn{ background: #fff; color: #1E4E70; }
.qwh .qm-band .qm-micro{ color: rgba(255,255,255,.8); margin-top: 14px; }
.qwh .qm-band.plain{ background: var(--wash); color: var(--ink); }
.qwh .qm-band.plain h2{ color: var(--head); }
.qwh .qm-band.plain p{ color: var(--ink-2); }
.qwh .qm-band.plain .qm-btn{ background: var(--btn-bg); color: var(--btn-ink); }
.qwh .qm-band.plain .qm-micro{ color: var(--ink-3); }
.qwh .qm-inline{ display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 28px; border-left: 3px solid var(--core); max-width: 760px; }
.qwh .qm-ready{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .qm-ready div{ padding: 20px 22px; }
.qwh .qm-ready .ck{ display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--core); color: var(--core); font-size: 13px; margin-bottom: 12px; }
.qwh .qm-form{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 720px; }
.qwh .qm-form label{ display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--ink-2); }
.qwh .qm-form input, .qwh .qm-form select, .qwh .qm-form textarea{ font: inherit; font-size: 16px; padding: 12px 14px; border: 1px solid var(--line-2); border-radius: 10px; background: var(--surface); color: var(--ink); }
.qwh .qm-form .full{ grid-column: 1 / -1; }
.qwh .qm-who{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.qwh .qm-who a{ padding: 22px; min-height: 170px; display: flex; flex-direction: column; color: var(--ink); }
.qwh .qm-who a span{ color: var(--ink-2); margin-top: 6px; font-size: 15px; }
.qwh .qm-who a em{ margin-top: auto; font-style: normal; color: var(--core); font-size: 14px; padding-top: 14px; }
.qwh .qm-next{ display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.qwh .qm-next a{ padding: 22px 24px 22px 0; color: var(--ink); }
.qwh .qm-next a + a{ padding-left: 24px; border-left: 1px solid var(--line); }
.qwh .qm-next span{ display: block; color: var(--ink-3); font-size: 14px; margin-top: 4px; }
.qwh .qm-hub{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.qwh .qm-hub a{ padding: 16px 18px; color: var(--ink); font-size: 16px; }
.qwh .qm-hub a span{ display: block; color: var(--ink-3); font-size: 13px; margin-top: 2px; }
.qwh .qm-tabs{ display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
.qwh .qm-tabs span{ font-size: 14px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--ink-2); }
.qwh .qm-tabs span.on{ background: var(--head); color: var(--bg); border-color: var(--head); }
.qwh .qm-policies{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.qwh .qm-policies a{ padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--ink); }
.qwh .qm-policies a span{ font-size: 13px; color: var(--ink-3); }
.qwh .qm-article{ display: grid; grid-template-columns: 1.1fr 1fr; overflow: hidden; }
.qwh .qm-article .img{ background: url(/_blob/d0e92f09cf68f41f6e9e29f5ca252658) center/cover; min-height: 280px; }
.qwh .qm-article .body{ padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.qwh .qm-article .meta{ display: flex; justify-content: space-between; font-size: 13px; color: var(--ink-3); }
.qwh .qm-article h3{ font-size: 28px; line-height: 1.2; }
.qwh .qm-facts{ display: grid; grid-template-columns: 220px 1fr; gap: 0; }
.qwh .qm-facts dt, .qwh .qm-facts dd{ padding: 14px 0; border-top: 1px solid var(--line); margin: 0; }
.qwh .qm-facts dt{ color: var(--ink-3); font-size: 15px; }
.qwh .qm-facts dd{ color: var(--ink); }
.qwh .qm-people{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.qwh .qm-people div{ padding: 20px; }
.qwh .qm-people i{ width: 48px; height: 48px; border-radius: 50%; background: var(--alice); color: var(--core-ink); display: grid; place-items: center; font-style: normal; margin-bottom: 12px; }
.qwh .qm-people b{ display: block; font-weight: 400; color: var(--ink); }
.qwh .qm-people span{ font-size: 14px; color: var(--ink-3); }
.qwh .qm-market{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.qwh .qm-market div{ padding: 0 28px; border-left: 1px solid var(--line); }
.qwh .qm-market div:first-child{ padding-left: 0; border-left: 0; }
.qwh .qm-market b{ display: block; font-size: 56px; font-weight: 300; letter-spacing: -0.03em; color: var(--head); line-height: 1; }
.qwh .qm-market span{ color: var(--ink-2); display: block; margin-top: 10px; }
.qwh .qm-empty{ text-align: center; padding: 56px; border: 1px dashed var(--line-2); border-radius: 16px; color: var(--ink-3); }
.qwh .qm-404{ text-align: center; padding: 80px 56px; }
.qwh .qm-404 .code{ font-size: 96px; font-weight: 200; color: var(--line-2); letter-spacing: -0.04em; line-height: 1; }
@media (max-width: 960px){.qwh .lib{ grid-template-columns: 1fr; }.qwh .lib-nav{ position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--line); }.qwh .lib-nav .groups{ display: none; }.qwh .lib-main{ padding: 20px 14px 80px; }.qwh .pad{ padding: 32px 20px; }.qwh .pad-s{ padding: 20px; }.qwh .qm-display{ font-size: 40px; }.qwh .qm-h2{ font-size: 30px; }.qwh .qm-statement p{ font-size: 26px; }.qwh .qm-quote-big blockquote{ font-size: 23px; }.qwh .qm-hero-split, .qwh .qm-hero-q, .qwh .row2, .qwh .qm-accordion, .qwh .qm-alt-row, .qwh .qm-bench, .qwh .qm-article, .qwh .qm-ring{ grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; }.qwh .qm-hero-split{ padding-top: 40px; padding-bottom: 40px; }.qwh .qm-hero-center, .qwh .qm-statement, .qwh .qm-quote-big, .qwh .qm-band, .qwh .qm-404{ padding: 56px 20px; }.qwh .g3, .qwh .g4, .qwh .qm-quotes, .qwh .qm-stories, .qwh .qm-steps, .qwh .qm-bento, .qwh .qm-vs, .qwh .qm-faq, .qwh .qm-gloss, .qwh .qm-herotypes, .qwh .qm-loop, .qwh .qm-never, .qwh .qm-may, .qwh .qm-pricing, .qwh .qm-ready, .qwh .qm-form, .qwh .qm-who, .qwh .qm-next, .qwh .qm-policies, .qwh .qm-people, .qwh .qm-market, .qwh .qm-stat-cards, .qwh .qm-profile, .qwh .qm-menu{ grid-template-columns: 1fr; }.qwh .qm-bento .big{ grid-row: auto; }.qwh .hair > *, .qwh .qm-never div + div, .qwh .qm-market div, .qwh .qm-next a + a{ border-left: 0; padding-left: 0; }.qwh .hair > *{ padding: 16px 0; border-top: 1px solid var(--line); }.qwh .hair > *:first-child{ border-top: 0; }.qwh .qm-header nav{ display: none; }.qwh .qm-footer .cols{ grid-template-columns: 1fr 1fr; }.qwh .qm-int, .qwh .qm-hub{ grid-template-columns: repeat(2, 1fr); }.qwh .qm-timeline{ grid-template-columns: repeat(3, 1fr); row-gap: 18px; }.qwh .qm-timeline::before{ display: none; }.qwh .qm-scale .legend{ grid-template-columns: repeat(2, 1fr); }.qwh .qm-define, .qwh .qm-facts{ grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; }.qwh .qm-teams .t{ grid-template-columns: 90px 1fr 32px; }.qwh .qm-teams .t .pill{ display: none; }.qwh .qm-loop > div{ margin-left: 0; margin-top: -1px; border-radius: 0 !important; }.qwh .qm-inline{ flex-direction: column; align-items: flex-start; }}
.qwh .qm-next a span.qm-h3, .qwh .qm-who a span.qm-h3{ display: block; color: var(--head); font-size: 20px; margin: 0; }
.qwh .qm-article .img{ background-image: url(/_blob/d0e92f09cf68f41f6e9e29f5ca252658); }
.qwh b, .qwh strong{ font-weight: inherit; }
.qwh .qm-em, .qwh .qm-statement em, .qwh .qm-eyebrow, .qwh .qm-link, .qwh .qm-stats b, .qwh .qm-market b, .qwh .qm-score .num b, .qwh .qm-pricing .price, .qwh .qm-ring-num, .qwh .qm-steps .n, .qwh .qm-props .n, .qwh .qm-loop .k, .qwh .qm-tabs span.on, .qwh .qm-404 .code{
  background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.qwh .qm-btn{ background: var(--btn-bg); color: var(--btn-ink); box-shadow: 0 4px 14px rgba(48, 121, 174,.25); }
.qwh .qm-btn:hover{ background: linear-gradient(99deg, #1F7FC7, #6BAFE0); }
.qwh .qm-btn.ghost{ background: transparent; box-shadow: none; color: var(--btn2-ink); }
.qwh .qm-btn.ghost:hover{ background: var(--alice); }
.qwh .qm-tabs span.on{ border-color: var(--core); }
.qwh .qm-pricing .free .price{ color: #fff; }
.qwh .qm-genres{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 32px; }
.qwh .qm-genres div{ padding: 14px 0; border-top: 1px solid var(--line); }
.qwh .qm-genres b{ display: block; color: var(--ink); }
.qwh .qm-genres span{ font-size: 14px; color: var(--ink-3); }
@media (max-width: 960px){.qwh .qm-genres{ grid-template-columns: 1fr 1fr; }}
.qwh .v2tag{ font-size: 11px; letter-spacing: .08em; text-transform: uppercase; border-radius: 999px; padding: 2px 8px; color: #fff; background: linear-gradient(99deg, #3079AE, #7ABDED); }
.qwh .gline{ height: 2px; border-radius: 2px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .gicon{ width: 44px; height: 44px; }
.qwh .gicon *{ vector-effect: non-scaling-stroke; }
.qwh .reveal .draw{ stroke-dasharray: 400; stroke-dashoffset: 400; transition: stroke-dashoffset 1.4s cubic-bezier(.25,.46,.45,.94); }
.qwh .reveal.in .draw{ stroke-dashoffset: 0; }
.qwh .qm-card-link{ position: relative; display: flex; flex-direction: column; gap: 6px; padding: 22px 22px 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; color: var(--ink); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; cursor: pointer; }
.qwh .qm-card-link:hover{ transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: transparent; }
.qwh .qm-card-link:focus-visible{ outline: 2px solid var(--core); outline-offset: 3px; }
.qwh .qm-card-link .t{ font-size: 20px; color: var(--head); letter-spacing: -0.01em; }
.qwh .qm-card-link .d{ font-size: 15px; color: var(--ink-2); }
.qwh .qm-card-link .go{ margin-top: auto; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: var(--ink-3); }
.qwh .qm-arrow{ width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line-2); color: var(--head); transition: all .2s ease; flex: none; }
.qwh .qm-card-link:hover .qm-arrow{ background: linear-gradient(99deg, #3079AE, #7ABDED); color: #fff; border-color: transparent; transform: translateX(4px); }
.qwh .qm-card-link:hover .t{ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.qwh .qa2{ display: grid; grid-template-columns: 1.35fr 1fr; gap: 48px; padding: 64px 56px; align-items: start; }
.qwh .qa2 h1{ font-size: 56px; line-height: 1.04; letter-spacing: -0.025em; margin: 14px 0 26px; }
.qwh .qa2 .ans{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 24px 26px; box-shadow: var(--shadow); }
.qwh .qa2 .ans .lbl{ display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--ink-3); margin-bottom: 10px; }
.qwh .qa2 .ans .lbl i{ width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(99deg, #3079AE, #7ABDED); }
.qwh .qa2 .ans p{ font-size: 20px; line-height: 1.5; color: var(--ink); }
.qwh .qa2 .ans .typed{ min-height: 3em; }
.qwh .qa2 .src{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.qwh .qa2 .src a{ font-size: 13px; color: var(--ink-2); background: var(--bg-alt); border: 1px solid var(--line); border-radius: 999px; padding: 5px 11px; }
.qwh .qa2 .src a span{ color: var(--ink-3); margin-right: 6px; font-variant-numeric: tabular-nums; }
.qwh .qa2 .rel h4{ font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 6px; }
.qwh .qa2 .rel a{ display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 15px 0; border-top: 1px solid var(--line); color: var(--ink); font-size: 17px; transition: color .15s; }
.qwh .qa2 .rel a:hover{ color: var(--head); }
.qwh .qa2 .rel a:hover .qm-arrow{ background: linear-gradient(99deg,#3079AE,#7ABDED); color: #fff; border-color: transparent; }
.qwh .qr{ padding: 72px 56px 56px; display: grid; grid-template-columns: 120px 1fr; gap: 32px; }
.qwh .qr .mark{ width: 96px; height: 80px; }
.qwh .qr blockquote{ margin: 0; font-size: 34px; line-height: 1.3; font-weight: 300; color: var(--head); letter-spacing: -0.015em; min-height: 3.9em; transition: opacity .35s ease, transform .35s ease; }
.qwh .qr blockquote.out{ opacity: 0; transform: translateY(8px); }
.qwh .qr .who{ display: flex; gap: 12px; margin-top: 28px; }
.qwh .qr .who button{ flex: 1; display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: center; text-align: left; background: none; border: 0; padding: 0 0 12px; cursor: pointer; font: inherit; color: var(--ink-3); position: relative; opacity: .6; transition: opacity .2s; }
.qwh .qr .who button.on{ opacity: 1; color: var(--ink); }
.qwh .qr .who img{ width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.qwh .qr .who small{ display: block; font-size: 13px; color: var(--ink-3); }
.qwh .qr .who button::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--line); border-radius: 2px; }
.qwh .qr .who button .bar2{ position: absolute; left: 0; bottom: 0; height: 2px; width: 0; z-index: 1; border-radius: 2px; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .qr .who button.on .bar2{ animation: qwh-fillbar 6s linear forwards; }
@keyframes qwh-fillbar{ to { width: 100%; } }
.qwh .qw2{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; height: 460px; overflow: hidden; padding: 0 56px; mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }
.qwh .qw2 .col{ display: flex; flex-direction: column; gap: 16px; animation: qwh-up 38s linear infinite; }
.qwh .qw2 .col.rev{ animation-direction: reverse; animation-duration: 44s; }
.qwh .qw2:hover .col{ animation-play-state: paused; }
@keyframes qwh-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }
.qwh .qw2 figure{ margin: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.qwh .qw2 figure p{ font-size: 16px; color: var(--ink); }
.qwh .qw2 figure.big p{ font-size: 21px; line-height: 1.4; color: var(--head); font-weight: 300; }
.qwh .ss{ display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
.qwh .ss .feat{ border-radius: 20px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); display: grid; grid-template-rows: 220px auto; }
.qwh .ss .feat .img{ background: url(/_blob/d0e92f09cf68f41f6e9e29f5ca252658) center/cover; position: relative; }
.qwh .ss .feat .img::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,22,34,0) 40%, rgba(10,22,34,.55)); }
.qwh .ss .feat .img span{ position: absolute; left: 22px; bottom: 16px; z-index: 1; color: #fff; font-size: 22px; }
.qwh .ss .feat .body{ padding: 24px 26px; }
.qwh .ss .metric{ font-size: 56px; font-weight: 300; letter-spacing: -0.03em; line-height: 1; }
.qwh .ss .list{ display: flex; flex-direction: column; gap: 10px; }
.qwh .ss .list button{ all: unset; cursor: pointer; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); transition: all .2s; }
.qwh .ss .list button:hover{ border-color: var(--line-2); }
.qwh .ss .list button.on{ border-color: transparent; box-shadow: var(--shadow-lg); }
.qwh .ss .list button.on .qm-arrow{ background: linear-gradient(99deg,#3079AE,#7ABDED); color: #fff; border-color: transparent; }
.qwh .ss .list b{ color: var(--ink); display: block; }
.qwh .ss .list small{ color: var(--ink-3); font-size: 13px; }
.qwh .vp2{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.qwh .vp2 > div{ padding: 8px 32px 8px 0; }
.qwh .vp2 > div + div{ padding-left: 32px; border-left: 1px solid var(--line); }
.qwh .vp2 svg{ width: 48px; height: 48px; margin-bottom: 22px; overflow: visible; }
.qwh .vp2 h3{ font-size: 24px; margin-bottom: 8px; }
.qwh .vp2 p{ color: var(--ink-2); }
.qwh .vp2 .tagline{ margin-top: 18px; font-size: 13px; color: var(--ink-3); letter-spacing: .04em; }
.qwh .st2 .track{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; position: relative; margin-bottom: 20px; }
.qwh .st2 .track .num{ display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--ink-3); }
.qwh .st2 .track .num i{ width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line-2); display: grid; place-items: center; font-style: normal; color: var(--ink-2); transition: all .3s; flex: none; }
.qwh .st2 .track .num .ln{ flex: 1; height: 2px; background: var(--line); border-radius: 2px; overflow: hidden; }
.qwh .st2 .track .num .ln b{ display: block; height: 100%; width: 0; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .st2 .step.on .num i, .qwh .st2 .step.done .num i{ background: linear-gradient(99deg,#3079AE,#7ABDED); color: #fff; border-color: transparent; }
.qwh .st2 .step.done .ln b{ width: 100%; }
.qwh .st2 .step.on .ln b{ animation: qwh-fillbar 3.2s linear forwards; }
.qwh .st2 .tiles{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.qwh .st2 .tile{ border-radius: 18px; background: linear-gradient(135deg, var(--wash), var(--surface-2)); height: 220px; display: grid; place-items: center; padding: 22px; transition: transform .4s ease, box-shadow .4s ease, opacity .4s; opacity: .55; }
.qwh .st2 .tile.on{ transform: translateY(-6px); box-shadow: var(--shadow-lg); opacity: 1; }
.qwh .st2 .tile.done{ opacity: 1; }
.qwh .st2 h3{ margin-top: 18px; }
.qwh .st2 p{ color: var(--ink-2); margin-top: 4px; }
.qwh .fl2 .item{ position: relative; padding: 18px 0 20px; border-top: 1px solid var(--line); cursor: pointer; }
.qwh .fl2 .item h3{ color: var(--ink-3); transition: color .3s; }
.qwh .fl2 .item p{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height .5s ease, opacity .4s ease, margin .4s; color: var(--ink-2); }
.qwh .fl2 .item.on h3{ color: var(--head); }
.qwh .fl2 .item.on p{ max-height: 120px; opacity: 1; margin-top: 8px; }
.qwh .fl2 .item .prog{ position: absolute; left: 0; top: -1px; height: 2px; width: 0; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .fl2 .item.on .prog{ animation: qwh-fillbar 5s linear forwards; }
.qwh .fl2.paused .item.on .prog{ animation-play-state: paused; }
.qwh .fl2 .vis{ position: relative; min-height: 340px; }
.qwh .fl2 .vis > div{ position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .55s ease, transform .55s ease; }
.qwh .fl2 .vis > div.on{ opacity: 1; transform: none; }
.qwh .dict{ display: grid; grid-template-columns: 1fr 300px; gap: 48px; padding: 56px; }
.qwh .dict .term{ font-size: 56px; line-height: 1; letter-spacing: -0.025em; color: var(--head); }
.qwh .dict ol{ margin: 28px 0 0; padding: 0; list-style: none; counter-reset: s; }
.qwh .dict li{ counter-increment: s; display: grid; grid-template-columns: 36px 1fr; gap: 8px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 19px; color: var(--ink); }
.qwh .dict li::before{ content: counter(s); font-size: 15px; color: var(--ink-3); padding-top: 3px; }
.qwh .dict li small{ display: block; font-size: 14px; color: var(--ink-3); margin-top: 6px; }
.qwh .dict aside{ border-left: 1px solid var(--line); padding-left: 28px; font-size: 15px; }
.qwh .dict aside h4{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 10px; }
.qwh .dict aside .chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.qwh .dict aside .chips a{ border: 1px solid var(--line-2); border-radius: 999px; padding: 5px 11px; color: var(--ink-2); }
.qwh .dict aside .not span{ display: inline-block; margin: 0 8px 8px 0; color: var(--ink-3); text-decoration: line-through; text-decoration-color: var(--line-2); }
.qwh .cmp2 .tabs{ display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; border: 1px solid var(--line); margin-bottom: 24px; background: var(--bg-alt); }
.qwh .cmp2 .tabs button{ all: unset; cursor: pointer; font-size: 14px; padding: 8px 16px; border-radius: 999px; color: var(--ink-2); }
.qwh .cmp2 .tabs button.on{ background: var(--surface); color: var(--head); box-shadow: var(--shadow); }
.qwh .tp{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.qwh .tp .pil{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px 22px 14px; }
.qwh .tp .ph{ display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.qwh .tp .ph h3{ font-size: 22px; }
.qwh .tp .ph p{ font-size: 14px; color: var(--ink-3); }
.qwh .tp .ph b{ font-size: 40px; font-weight: 300; letter-spacing: -0.03em; line-height: 1; }
.qwh .tp .ph small{ font-size: 14px; color: var(--ink-3); }
.qwh .tp .r{ padding: 13px 0; display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; }
.qwh .tp .r span{ color: var(--ink); }
.qwh .tp .r p{ grid-column: 1; font-size: 13px; color: var(--ink-3); }
.qwh .tp .r b{ grid-row: 1; grid-column: 2; font-weight: 400; color: var(--head); }
.qwh .tp .r b small{ color: var(--ink-3); font-size: 12px; }
.qwh .tp .r .bar{ grid-column: 1 / -1; margin-top: 8px; height: 5px; }
.qwh .tp .r .bar i{ width: 0; transition: width 1.1s cubic-bezier(.25,.46,.45,.94); }
.qwh .tp.in .r .bar i{ width: var(--w); }
.qwh .tp .still{ border-top: 1px dashed var(--line-2); margin-top: 6px; padding-top: 12px; font-size: 14px; }
.qwh .tp .still div{ display: flex; justify-content: space-between; padding: 5px 0; color: var(--ink-2); }
.qwh .tp .still em{ font-style: normal; font-size: 12px; padding: 2px 9px; border-radius: 999px; background: var(--surface-2); color: var(--ink-3); }
.qwh .tp .still em.b{ background: var(--alice); color: var(--core-ink); }
.qwh .tl2 .top{ display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 26px; }
.qwh .tl2 .top b{ font-size: 44px; font-weight: 300; letter-spacing: -0.03em; }
.qwh .tl2 .rail{ position: relative; height: 6px; border-radius: 999px; background: var(--surface-2); }
.qwh .tl2 .rail .fill{ position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 999px; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .tl2 .node{ position: absolute; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: var(--bg); border: 2px solid var(--line-2); transition: all .3s; }
.qwh .tl2 .node.lit{ border-color: transparent; background: linear-gradient(135deg,#3079AE,#7ABDED); box-shadow: 0 0 0 6px var(--alice); }
.qwh .tl2 .cards{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 26px; }
.qwh .tl2 .cards div{ border: 1px solid var(--line); border-radius: 12px; padding: 12px; font-size: 13px; color: var(--ink-3); background: var(--surface); transition: all .3s; }
.qwh .tl2 .cards div b{ display: block; font-weight: 400; color: var(--ink); font-size: 15px; }
.qwh .tl2 .cards div.lit{ box-shadow: var(--shadow); border-color: transparent; }
.qwh .tl2 .cards div.lit em{ font-style: normal; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .tl2 .cards div.lock{ opacity: .55; }
.qwh .ht2{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .ht2 .c{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 24px; }
.qwh .ht2 .g{ width: 64px; height: 64px; margin-bottom: 18px; }
.qwh .ht2 h3{ font-size: 24px; }
.qwh .ht2 .comp{ color: var(--ink-3); font-size: 14px; margin-top: 2px; }
.qwh .ht2 dl{ margin: 16px 0 0; font-size: 15px; }
.qwh .ht2 dt{ color: var(--ink-3); font-size: 13px; margin-top: 10px; }
.qwh .ht2 dd{ margin: 2px 0 0; color: var(--ink); }
.qwh .ht2-key{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 20px; }
.qwh .ht2-key div{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.qwh .ht2-key svg{ width: 26px; height: 26px; flex: none; }
.qwh .cm2{ display: grid; grid-template-columns: 1fr 1.6fr; gap: 56px; }
.qwh .cm2 .lead2 p{ color: var(--ink-2); margin: 14px 0 22px; font-size: 18px; }
.qwh .cm2 ul{ list-style: none; margin: 0; padding: 0; }
.qwh .cm2 li{ display: grid; grid-template-columns: 52px 1fr auto; gap: 18px; align-items: center; padding: 20px 0; border-top: 1px solid var(--line); }
.qwh .cm2 li svg{ width: 40px; height: 40px; }
.qwh .cm2 li b{ font-weight: 400; color: var(--ink); font-size: 18px; display: block; }
.qwh .cm2 li span{ color: var(--ink-3); font-size: 15px; }
.qwh .cm2 li em{ font-style: normal; font-size: 12px; color: var(--ink-3); border: 1px solid var(--line-2); border-radius: 999px; padding: 2px 9px; }
.qwh .mm2{ border-radius: 20px; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.qwh .mm2 .hd{ display: grid; grid-template-columns: 1fr 1fr; }
.qwh .mm2 .hd div{ padding: 22px 26px; display: flex; align-items: center; gap: 12px; font-size: 22px; color: var(--head); }
.qwh .mm2 .hd div.y{ background: linear-gradient(120deg, rgba(48, 121, 174,.10), rgba(122,189,237,.06)); }
.qwh .mm2 .hd svg{ width: 26px; height: 26px; }
.qwh .mm2 .rw{ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.qwh .mm2 .rw div{ padding: 16px 26px; color: var(--ink); display: flex; gap: 12px; }
.qwh .mm2 .rw div + div, .qwh .mm2 .hd div + div{ border-left: 1px solid var(--line); }
.qwh .mm2 .rw div.n{ color: var(--ink-2); }
.qwh .mm2 .rw svg{ width: 18px; height: 18px; flex: none; margin-top: 3px; }
.qwh .mm2 .ft{ border-top: 1px solid var(--line); padding: 16px 26px; text-align: center; color: var(--ink-3); font-size: 15px; }
.qwh .pr2 .head{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.qwh .pr2 .free{ display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 14px; background: linear-gradient(99deg, rgba(48, 121, 174,.12), rgba(122,189,237,.10)); color: var(--ink); font-size: 15px; }
.qwh .pr2 .free i{ width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(99deg,#3079AE,#7ABDED); display: grid; place-items: center; color: #fff; font-style: normal; font-size: 13px; flex: none; }
.qwh .pr2 .grid{ display: grid; grid-template-columns: 1.6fr 1fr; gap: 16px; }
.qwh .pr2 .main{ background: var(--surface); border-radius: 20px; padding: 28px; position: relative; box-shadow: var(--shadow-lg); }
.qwh .pr2 .main::before{ content: ""; position: absolute; inset: 0; border-radius: 20px; padding: 1.5px; background: linear-gradient(135deg,#3079AE,#7ABDED); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.qwh .pr2 .price{ display: flex; align-items: baseline; gap: 10px; }
.qwh .pr2 .price b{ font-size: 64px; font-weight: 300; letter-spacing: -0.03em; line-height: 1; }
.qwh .pr2 .price span{ color: var(--ink-3); }
.qwh .pr2 .save{ font-size: 13px; color: var(--thriving); margin-left: 6px; }
.qwh .pr2 .feat{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin: 22px 0 24px; padding: 0; list-style: none; font-size: 15px; color: var(--ink); }
.qwh .pr2 .feat li{ display: flex; gap: 10px; }
.qwh .pr2 .feat svg{ width: 18px; height: 18px; flex: none; margin-top: 2px; }
.qwh .pr2 .adds{ display: flex; flex-direction: column; gap: 12px; }
.qwh .pr2 .adds .cap{ font-size: 13px; color: var(--ink-3); display: flex; align-items: center; gap: 10px; }
.qwh .pr2 .adds .cap::after{ content: ""; flex: 1; height: 1px; background: var(--line); }
.qwh .pr2 .add{ background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.qwh .pr2 .add .t{ display: flex; justify-content: space-between; align-items: baseline; }
.qwh .pr2 .add .t b{ font-weight: 400; font-size: 19px; color: var(--ink); }
.qwh .pr2 .add p{ font-size: 14px; color: var(--ink-2); margin-top: 6px; }
.qwh .pr2 .spend{ margin-top: 16px; border-radius: 16px; border: 1px solid var(--line); overflow: hidden; }
.qwh .pr2 .spend div{ display: flex; justify-content: space-between; padding: 12px 18px; border-top: 1px solid var(--line); font-size: 15px; color: var(--ink-2); }
.qwh .pr2 .spend div:first-child{ border-top: 0; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ic2{ display: grid; grid-template-columns: 200px 1fr auto; gap: 28px; align-items: center; padding: 22px 28px 22px 22px; border-radius: 20px; background: linear-gradient(120deg, var(--wash), var(--surface-2)); }
.qwh .ic2 .mini{ background: var(--surface); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); }
.qwh .ic2 .mini b{ font-size: 38px; font-weight: 300; letter-spacing: -0.03em; line-height: 1; }
.qwh .ck2{ display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: center; }
.qwh .ck2 label{ display: grid; grid-template-columns: 28px 1fr; gap: 14px; align-items: start; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); margin-bottom: 10px; cursor: pointer; transition: box-shadow .2s, border-color .2s; }
.qwh .ck2 label:hover{ border-color: var(--line-2); }
.qwh .ck2 input{ appearance: none; width: 24px; height: 24px; border-radius: 7px; border: 1.5px solid var(--line-2); margin: 0; display: grid; place-items: center; cursor: pointer; transition: all .2s; }
.qwh .ck2 input:checked{ border-color: transparent; background: linear-gradient(135deg,#3079AE,#7ABDED); }
.qwh .ck2 input:checked::after{ content: ""; width: 10px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
.qwh .ck2 label b{ font-weight: 400; color: var(--ink); display: block; }
.qwh .ck2 label small{ color: var(--ink-3); font-size: 14px; }
.qwh .ck2 .go2{ text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 28px; }
.qwh .ck2 .go2 svg{ width: 120px; height: 120px; }
.qwh .ck2 .go2 .qm-btn[disabled]{ opacity: .45; pointer-events: none; }
.qwh .au .tabs{ display: flex; gap: 6px; border-bottom: 1px solid var(--line); margin-bottom: 28px; overflow-x: auto; }
.qwh .au .tabs button{ all: unset; cursor: pointer; padding: 12px 16px; font-size: 16px; color: var(--ink-3); position: relative; white-space: nowrap; }
.qwh .au .tabs button.on{ color: var(--head); }
.qwh .au .tabs button.on::after{ content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .au .pane{ display: none; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.qwh .au .pane.on{ display: grid; animation: qwh-rise .45s ease; }
@keyframes qwh-rise{ from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.qwh .au h3{ font-size: 32px; }
.qwh .au ul{ list-style: none; padding: 0; margin: 18px 0 24px; }
.qwh .au li{ padding: 10px 0 10px 28px; position: relative; border-top: 1px solid var(--line); color: var(--ink-2); }
.qwh .au li::before{ content: ""; position: absolute; left: 0; top: 18px; width: 14px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#3079AE,#7ABDED); }
.qwh .nx2{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.qwh .hb2 .bar4{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.qwh .hb2 .tabs button{ all: unset; cursor: pointer; font-size: 14px; padding: 8px 14px; border-radius: 999px; color: var(--ink-2); border: 1px solid var(--line-2); margin-right: 6px; }
.qwh .hb2 .tabs button span{ color: var(--ink-3); margin-left: 6px; }
.qwh .hb2 .tabs button.on{ color: #fff; border-color: transparent; background: linear-gradient(99deg,#3079AE,#7ABDED); }
.qwh .hb2 .tabs button.on span{ color: rgba(255,255,255,.85); }
.qwh .hb2 input{ font: inherit; font-size: 15px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); width: 240px; }
.qwh .hb2 .count{ font-size: 13px; color: var(--ink-3); margin-top: 14px; }
.qwh .sp{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.qwh .sp section{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 8px 22px 14px; }
.qwh .sp h4{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); padding: 14px 0 6px; margin: 0; }
.qwh .sp .f{ display: grid; grid-template-columns: 120px 1fr 28px; gap: 14px; align-items: start; padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px; }
.qwh .sp .f span{ color: var(--ink-3); }
.qwh .sp .f p{ color: var(--ink); }
.qwh .sp .f button{ all: unset; cursor: pointer; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: var(--ink-3); opacity: 0; transition: opacity .15s; }
.qwh .sp .f:hover button{ opacity: 1; }
.qwh .sp .f button:hover{ background: var(--bg-alt); color: var(--head); }
.qwh .sp .stamp{ grid-column: 1 / -1; font-size: 13px; color: var(--ink-3); }
@media (max-width: 960px){.qwh .qa2, .qwh .qr, .qwh .ss, .qwh .vp2, .qwh .st2 .track, .qwh .st2 .tiles, .qwh .dict, .qwh .tp, .qwh .ht2, .qwh .ht2-key, .qwh .cm2, .qwh .mm2 .hd, .qwh .mm2 .rw, .qwh .pr2 .grid, .qwh .pr2 .feat, .qwh .ic2, .qwh .ck2, .qwh .au .pane, .qwh .nx2, .qwh .sp, .qwh .tl2 .cards{ grid-template-columns: 1fr; }.qwh .qa2{ padding: 32px 20px; }.qwh .qa2 h1{ font-size: 36px; }.qwh .qr{ padding: 40px 20px; }.qwh .qr blockquote{ font-size: 24px; }.qwh .vp2 > div + div{ padding-left: 0; border-left: 0; border-top: 1px solid var(--line); padding-top: 24px; margin-top: 16px; }.qwh .dict{ padding: 28px 20px; }.qwh .dict aside{ border-left: 0; padding-left: 0; }.qwh .qw2{ grid-template-columns: 1fr; padding: 0 20px; }.qwh .qw2 .col:nth-child(n/**/+2){ display: none; }.qwh .ht2-key{ grid-template-columns: 1fr 1fr; }}
.qwh [data-switch] [data-pane]:not(.on){ display: none !important; }
.qwh .tl2 .rail{ margin: 0 8.33%; }
.qwh .fl2 .vis{ min-height: 380px; }
.qwh .fl2 .vis .qm-score{ width: 100%; max-width: 420px; }
.qwh .stage h4, .qwh .stage h5, .qwh .stage .vp2 h3, .qwh .stage .fl2 .item h3, .qwh .stage .ht2 h3, .qwh .stage .tp .ph h3, .qwh .stage .qm-faq h3, .qwh .stage .qm-cred h3, .qwh .stage .st2 .tiles h3, .qwh .stage .hcard .t, .qwh .stage .qm-menu h5, .qwh .stage .qm-footer h5{
  background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent;
  width: fit-content; max-width: 100%;
}
.qwh .qm-em{ -webkit-box-decoration-break: slice; box-decoration-break: slice; }
.qwh .qm-band:not(.plain) .qm-em{ background: none; color: #fff; }
.qwh .v2tag.v3{ background: linear-gradient(99deg, #1E4E70, #3079AE 60%, #7ABDED); }
.qwh .bn3{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: "a a b" "c d b"; gap: 16px; }
.qwh .bn3 .a{ grid-area: a; }
.qwh .bn3 .b{ grid-area: b; }
.qwh .bn3 .c{ grid-area: c; }
.qwh .bn3 .d{ grid-area: d; }
.qwh .bn3 .tile{ background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; }
.qwh .bn3 .fig{ flex: 1; min-height: 200px; display: grid; place-items: center; margin-bottom: 24px; }
.qwh .bn3 h3{ font-size: 24px; line-height: 1.2; }
.qwh .bn3 p{ color: var(--ink-2); margin-top: 6px; max-width: 34em; }
.qwh .bn3 .bscale{ width: 100%; max-width: 560px; position: relative; padding-top: 64px; }
.qwh .bn3 .bscale .bands{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.qwh .bn3 .bscale .bands span{ height: 34px; border-radius: 8px; font-size: 12px; color: #fff; display: grid; place-items: center; }
.qwh .bn3 .bscale .bands .strained{ background: var(--strained); }
.qwh .bn3 .bscale .bands .forming{ background: var(--forming); }
.qwh .bn3 .bscale .bands .developing{ background: var(--developing); }
.qwh .bn3 .bscale .bands .performing{ background: var(--performing); }
.qwh .bn3 .bscale .bands .thriving{ background: var(--thriving); }
.qwh .bn3 .bscale .pin{ position: absolute; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; }
.qwh .bn3 .bscale .pin b{ font-size: 40px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; }
.qwh .bn3 .bscale .pin small{ font-size: 12px; color: var(--ink-3); }
.qwh .bn3 .bscale{ padding-top: 70px; }
.qwh .bn3 .bscale .pin::after{ content: ""; width: 0; height: 0; margin-top: 6px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #3079AE; }
.qwh .bn3 .stack{ display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: stretch; }
.qwh .bn3 .chip{ display: flex; justify-content: space-between; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; box-shadow: var(--shadow); }
.qwh .bn3 .chip b{ font-size: 22px; font-weight: 300; background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .bn3 .big{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; }
.qwh .bn3 .big b{ font-size: 96px; line-height: .9; font-weight: 200; letter-spacing: -0.05em; }
.qwh .bn3 .big span{ color: var(--ink-3); }
.qwh .bn3 .logos{ display: grid; grid-template-columns: repeat(2, 76px); gap: 12px; }
.qwh .bn3 .logos i{ width: 76px; height: 76px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; place-items: center; }
.qwh .bn3 .logos img{ max-width: 48px; max-height: 22px; filter: var(--logo-filter); }
.qwh .ct3 table{ width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 16px; }
.qwh .ct3 col.c1{ width: 26%; }
.qwh .ct3 col.us{ width: 37%; }
.qwh .ct3 th, .qwh .ct3 td{ text-align: left; vertical-align: top; padding: 18px 20px; border-bottom: 1px solid var(--line); font-weight: 400; }
.qwh .ct3 thead th{ font-size: 15px; color: var(--ink-3); padding-top: 22px; padding-bottom: 16px; border-bottom-color: var(--line-2); }
.qwh .ct3 tbody th{ color: var(--ink); }
.qwh .ct3 td{ color: var(--ink-2); }
.qwh .ct3 td.us{ color: var(--ink); }
.qwh .ct3 td svg{ width: 18px; height: 18px; vertical-align: -3px; margin-right: 10px; }
.qwh .ct3 td span{ transition: opacity .2s; }
.qwh .ct3.swap td.them span, .qwh .ct3.swap .them-h{ opacity: 0; }
.qwh .ct3 .us{ background: var(--alice); }
.qwh .ct3 thead th.us{ color: var(--head); background: var(--alice); border-top-left-radius: 14px; border-top-right-radius: 14px; box-shadow: inset 0 3px 0 0 #3079AE; position: relative; }
.qwh .ct3 thead th.us::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: 14px 14px 0 0; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .ct3 thead th.us span{ display: inline-flex; align-items: center; gap: 10px; font-size: 17px; }
.qwh .ct3 thead th.us img{ width: 24px; height: 24px; }
.qwh .ct3 tbody tr:last-child td.us{ border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-bottom-color: transparent; }
.qwh .ct3 .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.qwh .dl3{ display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: center; }
.qwh .dl3 svg{ width: 300px; height: 300px; font-family: "League Spartan", sans-serif; }
.qwh .dl3 .tk{ stroke: var(--line-2); stroke-width: 2; stroke-linecap: round; transition: stroke .25s ease var(--d); }
.qwh .dl3.in .tk.lit{ stroke: url(#dlg); }
.qwh .dl3 .bd{ fill: none; stroke-width: 3; stroke-linecap: round; opacity: .9; }
.qwh .dl3 .bl{ font-size: 11px; fill: var(--ink-3); }
.qwh .dl3 .n{ font-size: 76px; font-weight: 200; letter-spacing: -0.04em; fill: url(#dlg); }
.qwh .dl3 .b{ font-size: 13px; letter-spacing: .12em; text-transform: uppercase; fill: var(--ink-2); }
.qwh .dl3 .dt{ font-size: 13px; fill: var(--thriving); }
.qwh .dl3 .key{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; }
.qwh .dl3 .key span{ display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); }
.qwh .dl3 .key i{ width: 10px; height: 10px; border-radius: 3px; }
.qwh .dl3 .key small{ color: var(--ink-3); font-size: 13px; }
.qwh .bs3 .top{ display: flex; justify-content: space-between; align-items: center; }
.qwh .bs3 .readout{ display: flex; align-items: center; gap: 16px; }
.qwh .bs3 .readout b{ font-size: 80px; line-height: 1; font-weight: 300; letter-spacing: -0.04em; }
.qwh .bs3 .readout .pill{ font-size: 14px; padding: 5px 14px; }
.qwh .bs3 .rail{ position: relative; margin: 44px 0 0; }
.qwh .bs3 .segs{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.qwh .bs3 .sg{ min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 12px 12px 10px; border-radius: 10px; color: #fff; opacity: .4; transition: opacity .2s; }
.qwh .bs3 .sg.on{ opacity: 1; }
.qwh .bs3 .sg span{ display: block; font-size: 15px; }
.qwh .bs3 .sg small{ display: block; font-size: 12px; opacity: .9; }
.qwh .bs3 .sg.strained{ background: var(--strained); }
.qwh .bs3 .sg.forming{ background: var(--forming); }
.qwh .bs3 .sg.developing{ background: var(--developing); }
.qwh .bs3 .sg.performing{ background: var(--performing); }
.qwh .bs3 .sg.thriving{ background: var(--thriving); }
.qwh .bs3 .thr{ position: absolute; top: -28px; bottom: -6px; width: 0; border-left: 1.5px dashed var(--ink-3); }
.qwh .bs3 .thr span{ position: absolute; top: -2px; left: 8px; white-space: nowrap; font-size: 12px; color: var(--ink-3); }
.qwh .bs3 .thumb{ position: absolute; top: -10px; bottom: -10px; width: 4px; margin-left: -2px; border-radius: 4px; background: linear-gradient(#3079AE, #7ABDED); box-shadow: 0 0 0 3px var(--bg), 0 4px 14px rgba(48, 121, 174,.35); pointer-events: none; }
.qwh .bs3 .thumb::before{ content: ""; position: absolute; top: -8px; left: 50%; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: linear-gradient(135deg, #3079AE, #7ABDED); box-shadow: 0 0 0 3px var(--bg); }
.qwh .bs3 input[type=range]{ position: absolute; inset: -16px 0; width: 100%; height: calc(100% + 32px); opacity: 0; cursor: ew-resize; margin: 0; }
.qwh .bs3 .out{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 32px 0 0; border-top: 1px solid var(--line); }
.qwh .bs3 .out div{ padding: 18px 24px 0 0; }
.qwh .bs3 .out div + div{ padding-left: 24px; border-left: 1px solid var(--line); }
.qwh .bs3 dt{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .bs3 dd{ margin: 6px 0 0; color: var(--ink); }
.qwh .tm3 .ctl{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 12px; }
.qwh .tm3 .plot{ position: relative; }
.qwh .tm3 .zones{ position: absolute; left: 110px; right: 72px; top: -26px; bottom: 26px; display: grid; grid-template-columns: 20fr 30fr 20fr 20fr 10fr; pointer-events: none; }
.qwh .tm3 .zones div{ border-left: 1px solid var(--line); position: relative; }
.qwh .tm3 .zones div:first-child{ border-left: 0; }
.qwh .tm3 .zones .z1{ background: color-mix(in srgb, var(--strained) 7%, transparent); }
.qwh .tm3 .zones .z2{ background: color-mix(in srgb, var(--forming) 7%, transparent); }
.qwh .tm3 .zones .z3{ background: color-mix(in srgb, var(--developing) 8%, transparent); }
.qwh .tm3 .zones .z4{ background: color-mix(in srgb, var(--performing) 7%, transparent); }
.qwh .tm3 .zones .z5{ background: color-mix(in srgb, var(--thriving) 8%, transparent); }
.qwh .tm3 .zones span{ position: absolute; top: 0; left: 8px; font-size: 12px; color: var(--ink-3); white-space: nowrap; }
.qwh .tm3 .row, .qwh .tm3 .axis{ display: grid; grid-template-columns: 110px 1fr 72px; align-items: center; position: relative; }
.qwh .tm3 .row{ height: 46px; }
.qwh .tm3 .row:first-of-type{ margin-top: 26px; }
.qwh .tm3 .nm{ font-size: 15px; color: var(--ink); }
.qwh .tm3 .lane{ position: relative; height: 100%; }
.qwh .tm3 .lane::before{ content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--line-2); }
.qwh .tm3 .dot{ position: absolute; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: linear-gradient(135deg, #3079AE, #7ABDED); box-shadow: 0 0 0 4px var(--bg); }
.qwh .tm3 .was{ position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; border: 2px solid var(--ink-3); background: var(--bg); opacity: 0; transition: opacity .4s; }
.qwh .tm3 .trail{ position: absolute; top: 50%; height: 3px; margin-top: -1.5px; border-radius: 3px; background: linear-gradient(90deg, rgba(48, 121, 174,.25), #3079AE 70%, #7ABDED); transform: scaleX(0); transform-origin: left; transition: transform .7s cubic-bezier(.25,.46,.45,.94); }
.qwh .tm3 .v{ text-align: right; }
.qwh .tm3 .v b{ font-size: 18px; color: var(--head); }
.qwh .tm3 .v em{ font-style: normal; font-size: 13px; color: var(--thriving); margin-left: 6px; opacity: 0; transition: opacity .4s; }
.qwh .tm3.chg .was, .qwh .tm3.chg .v em{ opacity: 1; }
.qwh .tm3.chg .trail{ transform: scaleX(1); }
.qwh .tm3 .axis{ height: 26px; }
.qwh .tm3 .axis .lane::before{ display: none; }
.qwh .tm3 .axis .lane span{ position: absolute; top: 4px; transform: translateX(-50%); font-size: 12px; color: var(--ink-3); }
.qwh .li3 .hd{ display: flex; align-items: center; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }
.qwh .li3 .hyp{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); border: 1.5px dashed var(--ink-3); border-radius: 999px; padding: 4px 12px; }
.qwh .li3 .hd p{ color: var(--ink-2); font-size: 15px; }
.qwh .li3 .body{ display: grid; grid-template-columns: 1fr 240px; gap: 32px; align-items: start; }
.qwh .li3 svg{ width: 100%; height: auto; display: block; overflow: visible; }
.qwh .li3 .ln{ stroke-dasharray: 1400; stroke-dashoffset: 1400; transition: stroke-dashoffset 1.8s cubic-bezier(.25,.46,.45,.94); }
.qwh .li3 .ln2{ stroke-dasharray: 2 8; transition: none; stroke-dashoffset: 0; opacity: 0; }
.qwh .li3.in .ln{ stroke-dashoffset: 0; }
.qwh .li3.in .ln2{ opacity: 1; transition: opacity .8s ease 1.4s; }
.qwh .li3 .lead{ opacity: 0; transition: opacity .6s ease 2s; }
.qwh .li3.in .lead{ opacity: 1; }
.qwh .li3.in rect.lead{ opacity: .55; }
.qwh .li3 .cap{ display: none; }
.qwh .li3 .side{ display: flex; flex-direction: column; gap: 8px; }
.qwh .li3 .side button{ all: unset; cursor: pointer; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); }
.qwh .li3 .side button b{ display: block; color: var(--ink); }
.qwh .li3 .side button small{ font-size: 13px; color: var(--ink-3); }
.qwh .li3 .side button.on{ border-color: transparent; box-shadow: var(--shadow-lg); }
.qwh .li3 .side button.on b{ background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }
.qwh .wd3 .hd{ text-align: center; margin-bottom: 28px; }
.qwh .wd3 .hd p{ margin-top: 8px; }
.qwh .wd3 .rows{ display: flex; flex-direction: column; gap: 14px; -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); overflow: hidden; }
.qwh .wd3 .track{ display: flex; gap: 14px; width: max-content; animation: qwh-wdrift 60s linear infinite; }
.qwh .wd3 .r.rev .track{ animation-direction: reverse; animation-duration: 70s; }
.qwh .wd3 .rows:hover .track{ animation-play-state: paused; }
.qwh .wd3 figure{ margin: 0; width: 176px; height: 176px; border-radius: 16px; overflow: hidden; flex: none; transform: translateZ(0); }
.qwh .wd3 figure:hover{ transform: none; }
.qwh .wd3 figure img{ transition: transform .35s ease; }
.qwh .wd3 figure:hover img{ transform: scale(1.06); }
.qwh .wd3 figure img{ width: 100%; height: 100%; object-fit: cover; }
@keyframes qwh-wdrift{ to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){.qwh .wd3 .track{ animation: none; }.qwh .wd3 .rows{ overflow-x: auto; }}
.qwh .lp3{ display: grid; grid-template-columns: 420px 1fr; gap: 48px; align-items: center; }
.qwh .lp3 svg{ width: 100%; height: auto; overflow: visible; font-family: "League Spartan", sans-serif; }
.qwh .lp3 .coil-bg{ fill: none; stroke: var(--line-2); stroke-width: 1.5; }
.qwh .lp3 .coil{ fill: none; stroke: url(#lp3g); stroke-width: 3; stroke-linecap: round; }
.qwh .lp3 .st{ fill: var(--bg); stroke: var(--line-2); stroke-width: 2; transition: all .3s; }
.qwh .lp3 .st.lit{ stroke: #3079AE; fill: #3079AE; }
.qwh .lp3 .lv{ font-size: 18px; fill: var(--head); }
.qwh .lp3 .runner{ filter: drop-shadow(0 2px 6px rgba(48, 121, 174,.5)); }
.qwh .lp3 .steps{ list-style: none; margin: 18px 0 0; padding: 0; counter-reset: s; }
.qwh .lp3 .steps li{ display: grid; grid-template-columns: 96px 1fr; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); color: var(--ink-3); transition: color .3s; min-height: 56px; }
.qwh .lp3 .steps li b{ font-weight: 400; color: var(--ink-3); }
.qwh .lp3 .steps li.on, .qwh .lp3 .steps li.done{ color: var(--ink); }
.qwh .lp3 .steps li.on b{ background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }
.qwh .lp3 .steps li:not(.on):not(.done) span{ opacity: .35; }
.qwh .lp3 .laps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 18px; }
.qwh .lp3 .laps span{ border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; color: var(--ink-3); transition: all .3s; }
.qwh .lp3 .laps b{ display: block; font-size: 24px; font-weight: 300; }
.qwh .lp3 .laps small{ font-size: 12px; }
.qwh .lp3 .laps span.done{ color: var(--ink-2); }
.qwh .lp3 .laps span.on{ border-color: transparent; box-shadow: var(--shadow-lg); color: var(--ink); }
.qwh .lp3 .laps span.on b{ background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }
.qwh .pv3{ display: grid; grid-template-columns: 1fr 1.25fr; gap: 72px; align-items: start; }
.qwh .pv3 .now{ margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink-2); }
.qwh .pv3 .now span{ color: var(--head); }
.qwh .pv3 .o{ display: grid; grid-template-columns: 44px 1fr auto; gap: 20px; align-items: center; padding: 26px 0; border-top: 1px solid var(--line); }
.qwh .pv3 .o:last-child{ border-bottom: 1px solid var(--line); }
.qwh .pv3 .o b{ display: block; color: var(--ink); font-size: 18px; }
.qwh .pv3 .o small{ display: block; color: var(--ink-3); font-size: 14px; margin-top: 4px; }
.qwh .pv3 .meter{ display: flex; gap: 3px; align-items: flex-end; height: 22px; }
.qwh .pv3 .meter i{ width: 9px; border-radius: 3px; background: var(--surface-2); border: 1px solid var(--line-2); }
.qwh .pv3 .meter i:nth-child(1){ height: 8px; }
.qwh .pv3 .meter i:nth-child(2){ height: 14px; }
.qwh .pv3 .meter i:nth-child(3){ height: 22px; }
.qwh .pv3 .meter i.in{ background: var(--alice); border-color: var(--core); }
.qwh .pv3 .meter i:not(.in){ opacity: .4; }
.qwh .pv3 .o.on .meter i.in{ background: linear-gradient(#7ABDED, #3079AE); border-color: transparent; }
.qwh .pv3 .sw{ all: unset; cursor: pointer; width: 46px; height: 26px; border-radius: 999px; background: var(--line-2); position: relative; transition: background .2s; }
.qwh .pv3 .sw::after{ content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s; }
.qwh .pv3 .sw.on{ background: linear-gradient(99deg, #3079AE, #7ABDED); }
.qwh .pv3 .sw.on::after{ transform: translateX(20px); }
.qwh .pv3 .sw:focus-visible{ outline: 2px solid var(--core); outline-offset: 3px; }
.qwh .sk3{ max-width: 760px; margin: 0 auto; }
.qwh .sk3 .ctl{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.qwh .sk3 .who{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.qwh .sk3 .who .qm-small{ margin-right: 4px; }
.qwh .sk3 .who button{ all: unset; cursor: pointer; font-size: 15px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--ink-2); }
.qwh .sk3 .who button.on{ border-color: transparent; background: linear-gradient(99deg, #3079AE, #7ABDED); color: #fff; }
.qwh .sk3 .card{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 26px 28px; box-shadow: var(--shadow); }
.qwh .sk3 .meta{ font-size: 13px; color: var(--ink-3); }
.qwh .sk3 .sub{ margin-top: 12px; font-size: 19px; color: var(--head); }
.qwh .sk3 .msg{ margin-top: 10px; font-size: 17px; line-height: 1.6; color: var(--ink); }
.qwh .sk3 .acts{ display: flex; justify-content: flex-end; margin-top: 22px; }
.qwh .cs3{ display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.qwh .cs3 .copy h3{ margin: 16px 0 10px; }
.qwh .cs3 .notify{ display: flex; gap: 8px; margin-top: 24px; flex-wrap: wrap; }
.qwh .cs3 .notify input{ flex: 1; min-width: 200px; font: inherit; font-size: 15px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); }
.qwh .cs3 .ghost{ border: 1.5px dashed var(--line-2); border-radius: 20px; padding: 22px 24px; background: repeating-linear-gradient(135deg, transparent 0 10px, var(--bg-alt) 10px 11px); }
.qwh .cs3 .gh{ display: flex; justify-content: space-between; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); padding-bottom: 10px; }
.qwh .cs3 .r{ display: grid; grid-template-columns: 96px 1fr 30px; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-3); }
.qwh .cs3 .r.you{ color: var(--ink); }
.qwh .cs3 .r b{ font-weight: 400; text-align: right; }
.qwh .cs3 .r.you b{ color: var(--head); }
.qwh .cs3 .r .bar.dashed{ background: none; height: 10px; border: 1.5px dashed var(--line-2); border-radius: 999px; width: var(--w); }
.qwh .cs3 .r.you .bar{ height: 10px; }
.qwh .hb2 .hgrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.qwh .hcard{ aspect-ratio: 1 / 1; display: flex; flex-direction: column; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; color: var(--ink); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.qwh .hcard:hover{ transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: transparent; }
.qwh .hcard:focus-visible{ outline: 2px solid var(--core); outline-offset: 3px; }
.qwh .hcard .em{ width: 60px; height: 60px; border-radius: 10px; display: grid; place-items: center; background: var(--alice); }
.qwh .hcard .em svg{ width: 34px; height: 34px; }
.qwh .hcard .t{ margin-top: auto; font-size: 19px; line-height: 1.2; color: var(--head); }
.qwh .hcard .go{ display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 13px; color: var(--ink-3); }
.qwh .hcard:hover .qm-arrow{ background: linear-gradient(99deg, #3079AE, #7ABDED); color: #fff; border-color: transparent; transform: translateX(4px); }
@media (max-width: 960px){.qwh .bn3, .qwh .dl3, .qwh .lp3, .qwh .pv3, .qwh .cs3, .qwh .li3 .body{ grid-template-columns: 1fr; }.qwh .bn3{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "a" "b" "c" "d"; }.qwh .bn3 .bscale .bands span{ font-size: 0; height: 22px; }.qwh .dl3 svg{ width: 260px; height: 260px; margin: 0 auto; }.qwh .dl3, .qwh .pv3, .qwh .cs3, .qwh .lp3{ gap: 32px; }.qwh .bs3 .sg span{ font-size: 12px; }.qwh .bs3 .sg small{ display: none; }.qwh .bs3 .out{ grid-template-columns: 1fr; }.qwh .bs3 .out div + div{ padding-left: 0; border-left: 0; }.qwh .tm3 .zones{ left: 80px; right: 52px; }.qwh .tm3 .row, .qwh .tm3 .axis{ grid-template-columns: 80px 1fr 52px; }.qwh .ct3 table, .qwh .ct3 tbody, .qwh .ct3 thead{ display: block; }.qwh .ct3 colgroup{ display: none; }.qwh .ct3 tr{ display: grid; grid-template-columns: 1fr 1fr; }.qwh .ct3 thead th:first-child{ display: none; }.qwh .ct3 tbody th{ grid-column: 1 / -1; padding: 16px 4px 6px; border-bottom: 0; }.qwh .ct3 th, .qwh .ct3 td{ padding: 10px 12px 14px; font-size: 15px; }.qwh .ct3 td svg{ display: block; margin: 0 0 6px; }.qwh .ct3 thead th.us{ border-radius: 12px 12px 0 0; }.qwh .ct3 tbody tr:last-child td.us{ border-radius: 0 0 12px 12px; }.qwh .ct3 .cmp2 .tabs{ display: flex; flex-wrap: wrap; border-radius: 16px; }.qwh .bs3 .sg{ padding: 10px 4px; text-align: center; }.qwh .bs3 .sg span{ visibility: hidden; }.qwh .bs3 .readout b{ font-size: 60px; }.qwh .bs3 .rail{ margin-top: 64px; }.qwh .bs3 .thr{ top: -46px; }.qwh .bs3 .thr span{ top: -4px; }.qwh .li3 svg text{ display: none; }.qwh .li3 .cap{ display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--ink-3); margin-top: 6px; }.qwh .tm3 .zones span{ display: none; }.qwh .tm3 .axis .lane span:nth-child(5){ display: none; }.qwh .hb2 .hgrid{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }.qwh .hcard{ padding: 14px; aspect-ratio: auto; min-height: 168px; }.qwh .hcard .t{ font-size: 16px; }.qwh .hcard .em{ width: 48px; height: 48px; }.qwh .wd3 figure{ width: 132px; height: 132px; }}
.qwh .bn3 .one{ width: 100%; max-width: 420px; }
.qwh .bn3 .one .n{ display: flex; align-items: baseline; gap: 8px; }
.qwh .bn3 .one .n b{ font-size: 96px; line-height: 1; font-weight: 200; letter-spacing: -0.05em; }
.qwh .bn3 .one .n span{ color: var(--ink-3); font-size: 20px; }
.qwh .bn3 .one .track{ height: 8px; border-radius: 999px; background: var(--surface-2); margin-top: 18px; overflow: hidden; }
.qwh .bn3 .one .track i{ display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .sd4{ display: grid; grid-template-columns: 340px 1fr; gap: 64px; align-items: center; }
.qwh .sd4 .g{ position: relative; }
.qwh .sd4 svg{ width: 100%; height: auto; display: block; }
.qwh .sd4 .arc{ transition: stroke-dasharray 1.2s cubic-bezier(.25,.46,.45,.94); }
.qwh .sd4 .v{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
.qwh .sd4 .v b{ display: block; width: fit-content; margin: 0 auto; font-size: 88px; line-height: .9; font-weight: 200; letter-spacing: -0.05em; }
.qwh .sd4 .v span{ display: block; margin-top: 8px; font-size: 16px; color: var(--ink-2); }
.qwh .sd4 .t p{ margin-top: 12px; font-size: 18px; }
.qwh .bs4{ max-width: 760px; margin: 0 auto; text-align: center; }
.qwh .bs4 .readout{ display: flex; align-items: baseline; justify-content: center; gap: 16px; }
.qwh .bs4 .readout b{ font-size: 96px; line-height: 1; font-weight: 200; letter-spacing: -0.05em; }
.qwh .bs4 .bw{ font-size: 28px; color: var(--head); }
.qwh .bs4 .mean{ margin: 10px auto 0; max-width: 32em; color: var(--ink-2); font-size: 18px; min-height: 1.6em; }
.qwh .bs4 .rail{ position: relative; height: 28px; margin-top: 40px; }
.qwh .bs4 .line{ position: absolute; left: 0; right: 0; top: 11px; height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.qwh .bs4 .fill{ position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .bs4 .thumb{ position: absolute; top: 0; width: 28px; height: 28px; margin-left: -14px; border-radius: 50%; background: var(--surface); border: 2px solid #3079AE; pointer-events: none; }
.qwh .bs4 input[type=range]{ position: absolute; inset: -10px 0; width: 100%; height: 48px; opacity: 0; cursor: ew-resize; margin: 0; }
.qwh .bs4 .names{ display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 12px; font-size: 14px; color: var(--ink-3); }
.qwh .bs4 .names span.on{ color: var(--head); }
.qwh .ct4 .tabs{ display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; font-size: 15px; }
.qwh .ct4 .tabs > span{ color: var(--ink-3); }
.qwh .ct4 .tabs button{ all: unset; cursor: pointer; color: var(--ink-2); padding: 6px 0; border-bottom: 2px solid transparent; }
.qwh .ct4 .tabs button.on{ color: var(--head); border-image: linear-gradient(90deg, #3079AE, #7ABDED) 1; border-bottom-width: 2px; border-bottom-style: solid; }
.qwh .ct4 .tabs button:focus-visible{ outline: 2px solid var(--core); outline-offset: 4px; }
.qwh .ct4 table{ width: 100%; border-collapse: collapse; table-layout: fixed; }
.qwh .ct4 th, .qwh .ct4 td{ text-align: left; font-weight: 400; padding: 20px 16px 20px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.qwh .ct4 thead th{ padding-top: 0; font-size: 18px; color: var(--ink-2); }
.qwh .ct4 thead th.us{ color: var(--head); }
.qwh .ct4 thead th.us img{ width: 22px; height: 22px; display: inline-block; vertical-align: -4px; margin-right: 10px; }
.qwh .ct4 tbody th{ color: var(--ink-3); font-size: 15px; width: 26%; }
.qwh .ct4 td.us{ color: var(--ink); font-size: 17px; }
.qwh .ct4 td.them{ color: var(--ink-3); font-size: 17px; }
.qwh .ct4 td span, .qwh .ct4 .them-h{ transition: opacity .2s; }
.qwh .ct4.swap td.them span, .qwh .ct4.swap .them-h{ opacity: 0; }
.qwh .ct4 .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 960px){.qwh .sd4{ grid-template-columns: 1fr; gap: 24px; }.qwh .sd4 .g{ max-width: 300px; margin: 0 auto; width: 100%; }.qwh .bs4 .readout b{ font-size: 72px; }.qwh .bs4 .names{ font-size: 11px; }.qwh .ct4 table, .qwh .ct4 thead, .qwh .ct4 tbody{ display: block; }.qwh .ct4 tr{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }.qwh .ct4 thead th:first-child{ display: none; }.qwh .ct4 tbody th{ grid-column: 1 / -1; width: auto; padding-bottom: 4px; border-bottom: 0; }}
.qwh .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.qwh .v2tag.new{ background: linear-gradient(99deg, #1E4E70, #3079AE); }
.qwh .ph1{ padding-bottom: 32px; border-bottom: 1px solid var(--line); }
.qwh .ph1 h1{ margin: 16px 0 12px; }
.qwh .ph1 .qm-lead{ max-width: 36em; }
.qwh .sp1{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.qwh .sp1 > div{ border-top: 1px solid var(--line-2); padding-top: 20px; }
.qwh .sp1 .k{ font-size: 15px; letter-spacing: .08em; display: inline-block; }
.qwh .sp1 h3{ font-size: 22px; margin: 14px 0 8px; }
.qwh .sp1 p{ color: var(--ink-2); }
.qwh .fq1{ max-width: 780px; margin: 0 auto; border-top: 1px solid var(--line); }
.qwh .fq1 details{ border-bottom: 1px solid var(--line); }
.qwh .fq1 summary{ list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 0; font-size: 19px; color: var(--head); }
.qwh .fq1 summary::-webkit-details-marker{ display: none; }
.qwh .fq1 summary i{ position: relative; width: 14px; height: 14px; flex: none; }
.qwh .fq1 summary i::before, .qwh .fq1 summary i::after{ content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #3079AE, #7ABDED); transition: transform .2s; }
.qwh .fq1 summary i::after{ transform: rotate(90deg); }
.qwh .fq1 details[open] summary i::after{ transform: rotate(0); }
.qwh .fq1 summary:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .fq1 details p{ padding: 0 40px 22px 0; color: var(--ink-2); }
.qwh .bg1{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .bg1 .t{ font-size: 20px; }
.qwh .nl1{ display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: 32px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.qwh .nl1 form{ display: flex; gap: 8px; flex: 1; max-width: 460px; min-width: 260px; }
.qwh .nl1 input{ flex: 1; min-width: 0; font: inherit; font-size: 16px; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); }
.qwh .cr1{ border-top: 1px solid var(--line); }
.qwh .cr1 a{ display: grid; grid-template-columns: 2fr 1fr 1fr 40px; gap: 16px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); color: var(--ink-2); font-size: 15px; transition: padding .2s; }
.qwh .cr1 a .t{ font-size: 19px; color: var(--head); }
.qwh .cr1 a:hover{ padding-left: 8px; }
.qwh .cr1 a:hover .qm-arrow{ background: linear-gradient(99deg, #3079AE, #7ABDED); color: #fff; border-color: transparent; }
.qwh .cr1 a:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .cr1 p{ margin-top: 12px; }
.qwh .ev1{ display: grid; grid-template-columns: 88px 1fr auto; gap: 28px; align-items: center; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.qwh .ev1 .d{ text-align: center; border-right: 1px solid var(--line); padding-right: 24px; }
.qwh .ev1 .d span{ display: block; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ev1 .d b{ display: block; width: fit-content; margin: 0 auto; font-size: 44px; font-weight: 200; line-height: 1; }
.qwh .lf1{ max-width: 68ch; margin: 0 auto; font-size: 18px; line-height: 1.7; color: var(--ink); }
.qwh .lf1 h2{ font-size: 34px; margin-bottom: 16px; }
.qwh .lf1 h3{ font-size: 22px; margin: 32px 0 10px; }
.qwh .lf1 p + p{ margin-top: 16px; }
.qwh .lf1 ul{ padding-left: 20px; margin: 0; }
.qwh .lf1 li + li{ margin-top: 6px; }
.qwh .lf1 li::marker{ color: #3079AE; }
.qwh .lf1 blockquote{ margin: 28px 0; padding-left: 20px; border-left: 2px solid #3079AE; font-size: 22px; color: var(--head); }
@media (max-width: 960px){.qwh .sp1, .qwh .bg1{ grid-template-columns: minmax(0, 1fr); gap: 20px; }.qwh .cr1 a{ grid-template-columns: 1fr 40px; }.qwh .cr1 a span:not(.t):not(.qm-arrow){ display: none; }.qwh .ev1{ grid-template-columns: 64px 1fr; }.qwh .ev1 .qm-btn{ grid-column: 1 / -1; justify-self: start; }.qwh .ev1 .d{ padding-right: 12px; }.qwh .nl1 form{ min-width: 0; max-width: none; width: 100%; }}
.qwh .ck4{ max-width: 640px; margin: 0 auto; }
.qwh .ck4 ul{ list-style: none; margin: 24px 0 28px; padding: 0; border-top: 1px solid var(--line); }
.qwh .ck4 li{ display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.qwh .ck4 li svg{ flex: none; margin-top: 2px; }
.qwh .ck4 li b{ display: block; color: var(--ink); font-size: 18px; }
.qwh .ck4 li small{ display: block; color: var(--ink-3); font-size: 15px; margin-top: 2px; }
@media (max-width: 960px){.qwh .au .tabs{ flex-wrap: wrap; max-width: 100%; }.qwh .au .tabs button{ flex: none; }}
.qwh .bn3 .bm, .qwh .bn3 .cmp{ width: 100%; max-width: 460px; display: flex; flex-direction: column; gap: 18px; }
.qwh .bn3 .bm .r, .qwh .bn3 .cmp .r{ display: grid; grid-template-columns: 110px 1fr 44px; gap: 14px; align-items: center; }
.qwh .bn3 .l{ font-size: 15px; color: var(--ink); }
.qwh .bn3 .bm .bar, .qwh .bn3 .cmp .bar{ height: 12px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.qwh .bn3 .bm .bar i, .qwh .bn3 .cmp .bar i{ display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .bn3 .bm .std .bar i{ background: var(--line-2); }
.qwh .bn3 .bm .std .l, .qwh .bn3 .bm .std b{ color: var(--ink-3); }
.qwh .bn3 .bm b, .qwh .bn3 .cmp b{ font-weight: 400; font-size: 22px; text-align: right; color: var(--head); }
.qwh .bn3 .bm .you b{ font-size: 34px; font-weight: 300; }
.qwh .bn3 .cmp{ gap: 14px; }
.qwh .bn3 .cmp .r{ grid-template-columns: 76px 1fr 32px; }
.qwh .bn3 .cmp b{ font-size: 18px; }
.qwh .bn3 .cmp .r:not(.top) .bar i{ opacity: .55; }
.qwh .bn3 .cap{ font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.qwh .bn3 .cap.note{ text-transform: none; letter-spacing: 0; font-size: 14px; }
.qwh{
  --bar-label: 120px;
  --bar-val: 40px;
  --bar-h: 8px;
  --bar-gap: 14px;
}
.qwh .qm-score .q, .qwh .qm-teams .t, .qwh .cs3 .r, .qwh .bn3 .bm .r, .qwh .bn3 .cmp .r{ grid-template-columns: var(--bar-label) minmax(0, 1fr) var(--bar-val); gap: var(--bar-gap); }
.qwh .qm-teams .t:has(.pill){ grid-template-columns: var(--bar-label) minmax(0, 1fr) var(--bar-val) 96px; }
.qwh .qm-score .q .bar, .qwh .qm-teams .t .bar, .qwh .cs3 .r .bar, .qwh .bn3 .bm .bar, .qwh .bn3 .cmp .bar, .qwh .tp .r .bar{ height: var(--bar-h); }
.qwh .cs3 .r .bar.dashed{ height: var(--bar-h); }
.qwh .qm-score .q b, .qwh .qm-teams .t b, .qwh .cs3 .r b, .qwh .bn3 .bm b, .qwh .bn3 .cmp b, .qwh .tp .r b{ font-variant-numeric: tabular-nums; text-align: right; }
.qwh .bn3 .fig{ place-items: center start; }
.qwh .bn3 .bm, .qwh .bn3 .cmp{ max-width: none; }
.qwh .bn3 .big{ align-items: flex-start; }
.qwh .bn3 .bm .you b{ font-size: 22px; font-weight: 400; }
@media (max-width: 960px){.qwh{
  --bar-label: 92px;
  --bar-val: 36px;
}}
.qwh, [data-theme="light"] .qwh, [data-theme="swap"] .qwh{
  --shadow: none;
  --shadow-lg: none;
}
.qwh .qm-btn, .qwh .qm-btn:hover{ box-shadow: none; }
.qwh .bs3 .thumb, .qwh .bs4 .thumb{ box-shadow: 0 0 0 3px var(--bg); }
.qwh .pv3 .sw::after{ box-shadow: none; }
.qwh .qm-card-link:hover, .qwh .hcard:hover{ transform: none; border-color: #3079AE; }
.qwh .ss .list button.on, .qwh .li3 .side button.on, .qwh .lp3 .laps span.on, .qwh .tl2 .cards div.lit{ border-color: #3079AE; }
.qwh .qm-score, .qwh .qm-compose .float .qm-score{ border: 1px solid var(--line); }
.qwh .bn3 .chip, .qwh .bn3 .logos i, .qwh .sk3 .card{ border: 1px solid var(--line); }
.qwh .tl2 .node.lit{ box-shadow: none; }
.qwh .qm-score .q .bar i, .qwh .qm-teams .t .bar i, .qwh .bn3 .cmp .bar i, .qwh .bn3 .bm .you .bar i, .qwh .cs3 .r.you .bar i, .qwh .tp .r .bar i{ background: var(--bandc, linear-gradient(90deg, #3079AE, #7ABDED)); }
.qwh .bn3 .cmp .r:not(.top) .bar i{ opacity: 1; }
.qwh .tm3 .dot{ background: var(--bandc, linear-gradient(135deg, #3079AE, #7ABDED)); }
.qwh .bn3 .cmp{ --bar-label: 72px; --bar-val: 30px; --bar-gap: 10px; }
.qwh .pv3 .meter:not(:has(i.in))::after{ content: ""; }
.qwh .bc4{ max-width: 760px; }
.qwh .bc4 .ctl{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.qwh .bc4 .r{ display: grid; grid-template-columns: var(--bar-label) minmax(0, 1fr) var(--bar-val); gap: var(--bar-gap); align-items: center; padding: 10px 0; }
.qwh .bc4 .l{ font-size: 16px; color: var(--ink); }
.qwh .bc4 .bar{ height: 14px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.qwh .bc4 .bar i{ display: block; height: 100%; border-radius: 999px; background: var(--bandc, #3079AE); transition: width .5s ease, background-color .5s ease; }
.qwh .bc4 b{ font-weight: 400; font-size: 20px; text-align: right; color: var(--head); font-variant-numeric: tabular-nums; }
.qwh .bc4 .qm-small{ margin-top: 14px; }
.qwh .ft4{ max-width: 820px; margin: 0 auto; text-align: center; }
.qwh .ft4 .hyp{ display: inline-block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); border: 1.5px dashed var(--ink-3); border-radius: 999px; padding: 4px 12px; }
.qwh .ft4 .steps{ display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; gap: 16px; margin: 32px 0 24px; }
.qwh .ft4 .s{ display: flex; flex-direction: column; align-items: center; }
.qwh .ft4 .k{ font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ft4 .s svg{ width: 56px; height: 56px; margin: 16px 0; }
.qwh .ft4 h3{ font-size: 30px; margin: 0 auto; }
.qwh .ft4 .s p{ margin-top: 8px; color: var(--ink-2); }
.qwh .ft4 .arrow svg{ width: 64px; height: 24px; }
@media (max-width: 960px){.qwh .ft4 .steps{ grid-template-columns: 1fr; }.qwh .ft4 .arrow{ transform: rotate(90deg); justify-self: center; }}
.qwh .tl4{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); position: relative; }
.qwh .tl4::before{ content: ""; position: absolute; left: 0; right: calc(100% / 6 - 8px); top: 7px; height: 2px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .tl4 li{ position: relative; padding-top: 30px; }
.qwh .tl4 i{ position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 2px solid #3079AE; }
.qwh .tl4 li.end i{ background: linear-gradient(135deg, #3079AE, #7ABDED); border-color: transparent; }
.qwh .tl4 b{ display: block; font-weight: 400; font-size: 17px; color: var(--ink); }
.qwh .tl4 span{ font-size: 14px; color: var(--ink-3); }
.qwh .tl4 li.end b{ background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }
@media (max-width: 960px){.qwh .tl4{ grid-template-columns: 1fr; gap: 18px; padding-left: 30px; }.qwh .tl4::before{ left: 7px; right: auto; top: 8px; bottom: 36px; width: 2px; height: auto; background: linear-gradient(#3079AE, #7ABDED); }.qwh .tl4 li{ padding-top: 0; }.qwh .tl4 i{ left: -30px; top: 3px; }}
.qwh .qm-alt-row li::before{ top: calc(8px + 0.5lh - 1px); }
.qwh .au li::before{ top: calc(10px + 0.5lh - 1px); }
.qwh .mm2 .rw svg, .qwh .pr2 .feat svg{ margin-top: calc(0.5lh - 9px); }
.qwh .ck4 li svg{ margin-top: calc(0.5lh - 11px); }
.qwh .ck4 li b{ line-height: inherit; }
.qwh .sp4{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.qwh .sp4 li{ position: relative; }
.qwh .sp4 li + li::before{ content: none; }
.qwh .sp4 .n{ display: block; width: fit-content; font-size: 128px; line-height: .9; font-weight: 200; letter-spacing: -0.06em; }
.qwh .sp4 .c{ display: inline-block; margin-top: 18px; font-size: 13px; color: var(--core-ink); background: var(--alice); border-radius: 999px; padding: 3px 10px; }
.qwh .sp4 h3{ font-size: 24px; margin: 14px 0 6px; }
.qwh .sp4 p{ color: var(--ink-2); }
.qwh .qm-int.logos-only a{ justify-content: center; min-height: 84px; }
.qwh .qm-int.logos-only img{ max-height: 26px; }
@media (max-width: 960px){.qwh .sp4{ grid-template-columns: 1fr; gap: 32px; }.qwh .sp4 li + li::before{ display: none; }.qwh .sp4 .n{ font-size: 88px; }}
.qwh .pill.Developing{ color: #5A4210; }
.qwh .hcard .d{ display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; color: var(--ink-2); }
.qwh .mm4{ max-width: 390px; margin: 0 auto; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); overflow: hidden; }
.qwh .mm4 .bar{ display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.qwh .mm4 .bar img{ height: 22px; width: auto; }
[data-theme="swap"] .qwh .mm4 .bar img{ filter: brightness(0) invert(1); }
.qwh .mm4 .x{ font-size: 28px; line-height: 1; color: var(--ink-2); }
.qwh .mm4 nav a{ display: flex; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 18px; }
.qwh .mm4 nav a span{ color: var(--ink-3); }
.qwh .mm4 .foot{ display: flex; flex-direction: column; gap: 12px; padding: 20px; }
.qwh .mm4 .foot .qm-btn{ justify-content: center; }
.qwh .ck5{ display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); max-width: 720px; margin: 0 auto; }
.qwh .ck5 div{ display: flex; gap: 8px; }
.qwh .vd4{ margin: 0 auto; max-width: 720px; }
.qwh .vd4 .play{ all: unset; cursor: pointer; position: relative; display: block; border-radius: 18px; overflow: hidden; }
.qwh .vd4 .play img{ width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.qwh .vd4 .pb{ position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #3079AE, #7ABDED); transition: transform .2s; }
.qwh .vd4 .play:hover .pb{ transform: scale(1.06); }
.qwh .vd4 .play:focus-visible{ outline: 2px solid var(--core); outline-offset: 4px; }
.qwh .vd4 figcaption{ margin-top: 12px; color: var(--ink-2); }
.qwh .toc4{ display: flex; flex-direction: column; max-width: 280px; border-left: 1px solid var(--line); padding-left: 0; }
.qwh .toc4 .qm-small{ padding: 0 0 10px 16px; }
.qwh .toc4 a{ padding: 7px 16px; color: var(--ink-2); font-size: 15px; margin-left: -1px; border-left: 2px solid transparent; }
.qwh .toc4 a.on{ color: var(--head); border-left-color: #3079AE; }
.qwh .rs4{ max-width: 720px; border-top: 1px solid var(--line); }
.qwh .rs4 > div{ display: grid; grid-template-columns: 48px 1fr auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.qwh .rs4 .ft{ width: 44px; height: 52px; border-radius: 8px; border: 1px solid var(--line-2); display: grid; place-items: center; font-size: 11px; letter-spacing: .06em; color: var(--ink-3); }
.qwh .rs4 b{ display: block; font-weight: 400; color: var(--ink); }
.qwh .rs4 small{ color: var(--ink-3); font-size: 14px; }
.qwh .ah4{ max-width: 760px; }
.qwh .ah4 h1{ margin: 12px 0; }
.qwh .ah4 .by{ display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.qwh .ah4 i, .qwh .ab4 i{ width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 14px; color: #fff; background: linear-gradient(135deg, #3079AE, #7ABDED); flex: none; }
.qwh .ah4 .by span{ color: var(--ink); }
.qwh .ah4 .by small{ display: block; color: var(--ink-3); font-size: 14px; }
.qwh .ab4{ display: flex; gap: 16px; align-items: center; max-width: 640px; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.qwh .ab4 b{ font-weight: 400; color: var(--ink); font-size: 18px; }
.qwh .pg4{ display: flex; justify-content: space-between; align-items: center; gap: 12px; max-width: 640px; font-size: 15px; }
.qwh .pg4 > a{ color: var(--ink-2); }
.qwh .pg4 span{ display: flex; gap: 4px; align-items: center; }
.qwh .pg4 span a{ min-width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; color: var(--ink-2); }
.qwh .pg4 span a.on{ color: #fff; background: linear-gradient(99deg, #3079AE, #7ABDED); }
.qwh .pg4 em{ font-style: normal; color: var(--ink-3); padding: 0 6px; }
.qwh .pg4 a:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .cl4{ list-style: none; margin: 0; padding: 0; max-width: 720px; border-top: 1px solid var(--line); }
.qwh .cl4 li{ display: grid; grid-template-columns: 120px 1fr; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.qwh .cl4 .d{ color: var(--ink-3); font-size: 14px; padding-top: 2px; }
.qwh .cl4 b{ font-weight: 400; color: var(--ink); font-size: 18px; }
.qwh .cl4 p{ color: var(--ink-2); }
.qwh .cl4 + .qm-small{ margin-top: 12px; }
.qwh .fd4{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.qwh .chip4{ font-size: 14px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--line-2); color: var(--ink-2); }
.qwh .chip4.on{ color: #fff; border-color: transparent; background: linear-gradient(99deg, #3079AE, #7ABDED); }
.qwh .ff4{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; max-width: 720px; }
.qwh .ff4 label{ display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--ink-2); }
.qwh .ff4 input:not([type=checkbox]), .qwh .ff4 select{ font: inherit; font-size: 16px; padding: 11px 14px; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); min-height: 44px; }
.qwh .ff4 input:focus-visible, .qwh .ff4 select:focus-visible{ outline: 2px solid var(--core); outline-offset: 1px; }
.qwh .ff4 .err input{ border-color: var(--strained); }
.qwh .ff4 .err small{ color: var(--strained); font-size: 13px; }
.qwh .ff4 .ch{ flex-direction: row; align-items: center; gap: 10px; font-size: 15px; color: var(--ink); }
.qwh .ff4 .ch input{ width: 18px; height: 18px; accent-color: #3079AE; }
.qwh .dg4{ position: relative; display: grid; place-items: center; min-height: 280px; border-radius: 16px; background: rgba(13,27,42,.45); }
.qwh .dg4 .box{ width: min(420px, 90%); background: var(--surface); border-radius: 16px; padding: 24px; border: 1px solid var(--line); }
.qwh .dg4 .acts{ display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
@media (max-width: 960px){.qwh .ff4{ grid-template-columns: 1fr; }.qwh .cl4 li{ grid-template-columns: 1fr; gap: 4px; }.qwh .rs4 > div{ grid-template-columns: 44px 1fr; }.qwh .rs4 .qm-btn{ grid-column: 2; justify-self: start; }.qwh .pg4{ font-size: 14px; }.qwh .pg4 span a{ min-width: 34px; }}
.qwh .sp4 .n{ font-size: 56px; line-height: 1; letter-spacing: -0.04em; font-weight: 300; }
@media (max-width: 960px){.qwh .sp4 .n{ font-size: 48px; }}
.qwh .ht2 .g{ width: 48px; height: 48px; }
.qwh .qm-report .f4{ display: grid; grid-template-columns: 32px minmax(0, 1fr) 220px; gap: 16px; align-items: center; padding: 16px 0; border-top: 1px solid var(--line); }
.qwh .qm-report .f4 i{ width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 13px; color: var(--head); border: 1px solid var(--line-2); }
.qwh .qm-report .f4 p{ color: var(--ink); font-size: 17px; }
.qwh .qm-report .f4 .tg{ text-align: right; }
.qwh .qm-report .f4 .k{ display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qm-report .f4 b{ display: block; width: fit-content; margin-left: auto; font-size: 24px; font-weight: 300; line-height: 1.2; }
.qwh .qm-report .f4 small{ display: block; font-size: 13px; color: var(--ink-2); }
@media (max-width: 960px){.qwh .qm-report .f4{ grid-template-columns: 28px minmax(0, 1fr); }.qwh .qm-report .f4 .tg{ grid-column: 2; text-align: left; }.qwh .qm-report .f4 b{ margin-left: 0; }}
.qwh .qm-report .pl4{ padding: 16px 0 4px; border-top: 1px solid var(--line); }
.qwh .qm-report .pl4 .k{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qm-report .pl4 p{ margin-top: 4px; color: var(--ink); font-size: 17px; }
.qwh .pill.Developing, .qwh .qm-score .num span.pill.Developing, .qwh .qm-report .pill.Developing{ color: #5A4210; }
.qwh .pill, .qwh .qm-score .num span.pill{ background: none !important; padding: 0; border-radius: 0; font-size: 15px; letter-spacing: 0; }
.qwh .pill.Strained{ color: var(--strained-ink) !important; }
.qwh .pill.Forming{ color: var(--forming-ink) !important; }
.qwh .pill.Developing{ color: var(--developing-ink) !important; }
.qwh .pill.Performing{ color: var(--performing-ink) !important; }
.qwh .pill.Thriving{ color: var(--thriving-ink) !important; }
@media (max-width: 960px){.qwh .stage .qm-btn{ white-space: normal; text-align: center; }.qwh .qm-header .right{ flex-wrap: wrap; justify-content: flex-end; }}
.qwh .band-num{ background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; }
.qwh .band-num.strained{ color: var(--strained-ink) !important; }
.qwh .band-num.forming{ color: var(--forming-ink) !important; }
.qwh .band-num.developing{ color: var(--developing-ink) !important; }
.qwh .band-num.performing{ color: var(--performing-ink) !important; }
.qwh .band-num.thriving{ color: var(--thriving-ink) !important; }
.qwh .qm-score .q b, .qwh .bc4 b, .qwh .bn3 .cmp b, .qwh .bn3 .bm b, .qwh .tp .r b, .qwh .cs3 .r b, .qwh .qm-teams .t b, .qwh .bn3 .chip b{ color: var(--ink) !important; background: none !important; }
.qwh .qm-score .delta{ color: var(--ink-2); }
.qwh .bs4 .bw{ color: var(--band-ink, var(--head)); }
.qwh .hcard, .qwh .ht2 .c{ position: relative; overflow: hidden; }
.qwh .echo{ position: absolute; top: -64px; right: -72px; width: 230px; height: 230px; opacity: .06; pointer-events: none; }
.qwh .echo svg{ width: 100%; height: 100%; stroke-width: .9; }
[data-theme="swap"] .qwh .echo{ opacity: .1; }
.qwh .hcard > :not(.echo), .qwh .ht2 .c > :not(.echo){ position: relative; }
.qwh .gi-narr{ display: flex; gap: 18px; align-items: center; max-width: 760px; padding: 16px 20px; border: 2px solid #3079AE; border-radius: 12px; background: var(--surface); }
.qwh .gi-narr .av{ position: relative; width: 64px; height: 64px; flex: none; }
.qwh .gi-narr .av > svg{ width: 64px; height: 64px; }
.qwh .gi-narr .av i{ position: absolute; inset: 8px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #3079AE, #7ABDED); }
.qwh .gi-narr .ring{ transition: stroke-dasharray .25s linear; }
.qwh .gi-narr .who, .qwh .gi-hint .k, .qwh .gi-prompt .k{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
.qwh .gi-narr .line{ font-size: 20px; line-height: 1.4; color: var(--ink); margin-top: 2px; min-height: 1.4em; }
.qwh .gi-narr .line .w{ opacity: 0; transition: opacity .25s ease; }
.qwh .gi-narr .line .w.on{ opacity: 1; }
.qwh .gi-reply{ display: flex; gap: 12px; align-items: flex-end; margin-top: 14px; }
.qwh .gi-reply .pa{ width: 40px; height: 40px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: 13px; color: var(--head); background: var(--alice); border: 1px solid var(--line-2); }
.qwh .gi-reply .bub{ background: var(--surface); border: 1px solid var(--line-2); border-radius: 14px 14px 14px 4px; padding: 11px 16px; font-size: 18px; line-height: 1.3; color: var(--ink); min-height: 46px; display: flex; align-items: center; }
.qwh .gi-reply .dots{ display: none; gap: 5px; }
.qwh .gi-reply .dots i{ width: 7px; height: 7px; border-radius: 50%; background: var(--ink-3); animation: qwh-gidot 1.1s infinite ease-in-out; }
.qwh .gi-reply .dots i:nth-child(2){ animation-delay: .18s; }
.qwh .gi-reply .dots i:nth-child(3){ animation-delay: .36s; }
.qwh .gi-reply.typing .dots{ display: inline-flex; }
.qwh .gi-reply.typing .txt{ display: none; }
.qwh .gi-reply.enter{ animation: qwh-gienter .3s ease-out; }
@keyframes qwh-gidot{ 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
@keyframes qwh-gienter{ from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.qwh .gi-prompt{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.qwh .gi-prompt .chip{ display: inline-block; padding: 8px 16px; border-radius: 999px; border: 1.5px solid #3079AE; color: var(--head); font-size: 17px; background: var(--surface); }
.qwh .gi-hint{ max-width: 400px; padding: 12px 16px; border-radius: 8px; border: 1px solid var(--line); border-left: 4px solid #3079AE; background: var(--surface); margin-top: 14px; }
.qwh .gi-hint p{ color: var(--ink); margin-top: 2px; }
.qwh .gi-hint.enter{ animation: qwh-gienter .3s ease-out; }
.qwh .gi-convo .replies{ min-height: 120px; }
@media (prefers-reduced-motion: reduce){.qwh .gi-narr .line .w{ opacity: 1; transition: none; }.qwh .gi-reply.enter, .qwh .gi-hint.enter{ animation: none; }}
@media (max-width: 960px){.qwh .gi-narr{ align-items: flex-start; }.qwh .gi-narr .line{ font-size: 17px; }.qwh .gi-reply .bub{ font-size: 16px; }}
.qwh .gi-dice .row{ display: flex; gap: 10px; }
.qwh .gi-dice .d{ width: 56px; height: 56px; border-radius: 12px; display: grid; place-items: center; font-size: 24px; color: #fff; background: var(--surface-2); color: var(--ink-3); transition: background-color .2s, color .2s, transform .2s; font-variant-numeric: tabular-nums; }
.qwh .gi-dice .d.s6{ background: var(--thriving); color: #fff; }
.qwh .gi-dice .d.s4, .qwh .gi-dice .d.s5{ background: var(--developing); color: #5A4210; }
.qwh .gi-dice .d.s2, .qwh .gi-dice .d.s3{ background: var(--forming); color: #fff; }
.qwh .gi-dice .d.s1{ background: var(--strained); color: #fff; }
.qwh .gi-dice .d.roll{ transform: rotate(-8deg) scale(.94); }
.qwh .gi-dice .res{ margin-top: 14px; font-size: 18px; color: var(--ink); }
.qwh .gi-dice .res .k, .qwh .gi-timer .k{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); margin-right: 8px; }
.qwh .gi-dice .res b{ font-weight: 400; color: var(--thriving-ink); }
.qwh .gi-timer{ max-width: 360px; }
.qwh .gi-timer .k{ display: block; }
.qwh .gi-timer .t{ display: block; font-size: 56px; font-weight: 200; line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums; }
.qwh .gi-timer .line{ height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; margin-top: 8px; }
.qwh .gi-timer .line i{ display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #3079AE, #7ABDED); transition: width 1s linear; }
.qwh .gi-timer.low .t{ color: var(--strained-ink); animation: qwh-gipulse 1s infinite; }
.qwh .gi-timer.low .line i{ background: var(--strained); }
@keyframes qwh-gipulse{ 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce){.qwh .gi-timer.low .t{ animation: none; }}
.qwh .qi-head{ max-width: 640px; margin-bottom: 32px; }
.qwh .qi-head .qm-h2{ margin-top: 10px; }
.qwh .qi-head .qm-lead{ margin-top: 14px; }
.qwh .qi-row{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: center; }
.qwh .qi-row-top{ align-items: start; }
.qwh .qi-row .qi-head{ margin-bottom: 0; }
.qwh .qi-fig{ margin: 0; position: relative; }
.qwh .qi-fig svg{ display: block; width: 100%; height: auto; }
.qwh .qi-fig figcaption{ margin-top: 12px; font-size: 14px; color: var(--ink-3); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.qwh .qi-ticks{ position: relative; height: 22px; margin-top: 8px; border-top: 1px solid var(--line); font-size: 12px; color: var(--ink-3); }
.qwh .qi-ticks span{ position: absolute; top: 6px; transform: translateX(-50%); white-space: nowrap; }
.qwh .qi-ticks span:first-child{ transform: none; }
.qwh .qi-ticks span:last-child{ transform: translateX(-100%); }
.qwh .qi-signal svg{ height: 224px; }
.qwh .qi-inline-score{ border: 0; padding: 0; margin-top: 18px; max-width: 560px; background: none; }
.qwh .qi-ribbon{ display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; }
.qwh .qi-ribbon{ align-items: stretch; }
.qwh .qi-lanes{ display: flex; flex-direction: column; padding-bottom: 30px; }
.qwh .qi-lanes div{ display: flex; align-items: center; font-size: 13px; color: var(--ink-3); }
.qwh .qi-track svg{ height: auto; }
.qwh .qi-mark{ stroke: var(--line-2); stroke-dasharray: 3 4; }
.qwh .qi-node{ fill: var(--surface); stroke: #3079AE; stroke-width: 2; }
.qwh .qi-node-quiet{ stroke: var(--ink-3); stroke-dasharray: 3 3; }
.qwh .qi-contour{ position: relative; }
.qwh .qi-contour svg{ height: 300px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.qwh .qi-c{ stroke-width: 1; }
.qwh .qi-c-strong{ stroke-width: 1.8; }
.qwh .qi-peak{ fill: var(--surface); stroke: #3079AE; stroke-width: 2; }
.qwh .qi-pin{ position: absolute; transform: translate(12px, -50%); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 6px 10px; display: flex; gap: 8px; align-items: baseline; font-size: 13px; color: var(--ink-2); }
.qwh .qi-pin b{ font-size: 22px; font-weight: 300; }
.qwh .qi-stratum{ opacity: .16; }
.qwh .qi-stratum-label{ font: 11px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; fill: var(--ink-3); }
.qwh .qi-sdot{ stroke: var(--surface); stroke-width: 2; }
.qwh .qi-strata svg{ height: 240px; border: 1px solid var(--line); border-radius: 12px; }
.qwh .qi-strata-top{ display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.qwh .qi-big{ font-size: 48px; font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.qwh .qi-days{ display: flex; justify-content: space-between; font-size: 12px; color: var(--ink-3); margin-top: 6px; }
.qwh .qi-heat{ display: flex; flex-direction: column; gap: 6px; }
.qwh .qi-hrow{ display: grid; grid-template-columns: var(--bar-label) minmax(0, 1fr) var(--bar-val); gap: var(--bar-gap); align-items: center; font-size: 14px; }
.qwh .qi-hrow > span{ color: var(--ink-2); }
.qwh .qi-hrow b{ font-weight: 400; text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); }
.qwh .qi-cells{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 4px; }
.qwh .qi-cells i{ height: 26px; border-radius: 6px; }
.qwh .qi-hweeks .qi-cells span{ font-size: 11px; color: var(--ink-3); text-align: center; }
.qwh .qi-legend{ display: flex; gap: 18px; flex-wrap: wrap; margin-top: 16px; font-size: 13px; color: var(--ink-2); }
.qwh .qi-legend span{ display: inline-flex; gap: 6px; align-items: center; }
.qwh .qi-legend i{ width: 12px; height: 12px; border-radius: 3px; }
.qwh .qi-frame{ position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--line); }
.qwh .qi-frame img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.qwh .qi-frame-s img{ aspect-ratio: 4 / 3; }
.qwh .qi-frame-xs img{ aspect-ratio: 1; }
.qwh .qi-mpin{ position: absolute; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; color: #fff; background: linear-gradient(135deg, #3079AE, #7ABDED); outline: 3px solid rgba(255,255,255,.9); }
.qwh .qi-rec{ position: absolute; left: 12px; top: 12px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--head); background: var(--surface); border-radius: 999px; padding: 4px 10px; border: 1px solid var(--line); }
.qwh .qi-scrub{ position: relative; height: 6px; margin-top: 18px; background: var(--surface-2); border-radius: 999px; }
.qwh .qi-scrub-fill{ height: 100%; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qi-ev{ position: absolute; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; color: var(--head); background: var(--surface); border: 1px solid #3079AE; }
.qwh .qi-moments{ list-style: none; margin: 20px 0 12px; padding: 0; border-top: 1px solid var(--line); }
.qwh .qi-moments li{ display: grid; grid-template-columns: 28px minmax(0, 1fr) 40px; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); align-items: start; }
.qwh .qi-moments i{ width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 13px; color: var(--head); border: 1px solid var(--line-2); margin-top: calc(0.5lh - 13px); }
.qwh .qi-moments b{ display: block; font-weight: 400; color: var(--head); }
.qwh .qi-moments p{ color: var(--ink-2); font-size: 15px; }
.qwh .qi-moments .qi-val{ color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; font-size: 20px; font-weight: 300; }
.qwh .qi-method{ display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr); gap: 16px; align-items: start; }
.qwh .qi-method figcaption{ display: block; }
.qwh .qi-method figcaption b{ display: block; font-weight: 400; color: var(--head); font-size: 20px; margin: 8px 0 4px; }
.qwh .qi-method figcaption .qm-eyebrow{ display: block; }
.qwh .qi-method figcaption{ color: var(--ink-2); font-size: 15px; }
.qwh .qi-arrow{ align-self: center; margin-top: -60px; text-align: center; font-size: 24px; color: var(--core); }
.qwh .qi-signals{ border: 1px solid var(--line); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 14px; aspect-ratio: 4 / 3; justify-content: center; }
.qwh .qi-signals div{ font-size: 13px; color: var(--ink-2); }
.qwh .qi-signals .bar{ margin-top: 6px; }
.qwh .qi-method .qm-score{ aspect-ratio: 4 / 3; display: flex; flex-direction: column; justify-content: center; }
.qwh .qi-evidence{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.qwh .qi-ev-cell figcaption{ display: block; }
.qwh .qi-ev-cell figcaption b{ display: block; font-weight: 400; color: var(--head); }
.qwh .qi-ev-cell figcaption span{ color: var(--ink-2); font-size: 14px; }
.qwh .qi-dash{ background: var(--surface); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; font-size: 14px; min-width: 640px; }
.qwh .qi-dash-bar{ display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); color: var(--head); }
.qwh .qi-dash-body{ display: grid; grid-template-columns: 56px minmax(0, 1fr); }
.qwh .qi-dash nav{ border-right: 1px solid var(--line); padding: 16px 0; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.qwh .qi-dash nav i{ width: 22px; height: 6px; border-radius: 3px; background: var(--surface-2); }
.qwh .qi-dash nav i:first-child{ background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qi-dash main{ padding: 16px; display: flex; flex-direction: column; gap: 12px; background: var(--bg-alt); }
.qwh .qi-dash-grid{ display: grid; grid-template-columns: 1fr 1.4fr; gap: 12px; }
.qwh .qi-tile{ background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.qwh .qi-tile .num{ display: flex; align-items: baseline; gap: 4px; }
.qwh .qi-tile .num b{ font-size: 48px; font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.qwh .qi-tile .num span{ color: var(--ink-3); }
.qwh .qi-tile .qm-teams .t{ padding: 7px 0; font-size: 14px; }
.qwh .qi-spark{ width: 100%; height: 64px; }
.qwh .qi-spark polyline{ fill: none; stroke: #3079AE; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.qwh .qi-edge{ display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 48px; align-items: center; margin-right: -56px; }
.qwh .qi-edge-media{ overflow: hidden; padding: 4px 0; }
.qwh .qi-edge-media .qi-dash{ width: 760px; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.qwh .qi-rise{ position: relative; margin: 40px 0 -56px; height: 380px; }
.qwh .qi-rise .qi-dash{ min-width: 0; width: min(780px, 100%); margin: 0 auto; height: 420px; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.qwh .qi-callout{ position: absolute; display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; font-size: 15px; color: var(--head); }
.qwh .qi-callout i{ width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, #3079AE, #7ABDED); }
.qwh .qi-ptiles{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qi-ptile-art{ aspect-ratio: 4 / 3; border-radius: 22px; display: grid; place-items: center; padding: 24px; background: linear-gradient(160deg, var(--alice) 0%, var(--wash) 55%, var(--bg-alt) 100%); border: 1px solid var(--line); }
.qwh .qi-ptile figcaption{ display: block; }
.qwh .qi-ptile figcaption b{ display: block; font-weight: 400; font-size: 20px; color: var(--head); margin-bottom: 4px; }
.qwh .qi-ptile figcaption{ color: var(--ink-2); font-size: 15px; }
.qwh .qi-mini{ background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; width: 100%; max-width: 260px; display: flex; flex-direction: column; gap: 6px; }
.qwh .qi-mini b{ font-weight: 400; color: var(--ink); }
.qwh .qi-mini .num b{ font-size: 44px; font-weight: 300; }
.qwh .qi-target{ width: fit-content; font-size: 20px; font-weight: 300; background: linear-gradient(97deg, #3079AE, #7ABDED); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .qi-mini-msg .qm-btn{ align-self: flex-start; }
.qwh .qi-fan{ height: 360px; overflow: hidden; margin: 8px -56px -56px; position: relative; }
.qwh .qi-fan-grid{ position: absolute; left: 50%; top: 30px; width: 1100px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; transform: translateX(-50%) rotate(-8deg) skewX(8deg); }
.qwh .qi-fan-card{ background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 18px; min-height: 160px; display: flex; flex-direction: column; gap: 8px; }
.qwh .qi-fan-card b{ font-weight: 400; color: var(--ink); }
.qwh .qi-fan-card .num{ display: flex; align-items: baseline; gap: 4px; }
.qwh .qi-fan-card .num b{ font-size: 40px; font-weight: 300; }
.qwh .qi-fbar{ height: 8px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.qwh .qi-fbar i{ display: block; height: 100%; background: var(--bandc); }
.qwh .qi-pindex{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.qwh .qi-pi{ display: grid; grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); transition: border-color .2s; }
.qwh .qi-pi:hover{ border-color: #3079AE; }
.qwh .qi-pi:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .qi-pi-ic{ width: 44px; height: 44px; border-radius: 10px; background: var(--bg-alt); display: grid; place-items: center; }
.qwh .qi-pi-ic svg{ width: 22px; height: 22px; fill: none; stroke: #3079AE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.qwh .qi-pi small{ display: block; font-size: 12px; color: var(--ink-3); }
.qwh .qi-pi b{ font-weight: 400; color: var(--head); font-size: 15px; }
.qwh .qi-pi-go{ color: var(--core); }
.qwh .qi-replace{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 760px; margin: 0 auto; padding: 24px; border: 1.5px dashed var(--line-2); border-radius: 22px; }
.qwh .qi-rtile{ position: relative; aspect-ratio: 1.4; border: 1px solid var(--line); border-radius: 14px; display: grid; place-items: center; color: var(--ink-3); background: var(--surface); }
.qwh .qi-rself{ border-color: #3079AE; display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.qwh .qi-rself b{ font-size: 40px; font-weight: 300; line-height: 1; }
.qwh .qi-minus{ position: absolute; top: -9px; left: -9px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; line-height: 1; color: #fff; background: var(--ink-2); }
.qwh .qi-checks{ display: flex; gap: 22px; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 24px; font-size: 15px; color: var(--ink); }
.qwh .qi-checks span{ display: inline-flex; gap: 8px; align-items: center; }
.qwh .qi-checks i{ width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 12px; color: #fff; background: linear-gradient(135deg, #3079AE, #7ABDED); }
@media (max-width: 960px){.qwh .qi-row, .qwh .qi-edge, .qwh .qi-method, .qwh .qi-ptiles{ grid-template-columns: 1fr; gap: 28px; }.qwh .qi-edge{ margin-right: -20px; }.qwh .qi-arrow{ margin: 0; transform: rotate(90deg); }.qwh .qi-evidence, .qwh .qi-pindex, .qwh .qi-replace{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.qwh .qi-ribbon{ grid-template-columns: 48px minmax(0, 1fr); }.qwh .qi-signal svg{ height: 160px; }.qwh .qi-fan{ margin: 8px -20px -32px; }.qwh .qi-rise{ margin-bottom: -32px; height: 320px; }.qwh .qi-callout{ display: none; }.qwh .qi-cells i{ height: 18px; }.qwh .qi-cells{ gap: 2px; }}
.qwh .qi-frame-wide img{ aspect-ratio: 21 / 9; filter: saturate(.55) contrast(.85) brightness(1.08); }
.qwh .qi-scene{ margin-bottom: 32px; }
.qwh .qi-live{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 12px 20px 12px 16px; white-space: nowrap; }
.qwh .qi-live b{ display: block; font-weight: 400; color: var(--head); }
.qwh .qi-live small{ display: block; font-size: 12px; color: var(--ink-3); }
.qwh .qi-live-dot{ width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, #3079AE, #7ABDED); box-shadow: 0 0 0 4px var(--alice); }
.qwh .qi-live-v{ font-size: 22px; font-weight: 300; padding-left: 14px; border-left: 1px solid var(--line); color: var(--ink); }
.qwh .qi-btns{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.qwh .qi-setup{ background: var(--bg-alt); border: 1px solid var(--line); border-radius: 16px; padding: 22px 24px; }
.qwh .qi-setup ol{ list-style: none; margin: 12px 0 0; padding: 0; }
.qwh .qi-setup li{ display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); color: var(--ink-2); }
.qwh .qi-setup li i{ font-style: normal; font-size: 13px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .qi-setup li small{ font-size: 13px; color: var(--ink-3); }
.qwh .qi-setup li.done span{ color: var(--ink); }
.qwh .qi-setup li.done i{ width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 0; background: linear-gradient(135deg, #3079AE, #7ABDED); }
.qwh .qi-setup li.done i::after{ content: "✓"; font-size: 12px; color: #fff; }
.qwh .qi-setup li.now{ color: var(--head); box-shadow: inset 2px 0 0 #3079AE; padding-left: 10px; margin-left: -10px; }
.qwh .qi-worlds{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qi-world{ border: 1px solid var(--line); border-radius: 16px; padding: 18px; background: var(--surface); }
.qwh .qi-world-top{ display: flex; gap: 12px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.qwh .qi-world-art{ margin: -6px -6px 14px; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 10; }
.qwh .qi-world-art img, .qwh .qi-wm-art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.qwh .qi-world-top{ justify-content: space-between; }
.qwh .qi-wm-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qi-wm{ border: 1px solid var(--line); border-radius: 16px; padding: 10px 10px 14px; background: var(--surface); }
.qwh .qi-wm-art{ border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9; }
.qwh .qi-wm figcaption{ display: block; margin-top: 0; padding: 12px 6px 0; }
.qwh .qi-wm figcaption small{ font-size: 12px; color: var(--ink-3); }
.qwh .qi-wm .qi-inline-score{ margin-top: 6px; --bar-label: 132px; }
.qwh .qi-world-top small{ display: block; font-size: 12px; color: var(--ink-3); }
.qwh .qi-world-top b{ font-weight: 400; color: var(--head); }
.qwh .qi-world .qi-inline-score{ margin-top: 6px; --bar-label: 112px; }
.qwh .qi-people{ position: relative; padding-bottom: 48px; }
.qwh .qi-people-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.qwh .qi-people-grid img{ aspect-ratio: 3 / 4; }
.qwh .qi-readout{ position: absolute; left: 8%; right: 8%; bottom: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; }
.qwh .qi-readout small{ display: block; font-size: 12px; color: var(--ink-3); }
.qwh .qi-readout b{ font-size: 34px; font-weight: 300; line-height: 1.1; }
.qwh .qi-readout > div:nth-child(2) b{ color: var(--ink); font-size: 24px; }
.qwh .qi-readout-bar{ grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.qwh .qi-readout-bar i{ display: block; height: 100%; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qi-reasons{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qi-reason{ background: var(--bg-alt); border: 1px solid var(--line); border-radius: 16px; padding: 24px 24px 0; overflow: hidden; display: flex; flex-direction: column; min-height: 320px; }
.qwh .qi-reason > b{ font-weight: 400; font-size: 20px; color: var(--head); }
.qwh .qi-reason p{ color: var(--ink-2); font-size: 15px; margin-top: 6px; }
.qwh .qi-reason-ui{ --bar-label: 92px; --bar-val: 32px; --bar-gap: 10px; margin-top: auto; padding-top: 24px; transform: translateY(14px); }
.qwh .qi-reason-ui .qi-mini, .qwh .qi-reason-ui .qi-inline-score{ max-width: none; background: var(--surface); border: 1px solid var(--line); border-radius: 14px 14px 0 0; padding: 14px 16px 26px; }
.qwh .qi-acc details{ border-top: 1px solid var(--line); padding: 16px 0 16px 16px; }
.qwh .qi-acc details:last-child{ border-bottom: 1px solid var(--line); }
.qwh .qi-acc details[open]{ box-shadow: inset 2px 0 0 #3079AE; }
.qwh .qi-acc summary{ list-style: none; cursor: pointer; }
.qwh .qi-acc summary::-webkit-details-marker{ display: none; }
.qwh .qi-acc summary b{ font-weight: 400; font-size: 20px; color: var(--head); }
.qwh .qi-acc details:not([open]) summary b{ color: var(--ink-3); }
.qwh .qi-acc p{ color: var(--ink-2); margin-top: 6px; }
.qwh .qi-acc-art{ aspect-ratio: 1; }
.qwh .qi-acc-art .qm-score{ width: 100%; max-width: 360px; }
.qwh .qi-carousel{ display: grid; grid-auto-flow: column; grid-auto-columns: 300px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; margin-right: -56px; padding-right: 56px; scrollbar-width: none; }
.qwh .qi-car{ scroll-snap-align: start; }
.qwh .qi-car figcaption{ display: block; color: var(--ink-2); font-size: 15px; }
.qwh .qi-car figcaption b{ display: block; font-weight: 400; font-size: 20px; color: var(--head); margin-bottom: 4px; }
.qwh .qi-demo{ display: grid; grid-template-columns: 1fr 1.2fr; grid-template-rows: auto auto; gap: 16px; }
.qwh .qi-demo > div{ background: var(--bg-alt); border: 1px solid var(--line); border-radius: 16px; padding: 22px; overflow: hidden; display: flex; flex-direction: column; gap: 6px; }
.qwh .qi-demo-t{ font-weight: 400; font-size: 20px; color: var(--head); }
.qwh .qi-email{ display: flex; gap: 8px; align-items: center; margin-top: 14px; padding: 6px 6px 6px 14px; border: 1px solid var(--line-2); border-radius: 12px; background: var(--surface); color: var(--ink-3); justify-content: space-between; }
.qwh .qi-demo-crop{ margin: 10px -22px -22px 0; height: 210px; overflow: hidden; }
.qwh .qi-demo-crop .qi-dash{ min-width: 560px; border-right: 0; border-bottom: 0; }
.qwh .qi-demo-c .qi-frame{ margin-top: 10px; }
.qwh .qi-demo-c img{ aspect-ratio: 16 / 7; }
.qwh .qi-demo-c .qi-inline-score{ margin-top: 12px; }
.qwh .qi-demo-d .qi-mini{ margin-top: 10px; max-width: none; }
@media (max-width: 960px){.qwh .qi-worlds, .qwh .qi-reasons, .qwh .qi-demo, .qwh .qi-wm-grid{ grid-template-columns: 1fr; }.qwh .qi-live{ position: static; transform: none; margin: 12px auto 0; width: fit-content; white-space: normal; }.qwh .qi-frame-wide{ overflow: visible; border: 0; }.qwh .qi-frame-wide img{ border-radius: 16px; }.qwh .qi-carousel{ margin-right: -20px; padding-right: 20px; grid-auto-columns: 260px; }}
.qwh .qp-ey{ display: block; width: fit-content; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; background: linear-gradient(97deg, #3079AE, #7ABDED); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .qp-card{ position: relative; display: flex; flex-direction: column; gap: 12px; min-height: 230px; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.qwh .qp-card::before, .qwh .qi-reason::before, .qwh .qi-demo > div::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qp-line{ font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--ink); }
.qwh .qp-target-row{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }
.qwh .qp-target-row .qi-target{ font-size: 28px; white-space: nowrap; }
.qwh .qp-dial{ display: flex; align-items: center; gap: 16px; }
.qwh .qp-dial .qd-word{ display: block; margin: 0 0 2px; font-size: 15px; }
.qwh .qp-dial .qm-small{ display: block; font-size: 13px; }
.qwh .qp-dial.lg .qd-s{ width: 168px; }
.qwh .qp-dial.lg .qd-s .v b{ font-size: 44px; }
.qwh .qp-card .qm-teams .t{ padding: 8px 0; }
.qwh .qi-ptile .qp-card{ aspect-ratio: 4 / 3; min-height: 0; }
.qwh .qi-ptile figcaption, .qwh .qi-car figcaption{ margin-top: 14px; }
.qwh .qi-car .qp-card{ aspect-ratio: 1; min-height: 0; }
.qwh .qp-acc{ min-height: 0; gap: 16px; }
.qwh .qp-acc .qi-inline-score{ margin-top: 4px; padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; max-width: none; }
.qwh .qi-reason{ position: relative; background: var(--surface); padding: 24px; min-height: 0; }
.qwh .qi-reason-ui{ transform: none; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.qwh .qi-reason-ui .qi-inline-score{ margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.qwh .qi-reason p{ margin-bottom: 24px; }
.qwh .qi-demo > div{ position: relative; background: var(--surface); }
.qwh .qp-slice{ display: flex; flex-direction: column; gap: 10px; margin-top: 14px; padding-top: 16px; border-top: 1px solid var(--line); flex: 1; }
.qwh .qi-demo-crop .qi-dash{ border-color: var(--line-2); }
.qwh .qi-pi{ position: relative; overflow: hidden; grid-template-columns: 32px minmax(0, 1fr) 34px; padding: 16px; }
.qwh .qi-pi-ic{ width: 32px; height: 32px; background: none; border-radius: 0; }
.qwh .qi-pi-ic svg, .qwh .qi-pi-echo svg{ width: 28px; height: 28px; fill: none; stroke: url(#qig); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.qwh .qi-pi-echo{ position: absolute; right: -14px; top: 50%; transform: translateY(-50%); opacity: .07; pointer-events: none; }
.qwh .qi-pi-echo svg{ width: 84px; height: 84px; stroke-width: 1.5; }
.qwh .qi-pi > :not(.qi-pi-echo){ position: relative; }
.qwh .qi-pi .qp-ey{ font-size: 11px; margin-bottom: 2px; }
.qwh .qi-pi:hover .qm-arrow{ background: linear-gradient(99deg, #3079AE, #7ABDED); color: #fff; border-color: transparent; }
@media (max-width: 960px){.qwh .qi-ptile .qp-card, .qwh .qi-car .qp-card{ aspect-ratio: auto; min-height: 200px; }}
.qwh .sd4.qd{ grid-template-columns: 360px 1fr; }
.qwh .qd-dial{ position: relative; }
.qwh .qd-dial svg{ width: 100%; height: auto; display: block; overflow: visible; }
.qwh .qd-scale{ font: 11px var(--font-sans, inherit); fill: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .qd-trail{ fill: var(--surface); stroke: none; opacity: .75; }
.qwh .qd-trail.last{ opacity: 1; }
.qwh .sd4.qd .v{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
.qwh .sd4.qd .v b{ display: block; width: auto; margin: 0; font-size: 64px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; }
.qwh .qd-word{ display: inline-block; margin-top: 10px; font-size: 15px; letter-spacing: .02em; }
.qwh .qd-word.strained{ color: #C93D37; }
.qwh .qd-word.forming{ color: #B85F17; }
.qwh .qd-word.developing{ color: #94690C; }
.qwh .qd-word.performing{ color: #1F74B8; }
.qwh .qd-word.thriving{ color: #176BBA; }
.qwh .qd-change{ margin-top: 16px; text-align: center; font-size: 13px; color: var(--ink-2); }
.qwh .qd-sizes{ margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
.qwh .qd-row{ display: flex; align-items: center; gap: 16px; margin-top: 12px; }
.qwh .qd-row .qd-word{ margin-top: 2px; font-size: 14px; }
.qwh .qd-s-t{ display: block; font-weight: 400; color: var(--head); font-size: 15px; }
.qwh .qd-s{ width: 112px; flex: none; }
.qwh .qd-s .v{ position: absolute; left: 0; right: 0; bottom: -2px; text-align: center; }
.qwh .sd4.qd .qd-s .v b, .qwh .qd-s .v b{ font-size: 28px; font-weight: 300; line-height: 1; letter-spacing: -0.02em; }
.qwh .qd-s .v b.performing{ color: #1F74B8; }
.qwh .qd-s .v b.thriving{ color: #176BBA; }
.qwh .qd-s .v b.developing{ color: #94690C; }
.qwh .qd-s .v b.forming{ color: #B85F17; }
.qwh .qd-s .v b.strained{ color: #C93D37; }
.qwh .qd-s .qd-trail{ display: none; }
@media (max-width: 960px){.qwh .sd4.qd{ grid-template-columns: 1fr; }.qwh .sd4.qd .g{ max-width: 320px; }.qwh .sd4.qd .v b{ font-size: 56px; }}
.qwh .qs-std{ position: relative; }
.qwh .qs-track{ position: relative; height: 6px; border-radius: 999px; background: linear-gradient(90deg, #7ABDED, #3079AE); }
.qwh .qs-track::after{ content: ""; position: absolute; inset: -1px 0; pointer-events: none;
  background: linear-gradient(90deg, transparent calc(60% - 1.5px), var(--surface) calc(60% - 1.5px), var(--surface) calc(60% + 1.5px), transparent calc(60% + 1.5px),
    transparent calc(75% - 1.5px), var(--surface) calc(75% - 1.5px), var(--surface) calc(75% + 1.5px), transparent calc(75% + 1.5px),
    transparent calc(85% - 1.5px), var(--surface) calc(85% - 1.5px), var(--surface) calc(85% + 1.5px), transparent calc(85% + 1.5px),
    transparent calc(95% - 1.5px), var(--surface) calc(95% - 1.5px), var(--surface) calc(95% + 1.5px), transparent calc(95% + 1.5px)); }
.qwh .qs-lg .qs-track{ height: 8px; margin-top: 52px; }
.qwh .qs-xs .qs-track{ height: 2px; }
.qwh .qs-sm .qs-track{ height: 4px; }
.qwh .qs-sm .qs-track::after, .qwh .qs-xs .qs-track::after{ inset: -1px 0; background: linear-gradient(90deg, transparent calc(60% - 1px), var(--surface) calc(60% - 1px), var(--surface) calc(60% + 1px), transparent calc(60% + 1px), transparent calc(75% - 1px), var(--surface) calc(75% - 1px), var(--surface) calc(75% + 1px), transparent calc(75% + 1px), transparent calc(85% - 1px), var(--surface) calc(85% - 1px), var(--surface) calc(85% + 1px), transparent calc(85% + 1px), transparent calc(95% - 1px), var(--surface) calc(95% - 1px), var(--surface) calc(95% + 1px), transparent calc(95% + 1px)); }
.qwh .qs-mk{ position: absolute; top: 50%; z-index: 1; }
.qwh .qs-mk i{ position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border-radius: 50%; background: var(--surface); border: 3px solid var(--bandc); box-sizing: border-box; }
.qwh .qs-sm .qs-mk i{ left: -6px; top: -6px; width: 12px; height: 12px; border-width: 2.5px; }
.qwh .qs-mk em{ position: absolute; bottom: 14px; left: 0; transform: translateX(-50%); font-style: normal; font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.qwh .qs-mk em b{ font-weight: 400; color: var(--ink); font-variant-numeric: tabular-nums; }
.qwh .qs-mk:nth-child(even) em{ bottom: 32px; }
.qwh .qs-scale{ position: relative; height: 18px; margin-top: 10px; font-size: 11px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .qs-scale span{ position: absolute; transform: translateX(-50%); }
.qwh .qs-scale span:first-child{ transform: none; }
.qwh .qs-scale span:last-child{ transform: translateX(-100%); }
.qwh .qs-words{ position: relative; height: 18px; margin-top: 4px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qs-words span{ position: absolute; text-align: center; white-space: nowrap; }
.qwh .qs-words span:last-child{ width: auto !important; left: auto !important; right: 0; text-align: right; }
.qwh .qs-demo{ padding: 8px 0 4px; }
.qwh .qs-uses{ display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.qwh .qs-divider-demo{ margin-top: 14px; }
.qwh .qs-h{ display: block; font-weight: 400; font-size: 22px; color: var(--head); margin-bottom: 10px; }
.qwh .qs-inline{ display: flex; align-items: center; gap: 14px; margin-top: 14px; }
.qwh .qs-inline > b{ font-size: 40px; font-weight: 300; line-height: 1; }
.qwh .qs-inline .qs-std{ width: 140px; }
.qwh .qs-inline .qd-word{ margin: 0; }
.qwh .qs-trail-demo{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.qwh .qs-trail-svg{ display: block; width: 100%; height: auto; margin-top: 12px; overflow: visible; }
.qwh .qs-steps{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.qwh .qs-step b{ display: block; font-size: 48px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; width: fit-content; background: linear-gradient(97deg, #3079AE, #7ABDED); -webkit-background-clip: text; background-clip: text; color: transparent; opacity: calc(.3 + var(--k) * .233); }
.qwh .qs-step span{ display: block; margin-top: 8px; font-size: 13px; color: var(--ink-2); }
.qwh .qs-delta{ margin-top: 10px; font-size: 13px; color: var(--ink-2); }
.qwh .qs-trailmark{ display: inline-block; width: 20px; height: 6px; margin-right: 7px; vertical-align: middle; position: relative; top: -1px;
  background: radial-gradient(circle, rgba(48, 121, 174,.25) 2px, transparent 2.6px) 0 50% / 6px 6px no-repeat,
              radial-gradient(circle, rgba(48, 121, 174,.55) 2px, transparent 2.6px) 7px 50% / 6px 6px no-repeat,
              radial-gradient(circle, #3079AE 2.4px, transparent 3px) 14px 50% / 6px 6px no-repeat; }
.qwh .qs-wins{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; align-items: stretch; }
.qwh .qs-win{ border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--surface); display: flex; flex-direction: column; }
.qwh .qs-win-art, .qwh .qi-world-art, .qwh .qi-wm-art{ position: relative; }
.qwh .qs-win-art img{ display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.qwh .qs-win-wide .qs-win-art img{ aspect-ratio: 16 / 9; }
.qwh .qs-win-art::after, .qwh .qi-world-art::after, .qwh .qi-wm-art::after{ content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(122,189,237,.28) 74%, rgba(236,246,255,.86) 90%, var(--surface) 100%); }
.qwh .qs-win-body{ position: relative; margin-top: -36px; padding: 0 22px 22px; display: flex; flex-direction: column; gap: 10px; }
.qwh .qs-win-body .qi-inline-score{ margin-top: 0; }
.qwh .qs-win-score{ display: flex; align-items: center; gap: 16px; }
.qwh .qs-win-score > b{ font-size: 64px; font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.qwh .qs-win-score .qd-word{ margin: 0; font-size: 15px; }
.qwh .qs-win-score .qs-delta{ margin-top: 4px; }
.qwh .qi-world-art, .qwh .qi-wm-art{ border-radius: 12px 12px 0 0; }
.qwh .qi-world-top{ border-bottom: 0; padding-bottom: 6px; }
.qwh .qm-score .q .bar, .qwh .qm-teams .t .bar{ position: relative; }
.qwh .qm-score .q .bar > i, .qwh .qm-teams .t .bar > i{ position: relative; z-index: 1; }
.qwh .qm-score .q .bar::after, .qwh .qm-teams .t .bar::after{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: linear-gradient(90deg, transparent calc(60% - .5px), var(--line-2) calc(60% - .5px), var(--line-2) calc(60% + .5px), transparent calc(60% + .5px),
    transparent calc(75% - .5px), var(--line-2) calc(75% - .5px), var(--line-2) calc(75% + .5px), transparent calc(75% + .5px),
    transparent calc(85% - .5px), var(--line-2) calc(85% - .5px), var(--line-2) calc(85% + .5px), transparent calc(85% + .5px),
    transparent calc(95% - .5px), var(--line-2) calc(95% - .5px), var(--line-2) calc(95% + .5px), transparent calc(95% + .5px)); }
.qwh .qm-eyebrow::before, .qwh .qp-ey::before{ content: ""; display: inline-block; width: 18px; height: 2px; margin-right: 8px; vertical-align: middle; position: relative; top: -2px; border-radius: 1px; background: linear-gradient(90deg, #7ABDED, #3079AE); }
.qwh .qi-spark polyline{ stroke: url(#qstr-spark); }
.qwh .qi-setup li:not(.done) i{ color: #3079AE; }
.qwh .qi-setup li:nth-child(3) i{ opacity: .9; }
.qwh .qi-setup li:nth-child(4) i{ opacity: .6; }
.qwh .qi-setup li:nth-child(5) i{ opacity: .4; }
@media (max-width: 960px){.qwh .qs-uses, .qwh .qs-trail-demo, .qwh .qs-wins{ grid-template-columns: 1fr; }.qwh .qs-words{ display: none; }.qwh .qs-lg .qs-mk em{ display: none; }.qwh .qs-lg .qs-track{ margin-top: 16px; }.qwh .qs-scale span:first-child, .qwh .qs-scale span:last-child{ display: none; }}
.qwh .qi-rself .qs-std{ width: 72%; margin-top: 10px; }
.qwh .qs-words span:last-child{ display: none; }
.qwh .qs-threads{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.qwh .qs-th{ fill: none; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.qwh .qs-th-pulse{ fill: none; stroke: #3079AE; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-dasharray: 18 982; stroke-dashoffset: 1000; opacity: .8; animation: qwh-qs-pulse 4.2s cubic-bezier(.25,.46,.45,.94) infinite; }
@keyframes qwh-qs-pulse{ from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce){.qwh .qs-th-pulse{ animation: none; opacity: 0; }}
.qwh .qh-thread-wrap{ position: absolute; z-index: 0; pointer-events: none; }
.qwh .qs-grid{ position: relative; isolation: isolate; }
.qwh .qs-grid::before{ content: ""; position: absolute; inset: -64px; z-index: -1; pointer-events: none;
  background-image: radial-gradient(circle, rgba(48, 121, 174,.22) 1px, transparent 1.4px); background-size: 20px 20px;
  -webkit-mask: radial-gradient(closest-side, #000 40%, transparent); mask: radial-gradient(closest-side, #000 55%, transparent); }
.qwh .qs-rings{ position: relative; isolation: isolate; }
.qwh .qh-copy{ max-width: 860px; }
.qwh .qh-h1{ margin-top: 12px; font-size: 64px; line-height: 1.02; font-weight: 400; letter-spacing: -0.025em; color: var(--head); }
.qwh .qh-copy .qm-lead{ margin-top: 18px; max-width: 620px; }
.qwh .qh-stage{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 72px; align-items: end; margin-top: 40px; }
.qwh .qh-stage > .qh-card-wrap, .qwh .qh-stage > .qh-game{ position: relative; z-index: 1; }
.qwh .qh-card{ position: relative; }
.qwh .qh-stage > .qh-thread-wrap{ left: calc((100% - 72px) / 2.05 - 60px); width: 192px; top: 0; bottom: 0; }
.qwh .qh-card{ display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px 28px; align-items: center; padding: 26px 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; }
.qwh .qh-card::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; border-radius: 18px 18px 0 0; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qh-dial{ text-align: center; }
.qwh .qh-dial .qd-dial{ width: 170px; margin: 0 auto 10px; }
.qwh .qh-dial .v{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
.qwh .qh-dial .v b{ font-size: 48px; font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.qwh .qh-dial .v b.performing{ color: #1F74B8; }
.qwh .qh-dial .v b.developing{ color: #94690C; }
.qwh .qh-dial .v b.forming{ color: #B85F17; }
.qwh .qh-dial .v b.thriving{ color: #176BBA; }
.qwh .qh-dial .v b.strained{ color: #C93D37; }
.qwh .qh-dial .qp-ey{ margin: 0 auto; font-size: 11px; }
.qwh .qh-dial .qd-word{ margin-top: 4px; font-size: 14px; }
.qwh .qh-rows{ border: 0; padding: 0 0 0 28px; border-left: 1px solid var(--line); border-radius: 0; background: none; display: flex; flex-direction: column; gap: 16px; }
.qwh .qh-q-top{ display: flex; justify-content: space-between; font-size: 15px; color: var(--ink); }
.qwh .qh-q-top b{ font-weight: 400; font-variant-numeric: tabular-nums; }
.qwh .qh-q .bar{ margin-top: 6px; }
.qwh .qh-q .bar i{ background: var(--bandc); }
.qwh .qh-q small{ display: block; margin-top: 4px; font-size: 12px; color: var(--ink-2); }
.qwh .qm-score .qh-q .bar{ position: relative; }
.qwh .qm-score .qh-q .bar > i{ position: relative; z-index: 1; }
.qwh .qs-bg{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.qwh .qs-bg-cell .qm-small{ margin-top: 12px; }
.qwh .qs-bg-th{ position: relative; height: 180px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.qwh .qs-bg-th > .qh-thread-wrap{ left: 60px; right: 60px; top: 0; bottom: 0; }
.qwh .qs-bg-a, .qwh .qs-bg-b{ position: relative; z-index: 1; width: 96px; height: 120px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); display: grid; place-items: center; font-size: 13px; color: var(--ink-3); }
.qwh .qs-bg-a{ background: linear-gradient(160deg, #3a4a5e, #1d2839); color: rgba(255,255,255,.7); border: 0; }
.qwh .qs-bg-grid{ height: 180px; margin-top: 12px; display: grid; place-items: center; }
.qwh .qs-bg-obj{ background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px 22px; }
.qwh .qs-bg-obj b{ display: block; font-size: 40px; font-weight: 300; line-height: 1.1; }
.qwh .qs-bg-rings{ height: 180px; margin-top: 12px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.qwh .qs-bg-rings .qd-dial{ width: 150px; }
.qwh .qs-bg-rings .v{ position: absolute; left: 0; right: 0; bottom: 0; text-align: center; }
.qwh .qs-bg-rings .v b{ font-size: 40px; font-weight: 300; line-height: 1; color: #1F74B8; }
.qwh .qi-row.qs-th-row{ position: relative; }
.qwh .qi-row.qs-th-row > :not(.qh-thread-wrap){ position: relative; z-index: 1; }
.qwh .qi-row.qs-th-row > .qh-thread-wrap{ left: calc((100% - 48px) / 2.15 - 64px); width: 176px; top: 8%; bottom: 30%; }
.qwh .qi-method{ position: relative; }
.qwh .qi-method > figure{ position: relative; z-index: 1; }
.qwh .qi-method .qi-arrow{ position: relative; align-self: stretch; margin: 0; font-size: 0; }
.qwh .qi-method .qi-arrow .qh-thread-wrap{ left: -48px; right: -48px; top: 18%; height: 40%; }
.qwh .qi-moment .qi-frame{ background: var(--surface); }
@media (max-width: 960px){.qwh .qh-h1{ font-size: 40px; }.qwh .qh-stage{ grid-template-columns: 1fr; gap: 20px; }.qwh .qh-stage > .qh-game{ order: -1; }.qwh .qh-card{ grid-template-columns: 1fr; }.qwh .qh-rows{ padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line); }.qwh .qh-stage > .qh-thread-wrap{ display: none; }.qwh .qs-bg{ grid-template-columns: 1fr; }.qwh .qi-method .qi-arrow{ display: none; }}
.qwh .qh-card-ey{ grid-column: 1 / -1; }
.qwh .qi-method .qi-signals, .qwh .qi-method .qm-score{ background: var(--surface); }
.qwh .qs-rings svg{ overflow: visible; }
.qwh .qt{ display: flex; flex-direction: column; gap: 14px; margin-top: 16px; }
.qwh .qt-line{ display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; }
.qwh .qt-av{ position: relative; width: 14px; height: 14px; margin-top: 7px; border-radius: 50%; }
.qwh .qt-v1{ background: #3079AE; }
.qwh .qt-v2{ background: linear-gradient(135deg, #3079AE, #7ABDED); }
.qwh .qt-v3{ background: #1E4E70; }
.qwh .qt-v4{ background: #B9DDF6; }
.qwh .qt-wave{ position: absolute; right: -9px; bottom: -9px; width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(135deg, #3079AE, #7ABDED); display: flex; align-items: center; justify-content: center; gap: 1.5px; opacity: 0; animation: qwh-qt-speak var(--cycle, 9s) linear infinite; }
.qwh .qt-wave b{ width: 2px; height: 6px; border-radius: 1px; background: #fff; animation: qwh-qt-bar .6s ease-in-out infinite alternate; }
.qwh .qt-wave b:nth-child(2){ height: 9px; animation-delay: .2s; }
.qwh .qt-wave b:nth-child(3){ animation-delay: .4s; }
.qwh .qt-who{ display: flex; gap: 8px; align-items: baseline; font-size: 13px; color: var(--head); }
.qwh .qt-who time{ font-size: 12px; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.qwh .qt-text{ margin-top: 2px; font-size: 17px; line-height: 1.45; color: var(--ink); }
.qwh .qt-w{ animation: qwh-qt-word var(--cycle, 9s) linear infinite; animation-delay: var(--d); }
.qwh .qt-fill{ color: var(--ink-3); }
.qwh .qt-ov{ position: relative; display: flex; flex-direction: column; gap: 10px; padding-left: 18px; }
.qwh .qt-ov::before{ content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 8px; border: 1.5px solid var(--line-2); border-right: 0; border-radius: 6px 0 0 6px; }
.qwh .qt-ov-k{ position: absolute; left: -2px; top: -18px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qt-ov .qt-line:first-of-type .qt-wave, .qwh .qt-ov .qt-line:nth-of-type(2) .qt-wave{ opacity: 1; animation: none; }
@keyframes qwh-qt-word{ 0% { opacity: .15; color: var(--ink-3); } 3% { opacity: 1; color: var(--ink-3); } 7%, 92% { opacity: 1; color: inherit; } 100% { opacity: .15; } }
@keyframes qwh-qt-bar{ to { transform: scaleY(.45); } }
@keyframes qwh-qt-speak{ 0%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce){.qwh .qt-w, .qwh .qt-wave b{ animation: none; }}
.qwh .qt-narr{ margin-bottom: 26px; }
.qwh .qt + .gi-hint{ margin: 22px 0 6px; }
.qwh .qt-ov + .qt-line, .qwh .qt-line + .qt-ov{ margin-top: 10px; }
.qwh .qt > .qt-ov:first-child{ margin-top: 18px; }
.qwh .qx{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.qwh .qx-panel{ border: 1px solid var(--line); border-radius: 16px; padding: 22px; background: var(--surface); display: flex; flex-direction: column; }
.qwh .qx-cap{ margin: 0 0 14px; }
.qwh .qx-lanes{ display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; align-items: stretch; }
.qwh .qx-names{ display: flex; flex-direction: column; justify-content: space-around; font-size: 12px; color: var(--ink-3); }
.qwh .ql{ display: block; width: 100%; height: 120px; }
.qwh .ql-guide{ stroke: var(--line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.qwh .ql-zone{ fill: rgba(138,148,163,.12); }
.qwh .ql-seg{ fill: #8A94A3; fill-opacity: .55; }
.qwh .ql-seg.ql-clear{ fill-opacity: 1; }
.qwh .qx-panel .qt{ margin-top: 20px; flex: 1; }
.qwh .qx-panel .qt-text{ font-size: 15px; }
.qwh .qx-meas{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 24px; align-items: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.qwh .qx-stat b{ display: block; font-size: 32px; font-weight: 300; line-height: 1.1; color: var(--ink); }
.qwh .qx-meas .qi-inline-score{ margin: 0; --bar-label: 112px; }
.qwh .qx-band-wrap{ margin-top: 32px; }
.qwh .qx-band{ display: block; width: 100%; height: 96px; margin-top: 10px; }
@media (max-width: 960px){.qwh .qx{ grid-template-columns: 1fr; }.qwh .qx-meas{ grid-template-columns: 1fr; gap: 10px; }}
.qwh .qx-cap b{ display: block; margin-top: 6px; font-weight: 400; font-size: 22px; color: var(--head); }
.qwh .qx-pile{ position: relative; height: 230px; margin-top: 8px; }
.qwh .qx-b{ display: inline-block; max-width: 230px; padding: 10px 14px; background: var(--surface); border: 1px solid var(--line-2); border-radius: 14px 14px 14px 4px; font-size: 16px; line-height: 1.35; color: var(--ink-2); }
.qwh .qx-pile .qx-b{ position: absolute; white-space: nowrap; }
.qwh .qx-flowbox{ position: relative; display: flex; flex-direction: column; gap: 14px; margin-top: 8px; padding: 6px 0; }
.qwh .qx-flow{ position: relative; z-index: 1; align-self: flex-start; color: var(--ink); border-color: rgba(48, 121, 174,calc(.25 + var(--k) * .22)); }
.qwh .qx-flow.r{ align-self: flex-end; border-radius: 14px 14px 4px 14px; }
.qwh .qx-thread{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.qwh .qx-team{ display: grid; grid-template-columns: auto auto 1fr; gap: 28px; align-items: center; margin-top: 16px; padding: 18px 22px; border: 1px solid var(--line); border-radius: 16px; }
.qwh .qx-team-t{ display: block; font-weight: 400; font-size: 20px; color: var(--head); }
.qwh .qx-team-v{ display: flex; align-items: baseline; gap: 10px; }
.qwh .qx-from{ font-size: 28px; font-weight: 300; color: var(--ink-3); }
.qwh .qx-arrow{ color: var(--core); }
.qwh .qx-team-v b{ font-size: 44px; font-weight: 300; line-height: 1; }
.qwh .qx-team .qm-small:last-child{ justify-self: end; max-width: 280px; text-align: right; }
@media (max-width: 960px){.qwh .qx-team{ grid-template-columns: 1fr; gap: 10px; }.qwh .qx-team .qm-small:last-child{ justify-self: start; text-align: left; }.qwh .qx-pile{ height: 300px; }.qwh .qx-pile .qx-b{ white-space: normal; max-width: 60%; }}
.qwh .qi-fig figcaption.qx-cap{ display: block; margin: 0 0 14px; }
.qwh .qi-fig .qx-flowbox svg.qx-thread{ position: absolute; inset: 0; width: 100%; height: 100%; }
.qwh .qx-pile{ height: 220px; }
@media (max-width: 960px){.qwh .qm-market div{ padding: 20px 0; border-left: 0; border-top: 1px solid var(--line); }.qwh .qm-market div:first-child{ padding-top: 0; border-top: 0; }.qwh .qm-market div:last-child{ padding-bottom: 0; }}
.qwh .qi-wm figcaption{ display: block; padding: 12px 6px 0; }
.qwh .qi-wm-t{ display: block; font-weight: 400; font-size: 18px; color: var(--head); }
.qwh .qi-wm figcaption small{ display: block; margin-top: 2px; font-size: 13px; color: var(--ink-3); }
.qwh .qi-wm-strip{ display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; margin-top: 16px; padding: 18px 22px; border: 1px solid var(--line); border-radius: 16px; }
.qwh .qi-wm-strip-t{ margin-top: 4px; font-size: 18px; color: var(--ink); }
.qwh .qi-wm-quals{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.qwh .qi-wm-quals span{ font-size: 14px; padding: 6px 14px; border: 1px solid var(--line-2); border-radius: 999px; color: var(--ink-2); }
@media (max-width: 960px){.qwh .qi-wm-strip{ grid-template-columns: 1fr; gap: 14px; }.qwh .qi-wm-quals{ justify-content: flex-start; }}
.qwh .echo{ opacity: .035; }
[data-theme="swap"] .qwh .echo{ opacity: .07; }
.qwh .qi-measure{ margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); max-width: 640px; }
.qwh .qi-measure .qi-inline-score{ margin-top: 8px; }
.qwh .hcard .em{ flex: none; margin-bottom: 16px; }
[data-theme="swap"] .qwh .qi-target, [data-theme="swap"] .qwh .qp-ey, [data-theme="swap"] .qwh .qs-step b{ background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
[data-theme="swap"] .qwh .v2tag{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .gline{ background: #fff !important; }
[data-theme="swap"] .qwh .qm-card-link:hover .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .qa2 .ans .lbl i{ background: #fff !important; }
[data-theme="swap"] .qwh .qa2 .rel a:hover .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .qr .who button .bar2{ background: #fff !important; }
[data-theme="swap"] .qwh .ss .list button.on .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .st2 .track .num .ln b{ background: #fff !important; }
[data-theme="swap"] .qwh .st2 .step.on .num i, [data-theme="swap"] .qwh .st2 .step.done .num i{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .fl2 .item .prog{ background: #fff !important; }
[data-theme="swap"] .qwh .tl2 .rail .fill{ background: #fff !important; }
[data-theme="swap"] .qwh .tl2 .node.lit{ background: #fff !important; }
[data-theme="swap"] .qwh .pr2 .free i{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .pr2 .main::before{ background: #fff !important; }
[data-theme="swap"] .qwh .ck2 input:checked{ background: #fff !important; }
[data-theme="swap"] .qwh .au .tabs button.on::after{ background: #fff !important; }
[data-theme="swap"] .qwh .au li::before{ background: #fff !important; }
[data-theme="swap"] .qwh .hb2 .tabs button.on{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .v2tag.v3{ background: #fff !important; }
[data-theme="swap"] .qwh .ct3 thead th.us::before{ background: #fff !important; }
[data-theme="swap"] .qwh .bs3 .thumb{ background: #fff !important; }
[data-theme="swap"] .qwh .bs3 .thumb::before{ background: #fff !important; }
[data-theme="swap"] .qwh .tm3 .dot{ background: #fff !important; }
[data-theme="swap"] .qwh .tm3 .trail{ background: #fff !important; }
[data-theme="swap"] .qwh .pv3 .o.on .meter i.in{ background: #fff !important; }
[data-theme="swap"] .qwh .pv3 .sw.on{ background: #fff !important; }
[data-theme="swap"] .qwh .sk3 .who button.on{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .hcard:hover .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .bn3 .one .track i{ background: #fff !important; }
[data-theme="swap"] .qwh .bs4 .fill{ background: #fff !important; }
[data-theme="swap"] .qwh .ct4 .tabs button.on{ background: #fff !important; }
[data-theme="swap"] .qwh .v2tag.new{ background: #fff !important; }
[data-theme="swap"] .qwh .fq1 summary i::before, [data-theme="swap"] .qwh .fq1 summary i::after{ background: #fff !important; }
[data-theme="swap"] .qwh .cr1 a:hover .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .bn3 .bm .bar i, [data-theme="swap"] .qwh .bn3 .cmp .bar i{ background: #fff !important; }
[data-theme="swap"] .qwh .qm-score .q .bar i, [data-theme="swap"] .qwh .qm-teams .t .bar i, [data-theme="swap"] .qwh .bn3 .cmp .bar i, [data-theme="swap"] .qwh .bn3 .bm .you .bar i, [data-theme="swap"] .qwh .cs3 .r.you .bar i, [data-theme="swap"] .qwh .tp .r .bar i{ background: #fff !important; }
[data-theme="swap"] .qwh .tm3 .dot{ background: #fff !important; }
[data-theme="swap"] .qwh .tl4::before{ background: #fff !important; }
[data-theme="swap"] .qwh .tl4 li.end i{ background: #fff !important; }
[data-theme="swap"] .qwh .tl4::before{ background: #fff !important; }
[data-theme="swap"] .qwh .vd4 .pb{ background: #fff !important; }
[data-theme="swap"] .qwh .ah4 i, [data-theme="swap"] .qwh .ab4 i{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .pg4 span a.on{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .chip4.on{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .gi-narr .av i{ background: #fff !important; }
[data-theme="swap"] .qwh .gi-timer .line i{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-mpin{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .qi-scrub-fill{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-dash nav i:first-child{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-callout i{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-checks i{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .qi-live-dot{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-setup li.done i{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-readout-bar i{ background: #fff !important; }
[data-theme="swap"] .qwh .qp-card::before, [data-theme="swap"] .qwh .qi-reason::before, [data-theme="swap"] .qwh .qi-demo > div::before{ background: #fff !important; }
[data-theme="swap"] .qwh .qi-pi:hover .qm-arrow{ background: #fff !important; color: #1E4E70 !important; }
[data-theme="swap"] .qwh .qs-track{ background: #fff !important; }
[data-theme="swap"] .qwh .qm-eyebrow::before, [data-theme="swap"] .qwh .qp-ey::before{ background: #fff !important; }
[data-theme="swap"] .qwh .qh-card::after{ background: #fff !important; }
[data-theme="swap"] .qwh .qt-wave{ background: #fff !important; }
[data-theme="swap"] .qwh, [data-theme="swap"] .qwh .stage, [data-theme="swap"] .qwh .stage.alt{ background: linear-gradient(117deg, #1F7FC7 0%, #3079AE 38%, #6BAFE0 100%); color: var(--ink); }
[data-theme="swap"] .qwh stop{ stop-color: #FFFFFF; }
[data-theme="swap"] .qwh [stroke="#3079AE"], [data-theme="swap"] .qwh [stroke="#7ABDED"]{ stroke: #FFFFFF; }
[data-theme="swap"] .qwh [fill="#3079AE"], [data-theme="swap"] .qwh [fill="#7ABDED"]{ fill: #FFFFFF; }
[data-theme="swap"] .qwh img{ box-shadow: none; }
[data-theme="swap"] .qwh .qs-grid::before{ background-image: radial-gradient(circle, rgba(255,255,255,.35) 1px, transparent 1.4px); }
[data-theme="swap"] .qwh .qd-scale{ fill: rgba(255,255,255,.8); }
[data-theme="swap"] .qwh .qd-dial line[stroke="var(--surface)"]{ stroke: #3A97DC; }
[data-theme="swap"] .qwh .qs-track::after{ filter: none; }
[data-theme="swap"] .qwh .qs-track{ background: #FFFFFF !important; }
[data-theme="swap"] .qwh .qs-mk i{ background: #3079AE; }
[data-theme="swap"] .qwh .qm-btn.ghost, [data-theme="swap"] .qwh .qm-ghost{ color: #fff !important; border-color: rgba(255,255,255,.6) !important; background: transparent !important; }
[data-theme="swap"] .qwh .qt-v1{ background: #FFFFFF; }
[data-theme="swap"] .qwh .qt-v2{ background: rgba(255,255,255,.7); }
[data-theme="swap"] .qwh .qt-v3{ background: #1E4E70; }
[data-theme="swap"] .qwh .qt-v4{ background: rgba(255,255,255,.4); }
[data-theme="swap"] .qwh .qx-b{ background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.4); color: #fff; }
[data-theme="swap"] .qwh .qs-trailmark{ filter: brightness(0) invert(1); }
[data-theme="swap"] .qwh .qd-word.strained, [data-theme="swap"] .qwh .qd-s .v b.strained, [data-theme="swap"] .qwh .qh-dial .v b.strained{ color: var(--strained-ink); }
[data-theme="swap"] .qwh .qd-word.forming, [data-theme="swap"] .qwh .qd-s .v b.forming, [data-theme="swap"] .qwh .qh-dial .v b.forming{ color: var(--forming-ink); }
[data-theme="swap"] .qwh .qd-word.developing, [data-theme="swap"] .qwh .qd-s .v b.developing, [data-theme="swap"] .qwh .qh-dial .v b.developing{ color: var(--developing-ink); }
[data-theme="swap"] .qwh .qd-word.performing, [data-theme="swap"] .qwh .qd-s .v b.performing, [data-theme="swap"] .qwh .qh-dial .v b.performing{ color: var(--performing-ink); }
[data-theme="swap"] .qwh .qd-word.thriving, [data-theme="swap"] .qwh .qd-s .v b.thriving, [data-theme="swap"] .qwh .qh-dial .v b.thriving{ color: var(--thriving-ink); }
[data-theme="swap"] .qwh .qi-frame-wide img{ filter: none; }
[data-theme="swap"] .qwh .qm-compose .float > *, [data-theme="swap"] .qwh .qi-live, [data-theme="swap"] .qwh .qi-readout, [data-theme="swap"] .qwh .qi-callout, [data-theme="swap"] .qwh .qi-rec, [data-theme="swap"] .qwh .qh-card, [data-theme="swap"] .qwh .qi-method .qi-signals, [data-theme="swap"] .qwh .qi-method .qm-score, [data-theme="swap"] .qwh .qs-bg-b{ background: #2E8FDA !important; border-color: rgba(255,255,255,.4) !important; }
[data-theme="swap"] .qwh .qs-win-art::after, [data-theme="swap"] .qwh .qi-world-art::after, [data-theme="swap"] .qwh .qi-wm-art::after{ background: linear-gradient(180deg, rgba(48, 121, 174,0) 55%, rgba(48, 121, 174,.45) 100%); }
.qwh .qm-brandchip, .qwh img[data-brand="slack"], .qwh img[data-brand="teams"]{ box-sizing: content-box; border: 1px solid transparent; border-radius: 12px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box; padding: 8px 14px; filter: none !important; opacity: 1 !important; }
.qwh .qm-brandchip{ display: inline-flex; align-items: center; gap: 10px; color: #1E4E70; font-size: 15px; }
.qwh .qm-brandchip img{ filter: none !important; height: 22px; width: auto; }
[data-theme="swap"] .qwh .qm-int a{ border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box; color: #1E4E70; }
[data-theme="swap"] .qwh .qm-int a:not(.soon) img{ filter: grayscale(1) brightness(.35) opacity(.75); }
[data-theme="swap"] .qwh .qm-int a img[data-brand="slack"], [data-theme="swap"] .qwh .qm-int a img[data-brand="teams"]{ filter: none; padding: 0; border: 0; background: none; }
.qwh .qm-int a img[data-brand="slack"], .qwh .qm-int a img[data-brand="teams"]{ padding: 0; border: 0; background: none; }
.qwh .qsw{ position: relative; --qsw-w: 560px; --qsw-n: 5; --qsw-sw: calc(var(--qsw-w) / 7); --qsw-r: 572px; --qsw-D: 430px; --qsw-rs: 1528px; --qsw-h: 360px; --qsw-tilt: -3deg; }
.qwh .qsw-stage{ position: relative; height: var(--qsw-h); perspective: 1400px; perspective-origin: 50% 40%; }
.qwh .qsw-ring{ position: absolute; left: 50%; top: 8px; width: var(--qsw-w); margin-left: calc(var(--qsw-w) / -2); aspect-ratio: 16 / 9; transform-style: preserve-3d; transform: rotateZ(var(--qsw-tilt)) translateZ(calc(-1 * var(--qsw-D))) rotateY(var(--qsw-a, 0deg)); transition: transform var(--qsw-t, 0.9s) var(--qsw-ease, cubic-bezier(0.7, 0, 0.15, 1)); }
.qwh .qsw-panel{ position: absolute; inset: 0; margin: 0; border-radius: 16px; overflow: hidden; background: #13263b; border: 1px solid var(--line); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: rotateY(calc(var(--k) * 360deg / var(--qsw-n))) translateZ(var(--qsw-r)); transition: opacity .9s ease; }
.qwh .qsw-media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qsw-cams{ position: absolute; right: 12px; top: 12px; display: flex; gap: 6px; }
.qwh .qsw-cam{ position: relative; flex: 0 0 96px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; border: 2px solid #fff; background: #13263b; }
.qwh .qsw-cam > img, .qwh .qsw-cam > video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qsw-cam em{ position: absolute; left: 4px; bottom: 3px; font-style: normal; font-size: 10px; letter-spacing: .04em; color: #fff; background: rgba(20,38,59,.62); border-radius: 4px; padding: 0 5px; }
.qwh .qsw-narr.gi-narr{ position: absolute; left: 12px; bottom: 12px; max-width: 74%; gap: 10px; padding: 8px 12px; border-width: 1.5px; box-sizing: border-box; }
.qwh .qsw-narr .av, .qwh .qsw-narr .who{ display: none; }
.qwh .qsw-narr .av, .qwh .qsw-narr .av > svg{ width: 32px; height: 32px; }
.qwh .qsw-narr .av i{ inset: 5px; }
.qwh .qsw-narr .who{ font-size: 10px; }
.qwh .qsw-narr .line{ font-size: 15px; line-height: 1.35; margin-top: 0; }
.qwh .qsw-threads{ position: absolute; pointer-events: none; z-index: 1; }
.qwh .qsw-threads svg{ display: block; width: 100%; height: 100%; overflow: visible; }
.qwh .qsw-threads .qs-th{ fill: none; stroke-width: 1; vector-effect: non-scaling-stroke; }
.qwh .qsw-threads .qsw-pulse{ fill: none; stroke: url(#qsw-pulse-g); stroke-width: 2.5; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 140 1000; stroke-dashoffset: 140; opacity: 0; }
.qwh .qsw-threads.go-a .qsw-pulse{ animation: qwh-qsw-pulse-a 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.qwh .qsw-threads.go-b .qsw-pulse{ animation: qwh-qsw-pulse-b 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.qwh .qsw-threads .qsw-pulse:nth-child(2){ animation-delay: .08s; }
.qwh .qsw-threads .qsw-pulse:nth-child(3){ animation-delay: .16s; }
@keyframes qwh-qsw-pulse-a{ 0% { stroke-dashoffset: 140; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 0; } }
@keyframes qwh-qsw-pulse-b{ 0% { stroke-dashoffset: 140; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 0; } }
.qwh .qsw-readout{ position: relative; z-index: 2; }
.qwh .qsw-readout .bar i, .qwh .qsw-readout .arc{ transition: width 1s ease, stroke-dasharray 1s ease; }
.qwh .qsw-readout.got{ animation: qwh-qsw-got .7s ease; }
@keyframes qwh-qsw-got{ 0% { border-color: var(--line); } 30% { border-color: var(--core); } 100% { border-color: var(--line); } }
@media (max-width: 960px){.qwh .qsw{ --qsw-w: 300px; --qsw-r: 307px; --qsw-h: 210px; }.qwh .qsw-narr.gi-narr{ max-width: none; right: 10px; }.qwh .qsw-cam{ flex-basis: 64px; }.qwh .qsw-cam em{ display: none; }.qwh .qsw-narr .av{ display: none; }.qwh .qsw-narr .line{ font-size: 12px; }.qwh .qsw-threads{ display: none; }}
@media (prefers-reduced-motion: reduce){.qwh .qsw-ring{ transition: none; }.qwh .qsw-threads .qsw-pulse{ animation: none !important; }}
.qwh .qsw-panel.curved{ inset: 0; overflow: visible; background: none; border: 0; border-radius: 0; transform: rotateY(calc(var(--k) * 360deg / var(--qsw-n))) translateZ(var(--qsw-D)); transform-style: preserve-3d; }
.qwh .qsw-strip{ position: absolute; top: 0; height: 100%; left: calc((var(--qsw-w) - var(--qsw-sw)) / 2); width: calc(var(--qsw-sw) + 2px); overflow: hidden; background: #13263b; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-sizing: border-box; transform: translateZ(calc(-1 * var(--qsw-rs))) rotateY(var(--d)) translateZ(var(--qsw-rs)); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.qwh .qsw-strip.first{ border-left: 1px solid var(--line); border-radius: 14px 0 0 14px; }
.qwh .qsw-strip.last{ border-right: 1px solid var(--line); border-radius: 0 14px 14px 0; width: var(--qsw-sw); }
.qwh .qsw-face{ position: absolute; top: -1px; bottom: -1px; width: var(--qsw-w); left: calc(var(--j) * var(--qsw-sw) * -1); }
.qwh .qsw-strip.first .qsw-face{ left: -1px; }
.qwh .qsw-shade{ position: absolute; inset: 0; background: #0b1826; pointer-events: none; }
.qwh .qsw-readout.qsw-score-only{ display: flex; flex-direction: column; align-items: center; text-align: center; }
@media (max-width: 960px){.qwh .qsw{ --qsw-r: 307px; }}
.qwh .qsw-label{ position: absolute; left: 12px; top: 12px; background: #fff; color: var(--head); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: 13px; line-height: 1.3; }
.qwh .qsw-readout.qsw-score-only{ border: 0; padding: 0; background: none; }
.qwh .qsw-threads .qs-th{ stroke-width: 1.25; }
.qwh .qsw-threads .qsw-pulse{ stroke-width: 3; stroke-dasharray: 220 1000; stroke-dashoffset: 220; }
.qwh .qsw-threads.go-a .qsw-pulse{ animation: qwh-qsw-pulse-a 1s cubic-bezier(0.45, 0, 0.55, 1) .55s both; }
.qwh .qsw-threads.go-b .qsw-pulse{ animation: qwh-qsw-pulse-b 1s cubic-bezier(0.45, 0, 0.55, 1) .55s both; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(2), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(2){ animation-delay: .65s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(3), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(3){ animation-delay: .75s; }
@keyframes qwh-qsw-pulse-a{ 0% { stroke-dashoffset: 220; opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 1; } }
@keyframes qwh-qsw-pulse-b{ 0% { stroke-dashoffset: 220; opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 1; } }
@media (max-width: 960px){.qwh .qsw{ --qsw-D: 232px; --qsw-rs: 818px; }}
.qwh .qsw-stage{ z-index: 2; }
.qwh .qsw-strip, .qwh .qsw-strip.first, .qwh .qsw-strip.last{ border: 0 !important; background: none !important; outline: 1px solid transparent; -webkit-font-smoothing: antialiased; transition: opacity .9s ease, visibility .9s step-end; }
.qwh .qsw-face{ top: 0; bottom: 0; }
.qwh .qsw-stage{ -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 80%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 80%, transparent 100%); }
.qwh .qsw-pop{ position: absolute; inset: 0; pointer-events: none; transform: translateZ(26px); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.qwh .qsw-pop .qsw-label{ left: 18px; top: 16px; }
.qwh .qsw-pop .qsw-cams{ right: 18px; top: 16px; left: auto; }
.qwh .qsw-pop .qsw-narr.gi-narr{ left: 18px; bottom: 16px; max-width: 76%; padding: 8px 14px 8px 8px; }
.qwh .qsw-pop .qsw-narr .av{ display: block; width: 34px; height: 34px; }
.qwh .qsw-pop .qsw-narr .av > svg{ width: 34px; height: 34px; }
.qwh .qsw-pop .qsw-narr .line .w{ opacity: 1; }
.qwh .qsw-panel.live .qsw-narr .line .w{ opacity: 0; animation: qwh-qsw-word .3s ease forwards; animation-delay: var(--wd); }
.qwh .qsw-panel.live .qsw-ring-p{ animation: qwh-qsw-ring 4.4s linear both; }
.qwh .qsw-panel.live .qsw-narr .av i svg path{ animation: qwh-qsw-wave .9s ease-in-out infinite alternate; transform-origin: center; }
@keyframes qwh-qsw-ring{ from { stroke-dasharray: 0 100; } to { stroke-dasharray: 100 100; } }
@keyframes qwh-qsw-word{ to { opacity: 1; } }
@keyframes qwh-qsw-wave{ from { transform: scaleY(.55); } to { transform: scaleY(1); } }
@media (max-width: 960px){.qwh .qsw-pop{ transform: translateZ(14px); }.qwh .qsw-pop .qsw-narr .av{ display: none; }.qwh .qsw-pop .qsw-narr.gi-narr{ left: 8px; right: 8px; bottom: 8px; max-width: none; }}
@media (prefers-reduced-motion: reduce){.qwh .qsw-panel.live .qsw-narr .line .w, .qwh .qsw-panel.live .qsw-ring-p, .qwh .qsw-panel.live .qsw-narr .av i svg path{ animation: none; opacity: 1; }}
.qwh .qsw{ --qsw-D: 445px; }
.qwh .qsw-pop{ transform: translateZ(5px); }
.qwh .qsw-panel.live .qsw-ring-p{ animation-duration: 4.5s; }
.qwh .qsw-threads .qsw-drip{ fill: none; stroke: url(#qsw-pulse-g); stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 90 1000; stroke-dashoffset: 90; opacity: .7; animation: qwh-qsw-drip 3.4s linear infinite; }
.qwh .qsw-threads .qsw-drip:nth-child(2){ animation-delay: -1.1s; }
.qwh .qsw-threads .qsw-drip:nth-child(3){ animation-delay: -2.3s; }
@keyframes qwh-qsw-drip{ from { stroke-dashoffset: 90; } to { stroke-dashoffset: -1000; } }
.qwh .qsw-threads.go-a .qsw-pulse, .qwh .qsw-threads.go-b .qsw-pulse{ animation-duration: .6s; animation-delay: .7s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(2), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(2){ animation-delay: .75s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(3), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(3){ animation-delay: .8s; }
@media (max-width: 960px){.qwh .qsw{ --qsw-D: 238px; }.qwh .qsw-pop{ transform: translateZ(3px); }}
@media (prefers-reduced-motion: reduce){.qwh .qsw-threads .qsw-drip{ animation: none; opacity: 0; }}
.qwh .qsw-pop .qsw-narr.gi-narr{ max-width: 90%; }
.qwh .qsw-pop .qsw-narr .line{ white-space: nowrap; font-size: 14.5px; }
.qwh .qsw-panel.cue .qsw-narr .line .w{ opacity: 0; }
.qwh .qsw-panel.cue .qsw-ring-p{ stroke-dasharray: 0 100; }
.qwh .qsw-panel{ transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media (max-width: 960px){.qwh .qsw-pop .qsw-narr .line{ white-space: normal; font-size: 11px; }}
.qwh .qsw-pop{ display: none; }
.qwh .qsw-ov{ position: absolute; inset: 0; }
.qwh .qsw-ov .qsw-label{ position: absolute; left: 16px; top: 14px; white-space: nowrap; }
.qwh .qsw-ov .qsw-cams{ position: absolute; right: 16px; top: 14px; left: auto; display: flex; gap: 6px; }
.qwh .qsw-ov .qsw-cam{ flex: 0 0 auto; width: 96px; }
.qwh .qsw-ov .qsw-narr.gi-narr{ position: absolute; left: 16px; right: 16px; bottom: 14px; max-width: none; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; }
.qwh .qsw-ov .qsw-narr .av{ display: block; width: 32px; height: 32px; }
.qwh .qsw-ov .qsw-narr .av > svg{ width: 32px; height: 32px; }
.qwh .qsw-ov .qsw-narr .line{ margin: 0; min-height: 0; font-size: 14.5px; white-space: nowrap; overflow: hidden; }
.qwh .qsw-threads .qsw-drip, .qwh .qsw-threads .qsw-pulse{ stroke: var(--pc, var(--core)); transition: stroke .6s ease; }
.qwh .qsw-threads{ -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 62%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 62%, transparent 100%); }
@media (max-width: 960px){.qwh .qsw-ov .qsw-narr .av{ display: none; }.qwh .qsw-ov .qsw-narr .line{ white-space: normal; font-size: 10px; }.qwh .qsw-ov .qsw-cam{ width: 48px; }.qwh .qsw-ov .qsw-cam em{ display: none; }}
.qwh .qsw-stage{ height: calc(var(--qsw-h) + 72px); margin-top: -36px; }
.qwh .qsw-ring{ top: 44px; }
@media (max-width: 960px){.qwh .qsw-stage{ height: calc(var(--qsw-h) + 40px); margin-top: -20px; }.qwh .qsw-ring{ top: 28px; }}
.qwh .qs-std.qs-lg{ container-type: inline-size; }
@container (max-width: 520px){.qwh .qs-scale span:nth-child(5){ display: none; }}
.qwh .gi-narr.qw-narr1 .who{ display: none; }
.qwh .gi-narr.qw-narr1 .line{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qwh .qsw-threads{ -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); }
.qwh .qsw-threads .qs-th{ stroke-width: 1.75; }
.qwh .qsw-threads .qsw-drip{ stroke-width: 2.6; opacity: .85; animation-duration: 4s; }
.qwh .qsw-threads .qsw-pulse{ stroke-width: 3.4; }
.qwh .qsw-threads.go-a .qsw-pulse, .qwh .qsw-threads.go-b .qsw-pulse{ animation-duration: .5s; animation-delay: .5s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(2), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(2){ animation-delay: .55s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(3), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(3){ animation-delay: .6s; }
.qwh .qsw-panel.live .qsw-ring-p{ animation-duration: 4.85s; }
.qwh .qsw-panel.live .qsw-ring-p{ animation-duration: 3.05s; }
.qwh [style*="--bandc:var(--thriving)"] .bar i, .qwh [style*="--bandc: var(--thriving)"] .bar i, .qwh .bar i[style*="var(--thriving)"]{ background: linear-gradient(90deg, #176BBA, #3079AE) !important; }
.qwh [style*="--bandc:var(--performing)"] .bar i, .qwh [style*="--bandc: var(--performing)"] .bar i, .qwh .bar i[style*="var(--performing)"]{ background: linear-gradient(90deg, #3079AE, #7ABDED) !important; }
.qwh .qd-dial .arc[stroke="var(--strained)"]{ stroke: url(#qd-g-strained); }
.qwh .qd-dial .arc[stroke="var(--forming)"]{ stroke: url(#qd-g-forming); }
.qwh .qd-dial .arc[stroke="var(--developing)"]{ stroke: url(#qd-g-developing); }
.qwh .qd-dial .arc[stroke="var(--performing)"]{ stroke: url(#qd-g-performing); }
.qwh .qd-dial .arc[stroke="var(--thriving)"]{ stroke: url(#qd-g-thriving); }
[data-theme="swap"] .qwh .qd-dial .arc{ stroke: #FFFFFF !important; }
.qwh{ --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --ink-ground: #0F2236; }
.qwh .qm-mono{ font-family: var(--font-mono); font-size: 12px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.qwh .ml-h2{ margin: 0; font-size: 40px; font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: var(--head); }
.qwh .ml-lead{ margin: 14px 0 0; font-size: 18px; line-height: 1.5; color: var(--ink-2); max-width: 34em; }
.qwh .ml-link{ display: inline-flex; align-items: center; gap: 6px; font-size: 15px; color: var(--core-ink); text-decoration: none; }
.qwh .ml-link::after{ content: "→"; }
.qwh .qm-ground-ink{ background: linear-gradient(160deg, #0F2236 0%, #16324D 100%); color: #fff; --head: #FFFFFF; --ink: #FFFFFF; --ink-2: rgba(255,255,255,.78); --ink-3: rgba(255,255,255,.6); --line: rgba(255,255,255,.14); --line-2: rgba(255,255,255,.24); --surface: rgba(255,255,255,.06); --surface-2: rgba(255,255,255,.08); --core-ink: #9CCDF2; }
.qwh .qm-ground-grad{ background: linear-gradient(117deg, #1F7FC7 0%, #6BAFE0 100%); color: #fff; --head: #FFFFFF; --ink: #FFFFFF; --ink-2: rgba(255,255,255,.88); --ink-3: rgba(255,255,255,.74); --line: rgba(255,255,255,.28); --core-ink: #FFFFFF; }
.qwh .qm-ground-wash{ background: linear-gradient(180deg, #F5FAFF 0%, #ECF6FF 100%); }
.qwh .qm-ground-art{ position: relative; color: #fff; overflow: hidden; --head: #FFFFFF; --ink-2: rgba(255,255,255,.88); }
.qwh .qm-ground-art > .bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qm-ground-art::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,.15) 0%, rgba(15,34,54,.78) 100%); }
.qwh .qm-ground-art > :not(.bg){ position: relative; }
.qwh .ml-grounds{ display: grid; gap: 12px; }
.qwh .ml-grounds > div{ border-radius: 16px; padding: 28px 32px; min-height: 120px; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; border: 1px solid var(--line); }
.qwh .ml-grounds b{ font-weight: 400; font-size: 22px; color: var(--head); }
.qwh .ml-grounds span{ font-size: 14px; color: var(--ink-2); }
.qwh .ml-sticky{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.qwh .ml-sticky > header{ position: sticky; top: 96px; }
.qwh .ml-sticky > header .qm-btn{ margin-top: 24px; }
.qwh .ml-sticky ol{ list-style: none; margin: 0; padding: 0; }
.qwh .ml-sticky li{ display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 22px 0; border-top: 1px solid var(--line); }
.qwh .ml-sticky li:last-child{ border-bottom: 1px solid var(--line); }
.qwh .ml-sticky li .n{ display: inline-grid; place-items: center; width: 34px; height: 26px; border: 1px solid var(--line-2); border-radius: 6px; font-family: var(--font-mono); font-size: 12px; color: var(--ink-2); }
.qwh .ml-sticky li b{ display: block; font-size: 20px; font-weight: 400; line-height: 1.3; color: var(--head); }
.qwh .ml-sticky li p{ margin: 4px 0 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-sticky li .side{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .06em; color: var(--ink-3); white-space: nowrap; padding-top: 4px; }
.qwh .ml-edge{ overflow: hidden; }
.qwh .ml-edge .hd{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.qwh .ml-edge .arrows{ display: flex; gap: 8px; }
.qwh .ml-edge .arrows button{ all: unset; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line-2); border-radius: 50%; cursor: pointer; color: var(--head); }
.qwh .ml-edge .arrows button:hover{ border-color: var(--core); }
.qwh .ml-edge .arrows button:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .ml-edge .track{ display: flex; gap: 16px; margin-top: 32px; margin-right: -56px; padding-right: 56px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.qwh .ml-edge .track::-webkit-scrollbar{ display: none; }
.qwh .ml-edge .card{ flex: 0 0 320px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; color: inherit; text-decoration: none; }
.qwh .ml-edge .art{ position: relative; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; border: 1px solid var(--line); }
.qwh .ml-edge .art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.qwh .ml-edge .art .pill{ position: absolute; z-index: 1; left: 12px; bottom: 12px; display: inline-flex; align-items: baseline; gap: 8px; background: #fff !important; border: 1px solid #E2EBF4; border-radius: 10px; padding: 4px 10px; font-size: 12px; color: #4E5A6B; backdrop-filter: none; }
.qwh .ml-edge .art .pill b{ font-size: 22px; font-weight: 300; }
.qwh .ml-edge .card b{ font-size: 19px; font-weight: 400; color: var(--head); }
.qwh .ml-edge .card span{ font-size: 15px; color: var(--ink-2); }
@keyframes qwh-ml-progress{ to { width: 100%; } }
.qwh .ml-mix{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.qwh .ml-mix .tile{ position: relative; border-radius: 18px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--line); min-height: 260px; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; }
.qwh .ml-mix .tile h3{ margin: 0; font-size: 24px; font-weight: 400; color: var(--head); }
.qwh .ml-mix .tile p{ margin: 6px 0 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-mix .tile.form{ justify-content: flex-start; }
.qwh .ml-mix .tile.form .field{ margin-top: 22px; display: flex; flex-direction: column; gap: 10px; }
.qwh .ml-mix .tile.form input{ font: inherit; font-size: 15px; padding: 12px 14px; border: 1px solid var(--line-2); border-radius: 10px; background: #fff; }
.qwh .ml-mix .tile.crop{ padding-right: 46%; }
.qwh .ml-mix .tile.crop .ui{ position: absolute; right: -24px; top: 24px; bottom: -24px; width: 52%; border: 1px solid var(--line); border-radius: 14px 0 0 0; background: #fff; padding: 16px; }
.qwh .ml-mix .tile.photo{ color: #fff; --head: #fff; --ink-2: rgba(255,255,255,.88); }
.qwh .ml-mix .tile.photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-mix .tile.photo::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,0) 35%, rgba(15,34,54,.8) 100%); z-index: 1; }
.qwh .ml-mix .tile.photo > :not(img){ position: relative; z-index: 2; }
.qwh .ml-mix .tile .tag{ position: absolute; top: 22px; left: 26px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); z-index: 2; }
.qwh .ml-mix .tile.photo .tag{ color: rgba(255,255,255,.8); }
.qwh .ml-frag{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.qwh .ml-frag .tile{ position: relative; grid-column: span 6; min-height: 300px; border-radius: 18px; background: var(--surface-2); border: 1px solid var(--line); padding: 26px; overflow: hidden; }
.qwh .ml-frag .tile.w7{ grid-column: span 7; }
.qwh .ml-frag .tile.w5{ grid-column: span 5; }
.qwh .ml-frag .tile b{ display: block; font-size: 20px; font-weight: 400; color: var(--head); }
.qwh .ml-frag .tile > p{ margin: 4px 0 0; max-width: 24em; font-size: 15px; color: var(--ink-2); }
.qwh .ml-frag .frag{ position: absolute; right: 26px; bottom: 26px; display: flex; flex-direction: column; gap: 8px; width: min(300px, 70%); }
.qwh .ml-frag .chip{ display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 16px; color: #292929; }
.qwh .ml-frag .chip .plus{ width: 22px; height: 22px; border: 1px solid var(--line-2); border-radius: 6px; display: grid; place-items: center; color: #4E5A6B; font-size: 14px; }
.qwh .ml-frag .chip .v{ font-size: 20px; font-weight: 300; }
.qwh .ml-frag .bubble{ align-self: flex-end; max-width: 260px; background: linear-gradient(117deg, #3079AE, #7ABDED); color: #fff; border-radius: 16px 16px 4px 16px; padding: 14px 16px; font-size: 18px; line-height: 1.3; }
.qwh .ml-frag .who{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.qwh .ml-frag .who img{ width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.qwh .ml-frag .toggle{ display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 15px; color: #292929; }
.qwh .ml-frag .toggle i{ width: 36px; height: 20px; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); position: relative; }
.qwh .ml-frag .toggle i::after{ content: ""; position: absolute; right: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; }
.qwh .ml-bleed{ position: relative; border-radius: 28px; overflow: hidden; min-height: 560px; display: flex; flex-direction: column; justify-content: space-between; padding: 48px; color: #fff; }
.qwh .ml-bleed > img.bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-bleed::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,.78) 0%, rgba(15,34,54,.35) 38%, rgba(15,34,54,.1) 58%, rgba(15,34,54,.7) 100%); }
.qwh .ml-bleed > :not(.bg){ position: relative; }
.qwh .ml-bleed .ml-h2{ color: #fff; max-width: 14em; }
.qwh .ml-bleed .ml-lead{ color: rgba(255,255,255,.88); }
.qwh .ml-bleed .cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.qwh .ml-bleed .card{ background: #fff; color: #292929; border-radius: 16px; padding: 18px 20px; border: 1px solid #E2EBF4; }
.qwh .ml-bleed .card .qm-mono{ color: #4E5A6B; }
.qwh .ml-bleed .card .v{ display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.qwh .ml-bleed .card .v b{ font-size: 40px; font-weight: 200; line-height: 1; }
.qwh .ml-bleed .card p{ margin: 8px 0 0; font-size: 14px; color: #4E5A6B; }
.qwh .ml-cases{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .ml-cases .case{ background: #fff; color: #292929; border: 1px solid #E2EBF4; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.qwh .ml-cases .case .logo{ font-family: var(--font-mono); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #296590; padding-bottom: 14px; border-bottom: 1px solid #E2EBF4; }
.qwh .ml-cases .case .k{ margin-top: 10px; font-size: 15px; color: #4E5A6B; }
.qwh .ml-cases .case .num{ font-size: 72px; font-weight: 200; line-height: 1; letter-spacing: -0.04em; background: linear-gradient(97deg, #1E4E70, #3079AE 60%, #7ABDED); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .ml-cases .case .ml-link{ margin-top: 8px; color: #227BBE; }
.qwh .ml-press{ display: flex; align-items: center; gap: 28px; }
.qwh .ml-press .lab{ flex: none; font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ml-press .rail{ position: relative; flex: 1; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.qwh .ml-press .run{ display: flex; gap: 56px; width: max-content; animation: qwh-ml-marquee 32s linear infinite; }
.qwh .ml-press .run span{ font-size: 26px; font-weight: 300; letter-spacing: -0.01em; color: #8A94A3; white-space: nowrap; }
.qwh .ml-press .rail:hover .run{ animation-play-state: paused; }
@keyframes qwh-ml-marquee{ to { transform: translateX(-50%); } }
.qwh .ml-award{ display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 0 30px; position: relative; text-align: center; }
.qwh .ml-award svg{ position: absolute; top: 50%; width: 26px; height: 56px; transform: translateY(-50%); }
.qwh .ml-award svg.l{ left: 0; }
.qwh .ml-award svg.r{ right: 0; transform: translateY(-50%) scaleX(-1); }
.qwh .ml-award b{ font-size: 15px; font-weight: 400; color: var(--head); }
.qwh .ml-award span{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ml-jump{ display: flex; align-items: center; gap: 4px; padding: 6px 8px 6px 18px; border: 1px solid var(--line-2); border-radius: 999px; background: var(--surface); overflow-x: auto; scrollbar-width: none; }
.qwh .ml-jump .lab{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-right: 10px; white-space: nowrap; }
.qwh .ml-jump a{ padding: 8px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; white-space: nowrap; }
.qwh .ml-jump a:hover{ background: var(--alice); color: var(--head); }
.qwh .ml-jump a.on{ color: var(--head); box-shadow: inset 0 -2px 0 #3079AE; border-radius: 0; }
.qwh .ml-video{ position: relative; display: block; border-radius: 28px; overflow: hidden; aspect-ratio: 16 / 8; border: 1px solid var(--line); background: #13263b; }
.qwh .ml-video > img, .qwh .ml-video > video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-video::before{ content: ""; position: absolute; inset: 0; background: rgba(15,34,54,.35); z-index: 1; }
.qwh .ml-video .mid{ position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; }
.qwh .ml-video .mid h3{ margin: 0; font-size: 48px; font-weight: 400; letter-spacing: -0.02em; color: #fff; text-align: center; }
.qwh .ml-video .play{ all: unset; width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.18); border: 1.5px solid rgba(255,255,255,.8); cursor: pointer; transition: transform .2s ease; }
.qwh .ml-video .play:hover{ transform: scale(1.06); }
.qwh .ml-video .play:focus-visible{ outline: 2px solid #fff; outline-offset: 4px; }
.qwh .ml-video .chip{ position: absolute; left: 22px; bottom: 22px; z-index: 2; display: inline-flex; align-items: baseline; gap: 8px; background: #fff; border-radius: 10px; padding: 6px 12px; font-size: 13px; color: #4E5A6B; }
.qwh .ml-video .chip b{ font-size: 24px; font-weight: 300; }
.qwh .ml-articles .hd{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.qwh .ml-articles .grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.qwh .ml-articles a.card{ display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; }
.qwh .ml-articles .art{ aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); }
.qwh .ml-articles .art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.qwh .ml-articles b{ font-size: 19px; font-weight: 400; line-height: 1.3; color: var(--head); }
.qwh .ml-articles p{ margin: 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-setup{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.qwh .ml-setup .step{ border: 1px solid var(--line); border-radius: 16px; padding: 22px; background: var(--surface); display: flex; flex-direction: column; gap: 10px; min-height: 190px; }
.qwh .ml-setup .step .qm-mono{ color: var(--ink-3); }
.qwh .ml-setup .step b{ font-size: 20px; font-weight: 400; color: var(--head); }
.qwh .ml-setup .step p{ margin: 0; font-size: 15px; color: var(--ink-2); flex: 1; }
.qwh .ml-setup .step a{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--head); text-decoration: underline; text-underline-offset: 4px; }
.qwh .ml-contact{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; border-radius: 28px; padding: 56px; background: linear-gradient(117deg, #1F7FC7 0%, #6BAFE0 100%); color: #fff; }
.qwh .ml-contact form{ background: #fff; color: #292929; border-radius: 18px; padding: 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; min-width: 0; }
.qwh .ml-contact form h3{ grid-column: 1 / -1; margin: 0 0 6px; font-size: 26px; font-weight: 400; color: #296590; }
.qwh .ml-contact label{ display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; color: #4E5A6B; }
.qwh .ml-contact label.full{ grid-column: 1 / -1; }
.qwh .ml-contact input, .qwh .ml-contact select, .qwh .ml-contact textarea{ font: inherit; font-size: 15px; padding: 11px 12px; border: 1px solid #CFDDEA; border-radius: 10px; background: #fff; color: #292929; box-sizing: border-box; width: 100%; min-width: 0; }
.qwh .ml-contact textarea{ min-height: 88px; resize: vertical; }
.qwh .ml-contact form .qm-btn{ grid-column: 1 / -1; justify-content: center; }
.qwh .ml-contact .copy .qm-mono{ color: rgba(255,255,255,.85); }
.qwh .ml-contact .copy h2{ margin: 10px 0 0; font-size: 40px; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em; color: #fff; }
.qwh .ml-contact .copy p{ margin: 14px 0 0; font-size: 17px; color: rgba(255,255,255,.9); }
@media (max-width: 960px){.qwh .ml-sticky, .qwh .ml-mix, .qwh .ml-contact{ grid-template-columns: minmax(0, 1fr); gap: 28px; }.qwh .ml-sticky > header{ position: static; }.qwh .ml-frag .tile, .qwh .ml-frag .tile.w7, .qwh .ml-frag .tile.w5{ grid-column: 1 / -1; }.qwh .ml-bleed{ padding: 24px; min-height: 0; gap: 120px; }.qwh .ml-bleed .cards, .qwh .ml-cases, .qwh .ml-articles .grid, .qwh .ml-setup{ grid-template-columns: minmax(0, 1fr); }.qwh .ml-edge .track{ margin-right: -20px; padding-right: 20px; }.qwh .ml-edge .card{ flex-basis: 78%; }.qwh .ml-mix .tile.crop{ padding-right: 26px; padding-top: 220px; }.qwh .ml-mix .tile.crop .ui{ left: 26px; right: -24px; width: auto; bottom: auto; height: 180px; }.qwh .ml-video{ aspect-ratio: 4 / 3; }.qwh .ml-video .mid h3{ font-size: 30px; }.qwh .ml-contact{ padding: 24px; }.qwh .ml-contact form{ grid-template-columns: minmax(0, 1fr); }.qwh .ml-press{ flex-direction: column; align-items: flex-start; gap: 14px; }}
@media (prefers-reduced-motion: reduce){.qwh .ml-press .run{ animation: none; }}
.qwh{
  --glass-light: rgba(255, 255, 255, 0.62);
  --glass-light-strong: rgba(255, 255, 255, 0.78);
  --glass-light-line: rgba(255, 255, 255, 0.7);
  --glass-dark: rgba(14, 33, 54, 0.38);
  --glass-dark-line: rgba(255, 255, 255, 0.24);
  --glass-blur: blur(18px) saturate(170%);
}
.qwh .qm-glass{ background: var(--glass-light) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .qm-glass-strong{ background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .qm-glass-dark{ background: var(--glass-dark) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-dark-line) !important; color: #fff !important; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qwh .qm-glass, .qwh .qm-glass-strong{ background: rgba(255, 255, 255, 0.92) !important; }.qwh .qm-glass-dark{ background: rgba(14, 33, 54, 0.78) !important; }}
.qwh .ml-bleed .card, .qwh .ml-mix .tile.crop .ui, .qwh .ml-cases .case, .qwh .ml-edge .art .pill, .qwh .ml-video .chip, .qwh .ml-contact form{
  background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .ml-video .play{ background: var(--glass-dark); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid rgba(255, 255, 255, 0.55); }
.qwh .ml-mix .tile.photo .tag, .qwh .ml-bleed > .qm-mono{ display: inline-block; width: max-content; background: var(--glass-dark); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-dark-line); border-radius: 999px; padding: 5px 11px; color: #fff; }
.qwh .ml-contact input, .qwh .ml-contact select, .qwh .ml-contact textarea{ background: rgba(255, 255, 255, 0.85); }
.qwh .qsw-label{ background: var(--glass-dark) !important; color: #fff !important; border: 1px solid var(--glass-dark-line) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.qwh .qsw-cam em{ background: var(--glass-dark) !important; -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); }
.qwh .qsw-narr.gi-narr{ background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.qwh .qm-frost-b, .qwh .qm-frost-t, .qwh .qm-frost-b-dark, .qwh .qm-frost-t-dark{ position: relative; }
.qwh .qm-frost-b::after, .qwh .qm-frost-t::after, .qwh .qm-frost-b-dark::after, .qwh .qm-frost-t-dark::after{ content: ""; position: absolute; inset: 0; pointer-events: none; -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
.qwh .qm-frost-b::after{ background: linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.55) 78%, var(--surface, #fff) 100%); -webkit-mask-image: linear-gradient(180deg, transparent 40%, #000 80%); mask-image: linear-gradient(180deg, transparent 40%, #000 80%); }
.qwh .qm-frost-t-dark::after{ background: linear-gradient(180deg, rgba(14,33,54,.62) 0%, rgba(14,33,54,.3) 40%, rgba(14,33,54,0) 65%); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 30%, transparent 62%); mask-image: linear-gradient(180deg, #000 0%, #000 30%, transparent 62%); }
.qwh .qm-frost-b-dark::after{ background: linear-gradient(180deg, rgba(14,33,54,0) 35%, rgba(14,33,54,.35) 60%, rgba(14,33,54,.72) 100%); -webkit-mask-image: linear-gradient(180deg, transparent 35%, #000 70%); mask-image: linear-gradient(180deg, transparent 35%, #000 70%); }
.qwh .ml-bleed > img.bg{ z-index: 0; }
.qwh .ml-bleed > img.frost{ z-index: 1; filter: blur(22px) saturate(1.25); transform: scale(1.12);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 24%, transparent 54%, transparent 70%, rgba(0,0,0,.75) 100%); mask-image: linear-gradient(180deg, #000 0%, #000 24%, transparent 54%, transparent 70%, rgba(0,0,0,.75) 100%); }
.qwh .ml-bleed::before{ z-index: 2; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; -webkit-mask-image: none !important; mask-image: none !important;
  background: linear-gradient(180deg, rgba(14,33,54,.55) 0%, rgba(14,33,54,.3) 30%, rgba(14,33,54,0) 55%, rgba(14,33,54,0) 70%, rgba(14,33,54,.35) 100%) !important; }
.qwh .ml-bleed > :not(.bg){ z-index: 3; }
.qwh .ml-mix .tile.photo > .tag{ position: absolute; top: 22px; left: 26px; }
.qwh .ml-mix .tile.photo > img.frost{ z-index: 1; filter: blur(18px) saturate(1.2); transform: scale(1.1);
  -webkit-mask-image: linear-gradient(180deg, transparent 40%, #000 74%); mask-image: linear-gradient(180deg, transparent 40%, #000 74%); }
.qwh .ml-mix .tile.photo::before{ z-index: 2 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; -webkit-mask-image: none !important; mask-image: none !important;
  background: linear-gradient(180deg, rgba(14,33,54,0) 42%, rgba(14,33,54,.32) 66%, rgba(14,33,54,.62) 100%) !important; }
.qwh .ml-mix .tile.photo > :not(img){ z-index: 3; }
.qwh .ml-mix .tile.crop{ padding-right: 52%; }
.qwh .ml-mix .tile.crop .ui{ right: -40px; width: 54%; padding-right: 52px; box-sizing: border-box; }
.qwh .qsw-threads{ transition: opacity .45s ease; }
.qwh .qsw-threads.out{ opacity: 0; transition: opacity .22s ease; }
.qwh .qsw-threads .qs-th{ stroke: var(--pc, var(--core)) !important; stroke-width: 2; stroke-dasharray: none !important; animation: none !important; }
.qwh .qsw-threads svg{ clip-path: inset(0 0 0 0); }
.qwh .qsw-threads.go-a svg{ animation: qwh-qsw-reach-a .9s cubic-bezier(0.25, 0.1, 0.2, 1) both; }
.qwh .qsw-threads.go-b svg{ animation: qwh-qsw-reach-b .9s cubic-bezier(0.25, 0.1, 0.2, 1) both; }
@keyframes qwh-qsw-reach-a{ from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes qwh-qsw-reach-b{ from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
.qwh .qsw-threads .qsw-pulse, .qwh .qsw-threads .qsw-drip{ display: none !important; }
@media (prefers-reduced-motion: reduce){.qwh .qsw-threads svg{ animation: none !important; }.qwh .qsw-threads.out{ opacity: 1; }}
.qwh .ml-reveal .scr{ position: relative; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #13263b; isolation: isolate; }
.qwh .ml-reveal .scr > img.bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-reveal .lab{ position: absolute; left: 3%; top: 4.5%; z-index: 2; background: rgba(14,33,54,.58); color: #fff; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 14px; font-size: 15px; }
.qwh .ml-reveal .cams{ position: absolute; right: 2.5%; top: 4%; z-index: 2; display: flex; gap: 8px; width: 46%; }
.qwh .ml-reveal .cam{ position: relative; flex: 1; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; border: 2px solid rgba(255,255,255,.85); background: #1b2b3d; }
.qwh .ml-reveal .cam video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-reveal .cam em{ position: absolute; left: 6px; bottom: 5px; font-style: normal; font-size: 12px; color: #fff; background: rgba(14,33,54,.62); border-radius: 5px; padding: 1px 7px; }
.qwh .ml-reveal .narr{ position: absolute; left: 3%; right: 3%; bottom: 4%; z-index: 2; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.92); border: 1.5px solid #3079AE; border-radius: 14px; padding: 9px 16px 9px 9px; animation: qwh-mlr-narr .5s ease 2s both; }
.qwh .ml-reveal .narr i{ flex: none; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(117deg, #3079AE, #7ABDED); }
.qwh .ml-reveal .narr p{ margin: 0; font-size: 16px; color: #292929; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qwh .ml-reveal .glass{ position: absolute; left: 0; right: 0; bottom: 0; height: 100%; z-index: 3; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 56px; align-items: center; padding: 40px 56px;
  background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); border-top: 1px solid rgba(255,255,255,.9); border-radius: 22px;
  transform: translateY(104%); animation: qwh-mlr-glass 1s cubic-bezier(0.2, 0.8, 0.2, 1) 2s both; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qwh .ml-reveal .glass{ background: rgba(255,255,255,.94); }}
.qwh .ml-reveal .score .num{ display: flex; align-items: baseline; gap: 12px; margin-top: 6px; }
.qwh .ml-reveal .score .num b{ font-size: 120px; font-weight: 200; line-height: .95; letter-spacing: -0.04em; }
.qwh .ml-reveal .score .num .qd-word{ font-size: 20px; }
.qwh .ml-reveal .score .chg{ display: block; margin-top: 10px; font-size: 15px; color: #4E5A6B; }
.qwh .ml-reveal .score .who{ display: block; margin-top: 14px; }
.qwh .ml-reveal .rows .qm-score{ margin-top: 12px; }
.qwh .ml-reveal .rows .bar i{ transform-origin: left center; animation: qwh-mlr-bar 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 2.5s both; }
.qwh .ml-reveal[data-wait] .glass, .qwh .ml-reveal[data-wait] .rows .bar i, .qwh .ml-reveal[data-wait] .narr{ animation-play-state: paused; }
@keyframes qwh-mlr-glass{ from { transform: translateY(104%); } to { transform: translateY(0); } }
@keyframes qwh-mlr-bar{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes qwh-mlr-narr{ from { opacity: 1; } to { opacity: 0; } }
@media (prefers-reduced-motion: reduce){.qwh .ml-reveal .glass, .qwh .ml-reveal .rows .bar i, .qwh .ml-reveal .narr{ animation: none; transform: none; }.qwh .ml-reveal .narr{ opacity: 0; }}
@media (max-width: 760px){.qwh .ml-reveal .glass{ grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px 18px; }.qwh .ml-reveal .score .num b{ font-size: 56px; }.qwh .ml-reveal .narr p{ font-size: 12px; }.qwh .ml-reveal .cams{ width: 56%; gap: 4px; }.qwh .ml-reveal .lab{ font-size: 11px; padding: 3px 9px; }}
.qwh .qm-btn.logo, .qwh .qm-btn:has(> img){ background: linear-gradient(#fff, #fff) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box !important; border: 1px solid transparent !important; color: #1E4E70 !important; }
.qwh .qm-btn.logo:hover, .qwh .qm-btn:has(> img):hover{ background: linear-gradient(#F5FAFF, #F5FAFF) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box !important; }
.qwh .qm-btn.logo img, .qwh .qm-btn:has(> img) img{ filter: none !important; }
.qwh .qw-camrow{position:absolute;display:flex;gap:6px;z-index:2}
.qwh .qw-cam{position:relative;display:block}
.qwh .qw-cam img{display:block;width:64px;height:48px;object-fit:cover;border-radius:10px;border:2px solid #fff;box-sizing:border-box}
.qwh .qw-cam em{position:absolute;left:5px;bottom:5px;font-style:normal;font-size:10px;letter-spacing:.04em;color:#fff;background:rgba(20,38,59,.62);border-radius:5px;padding:1px 5px}
.qwh .qw-pains .qi-head{max-width:760px}
.qwh .qw-pain-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.qwh .qw-pain{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--line-2,#C9D6E3)}
.qwh .qw-pain .qm-mono{color:var(--core,#3079AE)}
.qwh .qw-pain p{margin:0;font-size:19px;line-height:1.45;color:var(--ink)}
@media (max-width:860px){.qwh .qw-pain-row{grid-template-columns:1fr;gap:24px}}
.qwh .qw-nxg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.qwh .qw-nx{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .25s ease, transform .35s cubic-bezier(.2,.7,.2,1)}
.qwh .qw-nx:hover, .qwh .qw-nx:focus-visible{border-color:#7ABDED;transform:translateY(-3px)}
.qwh .qw-nx .art{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#DDEBF7}
.qwh .qw-nx .art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.qwh .qw-nx:hover .art>img{transform:scale(1.05)}
.qwh .qw-nx .art>img.fr{filter:blur(16px) saturate(1.1);transform:scale(1.15);-webkit-mask-image:linear-gradient(to bottom,transparent 45%,#000 85%);mask-image:linear-gradient(to bottom,transparent 45%,#000 85%)}
.qwh .qw-nx:hover .art>img.fr{transform:scale(1.2)}
.qwh .qw-nx .art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(248,251,255,0) 50%,rgba(248,251,255,.55) 100%)}
.qwh .qw-nx .qw-camrow{left:14px;right:auto;top:auto;bottom:14px;z-index:2}
.qwh .qw-nx .qw-camrow .qw-cam img{width:52px;height:39px;border-radius:8px}
.qwh .qw-nx .sec{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#14263B;
  background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:5px 11px}
.qwh .qw-nx .bd{display:flex;flex-direction:column;gap:6px;padding:20px 24px 22px;flex:1}
.qwh .qw-nx .t{font-size:22px;line-height:1.2;color:var(--head);letter-spacing:-.01em}
.qwh .qw-nx .d{font-size:15px;line-height:1.4;color:var(--ink-2)}
.qwh .qw-nx .go{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--core,#3079AE)}
.qwh .qw-nx .go .qm-arrow{transition:transform .25s ease}
.qwh .qw-nx:hover .go .qm-arrow{transform:translateX(4px)}
.qwh .qw-nxg.many .qw-nx .art{aspect-ratio:16/8}
@media (max-width:960px){.qwh .qw-nxg{grid-template-columns:1fr}.qwh .qw-nx .art{aspect-ratio:16/8}}
.qwh .dr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;margin-top:40px;align-items:start}
.qwh .dr-l .tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2,#EEF4FA);margin-bottom:12px}
.qwh .dr-l .tabs button{border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink-2);padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.qwh .dr-l .tabs button span{font-family:var(--font-mono);font-size:11px;opacity:.7}
.qwh .dr-l .tabs button.on{background:#fff;color:var(--head);box-shadow:0 1px 0 var(--line)}
.qwh .dr-list{display:flex;flex-direction:column}
.qwh .dr-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:16px 4px 16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.qwh .dr-row::before{content:"";position:absolute;left:-16px;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(#3079AE,#7ABDED);opacity:0;transition:opacity .2s}
.qwh .dr-row .ix{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}
.qwh .dr-row .tx{display:flex;flex-direction:column;gap:2px}
.qwh .dr-row .n{font-size:21px;color:var(--head);transition:color .2s}
.qwh .dr-row .d{font-size:14px;color:var(--ink-2)}
.qwh .dr-row .qm-arrow{color:var(--ink-3);transition:transform .25s, color .2s}
.qwh .dr-row.on::before{opacity:1}
.qwh .dr-row.on .n{color:var(--core,#3079AE)}
.qwh .dr-row.on .qm-arrow{color:var(--core,#3079AE);transform:translateX(4px)}
.qwh .dr-r{position:sticky;top:96px}
.qwh .dr-view{position:relative;display:block;height:660px;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;animation:qwh-drIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes qwh-drIn{from{transform:scale(.985)}to{transform:none}}
.qwh .dr-view .bg{animation:qwh-drImg .7s cubic-bezier(.2,.7,.2,1)}
@keyframes qwh-drImg{from{transform:scale(1.06)}to{transform:none}}
.qwh .dr-view .bg, .qwh .dr-view .fr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qwh .dr-view .fr{filter:blur(22px) saturate(1.1);transform:scale(1.12);-webkit-mask-image:linear-gradient(to bottom,transparent 35%,#000 70%);mask-image:linear-gradient(to bottom,transparent 35%,#000 70%)}
.qwh .dr-view .qw-camrow{left:20px;right:auto;top:20px}
.qwh .dr-view .qw-camrow .qw-cam img{width:84px;height:63px}
.qwh .dr-view .gl{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:28px 30px;border-radius:18px;
  background:rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid rgba(255,255,255,.7)}
.qwh .dr-view .h{font-size:38px;line-height:1.08;letter-spacing:-.015em;color:var(--head)}
.qwh .dr-view .by{font-size:17px;line-height:1.45;color:var(--ink-2);max-width:34em}
.qwh .dr-view .qm-btn{margin-top:6px;display:inline-flex;gap:8px;align-items:center}
.qwh .dr-view .rd{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.qwh .dr-view .rd .qm-mono{font-size:10px}
.qwh .dr-view .rd b{font-size:44px;line-height:1;font-weight:500;background:linear-gradient(135deg,#176BBA,#7ABDED);-webkit-background-clip:text;background-clip:text;color:transparent}
.qwh .dr-view .rd .qd-word{margin:0}
@media (max-width:960px){.qwh .dr{grid-template-columns:1fr}.qwh .dr-r{display:none}.qwh .dr-row::before{left:-10px}}
.qwh .dr-view[hidden], .qwh .dr-list[hidden]{display:none}
.qwh .qm-band.qm-band{display:flex;flex-direction:column;align-items:center;text-align:center;padding:96px 56px}
.qwh .qm-band.qm-band > *{margin-top:0;margin-bottom:0}
.qwh .qm-band.qm-band > .qw-faces{margin-bottom:32px}
.qwh .qm-band.qm-band > h2{margin:0}
.qwh .qm-band.qm-band > p:not(.qm-micro){margin-top:16px;max-width:40em}
.qwh .qm-band.qm-band > .qm-btn{margin-top:32px}
.qwh .qm-band.qm-band > .qm-micro{margin-top:16px;font-size:14px}
@media (max-width:860px){.qwh .qm-band.qm-band{padding:64px 20px}.qwh .qm-band.qm-band > .qm-btn{margin-top:28px}}
/* scoped from site.css */
.qwh{ margin: 0; background: #fff; }
.qwh .qw{ position: relative; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 17px; line-height: 1.55; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
.qwh .qw a{ text-decoration: none; }
.qwh .qw p{ margin: 0; }
.qwh .qw-w{ max-width: 1240px; margin: 0 auto; padding: 0 56px; box-sizing: border-box; }
.qwh .qw-sec{ padding: 96px 0; }
.qwh .qw-sec.alt{ background: var(--bg-alt); }
.qwh .qw-sec.tight{ padding: 64px 0; }
.qwh .qw-sec.line{ border-top: 1px solid var(--line); }
.qwh .qw-sec .qi-head{ margin-bottom: 40px; max-width: 760px; }
.qwh .qw-sec .qi-head.c{ margin-left: auto; margin-right: auto; text-align: center; }
.qwh .qw-sec .qi-head.c .qm-eyebrow{ margin: 0 auto; }
.qwh .qw-sec .qi-head.c .qm-lead{ margin-left: auto; margin-right: auto; }
.qwh .qw-note{ margin-top: 18px; font-size: 14px; color: var(--ink-2); }
.qwh .qw-note .qm-tag{ margin-left: 6px; }
.qwh .qw-hyp{ display: inline-block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #94690C; border: 1px solid #EBC05A; border-radius: 999px; padding: 2px 8px; }
.qwh .qw-head{ position: sticky; top: 0; z-index: 40; }
.qwh .qw-head .qm-header{ max-width: none; padding: 0 max(32px, calc((100% - 1240px) / 2 + 56px)); height: 60px; }
.qwh .qw-head .qm-header > a{ display: block; flex: none; }
.qwh .qw-head .qm-header nav{ align-items: center; gap: 4px; }
.qwh .qw-head .qm-header nav button, .qwh .qw-head .qm-header nav a{ all: unset; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 10px; font-size: 15px; color: var(--ink-2); cursor: pointer; box-sizing: border-box; }
.qwh .qw-head .qm-header nav button::after{ content: ""; display: inline-block; width: 6px; height: 6px; border-right: 1.2px solid currentColor; border-bottom: 1.2px solid currentColor; transform: rotate(45deg); margin: -4px 0 0 8px; }
.qwh .qw-head .qm-header nav button:hover, .qwh .qw-head .qm-header nav a:hover, .qwh .qw-head .qm-header nav button.on{ color: var(--head); background: var(--alice); }
.qwh .qw-head .qm-header nav button:focus-visible, .qwh .qw-head .qm-header nav a:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .qw-head .right a.qw-in{ display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--line-2); border-radius: 10px; color: var(--head); font-size: 15px; box-sizing: border-box; }
.qwh .qw-head .right a.qw-in:hover{ background: var(--alice); }
.qwh .qw-head .right .qm-btn{ min-height: 44px; box-sizing: border-box; }
.qwh .qw-burger{ all: unset; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--line-2); border-radius: 10px; cursor: pointer; color: var(--head); }
.qwh .qw-menu{ position: absolute; left: 0; right: 0; top: 72px; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.15fr); padding: 26px max(32px, calc((100% - 1240px) / 2 + 56px)) 32px; }
.qwh .qw-menu.two{ grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.15fr); }
.qwh .qw-menu a{ border-radius: 10px; margin: 0 -10px; padding: 8px 10px; color: var(--head); }
.qwh .qw-menu a:hover{ background: var(--alice); }
.qwh .qw-menu .feat{ position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 220px; padding: 0; background: #0f2236; border: 1px solid var(--line); }
.qwh .qw-menu .feat img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.qwh .qw-menu .feat .in{ position: relative; margin: 12px; padding: 16px 18px; border-radius: 12px; background: var(--surface); }
.qwh .qw-menu .feat .in .qm-h3{ margin: 6px 0 4px; font-size: 19px; line-height: 1.25; color: var(--head); }
.qwh .qw-menu .feat .in a{ margin: 0; padding: 0; display: inline; }
.qwh .qw-menu .feat .in a:hover{ background: none; }
.qwh .qw-mobile{ position: absolute; left: 12px; right: 12px; top: 80px; max-width: none; max-height: calc(100vh - 100px); overflow-y: auto; }
.qwh .qw-mobile nav h5{ margin: 0; padding: 16px 20px 6px; font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qw-hero{ position: relative; padding: 40px 0 80px; background: linear-gradient(180deg, #F5FAFF 0%, #FFFFFF 70%); border-bottom: 1px solid var(--line); }
.qwh .qw-hero .qm-crumbs{ margin-bottom: 28px; }
.qwh .qw-hero-grid{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "copy vis" "card vis"; grid-template-rows: auto 1fr; column-gap: 72px; align-items: start; }
.qwh .qw-hero-copy{ grid-area: copy; position: relative; z-index: 3; }
.qwh .qw-hero-copy .qh-h1{ margin-top: 14px; }
.qwh .qw-hero-copy .qm-lead{ margin-top: 18px; max-width: 32em; }
.qwh .qw-hero-copy .qw-cta{ margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.qwh .qw-hero-copy .qw-cta .qm-micro, .qwh .qw-hero-copy .qw-cta .qm-small{ color: var(--ink-2); font-size: 14px; }
.qwh .qw-home .qh-h1{ font-size: 64px; }
.qwh .qw-hero-card{ grid-area: card; position: relative; z-index: 3; margin-top: 40px; }
.qwh .qw-hero-card .qh-card{ max-width: 560px; }
.qwh .qw-hero-vis{ grid-area: vis; position: relative; z-index: 2; min-height: 560px; }
.qwh .qw-hero-th{ position: absolute; z-index: 1; pointer-events: none; }
.qwh .qw-hero-th.home{ left: 44%; width: 18%; top: 290px; height: 300px; }
.qwh .qw-hero-grid.inner{ grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "copy vis"; grid-template-rows: auto; align-items: start; column-gap: 56px; }
.qwh .qw-hero-grid.inner .qw-hero-copy{ padding-top: 24px; }
.qwh .qw-hero .qm-crumbs{ padding-left: 0; padding-right: 0; }
.qwh .qw-hero-grid.inner .qw-hero-vis{ min-height: 0; }
.qwh .qw-panel{ width: 290px; height: 520px; box-sizing: border-box; margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: #13263b; }
.qwh .qw-panel > img.bd{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qw-panel .qw-chip{ position: absolute; left: 12px; top: 12px; background: var(--surface); border-radius: 999px; padding: 4px 11px; font-size: 13px; color: var(--ink); }
.qwh .qw-panel .qw-cams{ position: absolute; right: 12px; top: 12px; display: flex; flex-direction: column; gap: 6px; }
.qwh .qw-panel .qw-cams span{ position: relative; display: block; }
.qwh .qw-panel .qw-cams img{ display: block; width: 64px; height: 64px; object-fit: cover; border-radius: 10px; border: 2px solid #fff; box-sizing: border-box; }
.qwh .qw-panel .qw-cams em{ position: absolute; left: 4px; right: 4px; bottom: 4px; font-style: normal; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; text-align: center; color: #1E4E70; background: #fff; border-radius: 6px; }
.qwh .qw-panel .gi-narr{ position: absolute; left: 10px; right: 10px; bottom: 10px; gap: 10px; padding: 10px 12px; max-width: none; box-sizing: border-box; }
.qwh .qw-panel .gi-narr .av, .qwh .qw-panel .gi-narr .av > svg{ width: 36px; height: 36px; }
.qwh .qw-panel .gi-narr .av i{ inset: 5px; }
.qwh .qw-panel .gi-narr .who{ font-size: 10px; }
.qwh .qw-panel .gi-narr .line{ font-size: 14px; line-height: 1.35; }
.qwh .qw-feed{ position: relative; height: 520px; }
.qwh .qw-feed .qw-panel{ position: absolute; right: 0; top: 0; width: 250px; height: 500px; }
.qwh .qw-feed .qw-feed-card{ position: absolute; left: 0; top: 130px; width: 310px; z-index: 3; }
.qwh .qw-feed .qw-feed-card.wide{ width: 330px; top: 40px; }
.qwh .qw-feed .qh-thread-wrap{ left: 300px; right: 240px; top: 150px; height: 260px; z-index: 1; }
.qwh .qw-feed .qw-panel .qw-cams img{ width: 56px; height: 56px; }
.qwh .qw-feed .qs-grid::before{ inset: -48px; }
.qwh .qw-card{ position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; }
.qwh .qw-card::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; border-radius: 18px 18px 0 0; background: linear-gradient(90deg, #3079AE, #7ABDED); }
.qwh .qw-card .qp-ey, .qwh .qw-card .qw-k{ display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qw-card .qw-big{ display: flex; align-items: baseline; gap: 8px; margin-top: 8px; }
.qwh .qw-card .qw-big b{ font-size: 56px; line-height: 1; font-weight: 300; letter-spacing: -0.03em; }
.qwh .qw-card .qw-big .qd-word{ margin: 0; }
.qwh .qw-card .qw-row{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-2); }
.qwh .qw-card .qw-row:first-of-type{ margin-top: 12px; }
.qwh .qw-card .qw-row b{ font-weight: 400; color: var(--ink); text-align: right; }
.qwh .qw-card .qw-line{ margin-top: 10px; font-size: 15px; line-height: 1.45; color: var(--ink); }
.qwh .qw-card .qm-score{ box-shadow: none; border: 0; padding: 0; background: none; }
.qwh .qw-card .qs-std{ margin-top: 14px; }
.qwh .qw-card .qs-track{ margin-top: 0; height: 6px; }
.qwh .qw-vis-stack{ position: relative; display: flex; flex-direction: column; gap: 16px; max-width: 460px; margin-left: auto; }
.qwh .qw-vis-stack.offset > :nth-child(2){ margin-left: 48px; }
.qwh .qw-vis-stack.offset > :nth-child(3){ margin-left: 16px; }
.qwh .qw-doc{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.qwh .qw-doc .hd{ display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--ink-2); }
.qwh .qw-doc .bd{ padding: 20px; }
.qwh .qw-hero-char{ display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; align-items: center; }
.qwh .qw-hero-char img{ width: 120px; height: 120px; border-radius: 16px; object-fit: cover; }
.qwh .qw-abil{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.qwh .qw-abil span{ font-size: 13px; color: var(--core-ink); background: var(--alice); border-radius: 999px; padding: 3px 10px; }
.qwh .qw-arrow-down{ display: flex; justify-content: center; color: var(--line-2); }
.qwh .qw-quotes{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qw-quote{ display: flex; flex-direction: column; gap: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 26px; }
.qwh .qw-quote blockquote{ margin: 0; font-size: 20px; line-height: 1.4; font-weight: 300; color: var(--head); }
.qwh .qw-quote .who{ margin-top: auto; display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--ink-2); }
.qwh .qw-quote .who img{ width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.qwh .qw-quote.big{ grid-column: 1 / -1; padding: 40px; }
.qwh .qw-quote.big blockquote{ font-size: 30px; line-height: 1.35; }
.qwh .qw-sec .hb2 .hgrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.qwh .qw-sec .hb2 .tabs button{ min-height: 36px; box-sizing: border-box; margin-bottom: 6px; }
.qwh .qw-sec .hb2 .hcard .ln{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qw-foot.qm-footer{ padding: 56px 0 28px; }
.qwh .qw-foot .cols{ grid-template-columns: 1.3fr repeat(6, minmax(0, 1fr)); gap: 24px; }
.qwh .qw-foot .cols a{ line-height: 1.35; }
.qwh .qw-foot h5{ color: var(--ink-2); }
.qwh .qw-foot .pos{ margin-top: 12px; max-width: 18em; font-size: 14px; color: var(--ink-2); }
.qwh .qw-sec .sp section:only-child{ grid-column: 1 / -1; }
.qwh .qw-two{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.qwh .qw-two.top{ align-items: start; }
.qwh .qw-center{ text-align: center; }
.qwh .qw-badges{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.qwh .qw-sec .qm-faq{ margin-top: 8px; }
.qwh .qw-sec .nx2 .qm-card-link .qm-small{ color: var(--ink-2); }
.qwh .qw-cta-row{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.qwh .qw-art{ position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 10; background: #13263b; border: 1px solid var(--line); }
.qwh .qw-art > img.bd{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qw-art .gi-narr{ position: absolute; left: 14px; top: 14px; max-width: calc(100% - 132px); gap: 10px; padding: 10px 14px; box-sizing: border-box; }
.qwh .qw-art .gi-narr .av, .qwh .qw-art .gi-narr .av > svg{ width: 34px; height: 34px; }
.qwh .qw-art .gi-narr .av i{ inset: 5px; }
.qwh .qw-art .gi-narr .who{ font-size: 10px; }
.qwh .qw-art .gi-narr .line{ font-size: 15px; line-height: 1.35; }
.qwh .qw-art .qw-chip{ position: absolute; left: 14px; top: 14px; background: var(--surface); border-radius: 999px; padding: 5px 12px; font-size: 13px; color: var(--ink); }
.qwh .qw-camcol{ position: absolute; right: 14px; top: 14px; display: flex; flex-direction: column; gap: 8px; }
.qwh .qw-camrow{ position: absolute; right: 12px; top: 12px; display: flex; gap: 6px; z-index: 2; }
.qwh .qw-cam{ position: relative; display: block; }
.qwh .qw-cam img{ display: block; width: 92px; height: 68px; object-fit: cover; border-radius: 10px; border: 2px solid #fff; box-sizing: border-box; }
.qwh .qw-camrow .qw-cam img{ width: 64px; height: 48px; }
.qwh .qw-cam em{ position: absolute; left: 5px; bottom: 5px; font-style: normal; font-size: 10px; letter-spacing: .04em; color: #fff; background: rgba(20,38,59,.62); border-radius: 5px; padding: 1px 5px; }
.qwh .qw-art.mini{ aspect-ratio: 16 / 9; border-radius: 14px; box-shadow: none; }
.qwh .qw-art.mini .qw-cam img{ width: 58px; height: 44px; }
.qwh .qw-art.mini .qw-camcol{ flex-direction: row; top: auto; bottom: 10px; right: 10px; gap: 6px; }
.qwh .qw-art.mini .qw-chip{ top: 10px; left: 10px; font-size: 12px; }
.qwh .qw-scene{ position: relative; margin: 0; }
.qwh .qw-scene.below{ background: var(--surface); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.qwh .qw-scene.below .qw-art{ border-radius: 0; box-shadow: none; aspect-ratio: 16 / 9; }
.qwh .qw-scene.below .qw-art{ background: var(--surface); }
.qwh .qw-scene.below .qw-art > img.bd{ -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent 96%); mask-image: linear-gradient(180deg, #000 50%, transparent 96%); }
.qwh .qw-scene-meas{ position: relative; z-index: 2; margin-top: -48px; padding: 0 24px 22px; }
.qwh .qw-strip{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; align-items: end; }
.qwh .qw-strip .qw-k, .qwh .qw-k{ display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); }
.qwh .qw-strip .n{ display: flex; align-items: baseline; gap: 10px; margin-top: 6px; }
.qwh .qw-strip .n b{ font-size: 64px; font-weight: 300; line-height: 1; letter-spacing: -0.03em; }
.qwh .qw-strip .n .qd-word{ margin: 0; }
.qwh .qw-strip .qs-delta{ margin-top: 6px; font-size: 14px; color: var(--ink-2); }
.qwh .qw-strip .qi-inline-score{ margin: 0; }
.qwh .qw-scene.offset .qw-art{ aspect-ratio: 16 / 10; }
.qwh .qw-scene-cards{ position: relative; z-index: 3; width: 360px; margin: -150px 0 0 -40px; }
.qwh .qw-scene-cards:has(> .qw-vis-stack){ width: calc(100% + 40px); }
.qwh .qw-scene-cards > .qw-vis-stack{ display: flex; flex-direction: row; align-items: flex-start; gap: 16px; max-width: none; margin: 0; }
.qwh .qw-scene-cards > .qw-vis-stack > *{ flex: 1 1 0; min-width: 0; margin: 0 !important; }
.qwh .qw-scene-cards > .qw-vis-stack > :nth-child(2){ margin-top: 110px !important; }
.qwh .qw-scene-cards .qw-card, .qwh .qw-scene-cards .qm-score, .qwh .qw-scene-cards .qw-doc, .qwh .qw-scene-cards .qm-slack, .qwh .qw-scene-cards .qm-cred{ background: var(--surface); border: 1px solid var(--line); }
.qwh .qw-scene-cards .qm-score{ background: var(--surface); }
.qwh .qw-scene-th{ position: absolute; z-index: 1; left: 300px; right: 24px; top: calc(62.5% - 4px); height: 140px; }
.qwh .qw-scene:has(.qw-vis-stack) .qw-scene-th{ display: none; }
.qwh .qw-hero-grid:not(.inner){ grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 56px; }
.qwh .qw-home .qw-hero-vis{ min-height: 0; padding-top: 8px; }
.qwh .qw-cflow{ position: relative; aspect-ratio: 16 / 10.4; perspective: 1400px; perspective-origin: 50% 45%; }
.qwh .qw-cf{ position: absolute; left: 8%; right: 8%; top: 0; transform-style: preserve-3d; transition: transform 1.1s cubic-bezier(0.25,0.46,0.45,0.94), opacity .9s ease; }
.qwh .qw-cf .qw-art{ aspect-ratio: 16 / 10; }
.qwh .qw-cf-dots{ display: flex; justify-content: center; gap: 4px; margin-top: 10px; }
.qwh .qw-cf-dots button{ all: unset; width: 28px; height: 28px; display: grid; place-items: center; cursor: pointer; }
.qwh .qw-cf-dots button::before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--line-2); transition: width .3s ease, background .3s ease; }
.qwh .qw-cf-dots button.on::before{ width: 22px; border-radius: 6px; background: var(--core); }
.qwh .qw-cf-dots button:focus-visible{ outline: 2px solid var(--core); border-radius: 8px; }
.qwh .qw-hero-th.home{ left: 36%; width: 14%; top: 300px; height: 280px; }
.qwh .qw-home .qw-hero-card{ margin-top: 36px; }
.qwh .qw-30{ list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.qwh .qw-30 li{ display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; }
.qwh .qw-30 .ic svg{ width: 44px; height: 44px; }
.qwh .qw-30 b{ display: block; font-weight: 400; font-size: 20px; color: var(--head); }
.qwh .qw-30 p{ margin-top: 4px !important; color: var(--ink-2); }
.qwh .qw-30 .qm-link{ display: inline-block; margin-top: 6px; font-size: 15px; }
.qwh .qw-wins{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .qw-win .qs-win-art{ position: relative; }
.qwh .qw-win .qs-win-art::after{ content: none; display: none; }
.qwh .qw-win .qs-win-art img{ -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 100%); mask-image: linear-gradient(180deg, #000 45%, transparent 100%); }
.qwh .qw-win .qs-win-body h3{ margin: 0; font-size: 22px; font-weight: 400; line-height: 1.25; color: var(--head); }
.qwh .qw-win .qs-win-body p{ color: var(--ink-2); font-size: 15px; }
.qwh .qw-win .qs-win-body .qi-inline-score{ margin-top: 4px; }
.qwh .qw-ba{ display: flex; align-items: flex-end; gap: 14px; }
.qwh .qw-ba small{ display: block; font-size: 12px; color: var(--ink-3); }
.qwh .qw-ba b{ font-size: 40px; font-weight: 300; line-height: 1; }
.qwh .qw-ba .ar{ color: var(--ink-3); font-size: 22px; padding-bottom: 6px; }
.qwh .qw-ba em{ margin-left: auto; font-style: normal; font-size: 15px; color: var(--core-ink); background: var(--alice); border-radius: 999px; padding: 3px 10px; align-self: center; }
.qwh .qw-people .qi-frame img{ aspect-ratio: 4 / 3; }
.qwh .qw-ribbon{ position: relative; }
.qwh .qw-rib-faces{ display: flex; flex-direction: column; justify-content: space-around; gap: 4px; }
.qwh .qw-rib-faces img{ width: 40px; height: 30px; object-fit: cover; border-radius: 6px; }
.qwh .qw-ribbon{ display: grid; grid-template-columns: 44px auto minmax(0, 1fr); gap: 10px; align-items: stretch; }
.qwh .qw-swap{ background: linear-gradient(117deg, #1F7FC7, #6BAFE0); color: var(--ink); }
.qwh .qw-swap .qm-lead{ color: var(--ink-2); margin-top: 16px; }
.qwh .qw-swap .qw-scene.below{ background: #fff; border-color: transparent; --surface: #fff; --ink: #292929; --ink-2: #4E5A6B; --ink-3: #8A94A3; --line: #E2EBF4; --line-2: #CFDDEA; --surface-2: #F3F8FD; --performing: #3079AE; --head: #296590; }
.qwh .qw-ticks{ list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.qwh .qw-ticks li{ position: relative; padding-left: 30px; }
.qwh .qw-ticks li::before{ content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,.22); }
.qwh .qw-ticks li::after{ content: ""; position: absolute; left: 6px; top: 7px; width: 5px; height: 8px; border-right: 1.6px solid #fff; border-bottom: 1.6px solid #fff; transform: rotate(45deg); }
.qwh .qw-peer .qs-std{ margin-top: 30px; }
.qwh .qw-peer-ghost{ margin-top: 10px; height: 34px; border: 1.5px dashed var(--line-2); border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--ink-3); }
.qwh .qw-chartbox{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px 12px; }
.qwh .qw-chart-h{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; align-items: center; }
.qwh .qw-legend{ display: flex; gap: 18px; font-size: 14px; color: var(--ink-2); }
.qwh .qw-legend i{ display: inline-block; width: 18px; height: 3px; border-radius: 2px; vertical-align: middle; margin-right: 8px; }
.qwh .qw-legend i.dash{ background: repeating-linear-gradient(90deg, #8A94A3 0 5px, transparent 5px 9px); }
.qwh .qw-chart{ display: block; width: 100%; height: auto; margin-top: 8px; font-family: var(--font-sans); }
.qwh .qw-chart text{ font-size: 12px; fill: var(--ink-3); }
.qwh .qw-chart text.lab{ font-size: 14px; fill: var(--ink); }
.qwh .qw-chart text.lab.mut{ fill: var(--ink-2); }
.qwh .qw-vsteps{ position: relative; }
.qwh .qw-vsteps ol{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; position: relative; z-index: 2; }
.qwh .qw-vsteps li{ display: flex; flex-direction: column; gap: 6px; }
.qwh .qw-vsteps .vis{ height: 214px; display: flex; align-items: center; margin-bottom: 14px; }
.qwh .qw-vsteps .vis > *{ width: 100%; }
.qwh .qw-vsteps .vis .qm-score{ background: var(--surface); }
.qwh .qw-vsteps .n{ font-size: 15px; }
.qwh .qw-vsteps .c{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .qw-vsteps h3{ margin: 0; font-size: 22px; font-weight: 400; color: var(--head); }
.qwh .qw-vsteps p{ color: var(--ink-2); }
.qwh .qw-steps-th{ position: absolute; z-index: 1; left: 10%; right: 10%; top: 100px; height: 30px; }
.qwh .qw-band{ position: relative; }
.qwh .qw-faces{ display: flex; justify-content: center; align-items: center; margin-bottom: 26px; }
.qwh .qw-faces img{ width: 56px; height: 56px; object-fit: cover; border-radius: 50%; border: 3px solid rgba(255,255,255,.9); margin-left: -12px; }
.qwh .qw-faces img:first-child{ margin-left: 0; }
.qwh .qw-bandpill{ margin-left: 16px; display: inline-flex; align-items: baseline; gap: 8px; background: #fff; color: #1E4E70; border-radius: 999px; padding: 7px 14px; font-size: 14px; }
.qwh .qw-bandpill b{ font-size: 22px; font-weight: 300; color: #1F74B8; }
.qwh .qw-audvis{ position: relative; }
.qwh .qw-audvis .qw-art{ aspect-ratio: 16 / 9; }
.qwh .qw-audcard{ position: relative; z-index: 2; margin: -90px 24px 0; }
.qwh .qw-audcard > *{ background: var(--surface); border: 1px solid var(--line); }
.qwh .qw-wm-score{ position: absolute; left: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: baseline; gap: 8px; background: var(--surface); border-radius: 10px; padding: 4px 10px; font-size: 12px; color: var(--ink-2); }
.qwh .qw-wm-score b{ font-size: 22px; font-weight: 300; }
.qwh .qw-menu .feat .qw-featscore{ position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: baseline; gap: 6px; background: var(--surface); border-radius: 10px; padding: 3px 10px; font-size: 11px; color: var(--ink-2); }
.qwh .qw-menu .feat .qw-featscore b{ font-size: 20px; font-weight: 300; }
@media (max-width: 1100px){.qwh .qw-head .qm-header nav button, .qwh .qw-head .qm-header nav a{ padding: 0 8px; font-size: 14px; }.qwh .qw-foot .cols{ grid-template-columns: repeat(4, minmax(0, 1fr)); }}
@media (max-width: 960px){.qwh .qw-hero-grid:not(.inner){ grid-template-columns: minmax(0, 1fr); }.qwh .qw-scene-cards, .qwh .qw-scene-cards:has(> .qw-vis-stack){ width: auto; margin: -40px 12px 0; }.qwh .qw-scene-cards > .qw-vis-stack{ flex-direction: column; }.qwh .qw-scene-cards > .qw-vis-stack > :nth-child(2){ margin-top: 0 !important; }.qwh .qw-scene-th{ display: none; }.qwh .qw-art{ aspect-ratio: 4 / 3; }.qwh .qw-art .gi-narr{ left: 10px; top: 10px; max-width: calc(100% - 88px); padding: 8px 10px; }.qwh .qw-art .gi-narr .av{ display: none; }.qwh .qw-art .gi-narr .line{ font-size: 13px; }.qwh .qw-cam img{ width: 62px; height: 46px; }.qwh .qw-camcol{ right: 10px; top: 10px; }.qwh .qw-cf{ left: 0; right: 0; }.qwh .qw-cflow{ aspect-ratio: 4 / 3.1; }.qwh .qw-strip{ grid-template-columns: minmax(0, 1fr); gap: 14px; }.qwh .qw-scene-meas{ margin-top: -40px; padding: 0 16px 18px; }.qwh .qw-wins, .qwh .qw-vsteps ol{ grid-template-columns: minmax(0, 1fr); }.qwh .qw-vsteps .vis{ height: auto; }.qwh .qw-steps-th{ display: none; }.qwh .qw-faces img{ width: 40px; height: 40px; }.qwh .qw-faces{ flex-wrap: wrap; row-gap: 10px; }.qwh .qw-ribbon{ grid-template-columns: 36px auto minmax(0, 1fr); }.qwh .qw-audcard{ margin: -40px 10px 0; }.qwh .qw-w{ padding: 0 20px; }.qwh .qw-sec{ padding: 56px 0; }.qwh .qw-head .qm-header{ padding: 0 20px; gap: 12px; }.qwh .qw-head .right a.qw-in, .qwh .qw-head .right .qm-btn{ display: none; }.qwh .qw-burger{ display: inline-flex; }.qwh .qw-menu{ display: none; }.qwh .qw-hero{ padding: 24px 0 48px; }.qwh .qw-hero-grid, .qwh .qw-hero-grid.inner{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "vis" "card"; row-gap: 32px; }.qwh .qw-hero-th{ display: none; }.qwh .qw-hero-vis{ min-height: 0; }.qwh .qw-hero-card{ margin-top: 0; }.qwh .qw-feed{ height: auto; display: flex; flex-direction: column; gap: 16px; align-items: center; }.qwh .qw-feed .qw-panel, .qwh .qw-feed .qw-feed-card{ position: relative; left: auto; right: auto; bottom: auto; }.qwh .qw-feed .qw-feed-card, .qwh .qw-feed .qw-feed-card.wide{ width: 100%; max-width: 420px; }.qwh .qw-feed .qh-thread-wrap{ display: none; }.qwh .qw-vis-stack, .qwh .qw-vis-stack.offset > *{ margin-left: 0 !important; max-width: none; }.qwh .qw-quotes, .qwh .qw-two{ grid-template-columns: minmax(0, 1fr); }.qwh .qw-sec .hb2 .hgrid{ grid-template-columns: minmax(0, 1fr); }.qwh .qw-foot .cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.qwh .qw-quote.big blockquote{ font-size: 22px; }}
@media (prefers-reduced-motion: reduce){.qwh .qw-cf{ transition: none; }}
.qwh .qw-swap .qw-scene .qs-track{ background: linear-gradient(90deg, #7ABDED, #3079AE) !important; }
.qwh .qw-swap .qw-scene .qs-mk i{ background: #3079AE !important; border-color: #fff !important; }
.qwh .qw-swap .qw-scene .qs-mk em, .qwh .qw-swap .qw-scene .qs-mk em b{ color: #292929 !important; }
.qwh .qw-swap .qw-scene .gi-narr{ background: #fff !important; border-color: #3079AE !important; }
.qwh .qw-swap .qw-scene .gi-narr .line{ color: #292929 !important; }
.qwh .qw-swap .qw-scene .gi-narr .who{ color: #4E5A6B !important; }
.qwh .qw-swap .qw-scene .gi-narr .av i{ background: linear-gradient(135deg, #3079AE, #7ABDED) !important; }
@media (max-width: 960px){.qwh .qw-cflow{ overflow: hidden; border-radius: 20px; }}
.qwh .qw-home2{ padding: 8px 0 40px; overflow: hidden; }
.qwh .qsw{ position: relative; --qsw-n: 5; --qsw-w: 600px; --qsw-sw: calc(var(--qsw-w) / 7); --qsw-D: 474px; --qsw-rs: 1637px; --qsw-h: 356px; --qsw-tilt: -3deg; }
.qwh .qsw-stage{ position: relative; z-index: 2; height: var(--qsw-h); margin-left: 18%; margin-right: -160px; perspective: 1400px; perspective-origin: 50% 40%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 80%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 80%, transparent 100%); }
.qwh .qsw-ring{ position: absolute; left: 50%; top: 14px; width: var(--qsw-w); margin-left: calc(var(--qsw-w) / -2); aspect-ratio: 16 / 9; transform-style: preserve-3d;
  transform: rotateZ(var(--qsw-tilt)) translateZ(calc(-1 * var(--qsw-D))) rotateY(var(--qsw-a, 0deg)); transition: transform var(--qsw-t, 1.1s) var(--qsw-ease, ease); }
.qwh .qsw-strip{ position: absolute; top: 0; height: 100%; left: calc((var(--qsw-w) - var(--qsw-sw)) / 2); width: calc(var(--qsw-sw) + 2px); overflow: hidden;
  transform: rotateY(var(--sa)) translateZ(var(--qsw-D)) translateZ(calc(-1 * var(--qsw-rs))) rotateY(var(--d)) translateZ(var(--qsw-rs));
  backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.qwh .qsw-strip.first{ border-radius: 14px 0 0 14px; }
.qwh .qsw-strip.last{ border-radius: 0 14px 14px 0; width: var(--qsw-sw); }
.qwh .qsw-face{ position: absolute; top: 0; bottom: 0; width: var(--qsw-w); left: calc(var(--j) * var(--qsw-sw) * -1); }
.qwh .qsw-media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qsw-shade{ position: absolute; inset: 0; background: #0b1826; pointer-events: none; }
.qwh .qsw-ov{ position: absolute; inset: 0; transform: translateX(var(--par, 0px)); transition: transform 1.1s cubic-bezier(0.3, 0.15, 0.2, 1); }
.qwh .qsw-label{ position: absolute; left: 16px; top: 14px; background: #fff; color: var(--head); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: 13px; line-height: 1.3; white-space: nowrap; }
.qwh .qsw-cams{ position: absolute; right: 16px; top: 14px; display: flex; gap: 6px; }
.qwh .qsw-cam{ position: relative; width: 104px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; border: 2px solid #fff; background: #13263b; }
.qwh .qsw-cam > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qsw-cam em{ position: absolute; left: 4px; bottom: 3px; font-style: normal; font-size: 10px; color: #fff; background: rgba(20,38,59,.62); border-radius: 4px; padding: 0 5px; }
.qwh .qsw-narr.gi-narr{ position: absolute; left: 16px; right: 16px; bottom: 14px; max-width: none; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-width: 1.5px; box-sizing: border-box; }
.qwh .qsw-narr .av, .qwh .qsw-narr .av > svg{ width: 32px; height: 32px; }
.qwh .qsw-narr .av i{ inset: 5px; }
.qwh .qsw-narr .line{ margin: 0; min-height: 0; font-size: 14.5px; line-height: 1.35; white-space: nowrap; overflow: hidden; }
.qwh .qsw-narr .line .w{ opacity: 1; }
.qwh .qsw-ring-p{ stroke-dasharray: 100 100; }
.qwh .qsw-strip.cue .qsw-narr .line .w{ opacity: 0; }
.qwh .qsw-strip.cue .qsw-ring-p{ stroke-dasharray: 0 100; }
.qwh .qsw-strip.live .qsw-narr .line .w{ opacity: 0; animation: qwh-qsw-word .3s ease forwards; animation-delay: var(--wd); }
.qwh .qsw-strip.live .qsw-ring-p{ animation: qwh-qsw-ring 4.5s linear both; }
.qwh .qsw-strip.live .qsw-wave{ animation: qwh-qsw-wave .9s ease-in-out infinite alternate; transform-origin: center; }
@keyframes qwh-qsw-word{ to { opacity: 1; } }
@keyframes qwh-qsw-ring{ from { stroke-dasharray: 0 100; } to { stroke-dasharray: 100 100; } }
@keyframes qwh-qsw-wave{ from { transform: scaleY(.55); } to { transform: scaleY(1); } }
.qwh .qsw-threads{ position: absolute; z-index: 1; pointer-events: none; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 62%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 62%, transparent 100%); }
.qwh .qsw-threads svg{ display: block; width: 100%; height: 100%; overflow: visible; }
.qwh .qsw-threads .qs-th{ fill: none; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.qwh .qsw-threads .qsw-drip, .qwh .qsw-threads .qsw-pulse{ fill: none; stroke: var(--pc, var(--core)); stroke-linecap: round; vector-effect: non-scaling-stroke; transition: stroke .6s ease; }
.qwh .qsw-threads .qsw-drip{ stroke-width: 2.2; stroke-dasharray: 90 1000; stroke-dashoffset: 90; opacity: .65; animation: qwh-qsw-drip 3.4s linear infinite; }
.qwh .qsw-threads .qsw-drip:nth-child(2){ animation-delay: -1.1s; }
.qwh .qsw-threads .qsw-drip:nth-child(3){ animation-delay: -2.3s; }
@keyframes qwh-qsw-drip{ from { stroke-dashoffset: 90; } to { stroke-dashoffset: -1000; } }
.qwh .qsw-threads .qsw-pulse{ stroke-width: 3; stroke-dasharray: 220 1000; stroke-dashoffset: 220; opacity: 0; }
.qwh .qsw-threads.go-a .qsw-pulse{ animation: qwh-qsw-pulse-a .6s cubic-bezier(0.3, 0, 0.4, 1) .7s both; }
.qwh .qsw-threads.go-b .qsw-pulse{ animation: qwh-qsw-pulse-b .6s cubic-bezier(0.3, 0, 0.4, 1) .7s both; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(2), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(2){ animation-delay: .75s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(3), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(3){ animation-delay: .8s; }
@keyframes qwh-qsw-pulse-a{ 0% { stroke-dashoffset: 220; opacity: 1; } 99% { opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 0; } }
@keyframes qwh-qsw-pulse-b{ 0% { stroke-dashoffset: 220; opacity: 1; } 99% { opacity: 1; } 100% { stroke-dashoffset: -1000; opacity: 0; } }
.qwh .qw-home-th{ left: 40%; width: 44%; top: calc(var(--qsw-h) - 90px); height: 150px; }
.qwh .qw-home-row{ position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 330px; column-gap: 56px; align-items: end; margin-top: 0; }
.qwh .qw-home-row > .qw-hero-copy, .qwh .qw-home-row > .qw-home-card{ grid-area: auto; }
.qwh .qw-home2 .qh-h1{ font-size: 64px; margin-top: 10px; }
.qwh .qw-home2 .qm-lead{ font-size: 18px; margin-top: 14px; max-width: 34em; }
.qwh .qw-scorebig{ display: flex; flex-direction: column; align-items: center; text-align: center; }
.qwh .qw-scorebig .qh-dial{ padding: 0; border: 0; margin: 0; width: 100%; }
.qwh .qw-scorebig .qd-dial{ width: 100%; max-width: 270px; margin: 0 auto; }
.qwh .qw-scorebig .qd-dial .arc{ transition: stroke-dasharray 1s ease, stroke .6s ease; }
.qwh .qw-scorebig .qd-dial .v b{ font-size: 76px; font-weight: 200; letter-spacing: -0.04em; }
.qwh .qw-scorebig .qd-word{ font-size: 16px; margin-top: 2px; }
.qwh .qw-sb-lab{ margin-top: 6px !important; font-size: 14px; color: var(--ink-2); }
.qwh .qw-sb-lab b{ font-weight: 400; color: var(--head); }
@media (max-width: 960px){.qwh .qsw{ --qsw-w: 300px; --qsw-D: 238px; --qsw-rs: 818px; --qsw-h: 200px; }.qwh .qsw-stage{ margin-left: -20px; margin-right: -20px; }.qwh .qsw-label{ left: 8px; top: 8px; font-size: 10px; padding: 2px 8px; }.qwh .qsw-cams{ right: 8px; top: 8px; gap: 4px; }.qwh .qsw-cam{ width: 48px; }.qwh .qsw-cam em{ display: none; }.qwh .qsw-narr.gi-narr{ left: 8px; right: 8px; bottom: 8px; padding: 5px 8px; }.qwh .qsw-narr .av{ display: none; }.qwh .qsw-narr .line{ font-size: 10px; white-space: normal; }.qwh .qsw-threads{ display: none; }.qwh .qw-home-row{ grid-template-columns: minmax(0, 1fr); row-gap: 24px; margin-top: 16px; }.qwh .qw-home2 .qh-h1{ font-size: 42px; }}
@media (prefers-reduced-motion: reduce){.qwh .qsw-ring, .qwh .qsw-ov{ transition: none; }.qwh .qsw-strip.live .qsw-narr .line .w, .qwh .qsw-strip.live .qsw-ring-p, .qwh .qsw-strip.live .qsw-wave{ animation: none; opacity: 1; }.qwh .qsw-threads .qsw-drip, .qwh .qsw-threads .qsw-pulse{ animation: none; opacity: 0; }}
.qwh .qw-card .qs-std.qw-std-card{ margin-top: 44px; }
.qwh .qw-narr1.gi-narr{ align-items: center; gap: 10px; padding: 8px 14px 8px 8px; }
.qwh .qw-narr1 .av, .qwh .qw-narr1 .av > svg{ width: 30px; height: 30px; }
.qwh .qw-narr1 .av i{ inset: 5px; }
.qwh .qw-narr1 .line{ margin: 0 !important; min-height: 0 !important; font-size: 14px !important; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qwh .qw-art .qw-narr1.gi-narr{ max-width: calc(100% - 132px); }
.qwh .qw-scene.below .qw-narr1 .line{ font-size: 13px !important; }
@media (max-width: 960px){.qwh .qw-narr1 .line{ white-space: normal; font-size: 12px !important; }}
.qwh .qsw-stage{ height: calc(var(--qsw-h) + 72px); margin-top: -36px; }
.qwh .qsw-ring{ top: 50px; }
.qwh .qw-home-row{ margin-top: -36px; }
@media (max-width: 960px){.qwh .qsw-stage{ height: calc(var(--qsw-h) + 40px); margin-top: -20px; }.qwh .qsw-ring{ top: 28px; }.qwh .qw-home-row{ margin-top: -4px; }}
.qwh .qw-home-th{ top: calc(var(--qsw-h) - 4px); height: 104px; left: 41%; width: 43%; }
.qwh .qsw-threads{ -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); }
.qwh .qsw-threads .qs-th{ stroke-width: 1.75; }
.qwh .qsw-threads .qsw-drip{ stroke-width: 2.6; opacity: .85; animation-duration: 4s; }
.qwh .qsw-threads .qsw-pulse{ stroke-width: 3.4; }
.qwh .qsw-ov{ transition-duration: .75s; }
.qwh .qsw-threads.go-a .qsw-pulse, .qwh .qsw-threads.go-b .qsw-pulse{ animation-duration: .5s; animation-delay: .5s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(2), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(2){ animation-delay: .55s; }
.qwh .qsw-threads.go-a .qsw-pulse:nth-child(3), .qwh .qsw-threads.go-b .qsw-pulse:nth-child(3){ animation-delay: .6s; }
.qwh .qsw-strip.live .qsw-ring-p{ animation-duration: 4.85s; }
.qwh .qsw-strip.live .qsw-narr .line .w{ animation-duration: .2s; }
.qwh .qsw-strip.live .qsw-ring-p{ animation-duration: 3.05s; }
.qwh .qw-home-th{ top: calc(var(--qsw-h) - 4px); height: 80px; left: 41%; width: 45%; }
.qwh .qsw-threads{ -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%); }
.qwh, [data-theme="light"] .qwh{ --thriving: #1F7FC7; --thriving-ink: #176BBA; }
[data-theme="swap"] .qwh{ --thriving: #FFFFFF; --thriving-ink: #FFFFFF; }
.qwh .qd-word.thriving, .qwh .qd-s .v b.thriving, .qwh .qh-dial .v b.thriving, .qwh .band-num.thriving{ color: var(--thriving-ink) !important; }
.qwh .gi-hint{ border-left-color: var(--core) !important; }
.qwh [style*="--bandc:var(--thriving)"] .bar i, .qwh [style*="--bandc: var(--thriving)"] .bar i, .qwh .bar i[style*="var(--thriving)"]{ background: linear-gradient(90deg, #176BBA, #3079AE) !important; }
.qwh [style*="--bandc:var(--performing)"] .bar i, .qwh [style*="--bandc: var(--performing)"] .bar i, .qwh .bar i[style*="var(--performing)"]{ background: linear-gradient(90deg, #3079AE, #7ABDED) !important; }
.qwh .qs-mk[style*="var(--thriving)"] i{ border-color: #1F7FC7 !important; }
.qwh .qi-cells i[style*="var(--thriving)"]{ background: #1F7FC7 !important; }
@media (min-width: 961px){.qwh .qsw{ --qsw-w: 672px; --qsw-sw: calc(var(--qsw-w) / 7); --qsw-D: 556px; --qsw-rs: 1910px; --qsw-h: 404px; }.qwh .qsw-stage{ margin-left: 12%; margin-right: -440px; perspective: 1700px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 9%, #000 23%, #000 66%, rgba(0,0,0,.35) 75%, transparent 81%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 9%, #000 23%, #000 66%, rgba(0,0,0,.35) 75%, transparent 81%); }.qwh .qw-home-th{ top: calc(var(--qsw-h) - 12px); height: 88px; }.qwh .qsw-cam{ width: 118px; }.qwh .qsw-narr .line{ font-size: 16px; }.qwh .qsw-label{ font-size: 14px; }}
@media (min-width: 961px){.qwh .qsw-narr .line{ font-size: 12.5px; letter-spacing: .005em; }.qwh .qsw-narr.gi-narr{ padding: 6px 12px 6px 6px; bottom: 12px; }.qwh .qsw-narr .av, .qwh .qsw-narr .av > svg{ width: 24px; height: 24px; }.qwh .qsw-narr .av i{ inset: 4px; }.qwh .qw-home-th{ height: 82px; left: 42.9%; width: 43.9%; }.qwh .qw-home2{ margin-top: -60px; padding-top: 60px; }.qwh .qsw-stage{ margin-top: -60px; }.qwh .qsw-ring{ top: 70px; }.qwh .qw-home2 .qm-lead{ font-size: 21px; line-height: 1.42; max-width: 30em; margin-top: 18px; color: var(--ink-2); }}
.qwh{ --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --ink-ground: #0F2236; }
.qwh .qm-mono{ font-family: var(--font-mono); font-size: 12px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.qwh .ml-h2{ margin: 0; font-size: 40px; font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: var(--head); }
.qwh .ml-lead{ margin: 14px 0 0; font-size: 18px; line-height: 1.5; color: var(--ink-2); max-width: 34em; }
.qwh .ml-link{ display: inline-flex; align-items: center; gap: 6px; font-size: 15px; color: var(--core-ink); text-decoration: none; }
.qwh .ml-link::after{ content: "→"; }
.qwh .qm-ground-ink{ background: linear-gradient(160deg, #0F2236 0%, #16324D 100%); color: #fff; --head: #FFFFFF; --ink: #FFFFFF; --ink-2: rgba(255,255,255,.78); --ink-3: rgba(255,255,255,.6); --line: rgba(255,255,255,.14); --line-2: rgba(255,255,255,.24); --surface: rgba(255,255,255,.06); --surface-2: rgba(255,255,255,.08); --core-ink: #9CCDF2; }
.qwh .qm-ground-grad{ background: linear-gradient(117deg, #1F7FC7 0%, #6BAFE0 100%); color: #fff; --head: #FFFFFF; --ink: #FFFFFF; --ink-2: rgba(255,255,255,.88); --ink-3: rgba(255,255,255,.74); --line: rgba(255,255,255,.28); --core-ink: #FFFFFF; }
.qwh .qm-ground-wash{ background: linear-gradient(180deg, #F5FAFF 0%, #ECF6FF 100%); }
.qwh .qm-ground-art{ position: relative; color: #fff; overflow: hidden; --head: #FFFFFF; --ink-2: rgba(255,255,255,.88); }
.qwh .qm-ground-art > .bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .qm-ground-art::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,.15) 0%, rgba(15,34,54,.78) 100%); }
.qwh .qm-ground-art > :not(.bg){ position: relative; }
.qwh .ml-grounds{ display: grid; gap: 12px; }
.qwh .ml-grounds > div{ border-radius: 16px; padding: 28px 32px; min-height: 120px; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; border: 1px solid var(--line); }
.qwh .ml-grounds b{ font-weight: 400; font-size: 22px; color: var(--head); }
.qwh .ml-grounds span{ font-size: 14px; color: var(--ink-2); }
.qwh .ml-sticky{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.qwh .ml-sticky > header{ position: sticky; top: 96px; }
.qwh .ml-sticky > header .qm-btn{ margin-top: 24px; }
.qwh .ml-sticky ol{ list-style: none; margin: 0; padding: 0; }
.qwh .ml-sticky li{ display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 22px 0; border-top: 1px solid var(--line); }
.qwh .ml-sticky li:last-child{ border-bottom: 1px solid var(--line); }
.qwh .ml-sticky li .n{ display: inline-grid; place-items: center; width: 34px; height: 26px; border: 1px solid var(--line-2); border-radius: 6px; font-family: var(--font-mono); font-size: 12px; color: var(--ink-2); }
.qwh .ml-sticky li b{ display: block; font-size: 20px; font-weight: 400; line-height: 1.3; color: var(--head); }
.qwh .ml-sticky li p{ margin: 4px 0 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-sticky li .side{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .06em; color: var(--ink-3); white-space: nowrap; padding-top: 4px; }
.qwh .ml-edge{ overflow: hidden; }
.qwh .ml-edge .hd{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.qwh .ml-edge .arrows{ display: flex; gap: 8px; }
.qwh .ml-edge .arrows button{ all: unset; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line-2); border-radius: 50%; cursor: pointer; color: var(--head); }
.qwh .ml-edge .arrows button:hover{ border-color: var(--core); }
.qwh .ml-edge .arrows button:focus-visible{ outline: 2px solid var(--core); outline-offset: 2px; }
.qwh .ml-edge .track{ display: flex; gap: 16px; margin-top: 32px; margin-right: -56px; padding-right: 56px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.qwh .ml-edge .track::-webkit-scrollbar{ display: none; }
.qwh .ml-edge .card{ flex: 0 0 320px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; color: inherit; text-decoration: none; }
.qwh .ml-edge .art{ position: relative; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; border: 1px solid var(--line); }
.qwh .ml-edge .art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.qwh .ml-edge .art .pill{ position: absolute; z-index: 1; left: 12px; bottom: 12px; display: inline-flex; align-items: baseline; gap: 8px; background: #fff !important; border: 1px solid #E2EBF4; border-radius: 10px; padding: 4px 10px; font-size: 12px; color: #4E5A6B; backdrop-filter: none; }
.qwh .ml-edge .art .pill b{ font-size: 22px; font-weight: 300; }
.qwh .ml-edge .card b{ font-size: 19px; font-weight: 400; color: var(--head); }
.qwh .ml-edge .card span{ font-size: 15px; color: var(--ink-2); }
@keyframes qwh-ml-progress{ to { width: 100%; } }
.qwh .ml-mix{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.qwh .ml-mix .tile{ position: relative; border-radius: 18px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--line); min-height: 260px; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; }
.qwh .ml-mix .tile h3{ margin: 0; font-size: 24px; font-weight: 400; color: var(--head); }
.qwh .ml-mix .tile p{ margin: 6px 0 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-mix .tile.form{ justify-content: flex-start; }
.qwh .ml-mix .tile.form .field{ margin-top: 22px; display: flex; flex-direction: column; gap: 10px; }
.qwh .ml-mix .tile.form input{ font: inherit; font-size: 15px; padding: 12px 14px; border: 1px solid var(--line-2); border-radius: 10px; background: #fff; }
.qwh .ml-mix .tile.crop{ padding-right: 46%; }
.qwh .ml-mix .tile.crop .ui{ position: absolute; right: -24px; top: 24px; bottom: -24px; width: 52%; border: 1px solid var(--line); border-radius: 14px 0 0 0; background: #fff; padding: 16px; }
.qwh .ml-mix .tile.photo{ color: #fff; --head: #fff; --ink-2: rgba(255,255,255,.88); }
.qwh .ml-mix .tile.photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-mix .tile.photo::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,0) 35%, rgba(15,34,54,.8) 100%); z-index: 1; }
.qwh .ml-mix .tile.photo > :not(img){ position: relative; z-index: 2; }
.qwh .ml-mix .tile .tag{ position: absolute; top: 22px; left: 26px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); z-index: 2; }
.qwh .ml-mix .tile.photo .tag{ color: rgba(255,255,255,.8); }
.qwh .ml-frag{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.qwh .ml-frag .tile{ position: relative; grid-column: span 6; min-height: 300px; border-radius: 18px; background: var(--surface-2); border: 1px solid var(--line); padding: 26px; overflow: hidden; }
.qwh .ml-frag .tile.w7{ grid-column: span 7; }
.qwh .ml-frag .tile.w5{ grid-column: span 5; }
.qwh .ml-frag .tile b{ display: block; font-size: 20px; font-weight: 400; color: var(--head); }
.qwh .ml-frag .tile > p{ margin: 4px 0 0; max-width: 24em; font-size: 15px; color: var(--ink-2); }
.qwh .ml-frag .frag{ position: absolute; right: 26px; bottom: 26px; display: flex; flex-direction: column; gap: 8px; width: min(300px, 70%); }
.qwh .ml-frag .chip{ display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 16px; color: #292929; }
.qwh .ml-frag .chip .plus{ width: 22px; height: 22px; border: 1px solid var(--line-2); border-radius: 6px; display: grid; place-items: center; color: #4E5A6B; font-size: 14px; }
.qwh .ml-frag .chip .v{ font-size: 20px; font-weight: 300; }
.qwh .ml-frag .bubble{ align-self: flex-end; max-width: 260px; background: linear-gradient(117deg, #3079AE, #7ABDED); color: #fff; border-radius: 16px 16px 4px 16px; padding: 14px 16px; font-size: 18px; line-height: 1.3; }
.qwh .ml-frag .who{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.qwh .ml-frag .who img{ width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.qwh .ml-frag .toggle{ display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 15px; color: #292929; }
.qwh .ml-frag .toggle i{ width: 36px; height: 20px; border-radius: 999px; background: linear-gradient(90deg, #3079AE, #7ABDED); position: relative; }
.qwh .ml-frag .toggle i::after{ content: ""; position: absolute; right: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; }
.qwh .ml-bleed{ position: relative; border-radius: 28px; overflow: hidden; min-height: 560px; display: flex; flex-direction: column; justify-content: space-between; padding: 48px; color: #fff; }
.qwh .ml-bleed > img.bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-bleed::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,34,54,.78) 0%, rgba(15,34,54,.35) 38%, rgba(15,34,54,.1) 58%, rgba(15,34,54,.7) 100%); }
.qwh .ml-bleed > :not(.bg){ position: relative; }
.qwh .ml-bleed .ml-h2{ color: #fff; max-width: 14em; }
.qwh .ml-bleed .ml-lead{ color: rgba(255,255,255,.88); }
.qwh .ml-bleed .cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.qwh .ml-bleed .card{ background: #fff; color: #292929; border-radius: 16px; padding: 18px 20px; border: 1px solid #E2EBF4; }
.qwh .ml-bleed .card .qm-mono{ color: #4E5A6B; }
.qwh .ml-bleed .card .v{ display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.qwh .ml-bleed .card .v b{ font-size: 40px; font-weight: 200; line-height: 1; }
.qwh .ml-bleed .card p{ margin: 8px 0 0; font-size: 14px; color: #4E5A6B; }
.qwh .ml-cases{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.qwh .ml-cases .case{ background: #fff; color: #292929; border: 1px solid #E2EBF4; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.qwh .ml-cases .case .logo{ font-family: var(--font-mono); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #296590; padding-bottom: 14px; border-bottom: 1px solid #E2EBF4; }
.qwh .ml-cases .case .k{ margin-top: 10px; font-size: 15px; color: #4E5A6B; }
.qwh .ml-cases .case .num{ font-size: 72px; font-weight: 200; line-height: 1; letter-spacing: -0.04em; background: linear-gradient(97deg, #1E4E70, #3079AE 60%, #7ABDED); -webkit-background-clip: text; background-clip: text; color: transparent; }
.qwh .ml-cases .case .ml-link{ margin-top: 8px; color: #227BBE; }
.qwh .ml-press{ display: flex; align-items: center; gap: 28px; }
.qwh .ml-press .lab{ flex: none; font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ml-press .rail{ position: relative; flex: 1; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.qwh .ml-press .run{ display: flex; gap: 56px; width: max-content; animation: qwh-ml-marquee 32s linear infinite; }
.qwh .ml-press .run span{ font-size: 26px; font-weight: 300; letter-spacing: -0.01em; color: #8A94A3; white-space: nowrap; }
.qwh .ml-press .rail:hover .run{ animation-play-state: paused; }
@keyframes qwh-ml-marquee{ to { transform: translateX(-50%); } }
.qwh .ml-award{ display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 0 30px; position: relative; text-align: center; }
.qwh .ml-award svg{ position: absolute; top: 50%; width: 26px; height: 56px; transform: translateY(-50%); }
.qwh .ml-award svg.l{ left: 0; }
.qwh .ml-award svg.r{ right: 0; transform: translateY(-50%) scaleX(-1); }
.qwh .ml-award b{ font-size: 15px; font-weight: 400; color: var(--head); }
.qwh .ml-award span{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.qwh .ml-jump{ display: flex; align-items: center; gap: 4px; padding: 6px 8px 6px 18px; border: 1px solid var(--line-2); border-radius: 999px; background: var(--surface); overflow-x: auto; scrollbar-width: none; }
.qwh .ml-jump .lab{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-right: 10px; white-space: nowrap; }
.qwh .ml-jump a{ padding: 8px 14px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; white-space: nowrap; }
.qwh .ml-jump a:hover{ background: var(--alice); color: var(--head); }
.qwh .ml-jump a.on{ color: var(--head); box-shadow: inset 0 -2px 0 #3079AE; border-radius: 0; }
.qwh .ml-video{ position: relative; display: block; border-radius: 28px; overflow: hidden; aspect-ratio: 16 / 8; border: 1px solid var(--line); background: #13263b; }
.qwh .ml-video > img, .qwh .ml-video > video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-video::before{ content: ""; position: absolute; inset: 0; background: rgba(15,34,54,.35); z-index: 1; }
.qwh .ml-video .mid{ position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; }
.qwh .ml-video .mid h3{ margin: 0; font-size: 48px; font-weight: 400; letter-spacing: -0.02em; color: #fff; text-align: center; }
.qwh .ml-video .play{ all: unset; width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.18); border: 1.5px solid rgba(255,255,255,.8); cursor: pointer; transition: transform .2s ease; }
.qwh .ml-video .play:hover{ transform: scale(1.06); }
.qwh .ml-video .play:focus-visible{ outline: 2px solid #fff; outline-offset: 4px; }
.qwh .ml-video .chip{ position: absolute; left: 22px; bottom: 22px; z-index: 2; display: inline-flex; align-items: baseline; gap: 8px; background: #fff; border-radius: 10px; padding: 6px 12px; font-size: 13px; color: #4E5A6B; }
.qwh .ml-video .chip b{ font-size: 24px; font-weight: 300; }
.qwh .ml-articles .hd{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.qwh .ml-articles .grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.qwh .ml-articles a.card{ display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; }
.qwh .ml-articles .art{ aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); }
.qwh .ml-articles .art img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.qwh .ml-articles b{ font-size: 19px; font-weight: 400; line-height: 1.3; color: var(--head); }
.qwh .ml-articles p{ margin: 0; font-size: 15px; color: var(--ink-2); }
.qwh .ml-setup{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.qwh .ml-setup .step{ border: 1px solid var(--line); border-radius: 16px; padding: 22px; background: var(--surface); display: flex; flex-direction: column; gap: 10px; min-height: 190px; }
.qwh .ml-setup .step .qm-mono{ color: var(--ink-3); }
.qwh .ml-setup .step b{ font-size: 20px; font-weight: 400; color: var(--head); }
.qwh .ml-setup .step p{ margin: 0; font-size: 15px; color: var(--ink-2); flex: 1; }
.qwh .ml-setup .step a{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--head); text-decoration: underline; text-underline-offset: 4px; }
.qwh .ml-contact{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; border-radius: 28px; padding: 56px; background: linear-gradient(117deg, #1F7FC7 0%, #6BAFE0 100%); color: #fff; }
.qwh .ml-contact form{ background: #fff; color: #292929; border-radius: 18px; padding: 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; min-width: 0; }
.qwh .ml-contact form h3{ grid-column: 1 / -1; margin: 0 0 6px; font-size: 26px; font-weight: 400; color: #296590; }
.qwh .ml-contact label{ display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; color: #4E5A6B; }
.qwh .ml-contact label.full{ grid-column: 1 / -1; }
.qwh .ml-contact input, .qwh .ml-contact select, .qwh .ml-contact textarea{ font: inherit; font-size: 15px; padding: 11px 12px; border: 1px solid #CFDDEA; border-radius: 10px; background: #fff; color: #292929; box-sizing: border-box; width: 100%; min-width: 0; }
.qwh .ml-contact textarea{ min-height: 88px; resize: vertical; }
.qwh .ml-contact form .qm-btn{ grid-column: 1 / -1; justify-content: center; }
.qwh .ml-contact .copy .qm-mono{ color: rgba(255,255,255,.85); }
.qwh .ml-contact .copy h2{ margin: 10px 0 0; font-size: 40px; font-weight: 400; line-height: 1.12; letter-spacing: -0.02em; color: #fff; }
.qwh .ml-contact .copy p{ margin: 14px 0 0; font-size: 17px; color: rgba(255,255,255,.9); }
@media (max-width: 960px){.qwh .ml-sticky, .qwh .ml-mix, .qwh .ml-contact{ grid-template-columns: minmax(0, 1fr); gap: 28px; }.qwh .ml-sticky > header{ position: static; }.qwh .ml-frag .tile, .qwh .ml-frag .tile.w7, .qwh .ml-frag .tile.w5{ grid-column: 1 / -1; }.qwh .ml-bleed{ padding: 24px; min-height: 0; gap: 120px; }.qwh .ml-bleed .cards, .qwh .ml-cases, .qwh .ml-articles .grid, .qwh .ml-setup{ grid-template-columns: minmax(0, 1fr); }.qwh .ml-edge .track{ margin-right: -20px; padding-right: 20px; }.qwh .ml-edge .card{ flex-basis: 78%; }.qwh .ml-mix .tile.crop{ padding-right: 26px; padding-top: 220px; }.qwh .ml-mix .tile.crop .ui{ left: 26px; right: -24px; width: auto; bottom: auto; height: 180px; }.qwh .ml-video{ aspect-ratio: 4 / 3; }.qwh .ml-video .mid h3{ font-size: 30px; }.qwh .ml-contact{ padding: 24px; }.qwh .ml-contact form{ grid-template-columns: minmax(0, 1fr); }.qwh .ml-press{ flex-direction: column; align-items: flex-start; gap: 14px; }}
@media (prefers-reduced-motion: reduce){.qwh .ml-press .run{ animation: none; }}
.qwh{
  --glass-light: rgba(255, 255, 255, 0.62);
  --glass-light-strong: rgba(255, 255, 255, 0.78);
  --glass-light-line: rgba(255, 255, 255, 0.7);
  --glass-dark: rgba(14, 33, 54, 0.38);
  --glass-dark-line: rgba(255, 255, 255, 0.24);
  --glass-blur: blur(18px) saturate(170%);
}
.qwh .qm-glass{ background: var(--glass-light) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .qm-glass-strong{ background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .qm-glass-dark{ background: var(--glass-dark) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-dark-line) !important; color: #fff !important; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qwh .qm-glass, .qwh .qm-glass-strong{ background: rgba(255, 255, 255, 0.92) !important; }.qwh .qm-glass-dark{ background: rgba(14, 33, 54, 0.78) !important; }}
.qwh .ml-bleed .card, .qwh .ml-mix .tile.crop .ui, .qwh .ml-cases .case, .qwh .ml-edge .art .pill, .qwh .ml-video .chip, .qwh .ml-contact form{
  background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-light-line) !important; }
.qwh .ml-video .play{ background: var(--glass-dark); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid rgba(255, 255, 255, 0.55); }
.qwh .ml-mix .tile.photo .tag, .qwh .ml-bleed > .qm-mono{ display: inline-block; width: max-content; background: var(--glass-dark); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-dark-line); border-radius: 999px; padding: 5px 11px; color: #fff; }
.qwh .ml-contact input, .qwh .ml-contact select, .qwh .ml-contact textarea{ background: rgba(255, 255, 255, 0.85); }
.qwh .qm-frost-b, .qwh .qm-frost-t, .qwh .qm-frost-b-dark, .qwh .qm-frost-t-dark{ position: relative; }
.qwh .qm-frost-b::after, .qwh .qm-frost-t::after, .qwh .qm-frost-b-dark::after, .qwh .qm-frost-t-dark::after{ content: ""; position: absolute; inset: 0; pointer-events: none; -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); }
.qwh .qm-frost-b::after{ background: linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.55) 78%, var(--surface, #fff) 100%); -webkit-mask-image: linear-gradient(180deg, transparent 40%, #000 80%); mask-image: linear-gradient(180deg, transparent 40%, #000 80%); }
.qwh .qm-frost-t-dark::after{ background: linear-gradient(180deg, rgba(14,33,54,.62) 0%, rgba(14,33,54,.3) 40%, rgba(14,33,54,0) 65%); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 30%, transparent 62%); mask-image: linear-gradient(180deg, #000 0%, #000 30%, transparent 62%); }
.qwh .qm-frost-b-dark::after{ background: linear-gradient(180deg, rgba(14,33,54,0) 35%, rgba(14,33,54,.35) 60%, rgba(14,33,54,.72) 100%); -webkit-mask-image: linear-gradient(180deg, transparent 35%, #000 70%); mask-image: linear-gradient(180deg, transparent 35%, #000 70%); }
.qwh .ml-bleed > img.bg{ z-index: 0; }
.qwh .ml-bleed > img.frost{ z-index: 1; filter: blur(22px) saturate(1.25); transform: scale(1.12);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 24%, transparent 54%, transparent 70%, rgba(0,0,0,.75) 100%); mask-image: linear-gradient(180deg, #000 0%, #000 24%, transparent 54%, transparent 70%, rgba(0,0,0,.75) 100%); }
.qwh .ml-bleed::before{ z-index: 2; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; -webkit-mask-image: none !important; mask-image: none !important;
  background: linear-gradient(180deg, rgba(14,33,54,.55) 0%, rgba(14,33,54,.3) 30%, rgba(14,33,54,0) 55%, rgba(14,33,54,0) 70%, rgba(14,33,54,.35) 100%) !important; }
.qwh .ml-bleed > :not(.bg){ z-index: 3; }
.qwh .ml-mix .tile.photo > .tag{ position: absolute; top: 22px; left: 26px; }
.qwh .ml-mix .tile.photo > img.frost{ z-index: 1; filter: blur(18px) saturate(1.2); transform: scale(1.1);
  -webkit-mask-image: linear-gradient(180deg, transparent 40%, #000 74%); mask-image: linear-gradient(180deg, transparent 40%, #000 74%); }
.qwh .ml-mix .tile.photo::before{ z-index: 2 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; -webkit-mask-image: none !important; mask-image: none !important;
  background: linear-gradient(180deg, rgba(14,33,54,0) 42%, rgba(14,33,54,.32) 66%, rgba(14,33,54,.62) 100%) !important; }
.qwh .ml-mix .tile.photo > :not(img){ z-index: 3; }
.qwh .ml-mix .tile.crop{ padding-right: 52%; }
.qwh .ml-mix .tile.crop .ui{ right: -40px; width: 54%; padding-right: 52px; box-sizing: border-box; }
.qwh .ml-reveal .scr{ position: relative; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #13263b; isolation: isolate; }
.qwh .ml-reveal .scr > img.bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-reveal .lab{ position: absolute; left: 3%; top: 4.5%; z-index: 2; background: rgba(14,33,54,.58); color: #fff; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; padding: 6px 14px; font-size: 15px; }
.qwh .ml-reveal .cams{ position: absolute; right: 2.5%; top: 4%; z-index: 2; display: flex; gap: 8px; width: 46%; }
.qwh .ml-reveal .cam{ position: relative; flex: 1; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; border: 2px solid rgba(255,255,255,.85); background: #1b2b3d; }
.qwh .ml-reveal .cam video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qwh .ml-reveal .cam em{ position: absolute; left: 6px; bottom: 5px; font-style: normal; font-size: 12px; color: #fff; background: rgba(14,33,54,.62); border-radius: 5px; padding: 1px 7px; }
.qwh .ml-reveal .narr{ position: absolute; left: 3%; right: 3%; bottom: 4%; z-index: 2; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.92); border: 1.5px solid #3079AE; border-radius: 14px; padding: 9px 16px 9px 9px; animation: qwh-mlr-narr .5s ease 2s both; }
.qwh .ml-reveal .narr i{ flex: none; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(117deg, #3079AE, #7ABDED); }
.qwh .ml-reveal .narr p{ margin: 0; font-size: 16px; color: #292929; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qwh .ml-reveal .glass{ position: absolute; left: 0; right: 0; bottom: 0; height: 100%; z-index: 3; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 56px; align-items: center; padding: 40px 56px;
  background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); border-top: 1px solid rgba(255,255,255,.9); border-radius: 22px;
  transform: translateY(104%); animation: qwh-mlr-glass 1s cubic-bezier(0.2, 0.8, 0.2, 1) 2s both; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qwh .ml-reveal .glass{ background: rgba(255,255,255,.94); }}
.qwh .ml-reveal .score .num{ display: flex; align-items: baseline; gap: 12px; margin-top: 6px; }
.qwh .ml-reveal .score .num b{ font-size: 120px; font-weight: 200; line-height: .95; letter-spacing: -0.04em; }
.qwh .ml-reveal .score .num .qd-word{ font-size: 20px; }
.qwh .ml-reveal .score .chg{ display: block; margin-top: 10px; font-size: 15px; color: #4E5A6B; }
.qwh .ml-reveal .score .who{ display: block; margin-top: 14px; }
.qwh .ml-reveal .rows .qm-score{ margin-top: 12px; }
.qwh .ml-reveal .rows .bar i{ transform-origin: left center; animation: qwh-mlr-bar 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 2.5s both; }
.qwh .ml-reveal[data-wait] .glass, .qwh .ml-reveal[data-wait] .rows .bar i, .qwh .ml-reveal[data-wait] .narr{ animation-play-state: paused; }
@keyframes qwh-mlr-glass{ from { transform: translateY(104%); } to { transform: translateY(0); } }
@keyframes qwh-mlr-bar{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes qwh-mlr-narr{ from { opacity: 1; } to { opacity: 0; } }
@media (prefers-reduced-motion: reduce){.qwh .ml-reveal .glass, .qwh .ml-reveal .rows .bar i, .qwh .ml-reveal .narr{ animation: none; transform: none; }.qwh .ml-reveal .narr{ opacity: 0; }}
@media (max-width: 760px){.qwh .ml-reveal .glass{ grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px 18px; }.qwh .ml-reveal .score .num b{ font-size: 56px; }.qwh .ml-reveal .narr p{ font-size: 12px; }.qwh .ml-reveal .cams{ width: 56%; gap: 4px; }.qwh .ml-reveal .lab{ font-size: 11px; padding: 3px 9px; }}
.qwh .qw-ml-intro{ padding: 72px 0 24px; }
.qwh .qw-ml-intro .qm-lead{ max-width: 36em; }
.qwh .qw-ml-jump{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.qwh .qw-ml-jump a{ font-family: var(--font-mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; border: 1px solid var(--line-2); border-radius: 999px; padding: 6px 12px; }
.qwh .qw-ml-jump a:hover{ color: var(--core-ink); border-color: var(--core); }
.qwh .qw-ml-item{ padding: 56px 0; border-top: 1px solid var(--line); }
.qwh .qw-ml-hd{ margin-bottom: 32px; max-width: 46em; }
.qwh .qw-ml-hd h2{ margin: 8px 0 0; font-size: 28px; font-weight: 400; color: var(--head); }
.qwh .qw-ml-hd p{ margin: 6px 0 0; color: var(--ink-2); font-size: 16px; }
.qwh .qw-ml-hd .qw-ml-use{ color: var(--ink-3); font-size: 14px; }
.qwh .qw-head .qm-header{ background: rgba(255,255,255,.72); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border-bottom-color: rgba(226,235,244,.7); }
.qwh .qw-menu.qm-menu, .qwh .qw-menu{ background: rgba(255,255,255,.82) !important; -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%); }
.qwh .qw-art .qw-chip, .qwh .qw-panel .qw-chip, .qwh .qsw-label{ background: var(--glass-dark) !important; color: #fff !important; border: 1px solid var(--glass-dark-line) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.qwh .qsw-cam em, .qwh .qw-panel .qw-cams em, .qwh .qw-art .qw-cams em{ background: var(--glass-dark) !important; -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); }
.qwh .qsw-cam{ border-color: rgba(255,255,255,.75); }
.qwh .qw-art .gi-narr, .qwh .qw-panel .gi-narr, .qwh .qsw-narr.gi-narr{ background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.qwh .qw-scene-cards .qw-card, .qwh .qw-scene-cards .qm-score, .qwh .qw-scene-cards .qw-doc, .qwh .qw-scene-cards .qm-slack, .qwh .qw-scene-cards .qm-cred{ background: var(--glass-light-strong) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border-color: var(--glass-light-line) !important; }
.qwh .qw-swap .qw-card, .qwh .qw-swap .qm-score, .qwh .qw-swap .qw-scene.below{ -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
.qwh .qsw-threads{ opacity: 1 !important; }
.qwh .qsw-threads svg{ animation: none !important; clip-path: none !important; }
.qwh .qsw-threads .qs-th{ stroke: var(--pc, var(--core)) !important; stroke-width: 2; opacity: .5; stroke-dasharray: none !important; animation: none !important; transition: stroke .5s ease; }
.qwh .qsw-threads .qsw-pulse{ display: none !important; }
.qwh .qsw-threads .qsw-drip{ display: inline !important; stroke: var(--pc, var(--core)) !important; stroke-width: 3; opacity: .95 !important; stroke-linecap: round; stroke-dasharray: 120 1000; animation: qwh-qsw-drip2 2.6s linear infinite !important; transition: stroke .5s ease; }
.qwh .qsw-threads .qsw-drip:nth-child(2){ animation-delay: -.65s !important; }
.qwh .qsw-threads .qsw-drip:nth-child(3){ animation-delay: -1.3s !important; }
.qwh .qsw-threads .qsw-drip:nth-child(4){ animation-delay: -1.95s !important; }
.qwh .qsw-threads.gray .qs-th, .qwh .qsw-threads.gray .qsw-drip{ stroke: #B4C0CD !important; }
@keyframes qwh-qsw-drip2{ from { stroke-dashoffset: 120; } to { stroke-dashoffset: -1000; } }
@media (prefers-reduced-motion: reduce){.qwh .qsw-threads .qsw-drip{ animation: none !important; display: none !important; }}
@media (min-width: 961px){.qwh .qw-home-th{ left: 42.9% !important; width: 62.1% !important; top: calc(var(--qsw-h) + 16px) !important; height: 95px !important; }}
@media (min-width: 961px){.qwh .qw-home2{ padding-bottom: 14px; }.qwh .qw-home2 .qh-h1{ margin-top: 6px; }.qwh .qw-home2 .qm-lead{ margin-top: 14px; }.qwh .qw-home-row{ margin-top: -26px; padding-top: 0; grid-template-columns: minmax(0, 1fr) 400px; column-gap: 40px; align-items: end; }.qwh .qw-home-row > .qw-home-card{ margin-top: 24px; align-self: end; }.qwh .qw-scorebig .qd-dial{ max-width: 320px; }.qwh .qw-scorebig .qd-dial .v b{ font-size: 96px; }.qwh .qw-scorebig .qd-word{ font-size: 20px; margin-top: 4px; }.qwh .qw-sb-lab{ font-size: 15px; }}
.qwh .qsw-fog{ position: absolute; inset: -1px; z-index: 6; pointer-events: none; background: #F8FBFF; transition: opacity .75s cubic-bezier(0.3, 0.15, 0.2, 1); }
.qwh .qsw-stage{ -webkit-mask-image: none !important; mask-image: none !important; }
@media (min-width: 961px){.qwh .qw-home2{ padding-bottom: 48px !important; }}
.qwh .qw-head .qm-header .logo{ height: 34px; width: auto; display: block; }
.qwh .qw-mobile .bar img{ height: 28px; width: auto; }
.qwh .qsw-readout .qd-dial .arc{ transition: stroke-dasharray .75s cubic-bezier(0.3, 0.15, 0.2, 1), filter .35s ease, opacity .35s ease; }
.qwh .qsw-readout .qd-dial .v b, .qwh .qsw-readout .qd-word, .qwh .qsw-readout .qw-sb-lab{ transition: color .35s ease, opacity .35s ease, filter .35s ease; }
.qwh .qsw-readout .qd-dial .load{ stroke: url(#qd-load-g); stroke-dasharray: 18 100; stroke-dashoffset: 18; opacity: 0; transition: opacity .25s ease; }
.qwh .qsw-readout.loading .qd-dial .arc{ filter: grayscale(1); opacity: .28; }
.qwh .qsw-readout.loading .qd-dial .load{ opacity: 1; animation: qwh-qd-load 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite; }
.qwh .qsw-readout.loading .qd-dial .v b{ color: #B7C1CD !important; -webkit-text-fill-color: #B7C1CD; filter: grayscale(1); }
.qwh .qsw-readout.loading .qd-word, .qwh .qsw-readout.loading .qw-sb-lab{ opacity: .35; filter: grayscale(1); }
.qwh .qsw-readout .qd-dial .v b{ font-variant-numeric: tabular-nums; }
@keyframes qwh-qd-load{ from { stroke-dashoffset: 18; } to { stroke-dashoffset: -100; } }
@media (prefers-reduced-motion: reduce){.qwh .qsw-readout.loading .qd-dial .load{ animation: none; }}
.qwh .qsw-label{ -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(14,33,54,.55) !important; }
.qwh .qsw-label.off{ display: none !important; }
.qwh .qsw-cam em{ -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(14,33,54,.6) !important; }
.qwh .qsw-narr.gi-narr{ -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255,255,255,.9) !important; }
.qwh .qsw-strip{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-sizing: border-box; background-clip: padding-box; outline: 1px solid transparent; -webkit-font-smoothing: antialiased; }
.qwh .qsw-media{ image-rendering: auto; }
@property --n { syntax: "<integer>"; inherits: false; initial-value: 0; }
.qwh .qsw-tick{ --n: 0; counter-reset: qsn var(--n); transition: --n .7s cubic-bezier(0.2, 0.7, 0.2, 1); font-variant-numeric: tabular-nums; }
.qwh .qsw-tick::after{ content: none; }
.qwh .qsw-readout.loading .qsw-tick{ transition: none; }
.qwh .qsw{ --qsw-sw: var(--qsw-w) !important; }
.qwh .qsw-strip.solo{ left: 0; width: var(--qsw-w) !important; border-radius: 14px; }
.qwh .qsw-strip.solo .qsw-face{ left: 0; }
.qwh .qsw-shade{ background: linear-gradient(90deg, rgba(11,24,38,.16) 0%, rgba(11,24,38,0) 18%, rgba(255,255,255,.05) 50%, rgba(11,24,38,0) 82%, rgba(11,24,38,.16) 100%) !important; }
@media (min-width: 961px){.qwh .qsw-stage{ perspective-origin: 40% 40%; }}
.qwh .qsw{ --qsw-top: 50px; --qsw-bend: 26deg; }
.qwh .qsw-gl{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 100%); }
@media (max-width: 960px){.qwh .qsw{ --qsw-top: 28px; }}
@media (min-width: 961px){.qwh .qsw{ --qsw-top: 70px; }}
@media (min-width: 961px){.qwh .qw-home2 .qm-eyebrow{ font-size: 15px; letter-spacing: .14em; }.qwh .qw-home2 .qm-eyebrow::before{ width: 28px; }}
.qwh .qsw-media{ position: absolute; left: 50%; top: 30%; display: flex; gap: 2px; opacity: .01; pointer-events: none; z-index: 0; }
.qwh .qsw-media img, .qwh .qsw-media video{ width: 64px; height: 36px; object-fit: cover; display: block; }
.qwh .qw-reveal{ margin: 0; }
.qwh .qw-reveal .glass{ display: flex !important; align-items: center; justify-content: center; padding: 5% 6% !important; }
.qwh .qw-reveal .qw-reveal-in{ width: 100%; max-height: 100%; }
.qwh .qw-reveal .glass .qw-strip, .qwh .qw-reveal .glass .qw-card, .qwh .qw-reveal .glass .qm-score{ background: transparent !important; border: 0 !important; padding: 0 !important; }
.qwh .qw-reveal .lab{ font-size: 13px; padding: 4px 11px; }
.qwh .qw-reveal .cams{ width: 44%; gap: 6px; }
.qwh .qw-reveal .cam em{ font-size: 10px; }
.qwh .qw-reveal .narr{ padding: 6px 12px 6px 6px; }
.qwh .qw-reveal .narr i{ width: 24px; height: 24px; }
.qwh .qw-reveal .narr p{ font-size: 13px; }
.qwh .qm-btn.logo, .qwh .qm-btn:has(> img){ background: linear-gradient(#fff, #fff) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box !important; border: 1px solid transparent !important; color: #1E4E70 !important; }
.qwh .qm-btn.logo:hover, .qwh .qm-btn:has(> img):hover{ background: linear-gradient(#F5FAFF, #F5FAFF) padding-box, linear-gradient(117deg, #3079AE, #7ABDED) border-box !important; }
.qwh .qm-btn.logo img, .qwh .qm-btn:has(> img) img{ filter: none !important; }
.qwh .qw-pains .qi-head{max-width:760px}
.qwh .qw-pain-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.qwh .qw-pain{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--line-2,#C9D6E3)}
.qwh .qw-pain .qm-mono{color:var(--core,#3079AE)}
.qwh .qw-pain p{margin:0;font-size:19px;line-height:1.45;color:var(--ink)}
@media (max-width:860px){.qwh .qw-pain-row{grid-template-columns:1fr;gap:24px}}
.qwh .qw-nxg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.qwh .qw-nx{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .25s ease, transform .35s cubic-bezier(.2,.7,.2,1)}
.qwh .qw-nx:hover, .qwh .qw-nx:focus-visible{border-color:#7ABDED;transform:translateY(-3px)}
.qwh .qw-nx .art{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#DDEBF7}
.qwh .qw-nx .art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.qwh .qw-nx:hover .art>img{transform:scale(1.05)}
.qwh .qw-nx .art>img.fr{filter:blur(16px) saturate(1.1);transform:scale(1.15);-webkit-mask-image:linear-gradient(to bottom,transparent 45%,#000 85%);mask-image:linear-gradient(to bottom,transparent 45%,#000 85%)}
.qwh .qw-nx:hover .art>img.fr{transform:scale(1.2)}
.qwh .qw-nx .art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(248,251,255,0) 50%,rgba(248,251,255,.55) 100%)}
.qwh .qw-nx .qw-camrow{left:14px;right:auto;top:auto;bottom:14px;z-index:2}
.qwh .qw-nx .qw-camrow .qw-cam img{width:52px;height:39px;border-radius:8px}
.qwh .qw-nx .sec{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#14263B;
  background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:5px 11px}
.qwh .qw-nx .bd{display:flex;flex-direction:column;gap:6px;padding:20px 24px 22px;flex:1}
.qwh .qw-nx .t{font-size:22px;line-height:1.2;color:var(--head);letter-spacing:-.01em}
.qwh .qw-nx .d{font-size:15px;line-height:1.4;color:var(--ink-2)}
.qwh .qw-nx .go{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--core,#3079AE)}
.qwh .qw-nx .go .qm-arrow{transition:transform .25s ease}
.qwh .qw-nx:hover .go .qm-arrow{transform:translateX(4px)}
.qwh .qw-nxg.many .qw-nx .art{aspect-ratio:16/8}
@media (max-width:960px){.qwh .qw-nxg{grid-template-columns:1fr}.qwh .qw-nx .art{aspect-ratio:16/8}}
.qwh .dr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;margin-top:40px;align-items:start}
.qwh .dr-l .tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2,#EEF4FA);margin-bottom:12px}
.qwh .dr-l .tabs button{border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink-2);padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.qwh .dr-l .tabs button span{font-family:var(--font-mono);font-size:11px;opacity:.7}
.qwh .dr-l .tabs button.on{background:#fff;color:var(--head);box-shadow:0 1px 0 var(--line)}
.qwh .dr-list{display:flex;flex-direction:column}
.qwh .dr-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:16px 4px 16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.qwh .dr-row::before{content:"";position:absolute;left:-16px;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(#3079AE,#7ABDED);opacity:0;transition:opacity .2s}
.qwh .dr-row .ix{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}
.qwh .dr-row .tx{display:flex;flex-direction:column;gap:2px}
.qwh .dr-row .n{font-size:21px;color:var(--head);transition:color .2s}
.qwh .dr-row .d{font-size:14px;color:var(--ink-2)}
.qwh .dr-row .qm-arrow{color:var(--ink-3);transition:transform .25s, color .2s}
.qwh .dr-row.on::before{opacity:1}
.qwh .dr-row.on .n{color:var(--core,#3079AE)}
.qwh .dr-row.on .qm-arrow{color:var(--core,#3079AE);transform:translateX(4px)}
.qwh .dr-r{position:sticky;top:96px}
.qwh .dr-view{position:relative;display:block;height:660px;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;animation:qwh-drIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes qwh-drIn{from{transform:scale(.985)}to{transform:none}}
.qwh .dr-view .bg{animation:qwh-drImg .7s cubic-bezier(.2,.7,.2,1)}
@keyframes qwh-drImg{from{transform:scale(1.06)}to{transform:none}}
.qwh .dr-view .bg, .qwh .dr-view .fr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qwh .dr-view .fr{filter:blur(22px) saturate(1.1);transform:scale(1.12);-webkit-mask-image:linear-gradient(to bottom,transparent 35%,#000 70%);mask-image:linear-gradient(to bottom,transparent 35%,#000 70%)}
.qwh .dr-view .qw-camrow{left:20px;right:auto;top:20px}
.qwh .dr-view .qw-camrow .qw-cam img{width:84px;height:63px}
.qwh .dr-view .gl{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:28px 30px;border-radius:18px;
  background:rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid rgba(255,255,255,.7)}
.qwh .dr-view .h{font-size:38px;line-height:1.08;letter-spacing:-.015em;color:var(--head)}
.qwh .dr-view .by{font-size:17px;line-height:1.45;color:var(--ink-2);max-width:34em}
.qwh .dr-view .qm-btn{margin-top:6px;display:inline-flex;gap:8px;align-items:center}
.qwh .dr-view .rd{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.qwh .dr-view .rd .qm-mono{font-size:10px}
.qwh .dr-view .rd b{font-size:44px;line-height:1;font-weight:500;background:linear-gradient(135deg,#176BBA,#7ABDED);-webkit-background-clip:text;background-clip:text;color:transparent}
.qwh .dr-view .rd .qd-word{margin:0}
@media (max-width:960px){.qwh .dr{grid-template-columns:1fr}.qwh .dr-r{display:none}.qwh .dr-row::before{left:-10px}}
.qwh .qw-win .qs-win-art{position:relative;height:230px;overflow:hidden}
.qwh .qw-win .qs-win-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none}
.qwh .qw-win .qs-win-art>img.qw-frost{filter:blur(16px) saturate(1.1);transform:scale(1.12);-webkit-mask-image:linear-gradient(180deg,transparent 35%,#000 75%);mask-image:linear-gradient(180deg,transparent 35%,#000 75%);pointer-events:none}
.qwh .qw-win .qs-win-art::after{content:"";display:block;position:absolute;left:0;right:0;top:auto;bottom:0;height:55%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 65%,var(--surface,#fff) 100%)}
.qwh .qw-win .qw-camrow{z-index:3}
.qwh .qw-win .qs-win-body{position:relative;z-index:2;margin-top:-56px}
.qwh .qw-boxes{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}
.qwh .qw-box{margin:0;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line)}
.qwh .qw-box .tx{padding:36px 40px 28px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:48px;row-gap:8px;align-items:end}
.qwh .qw-box .tx .qp-ey{grid-column:1/-1}
.qwh .qw-box .tx p{max-width:36em}
.qwh .qw-box .tx h3{margin:0;font-size:32px;font-weight:400;line-height:1.2;color:var(--head)}
.qwh .qw-box .tx p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.qwh .qw-box .md{position:relative;height:330px;margin:0 16px;border-radius:16px 16px 0 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
.qwh .qw-box .md>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qwh .qw-box .md .qw-camrow{left:auto;right:32px;top:32px;gap:14px}
.qwh .qw-box .md .qw-camrow .qw-cam img{width:96px;height:72px;border-radius:12px}
.qwh .qw-box .gl{position:absolute;left:32px;top:32px;width:min(460px,calc(100% - 300px));padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.74);
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.75)}
.qwh .qw-box .gl .qm-score{margin:0}
.qwh .qw-pills{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qwh .qw-pills .pl{display:flex;flex-direction:column;gap:2px;min-width:0}
.qwh .qw-pills .k, .qwh .qw-chg .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.qwh .qw-pills b{font-size:34px;font-weight:500;line-height:1.05;color:var(--head);margin-bottom:6px}
.qwh .qw-pills .r{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:6px 0;border-top:1px solid rgba(20,38,59,.08)}
.qwh .qw-pills .r .n{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qwh .qw-pills .r .v{font-size:13px;color:var(--head);text-align:right}
.qwh .qw-pills .r .bar{grid-column:1/-1;height:4px;border-radius:4px;background:rgba(20,38,59,.08);overflow:hidden}
.qwh .qw-pills .r .bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#3079AE,#7ABDED)}
.qwh .qw-chg{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qwh .qw-chg div{display:flex;flex-direction:column}
.qwh .qw-chg b{font-size:46px;font-weight:500;line-height:1;color:var(--head)}
.qwh .qw-chg .ar{font-size:26px;color:var(--ink-3)}
@media (max-width:960px){.qwh .qw-box .tx{grid-template-columns:1fr;padding:28px}.qwh .qw-box .gl{left:16px;right:16px;width:auto;top:96px}.qwh .qw-box .md .qw-camrow{right:16px;top:16px}.qwh .qw-box .md .qw-camrow .qw-cam img{width:64px;height:48px}}
.qwh .qm-band.qm-band{display:flex;flex-direction:column;align-items:center;text-align:center;padding:96px 56px}
.qwh .qm-band.qm-band > *{margin-top:0;margin-bottom:0}
.qwh .qm-band.qm-band > .qw-faces{margin-bottom:32px}
.qwh .qm-band.qm-band > h2{margin:0}
.qwh .qm-band.qm-band > p:not(.qm-micro){margin-top:16px;max-width:40em}
.qwh .qm-band.qm-band > .qm-btn{margin-top:32px}
.qwh .qm-band.qm-band > .qm-micro{margin-top:16px;font-size:14px}
@media (max-width:860px){.qwh .qm-band.qm-band{padding:64px 20px}.qwh .qm-band.qm-band > .qm-btn{margin-top:28px}}
/* The score card holds {{ }} bindings until mountDC fills them on window load. Keep it hidden (space reserved) until then, or the raw template text shows at display size. */
#qw-hero-mount:not(.dc-ready) .qw-home-card{ visibility: hidden; }