@font-face {
    font-family: "Quwa Geist";
    src: url("../fonts/geist-500.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Quwa Geist";
    src: url("../fonts/geist-700.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Quwa Plex";
    src: url("../fonts/ibm-plex-sans-400.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Quwa Plex";
    src: url("../fonts/ibm-plex-sans-600.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

body.page-template-template-quwa-plus,
body.page-template-template-quwa-pro {
    background: #fff !important;
}

body.page-template-template-quwa-plus #content,
body.page-template-template-quwa-plus .site-content,
body.page-template-template-quwa-plus .site-main,
body.page-template-template-quwa-plus #primary,
body.page-template-template-quwa-pro #content,
body.page-template-template-quwa-pro .site-content,
body.page-template-template-quwa-pro .site-main,
body.page-template-template-quwa-pro #primary {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
}

body.page-template-template-quwa-plus .grid-container,
body.page-template-template-quwa-plus .inside-article,
body.page-template-template-quwa-plus .entry-content,
body.page-template-template-quwa-plus article,
body.page-template-template-quwa-pro .grid-container,
body.page-template-template-quwa-pro .inside-article,
body.page-template-template-quwa-pro .entry-content,
body.page-template-template-quwa-pro article {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.qb {
    --qb-display: "Quwa Geist", "Helvetica Neue", sans-serif;
    --qb-text: "Quwa Plex", "Helvetica Neue", sans-serif;
    --qb-teal: #0f6f70;
    --qb-teal-bright: #1f9cac;
    --qb-teal-deep: #073f42;
    --qb-ink: #101418;
    --qb-graphite: #171b18;
    --qb-carbon: #0a0c0b;
    --qb-gold: #d4a84b;
    --qb-gold-dark: #9c7429;
    --qb-warm: #f1efe8;
    --qb-paper: #f7f6f1;
    --qb-grey: #65706c;
    --qb-line: #dce2df;
    --qb-ease: cubic-bezier(.22, .61, .36, 1);
    width: 100%;
    overflow: hidden;
    color: var(--qb-ink);
    background: #fff;
    font: 400 18px/1.58 var(--qb-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.qb--market {
    color: var(--qb-warm);
    background: var(--qb-carbon);
}

/*
 * Production cascade guard.
 *
 * The shared theme stylesheet contains legacy `!important` background rules
 * for every `main`, `article`, and `.container`. The BoFu stylesheet must load
 * after that shared stack, but these page-scoped declarations also ensure a
 * cache/plugin reorder cannot turn dark Market Intelligence modules white.
 */
body.page-template-template-quwa-plus main.qb,
body.page-template-template-quwa-pro main.qb {
    background: #fff !important;
}

body.page-template-template-quwa-pro main.qb.qb--market {
    color: var(--qb-warm);
    background: var(--qb-carbon) !important;
}

body.page-template-template-quwa-pro main.qb.qb--market article {
    background-color: #0a0c0b !important;
}

body.page-template-template-quwa-plus article.qp2-topic-panel {
    background: var(--qp2-deeper) !important;
}

body.page-template-template-quwa-pro main.qb.qb--market .qb-h2 {
    color: var(--qb-warm);
}

body.page-template-template-quwa-pro main.qb.qb--market .qb-enrol--market .qb-h2 {
    color: var(--qb-carbon);
}

.qb *, .qb *::before, .qb *::after { box-sizing: border-box; }
.qb h1, .qb h2, .qb h3, .qb p, .qb ul { margin-top: 0; }
.qb a { color: inherit; }
.qb img { display: block; max-width: 100%; }
.qb button, .qb input { font: inherit; }

.qb-shell {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.qb-shell--wide {
    width: min(1320px, calc(100% - 48px));
    margin-inline: auto;
}

.qb-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    color: var(--qb-teal);
    font: 600 12px/1.25 var(--qb-text);
    letter-spacing: .15em;
    text-transform: uppercase;
}

.qb-eyebrow::before {
    width: 32px;
    height: 2px;
    flex: 0 0 auto;
    background: currentColor;
    content: "";
}

.qb--market .qb-eyebrow { color: var(--qb-gold); }

.qb-display {
    max-width: 880px;
    margin-bottom: 22px;
    font: 700 clamp(42px, 6vw, 78px)/.98 var(--qb-display);
    letter-spacing: -.048em;
}

.qb-h2 {
    max-width: 780px;
    margin-bottom: 18px;
    font: 700 clamp(34px, 4.6vw, 60px)/1.02 var(--qb-display);
    letter-spacing: -.04em;
}

.qb-h3 {
    margin-bottom: 10px;
    font: 700 clamp(22px, 2.4vw, 32px)/1.08 var(--qb-display);
    letter-spacing: -.026em;
}

.qb-lede {
    max-width: 720px;
    margin-bottom: 0;
    color: #45514d;
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.52;
}

.qb--market .qb-lede { color: #adb3ad; }

.qb-button-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 34px;
}

.qb-button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 1px solid transparent;
    padding: 13px 20px;
    text-decoration: none;
    font: 600 15px/1.2 var(--qb-text);
    transition: transform .25s var(--qb-ease), background .25s ease, border-color .25s ease;
}

.qb-button:hover { transform: translateY(-2px); }
.qb-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.qb-button--teal { color: #fff; background: var(--qb-teal); }
.qb-button--teal:hover { background: var(--qb-teal-deep); }
.qb-button--gold { color: var(--qb-carbon); background: var(--qb-gold); }
.qb-button--gold:hover { background: #e3ba62; }
.qb-button--white { color: var(--qb-teal-deep); background: #fff; }
.qb-button--white:hover { background: #eef6f4; }
.qb-button--line { border-color: currentColor; background: transparent; }
.qb a.qb-button--gold { color: var(--qb-carbon); }
.qb a.qb-button--white { color: var(--qb-teal-deep); }
.qb a.qb-button--line { color: inherit; }
.qb-button__arrow { font-size: 21px; line-height: 1; }

.qb-hero { position: relative; }

.qb-hero--plus {
    min-height: 760px;
    padding: 88px 0 0;
    background:
        linear-gradient(90deg, rgba(15,111,112,.055) 1px, transparent 1px) 0 0 / 84px 84px,
        #fff;
}

.qb-hero--market {
    min-height: 790px;
    padding: 88px 0 0;
    background: var(--qb-carbon);
}

.qb-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: clamp(42px, 7vw, 96px);
}

.qb-hero__copy { position: relative; z-index: 2; padding-bottom: 72px; }
.qb-hero__copy .qb-display { max-width: 690px; }

.qb-hero__sub {
    max-width: 650px;
    margin-bottom: 0;
    color: #3f4a47;
    font-size: clamp(18px, 1.9vw, 22px);
}

.qb--market .qb-hero__sub { color: #b9beb9; }

.qb-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 20px;
    margin: 24px 0 0;
    color: #58645f;
    font-size: 13px;
    font-weight: 600;
}

.qb--market .qb-hero__trust { color: #8f9690; }
.qb-hero__trust span::before { margin-right: 8px; color: var(--qb-teal); content: "✓"; }
.qb--market .qb-hero__trust span::before { color: var(--qb-gold); }

.qb-hero__visual {
    position: relative;
    min-height: 610px;
    align-self: end;
}

.qb-hero__aperture {
    position: absolute;
    inset: 0 -7vw 0 0;
    overflow: hidden;
    border-radius: 50% 0 0 50%;
    background: var(--qb-teal-deep);
}

.qb-hero__aperture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qb-hero--plus .qb-hero__aperture img { object-position: 52% center; }
.qb-hero--market .qb-hero__aperture { border-radius: 0; opacity: .76; }
.qb-hero--market .qb-hero__aperture::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--qb-carbon), rgba(10,12,11,.12) 38%, rgba(10,12,11,.38)), linear-gradient(0deg, var(--qb-carbon), transparent 42%);
    content: "";
}

.qb-hero__folio {
    position: absolute;
    z-index: 2;
    left: -28px;
    bottom: 70px;
    width: min(350px, 72%);
    border-top: 5px solid var(--qb-teal);
    padding: 22px 24px;
    color: var(--qb-ink);
    background: #fff;
    box-shadow: 0 22px 52px rgba(16,20,24,.18);
}

.qb-hero__folio-label {
    margin-bottom: 22px;
    color: var(--qb-teal);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.qb-hero__folio-value { display: block; font: 700 50px/.9 var(--qb-display); letter-spacing: -.04em; }
.qb-hero__folio-copy { display: block; margin-top: 10px; color: #56615e; font-size: 14px; }

.qb-hero__rail {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: -1px;
    border-top: 1px solid var(--qb-line);
    border-bottom: 1px solid var(--qb-line);
    background: rgba(255,255,255,.97);
}

.qb-hero__rail-item { padding: 25px 28px; border-right: 1px solid var(--qb-line); }
.qb-hero__rail-item:last-child { border-right: 0; }
.qb-hero__rail-value { display: block; margin-bottom: 4px; color: var(--qb-teal); font: 700 19px/1.1 var(--qb-display); }
.qb-hero__rail-label { color: #626d69; font-size: 13px; }

.qb-signal-board {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 70px;
    width: min(490px, 94%);
    border: 1px solid rgba(241,239,232,.24);
    background: rgba(10,12,11,.82);
    backdrop-filter: blur(10px);
}

.qb-signal-board__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(241,239,232,.14);
    padding: 15px 18px;
    color: #a8afa9;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.qb-signal-board__status { color: var(--qb-gold); }
.qb-signal-board__body { padding: 24px 22px 26px; }
.qb-signal-board__body > p { margin-bottom: 8px; color: #9ba29c; font-size: 12px; }
.qb-signal-board__finding { display: block; max-width: 380px; font: 700 28px/1.08 var(--qb-display); letter-spacing: -.025em; }

.qb-signal-board__route {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 28px;
    border-top: 1px solid rgba(212,168,75,.45);
}

.qb-signal-board__node { position: relative; padding: 16px 8px 0 0; color: #9ea49f; font-size: 11px; }
.qb-signal-board__node::before {
    position: absolute;
    top: -4px;
    left: 0;
    width: 7px;
    height: 7px;
    background: var(--qb-gold);
    content: "";
}

/* Full-bleed evidence hero, adapted from the supplied responsive hero pattern. */
.qb-hero--full {
    min-height: 820px;
    display: grid;
    align-items: center;
    padding: 116px 0 184px;
    color: #fff;
    isolation: isolate;
}

.qb-hero--full .qb-hero__background {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.qb-hero--full .qb-hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qb-hero--full .qb-hero__background picture { display: block; width: 100%; height: 100%; }

.qb-hero--full .qb-hero__background::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(3,24,25,.52), rgba(3,35,37,.68) 54%, rgba(3,30,31,.92)),
        linear-gradient(90deg, rgba(5,45,47,.4), transparent 36%, rgba(5,45,47,.2));
    content: "";
}

.qb-hero--market.qb-hero--full .qb-hero__background::after {
    background:
        linear-gradient(180deg, rgba(10,12,11,.64), rgba(10,12,11,.72) 55%, rgba(10,12,11,.97)),
        linear-gradient(90deg, rgba(10,12,11,.55), transparent 44%, rgba(10,12,11,.28));
}

.qb-hero--full .qb-hero__center {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.qb-hero--full .qb-eyebrow { justify-content: center; color: #84d2d2; }
.qb-hero--market.qb-hero--full .qb-eyebrow { color: var(--qb-gold); }
.qb-hero--full .qb-display { max-width: 900px; margin-inline: auto; color: #fff; text-wrap: balance; }
.qb-hero--full .qb-hero__sub { max-width: 710px; margin-inline: auto; color: rgba(255,255,255,.82); }
.qb-hero--full .qb-button-row { justify-content: center; }
.qb-hero--full .qb-hero__trust { justify-content: center; color: rgba(255,255,255,.68); }
.qb-hero--full .qb-hero__proof {
    position: absolute;
    left: 50%;
    bottom: 118px;
    width: min(1000px, calc(100% - 48px));
    transform: translateX(-50%);
}

.qb-hero__proof-label {
    margin-bottom: 16px;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-align: center;
    text-transform: uppercase;
}

.qb-hero__proof-logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 36px;
}

.qb-hero__proof-logos img {
    width: 100%;
    max-width: 112px;
    max-height: 30px;
    margin: auto;
    object-fit: contain;
    filter: grayscale(1) brightness(0) invert(1);
    opacity: .72;
}

.qb-hero--full .qb-hero__rail {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 0;
    width: min(1180px, calc(100% - 48px));
    margin: 0;
    color: var(--qb-ink);
    transform: translateX(-50%);
}

/* Supplied scroll-hero idea: one sticky promise, changing only the decisive noun. */
.qb-wordflow {
    position: relative;
    min-height: 178vh;
    color: var(--qb-ink);
    background: #fff;
}

.qb--market .qb-wordflow { color: var(--qb-warm); background: var(--qb-carbon); }

.qb-wordflow__sticky {
    position: sticky;
    top: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 72px 24px;
}

.qb-wordflow__inner { width: min(1100px, 100%); text-align: center; }
.qb-wordflow__label { margin-bottom: 30px; color: var(--qb-teal); font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.qb--market .qb-wordflow__label { color: var(--qb-gold); }
.qb-wordflow__line { margin: 0; font: 700 clamp(48px, 9vw, 118px)/.92 var(--qb-display); letter-spacing: -.06em; }
.qb-wordflow__word { display: block; min-height: 1em; color: var(--qb-teal); transition: opacity .24s ease, transform .24s var(--qb-ease); }
.qb--market .qb-wordflow__word { color: var(--qb-gold); }
.qb-wordflow__word.is-changing { opacity: 0; transform: translateY(12px); }
.qb-wordflow__markers { position: absolute; inset: 20vh 0; pointer-events: none; }
.qb-wordflow__marker { display: block; height: 34vh; }

.qb-vertical-marquee {
    position: relative;
    height: 230px;
    overflow: hidden;
    margin-top: 34px;
    -webkit-mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent);
    mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent);
}

.qb-vertical-marquee__track { animation: qb-marquee-vertical 18s linear infinite; }
.qb-vertical-marquee__item { display: block; padding: 11px 0; color: var(--qb-gold); font: 700 clamp(25px, 3vw, 40px)/1 var(--qb-display); letter-spacing: -.03em; }

@keyframes qb-marquee-vertical {
    to { transform: translateY(-50%); }
}

.qb-section { padding: clamp(78px, 9vw, 126px) 0; }
.qb-section--soft { background: var(--qb-paper); }
.qb-section--teal { color: #fff; background: var(--qb-teal-deep); }
.qb-section--graphite { background: var(--qb-graphite); }
.qb-section__head { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 54px; }
.qb-section__head .qb-lede { max-width: 460px; }

.qb-desk-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(112px, auto);
    border-top: 1px solid var(--qb-line);
    border-left: 1px solid var(--qb-line);
}

.qb-desk-card {
    position: relative;
    overflow: hidden;
    border-right: 1px solid var(--qb-line);
    border-bottom: 1px solid var(--qb-line);
    padding: 32px;
    background: #fff;
}

.qb-desk-card--map { grid-column: span 7; grid-row: span 4; min-height: 520px; }
.qb-desk-card--issues { grid-column: span 5; grid-row: span 4; min-height: 520px; background: var(--qb-teal-deep); color: #fff; }
.qb-desk-card--pulse { grid-column: span 12; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 54px; min-height: 330px; background: #eef6f4; }

.qb-card-label {
    display: block;
    margin-bottom: 18px;
    color: var(--qb-teal);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.qb-desk-card--issues .qb-card-label { color: #7bcbd0; }
.qb-card-copy { max-width: 520px; margin-bottom: 0; color: #59635f; }
.qb-desk-card--issues .qb-card-copy { color: #b8d1ce; }

.qb-program-map { position: relative; height: 280px; margin-top: 28px; }
.qb-program-map__line { position: absolute; height: 1px; background: var(--qb-teal); transform-origin: left center; opacity: .62; }
.qb-program-map__line--a { width: 49%; left: 18%; top: 22%; transform: rotate(16deg); }
.qb-program-map__line--b { width: 42%; left: 24%; top: 57%; transform: rotate(-22deg); }
.qb-program-map__line--c { width: 30%; left: 51%; top: 42%; transform: rotate(55deg); }
.qb-program-map__node { position: absolute; min-width: 118px; border-left: 3px solid var(--qb-teal); padding: 10px 12px; background: var(--qb-paper); box-shadow: 0 8px 24px rgba(16,20,24,.08); }
.qb-program-map__node strong { display: block; font: 700 14px/1.2 var(--qb-display); }
.qb-program-map__node span { display: block; margin-top: 4px; color: #68736f; font-size: 11px; }
.qb-program-map__node--a { left: 2%; top: 4%; }
.qb-program-map__node--b { right: 3%; top: 18%; }
.qb-program-map__node--c { left: 15%; bottom: 4%; }
.qb-program-map__node--d { right: 10%; bottom: 0; }
.qb-program-map__node--e { left: 42%; top: 37%; border-color: var(--qb-gold-dark); }

.qb-issue-stack { position: relative; height: 280px; margin-top: 28px; }
.qb-issue {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid rgba(255,255,255,.18);
    padding: 18px 20px;
    background: #0a4c4e;
    transition: transform .3s var(--qb-ease);
}
.qb-issue:nth-child(1) { top: 0; z-index: 3; }
.qb-issue:nth-child(2) { top: 74px; left: 22px; z-index: 2; background: #094749; }
.qb-issue:nth-child(3) { top: 148px; left: 44px; z-index: 1; background: #083f41; }
.qb-issue-stack:hover .qb-issue:nth-child(1) { transform: translateY(-5px); }
.qb-issue__meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: #7bcbd0; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.qb-issue__title { margin: 0; font: 700 17px/1.2 var(--qb-display); }

.qb-wave { display: flex; align-items: center; gap: 4px; min-height: 130px; }
.qb-wave span { width: 5px; height: var(--wave, 40px); background: var(--qb-teal); opacity: var(--opacity, .78); }
.qb-wave span:nth-child(3n) { background: var(--qb-gold-dark); }

.qb-pulse-quote { margin: 18px 0 0; color: #4d5955; font-size: 15px; }
.qb-pulse-quote strong { color: var(--qb-ink); }

.qb-story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--qb-line); }
.qb-story-card { display: flex; flex-direction: column; min-width: 0; color: var(--qb-ink); background: #fff; text-decoration: none; }
.qb-story-card__image { position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--qb-teal-deep); }
.qb-story-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--qb-ease); }
.qb-story-card:hover .qb-story-card__image img { transform: scale(1.035); }
.qb-story-card__tag { position: absolute; left: 0; bottom: 0; padding: 8px 11px; color: #fff; background: var(--qb-teal); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.qb-story-card__body { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.qb-story-card__date { margin-bottom: 12px; color: #6c7572; font-size: 12px; }
.qb-story-card__title { margin-bottom: 16px; font: 700 21px/1.15 var(--qb-display); letter-spacing: -.02em; }
.qb-story-card__excerpt { margin-bottom: 26px; color: #58635f; font-size: 15px; }
.qb-story-card__footer { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; border-top: 1px solid var(--qb-line); padding-top: 14px; color: var(--qb-teal); font-size: 12px; font-weight: 600; }

.qb-trust {
    display: grid;
    grid-template-columns: minmax(210px, .7fr) 1.3fr;
    align-items: center;
    gap: 44px;
    padding: 44px 0;
}
.qb-trust__copy { margin: 0; font: 700 20px/1.25 var(--qb-display); letter-spacing: -.02em; }
.qb-logo-grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 28px; }
.qb-logo-grid img { width: 100%; max-width: 105px; max-height: 34px; margin: auto; object-fit: contain; filter: grayscale(1); opacity: .66; }

.qb-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(241,239,232,.16); }
.qb-outcome { min-height: 260px; border-right: 1px solid rgba(241,239,232,.16); padding: 34px 28px; }
.qb-outcome:last-child { border-right: 0; }
.qb-outcome__num { display: block; margin-bottom: 70px; color: var(--qb-gold); font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.qb-outcome h3 { max-width: 290px; }
.qb-outcome p { max-width: 310px; margin: 0; color: #aeb4af; font-size: 15px; }

.qb-route { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 64px; }
.qb-route::before { position: absolute; top: 15px; left: 8%; right: 8%; height: 2px; background: linear-gradient(90deg, var(--qb-gold), var(--qb-gold) 42%, #51b7c2 42%, #51b7c2); content: ""; }
.qb-route__stage { position: relative; z-index: 1; padding: 0 16px; }
.qb-route__dot { display: block; width: 30px; height: 30px; margin-bottom: 22px; border: 8px solid var(--qb-graphite); background: var(--qb-gold); }
.qb-route__stage:nth-child(n+4) .qb-route__dot { background: #51b7c2; }
.qb-route__label { display: block; margin-bottom: 6px; color: var(--qb-warm); font: 700 15px/1.2 var(--qb-display); }
.qb-route__copy { color: #8e958f; font-size: 12px; }

.qb-coverage-grid { display: grid; grid-template-columns: repeat(12, 1fr); border-top: 1px solid rgba(241,239,232,.16); border-left: 1px solid rgba(241,239,232,.16); }
.qb-coverage-current { grid-column: span 7; min-height: 500px; border-right: 1px solid rgba(241,239,232,.16); border-bottom: 1px solid rgba(241,239,232,.16); padding: 36px; background: #111412; }
.qb-coverage-coming { grid-column: span 5; display: grid; grid-template-columns: 1fr 1fr; }
.qb-coming-card { min-height: 250px; border-right: 1px solid rgba(241,239,232,.16); border-bottom: 1px solid rgba(241,239,232,.16); padding: 26px; background: #0d0f0e; }
.qb-coming-card:nth-child(even) { border-right: 0; }
.qb-coming-card__state { display: flex; align-items: center; gap: 8px; margin-bottom: 58px; color: var(--qb-gold); font-size: 10px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.qb-coming-card__state::before { width: 7px; height: 7px; border: 1px solid currentColor; content: ""; }
.qb-coming-card h3 { margin: 0; font: 700 22px/1.08 var(--qb-display); letter-spacing: -.02em; }

.qb-market-map { position: relative; height: 260px; margin-top: 46px; border-top: 1px solid rgba(212,168,75,.36); }
.qb-market-map__sector { position: absolute; top: -15px; width: 30px; height: 30px; border: 7px solid #111412; background: var(--qb-gold); }
.qb-market-map__sector:nth-child(1) { left: 4%; }
.qb-market-map__sector:nth-child(2) { left: 25%; }
.qb-market-map__sector:nth-child(3) { left: 48%; }
.qb-market-map__sector:nth-child(4) { left: 71%; }
.qb-market-map__sector:nth-child(5) { left: 92%; }
.qb-market-map__label { position: absolute; top: 34px; width: 130px; color: #919892; font-size: 11px; transform: translateX(-2px); }
.qb-market-map__bar { position: absolute; bottom: 0; width: 13%; background: var(--qb-gold-dark); }
.qb-market-map__bar::after { position: absolute; left: 0; bottom: -23px; color: #8c938d; font-size: 10px; white-space: nowrap; content: attr(data-label); }

.qb--market .qb-story-grid { background: rgba(241,239,232,.16); }
.qb--market .qb-story-card { color: var(--qb-warm); background: #111412; }
.qb--market .qb-story-card__image { background: #202422; }
.qb--market .qb-story-card__tag { color: var(--qb-carbon); background: var(--qb-gold); }
.qb--market .qb-story-card__date,
.qb--market .qb-story-card__excerpt { color: #9ea59f; }
.qb--market .qb-story-card__footer { border-color: rgba(241,239,232,.14); color: var(--qb-gold); }

/* Market Intelligence archive: twelve dated proof points, one visual system. */
.qb-archive .qb-section__head { margin-bottom: 38px; }
.qb-archive__rail {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    color: #aeb4af;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.qb-archive__rail i { height: 1px; background: linear-gradient(90deg, rgba(212,168,75,.9), rgba(212,168,75,.18)); }
.qb-archive-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid rgba(241,239,232,.16);
    background: rgba(241,239,232,.16);
}
.qb-archive-card {
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    color: var(--qb-warm);
    background: #0f1210;
    text-decoration: none;
    transition: background-color .28s var(--qb-ease), transform .28s var(--qb-ease);
}
.qb-archive-card:hover { z-index: 1; background: #151814; transform: translateY(-3px); }
.qb-archive-card:focus-visible { z-index: 2; outline: 2px solid var(--qb-gold); outline-offset: -2px; }
.qb-archive-card__image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #090b0a;
}
.qb-archive-card__image::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(8,10,9,.72));
    content: "";
}
.qb-archive-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.88) contrast(1.03);
    transition: transform .55s var(--qb-ease), filter .4s var(--qb-ease);
}
.qb-archive-card:hover .qb-archive-card__image img { transform: scale(1.035); filter: saturate(1) contrast(1.06); }
.qb-archive-card__index {
    position: absolute;
    z-index: 1;
    right: 14px;
    bottom: 12px;
    color: rgba(241,239,232,.78);
    font: 600 11px/1 var(--qb-mono);
    letter-spacing: .12em;
}
.qb-archive-card__body { display: flex; flex: 1; flex-direction: column; min-height: 326px; padding: 22px; }
.qb-archive-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
    color: #aeb4af;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.qb-archive-card__meta span { color: var(--qb-gold); text-align: right; }
.qb-archive-card__call { margin: 0 0 14px; color: #f1efe8; font: 700 23px/1.08 var(--qb-display); letter-spacing: -.025em; }
.qb-archive-card__proof { margin: 0 0 24px; color: #aeb4af; font-size: 15px; line-height: 1.5; }
.qb-archive-card__article {
    display: grid;
    gap: 10px;
    margin-top: auto;
    border-top: 1px solid rgba(241,239,232,.14);
    padding-top: 16px;
}
.qb-archive-card__article > span { color: #d9d7cf; font-size: 12px; font-weight: 600; line-height: 1.35; }
.qb-archive-card__article small { color: var(--qb-gold); font-size: 10px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.qb-archive__footer {
    display: flex;
    justify-content: space-between;
    gap: 26px;
    border: 1px solid rgba(241,239,232,.16);
    border-top: 0;
    padding: 19px 22px;
    color: #929994;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.qb-archive__footer strong { color: #d9d7cf; font-weight: 600; }

@media (max-width: 1140px) {
    .qb-archive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .qb-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .qb-archive-card__body { min-height: 310px; }
    .qb-archive__footer { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (max-width: 620px) {
    .qb-archive__rail { grid-template-columns: auto 1fr auto; }
    .qb-archive__rail span:nth-of-type(2),
    .qb-archive__rail span:nth-of-type(3),
    .qb-archive__rail i:nth-of-type(2),
    .qb-archive__rail i:nth-of-type(3) { display: none; }
    .qb-archive-grid { grid-template-columns: 1fr; }
    .qb-archive-card__body { min-height: 0; padding: 22px 20px 24px; }
    .qb-archive-card__call { font-size: 24px; }
    .qb-archive-card__proof { font-size: 16px; }
    .qb-archive-card__article > span { font-size: 13px; }
    .qb-archive__footer { padding: 18px 20px; font-size: 10px; }
}

.qb-enrol { padding: clamp(78px, 9vw, 126px) 0; }
.qb-enrol--plus { position: relative; color: var(--qb-teal-deep); background: #f5faf9; }
.qb-enrol--market { background: var(--qb-gold); color: var(--qb-carbon); }
.qb-enrol__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .72fr); gap: clamp(50px, 8vw, 100px); align-items: start; }
.qb-enrol__grid > * { min-width: 0; }
.qb-enrol__rail { display: grid; min-width: 0; align-content: start; gap: 30px; }
.qb-enrol__price { display: flex; align-items: baseline; gap: 12px; margin: 38px 0 12px; }
.qb-enrol__price strong { font: 700 clamp(56px, 7vw, 88px)/.9 var(--qb-display); letter-spacing: -.055em; }
.qb-enrol__price span { font-size: 15px; }
.qb-enrol__includes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; max-width: 660px; margin: 36px 0 0; padding: 0; list-style: none; }
.qb-enrol__includes li { position: relative; padding-left: 24px; font-size: 15px; }
.qb-enrol__includes li::before { position: absolute; left: 0; color: #6fd0cd; content: "✓"; }
.qb-enrol--market .qb-enrol__includes li::before { color: var(--qb-carbon); }

.qb-checkout { border-top: 5px solid currentColor; padding: 28px; color: var(--qb-ink); background: #fff; box-shadow: 0 26px 60px rgba(0,0,0,.22); }
.qb-enrol--market .qb-checkout { border-color: var(--qb-carbon); }
.qb-checkout__title { margin-bottom: 8px; font: 700 26px/1.1 var(--qb-display); letter-spacing: -.02em; }
.qb-checkout__note { margin-bottom: 22px; color: #65706c; font-size: 14px; }
.qb-checkout .mp-form-row,
.qb-checkout .mepr-form,
.qb-checkout .mepr_username_row,
.qb-checkout .mepr_email_row,
.qb-checkout .mepr_password_row,
.qb-checkout .mepr-submit-row { margin-bottom: 13px; }
.qb-checkout label { display: block; margin-bottom: 5px; color: #39423f; font-size: 12px; font-weight: 600; }
.qb-checkout input[type="text"],
.qb-checkout input[type="email"],
.qb-checkout input[type="password"] { width: 100%; min-height: 48px; border: 1px solid #cfd6d3; border-radius: 0; padding: 10px 12px; color: var(--qb-ink); background: #fff; }
.qb-checkout input:focus { outline: 3px solid rgba(31,156,172,.24); border-color: var(--qb-teal); }
.qb-checkout input[type="submit"],
.qb-checkout button[type="submit"] { width: 100%; min-height: 52px; border: 0; border-radius: 0; padding: 13px 18px; color: #fff; background: var(--qb-teal); font-weight: 600; cursor: pointer; }
.qb-enrol--market .qb-checkout input[type="submit"],
.qb-enrol--market .qb-checkout button[type="submit"] { color: var(--qb-warm); background: var(--qb-carbon); }
.qb-checkout__security { margin: 15px 0 0; color: #606a66; font-size: 11px; text-align: center; }

/* BoFu-page rendering of the supplied Quwa calligraphic mark. */
body.page-template-template-quwa-pro .logo-section,
body.page-template-template-quwa-plus .logo-section {
    border-color: rgba(255,255,255,.14) !important;
    background: #0a0c0b !important;
}
body.page-template-template-quwa-pro .logo-section { background: #0a0c0b !important; }
body.page-template-template-quwa-plus .logo-section { background: var(--qb-teal-deep, #073f42) !important; }
body.page-template-template-quwa-pro .logo-section > .container,
body.page-template-template-quwa-plus .logo-section > .container {
    background: transparent !important;
}
body.page-template-template-quwa-pro .logo-section .logo-container,
body.page-template-template-quwa-plus .logo-section .logo-container { min-height: 72px; padding-block: 8px !important; }
body.page-template-template-quwa-pro .logo-section .site-branding > a,
body.page-template-template-quwa-pro .logo-section .custom-logo-link,
body.page-template-template-quwa-plus .logo-section .site-branding > a,
body.page-template-template-quwa-plus .logo-section .custom-logo-link {
    width: 58px;
    height: 55px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    color: transparent;
    background: url("images/quwa-mark-white.png") center / contain no-repeat;
    font-size: 0;
}
body.page-template-template-quwa-pro .logo-section .site-branding img,
body.page-template-template-quwa-pro .logo-section .custom-logo-link img,
body.page-template-template-quwa-plus .logo-section .site-branding img,
body.page-template-template-quwa-plus .logo-section .custom-logo-link img {
    width: 58px !important;
    height: 55px !important;
    opacity: 0 !important;
}
body.page-template-template-quwa-pro .logo-section .custom-logo-link img,
body.page-template-template-quwa-plus .logo-section .custom-logo-link img {
    max-width: 58px !important;
    max-height: 55px !important;
}
body.page-template-template-quwa-pro .logo-section .mobile-header-actions svg,
body.page-template-template-quwa-plus .logo-section .mobile-header-actions svg { stroke: #fff !important; }

.qb-lead { border-top: 1px solid var(--qb-line); padding: 54px 0; color: var(--qb-ink); background: #fff; }
.qb-lead__inner { display: grid; grid-template-columns: 1fr minmax(330px, .72fr); align-items: center; gap: 44px; }
.qb-lead__title { margin-bottom: 5px; font: 700 24px/1.15 var(--qb-display); letter-spacing: -.02em; }
.qb-lead__copy { margin: 0; color: #69736f; font-size: 14px; }
.qb-lead__form { display: flex; }
.qb-lead__form input[type="email"] { flex: 1; min-width: 0; min-height: 48px; border: 1px solid #cbd3cf; border-radius: 0; padding: 10px 13px; }
.qb-lead__form button { min-width: 120px; border: 0; padding: 10px 16px; color: #fff; background: var(--qb-teal); font-weight: 600; cursor: pointer; }
.qb-lead__hp { position: absolute !important; left: -9999px !important; }
.qb-lead__message { display: none; margin-top: 8px; font-size: 12px; }
.qb-lead__message.is-visible { display: block; }
.qb-lead__message--success { color: #0d6d42; }
.qb-lead__message--error { color: #a32525; }

[data-reveal] { opacity: 1; transform: none; }
.qb-hero [data-reveal] { animation: qb-intro .7s var(--qb-ease) both; }

@keyframes qb-intro {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 980px) {
    .qb-hero__grid { grid-template-columns: 1fr; }
    .qb-hero__copy { padding-bottom: 38px; }
    .qb-hero__visual { min-height: 500px; }
    .qb-hero__aperture { inset: 0; border-radius: 160px 0 0 0; }
    .qb-hero__folio { left: 22px; bottom: 28px; }
    .qb-signal-board { right: 22px; bottom: 28px; }
    .qb-section__head { display: block; }
    .qb-section__head .qb-lede { margin-top: 20px; }
    .qb-desk-card--map, .qb-desk-card--issues { grid-column: span 6; }
    .qb-desk-card--pulse { grid-template-columns: 1fr; gap: 20px; }
    .qb-coverage-current { grid-column: span 12; }
    .qb-coverage-coming { grid-column: span 12; }
    .qb-enrol__grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .qb { font-size: 17px; }
    .qb-shell, .qb-shell--wide { width: min(100% - 32px, 1180px); }
    .qb-hero--plus, .qb-hero--market { min-height: 0; padding-top: 64px; }
    .qb-hero--full { min-height: 760px; padding: 84px 0 238px; }
    .qb-hero--full .qb-hero__proof { bottom: 158px; }
    .qb-hero--full .qb-hero__proof-logos { grid-template-columns: 1fr 1fr; gap: 22px 30px; }
    .qb-hero--full .qb-hero__proof-logos img { max-height: 22px; }
    .qb-hero--full .qb-hero__rail { width: 100%; }
    .qb-display { font-size: clamp(40px, 12.5vw, 58px); }
    .qb-h2 { font-size: clamp(34px, 10vw, 48px); }
    .qb-hero__visual { min-height: 410px; }
    .qb-hero__aperture { border-radius: 100px 0 0 0; }
    .qb-hero__folio { left: 14px; bottom: 18px; width: calc(100% - 28px); }
    .qb-signal-board { left: 14px; right: 14px; bottom: 18px; width: auto; }
    .qb-signal-board__finding { font-size: 23px; }
    .qb-signal-board__route { grid-template-columns: 1fr 1fr; border-top: 0; }
    .qb-signal-board__node { border-top: 1px solid rgba(212,168,75,.4); }
    .qb-signal-board__node::before { top: -4px; }
    .qb-hero__rail { grid-template-columns: 1fr; }
    .qb-hero__rail-item { border-right: 0; border-bottom: 1px solid var(--qb-line); }
    .qb-hero__rail-item:last-child { border-bottom: 0; }
    .qb-section { padding: 76px 0; }
    .qb-desk-card--map, .qb-desk-card--issues, .qb-desk-card--pulse { grid-column: span 12; min-height: 0; padding: 26px 22px; }
    .qb-program-map { height: 330px; }
    .qb-program-map__node { min-width: 105px; }
    .qb-story-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .qb-story-card { flex: 0 0 84vw; scroll-snap-align: start; }
    .qb-trust { grid-template-columns: 1fr; }
    .qb-logo-grid { grid-template-columns: 1fr 1fr; }
    .qb-outcomes { grid-template-columns: 1fr; }
    .qb-outcome { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(241,239,232,.16); }
    .qb-outcome__num { margin-bottom: 34px; }
    .qb-route { grid-template-columns: 1fr; margin-left: 15px; }
    .qb-route::before { top: 0; bottom: 0; left: 14px; right: auto; width: 2px; height: auto; background: linear-gradient(var(--qb-gold), var(--qb-gold) 42%, #51b7c2 42%, #51b7c2); }
    .qb-route__stage { display: grid; grid-template-columns: 30px 1fr; gap: 18px; padding: 0 0 32px; }
    .qb-route__dot { margin: 0; }
    .qb-route__label, .qb-route__copy { grid-column: 2; }
    .qb-route__copy { margin-top: -28px; }
    .qb-coverage-current { min-height: 540px; padding: 26px 22px; }
    .qb-coverage-coming { grid-template-columns: 1fr; }
    .qb-coming-card { min-height: 210px; border-right: 0; }
    .qb-coming-card__state { margin-bottom: 44px; }
    .qb-market-map__label { width: 86px; font-size: 9px; }
    .qb-enrol__includes { grid-template-columns: 1fr; }
    .qb-checkout { padding: 22px; }
    .qb-lead__inner { grid-template-columns: 1fr; }
    .qb-lead__form { display: grid; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .qb *, .qb *::before, .qb *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    [data-reveal] { opacity: 1; transform: none; }
    .qb-vertical-marquee__track { animation: none; }
}

/* ==========================================================================
   v70.78 composition tightening
   ========================================================================== */

/* Keep the full-bleed image treatment, but make the hero read as one compact unit. */
.qb-hero--full {
    min-height: 0;
    display: block;
    padding: 72px 0 40px;
}

.qb-hero--plus.qb-hero--full { padding-bottom: 0; }
.qb-hero--full .qb-hero__center { max-width: 860px; margin: 0 auto; }
.qb-hero--full .qb-display { max-width: 840px; font-size: clamp(44px, 5.35vw, 72px); }
.qb-hero--full .qb-hero__sub { max-width: 660px; font-size: clamp(17px, 1.55vw, 20px); }
.qb-hero--full .qb-button-row { margin-top: 28px; }
.qb-hero--full .qb-hero__trust { margin-top: 18px; }

.qb-hero--full .qb-hero__proof {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(860px, calc(100% - 48px));
    display: grid;
    grid-template-columns: minmax(190px, 250px) 1fr;
    align-items: center;
    gap: 28px;
    margin: 28px auto 0;
    border: 1px solid rgba(255,255,255,.18);
    padding: 14px 20px;
    background: rgba(8,20,19,.28);
    backdrop-filter: blur(8px);
    transform: none;
}

.qb-hero__proof-label { margin: 0; font-size: 9px; line-height: 1.45; text-align: left; }
.qb-hero__proof-logos { gap: 20px; }
.qb-hero__proof-logos img { max-width: 88px; max-height: 22px; opacity: .78; }

.qb-hero--full .qb-hero__rail {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(1120px, calc(100% - 48px));
    margin: 18px auto 0;
    transform: none;
}

.qb-hero__rail-item { padding: 14px 20px; }
.qb-hero__rail-value { font-size: 16px; }
.qb-hero__rail-label { font-size: 11px; line-height: 1.45; }

/* Interactive research console: the article stack visibly feeds the platform. */
.qb-evidence { padding: clamp(76px, 7vw, 98px) 0; background: var(--qb-paper); }
.qb-evidence--market { color: var(--qb-warm); background: var(--qb-carbon); }

.qb-evidence__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .72fr);
    align-items: end;
    gap: 54px;
    margin-bottom: 34px;
}

.qb-evidence__intro .qb-h2 { max-width: 680px; margin-bottom: 0; }
.qb-evidence__intro .qb-lede { max-width: 500px; font-size: 18px; }

.qb-evidence__console {
    display: grid;
    grid-template-columns: 246px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--qb-line);
    background: #fff;
    box-shadow: 0 22px 60px rgba(16,20,24,.08);
}

.qb-evidence--market .qb-evidence__console {
    border-color: rgba(241,239,232,.18);
    background: #0e110f;
    box-shadow: 0 24px 70px rgba(0,0,0,.28);
}

.qb-evidence__tabs { display: grid; grid-template-rows: repeat(4, 1fr); border-right: 1px solid var(--qb-line); }
.qb-evidence--market .qb-evidence__tabs { border-color: rgba(241,239,232,.18); }

.qb-evidence__tab {
    width: 100%;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 12px;
    border: 0;
    border-bottom: 1px solid var(--qb-line);
    padding: 18px 16px;
    color: var(--qb-ink);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: color .2s ease, background .2s ease;
}

.qb-evidence--market .qb-evidence__tab { border-color: rgba(241,239,232,.14); color: #c8ccc8; }
.qb-evidence__tab:last-child { border-bottom: 0; }
.qb-evidence__tab:hover { background: #eef5f3; }
.qb-evidence--market .qb-evidence__tab:hover { background: #171a17; }
.qb-evidence__tab.is-active { color: #fff; background: var(--qb-teal-deep); }
.qb-evidence--market .qb-evidence__tab.is-active { color: var(--qb-carbon); background: var(--qb-gold); }
.qb-evidence__tab:focus-visible { position: relative; z-index: 2; outline: 3px solid var(--qb-teal-bright); outline-offset: -3px; }
.qb-evidence__tab-index { align-self: start; padding-top: 2px; color: var(--qb-teal); font-size: 10px; font-weight: 600; letter-spacing: .12em; }
.qb-evidence--market .qb-evidence__tab-index { color: var(--qb-gold); }
.qb-evidence__tab.is-active .qb-evidence__tab-index { color: inherit; opacity: .76; }
.qb-evidence__tab strong { display: block; font: 700 15px/1.15 var(--qb-display); }
.qb-evidence__tab small { display: block; margin-top: 5px; color: #56615d; font-size: 11px; }
.qb-evidence--market .qb-evidence__tab small { color: #878e88; }
.qb-evidence__tab.is-active small { color: inherit; opacity: .72; }

.qb-evidence__panels { min-width: 0; }
.qb-evidence__panel {
    min-height: 500px;
    display: grid;
    grid-template-columns: 205px 62px minmax(0, 1fr);
    align-items: center;
    padding: 28px;
    animation: qb-panel-in .28s var(--qb-ease) both;
}

.qb-evidence__panel[hidden] { display: none; }
@keyframes qb-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.qb-evidence__layers { position: relative; z-index: 2; }
.qb-evidence__micro-label {
    display: block;
    margin-bottom: 12px;
    color: var(--qb-teal);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.qb-evidence--market .qb-evidence__micro-label { color: var(--qb-gold); }

.qb-evidence__layer {
    position: relative;
    margin-top: -1px;
    border: 1px solid var(--qb-line);
    padding: 12px 13px;
    background: #fff;
    transform: translateX(calc(var(--layer-index) * 5px));
}

.qb-evidence--market .qb-evidence__layer { border-color: rgba(241,239,232,.17); background: #131714; }
.qb-evidence__layer::after { position: absolute; top: 50%; right: -18px; width: 18px; height: 1px; background: var(--qb-teal); content: ""; }
.qb-evidence--market .qb-evidence__layer::after { background: var(--qb-gold); }
.qb-evidence__layer span { display: block; margin-bottom: 3px; color: #6a7470; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.qb-evidence--market .qb-evidence__layer span { color: #818882; }
.qb-evidence__layer strong { display: block; font: 700 12px/1.25 var(--qb-display); }

.qb-evidence__feed { display: grid; gap: 53px; align-content: center; }
.qb-evidence__feed span { position: relative; display: block; width: 100%; height: 1px; background: var(--qb-teal); opacity: .7; }
.qb-evidence--market .qb-evidence__feed span { background: var(--qb-gold); }
.qb-evidence__feed span::after { position: absolute; right: -1px; top: -3px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid currentColor; color: var(--qb-teal); content: ""; }
.qb-evidence--market .qb-evidence__feed span::after { color: var(--qb-gold); }

.qb-system-card { min-width: 0; margin: 0; border: 1px solid var(--qb-line); background: #edf4f2; }
.qb-evidence--market .qb-system-card { border-color: rgba(212,168,75,.35); background: #101411; }
.qb-system-card__meta { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--qb-line); padding: 11px 14px; color: #56615d; font-size: 9px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.qb-evidence--market .qb-system-card__meta { border-color: rgba(241,239,232,.14); color: #818882; }

.qb-system-card__image {
    position: relative;
    height: 285px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(15,111,112,.10) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(rgba(15,111,112,.10) 1px, transparent 1px) 0 0 / 34px 34px;
}

.qb-evidence--market .qb-system-card__image {
    background:
        linear-gradient(90deg, rgba(212,168,75,.10) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(rgba(212,168,75,.10) 1px, transparent 1px) 0 0 / 34px 34px;
}

.qb-system-card__image img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 22px 16px;
    filter: grayscale(1) sepia(1) saturate(2.1) hue-rotate(118deg) brightness(.72) contrast(1.16);
    mix-blend-mode: multiply;
    opacity: .92;
}

.qb-evidence--market .qb-system-card__image img {
    filter: grayscale(1) sepia(1) saturate(3.2) hue-rotate(350deg) brightness(.78) contrast(1.18);
    mix-blend-mode: normal;
    opacity: .84;
}

.qb-system-card__reticle,
.qb-system-card__reticle::before,
.qb-system-card__reticle::after { position: absolute; z-index: 1; pointer-events: none; content: ""; }
.qb-system-card__reticle { inset: 50% auto auto 50%; width: 94px; height: 94px; border: 1px solid rgba(15,111,112,.24); border-radius: 50%; transform: translate(-50%,-50%); }
.qb-system-card__reticle::before { left: 46px; top: -46px; width: 1px; height: 186px; background: rgba(15,111,112,.18); }
.qb-system-card__reticle::after { left: -46px; top: 46px; width: 186px; height: 1px; background: rgba(15,111,112,.18); }
.qb-evidence--market .qb-system-card__reticle { border-color: rgba(212,168,75,.25); }
.qb-evidence--market .qb-system-card__reticle::before,
.qb-evidence--market .qb-system-card__reticle::after { background: rgba(212,168,75,.18); }

.qb-system-card figcaption { display: grid; grid-template-columns: minmax(145px, .42fr) 1fr; gap: 22px; align-items: start; border-top: 1px solid var(--qb-line); padding: 18px; }
.qb-evidence--market .qb-system-card figcaption { border-color: rgba(241,239,232,.14); }
.qb-system-card figcaption strong { font: 700 18px/1.15 var(--qb-display); }
.qb-system-card figcaption span { color: #5f6965; font-size: 12px; line-height: 1.45; }
.qb-evidence--market .qb-system-card figcaption span { color: #969d97; }

/*
 * Market Intelligence knowledge graph.
 * Platforms act as visual anchors; Quwa's archive and cross-domain model are
 * the product proof. The network is intentionally code-native and lightweight.
 */
.qb-knowledge { overflow: hidden; padding: clamp(64px, 5.5vw, 82px) 0; background: #080a09; }
.qb-knowledge__intro {
    grid-template-columns: minmax(0, .92fr) minmax(360px, .58fr);
    align-items: center;
    gap: clamp(46px, 6vw, 92px);
    margin-bottom: 24px;
}
.qb-knowledge__intro .qb-h2 { max-width: 650px; font-size: clamp(38px, 3.55vw, 54px); line-height: .99; }
.qb-knowledge__intro .qb-lede {
    max-width: 540px;
    border-left: 2px solid rgba(212,168,75,.58);
    padding: 4px 0 4px 24px;
    color: #adb3ad;
    font-size: 15.5px;
    line-height: 1.58;
}

.qb-knowledge-console {
    position: relative;
    border: 1px solid rgba(241,239,232,.19);
    color: var(--qb-warm);
    background: #0d100e;
    box-shadow: 0 32px 90px rgba(0,0,0,.34);
}
.qb-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.qb-knowledge-tabs {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    border-bottom: 1px solid rgba(241,239,232,.17);
    background: #0a0c0b;
}

.qb-knowledge-tab {
    position: relative;
    min-width: 0;
    min-height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-right: 1px solid rgba(241,239,232,.12);
    padding: 24px 10px 13px;
    color: #c5cac5;
    background: transparent;
    text-align: center;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.qb-knowledge-tab:last-child { border-right: 0; }
.qb-knowledge-tab:hover { color: var(--qb-warm); background: #141714; }
.qb-knowledge-tab.is-active { color: #17130b; background: var(--qb-gold); box-shadow: inset 0 -3px #f0c86e; }
.qb-knowledge-tab:focus-visible { position: relative; z-index: 4; outline: 3px solid #70c7ca; outline-offset: -3px; }
.qb-knowledge-tab__index { position: absolute; top: 11px; left: 10px; color: var(--qb-gold); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.qb-knowledge-tab.is-active .qb-knowledge-tab__index { color: inherit; opacity: 1; }
.qb-knowledge-tab__content { min-width: 0; display: grid; justify-items: center; gap: 7px; }
.qb-knowledge-tab__icon { width: 18px; height: 18px; color: var(--qb-gold); fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.qb-knowledge-tab.is-active .qb-knowledge-tab__icon { color: inherit; }
.qb-knowledge-tab strong { display: grid; justify-items: center; gap: 1px; margin-inline: auto; font: 700 12.25px/1.13 var(--qb-display); letter-spacing: -.012em; text-align: center; }
.qb-knowledge-tab strong > span { display: block; white-space: nowrap; }
.qb-knowledge-tab small { display: none; }
.qb-knowledge-tab.is-active small { color: inherit; opacity: .7; }

@media (max-width: 1500px) {
    .qb-knowledge-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .qb-knowledge-tab { flex: 0 0 176px; scroll-snap-align: start; }
}

.qb-knowledge-panels { min-width: 0; }
.qb-knowledge-panel {
    min-height: 590px;
    display: grid;
    grid-template-columns: 282px minmax(0, 1fr);
    animation: qb-panel-in .3s var(--qb-ease) both;
}
.qb-knowledge-panel[hidden] { display: none; }

.qb-archive-rail {
    position: relative;
    z-index: 3;
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-right: 1px solid rgba(241,239,232,.16);
    padding: 21px 18px 18px;
    background: linear-gradient(180deg, #111411, #0d100e);
}
.qb-archive-rail::after {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: -28px;
    width: 28px;
    height: 1px;
    background: var(--qb-gold);
    box-shadow: 9px -88px 0 rgba(212,168,75,.58), 9px 88px 0 rgba(212,168,75,.58);
    content: "";
}
.qb-archive-rail__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.qb-archive-rail__head span { color: var(--qb-gold); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.qb-archive-rail__head strong { color: #949b95; font: 600 9px/1 var(--qb-text); letter-spacing: .07em; text-transform: uppercase; }
.qb-archive-rail__stack { display: grid; gap: 8px; }
.qb-archive-rail .qb-archive-card {
    position: relative;
    width: 100%;
    min-height: 96px;
    display: block;
    border: 1px solid rgba(241,239,232,.15);
    border-radius: 0;
    padding: 14px 30px 13px 14px;
    color: var(--qb-warm);
    background: #151815;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.qb-archive-rail .qb-archive-card::after { position: absolute; top: 50%; right: -25px; width: 25px; height: 1px; background: rgba(212,168,75,.7); content: ""; }
.qb-archive-rail .qb-archive-card:hover { border-color: rgba(212,168,75,.65); background: #1a1d19; }
.qb-archive-rail .qb-archive-card.is-active { border-color: rgba(212,168,75,.85); background: linear-gradient(112deg, rgba(212,168,75,.16), #171a16 72%); box-shadow: inset 3px 0 var(--qb-gold); }
.qb-archive-rail .qb-archive-card:focus-visible { outline: 2px solid #70c7ca; outline-offset: 2px; }
.qb-archive-rail .qb-archive-card span { display: block; margin-bottom: 7px; color: #959c96; font-size: 8.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.qb-archive-rail .qb-archive-card strong { display: block; font: 700 15px/1.2 var(--qb-display); }
.qb-archive-rail .qb-archive-card small { display: block; margin-top: 6px; color: #adb3ad; font-size: 10px; line-height: 1.3; }
.qb-archive-rail .qb-archive-card.is-active span,
.qb-archive-rail .qb-archive-card.is-active i { color: var(--qb-gold); }
.qb-archive-rail .qb-archive-card i { position: absolute; top: 14px; right: 13px; color: var(--qb-gold); font: normal 11px/1 var(--qb-text); }
.qb-archive-rail > p { margin: auto 4px 0; padding-top: 16px; color: #a5aba6; font-size: 10.5px; line-height: 1.5; }
.qb-archive-rail > p strong { display: block; margin-bottom: 4px; color: var(--qb-gold); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }

.qb-knowledge-stage { min-width: 0; background: #090b0a; }
.qb-cluster-panel { min-height: 590px; display: grid; grid-template-rows: 1fr auto; animation: qb-panel-in .24s var(--qb-ease) both; }
.qb-cluster-panel[hidden] { display: none; }

.qb-knowledge-map {
    position: relative;
    min-height: 450px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 51%, rgba(212,168,75,.10), transparent 22%),
        linear-gradient(90deg, rgba(241,239,232,.035) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(rgba(241,239,232,.035) 1px, transparent 1px) 0 0 / 28px 28px,
        #0a0d0b;
}
.qb-knowledge-map::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        radial-gradient(circle at 8% 76%, rgba(76,171,178,.11), transparent 18%),
        radial-gradient(circle at 83% 22%, rgba(212,168,75,.08), transparent 22%),
        linear-gradient(135deg, transparent 0 46%, rgba(212,168,75,.035) 46% 47%, transparent 47% 100%);
    content: "";
}
.qb-knowledge-map__lines { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; overflow: visible; }
.qb-map-line { fill: none; vector-effect: non-scaling-stroke; }
.qb-map-line--primary { stroke: rgba(212,168,75,.57); stroke-width: 1; }
.qb-map-line--secondary { stroke: rgba(212,168,75,.28); stroke-width: 1; }
.qb-map-line--cross { stroke: rgba(76,171,178,.34); stroke-width: 1; stroke-dasharray: 3 8; }
.qb-map-orbit { fill: none; stroke: rgba(212,168,75,.19); stroke-width: 1; vector-effect: non-scaling-stroke; }
.qb-map-orbit--outer { stroke: rgba(76,171,178,.13); stroke-dasharray: 2 9; }

.qb-knowledge-map__terrain {
    position: absolute;
    z-index: -2;
    left: -14%;
    right: -14%;
    bottom: -41%;
    height: 72%;
    opacity: .42;
    background:
        repeating-linear-gradient(156deg, transparent 0 22px, rgba(212,168,75,.13) 23px 24px, transparent 25px 47px),
        repeating-linear-gradient(24deg, transparent 0 31px, rgba(76,171,178,.10) 32px 33px, transparent 34px 63px),
        linear-gradient(180deg, transparent, rgba(212,168,75,.08));
    clip-path: polygon(0 45%, 8% 37%, 18% 48%, 29% 26%, 39% 41%, 51% 18%, 63% 37%, 74% 23%, 87% 45%, 100% 31%, 100% 100%, 0 100%);
    transform: perspective(650px) rotateX(53deg) scale(1.12);
    transform-origin: 50% 100%;
}

.qb-knowledge-map__nodes { position: absolute; z-index: 2; inset: 0; margin: 0; padding: 0; list-style: none; }
.qb-graph-node-slot {
    position: absolute;
    left: var(--node-x);
    top: var(--node-y);
    width: clamp(122px, 13vw, 164px);
    margin: 0;
    transform: translate(-50%,-50%);
}
.qb-graph-node {
    position: relative;
    width: 100%;
    min-height: 48px;
    display: grid;
    align-items: center;
    border-left: 2px solid var(--qb-gold);
    padding: 8px 22px 8px 10px;
    color: inherit;
    background: rgba(10,13,11,.88);
    box-shadow: 0 0 0 1px rgba(241,239,232,.08), 0 7px 20px rgba(0,0,0,.22);
    text-decoration: none;
    backdrop-filter: blur(5px);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.qb-graph-node::before { position: absolute; top: 50%; left: -5px; width: 7px; height: 7px; border: 2px solid #0a0d0b; border-radius: 50%; background: var(--qb-gold); transform: translate(-50%,-50%); content: ""; }
.qb-graph-node:hover { border-left-color: #efc96f; background: rgba(25,28,24,.96); box-shadow: 0 0 0 1px rgba(212,168,75,.5), 0 10px 24px rgba(0,0,0,.32); transform: translateY(-2px); }
.qb-graph-node:focus-visible { outline: 2px solid #70c7ca; outline-offset: 3px; }
.qb-graph-node small { display: block; margin-bottom: 2px; color: var(--qb-gold); font-size: 7.5px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.qb-graph-node strong { display: block; overflow-wrap: anywhere; color: #f1efe8; font: 700 11px/1.18 var(--qb-display); }
.qb-graph-node i { position: absolute; top: 8px; right: 8px; color: #747b75; font: normal 9px/1 var(--qb-text); }

.qb-knowledge-avatar {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 51%;
    width: min(54%, 560px);
    height: 54%;
    display: grid;
    place-items: center;
    margin: 0;
    transform: translate(-50%,-50%);
}
.qb-knowledge-avatar__halo { position: absolute; inset: 18% 3%; border: 1px solid rgba(212,168,75,.20); border-radius: 50%; box-shadow: inset 0 0 65px rgba(212,168,75,.07), 0 0 65px rgba(212,168,75,.05); }
.qb-knowledge-avatar__halo::before,
.qb-knowledge-avatar__halo::after { position: absolute; top: 50%; left: 50%; background: rgba(212,168,75,.17); transform: translate(-50%,-50%); content: ""; }
.qb-knowledge-avatar__halo::before { width: 118%; height: 1px; }
.qb-knowledge-avatar__halo::after { width: 1px; height: 155%; }
.qb-knowledge-avatar img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1) sepia(1) saturate(3.2) hue-rotate(350deg) brightness(.82) contrast(1.16) drop-shadow(0 17px 20px rgba(0,0,0,.52));
    opacity: .94;
}

.qb-knowledge-stage__thesis {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    border-top: 1px solid rgba(241,239,232,.14);
    padding: 17px 20px 19px;
    background: #101310;
}
.qb-knowledge-stage__thesis span { color: var(--qb-gold); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.qb-knowledge-stage__thesis p { max-width: 800px; margin: 0; color: #c2c7c2; font-size: 13px; line-height: 1.5; }

.qb-knowledge-benefits { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(241,239,232,.17); background: #0a0c0b; }
.qb-knowledge-benefits > div { min-height: 142px; display: grid; grid-template-columns: 23px 1fr; align-content: center; gap: 5px 8px; border-right: 1px solid rgba(241,239,232,.12); padding: 17px 16px; }
.qb-knowledge-benefits > div:last-child { border-right: 0; }
.qb-knowledge-benefits span { grid-row: 1 / 3; color: var(--qb-gold); font-size: 9px; font-weight: 700; }
.qb-knowledge-benefits strong { color: var(--qb-warm); font: 700 15px/1.16 var(--qb-display); }
.qb-knowledge-benefits small { color: #aeb4af; font-size: 10.5px; line-height: 1.43; }

/* Plus value modules: two balanced cards instead of a loose three-row bento. */
.qb-section--plus-offer { background: #fff; }
.qb-section__head--tight { margin-bottom: 34px; }
.qb-section__head--tight .qb-h2 { max-width: 680px; font-size: clamp(36px, 4.1vw, 54px); }
.qb-section__head--tight .qb-lede { max-width: 470px; font-size: 18px; }

.qb-plus-board { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); border: 1px solid var(--qb-line); }
.qb-cadence-card { padding: 32px; color: #fff; background: var(--qb-teal-deep); }
.qb-cadence-card__metric { display: flex; align-items: end; gap: 16px; margin-bottom: 25px; }
.qb-cadence-card__metric strong { font: 700 88px/.78 var(--qb-display); letter-spacing: -.065em; }
.qb-cadence-card__metric span { color: #91c5c3; font-size: 11px; font-weight: 600; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.qb-cadence-card > p { max-width: 360px; margin-bottom: 26px; color: #b8d1ce; font-size: 14px; }
.qb-cadence-card__ledger { border-top: 1px solid rgba(255,255,255,.18); }
.qb-cadence-card__ledger div { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.14); padding: 12px 0; }
.qb-cadence-card__ledger span { color: #64bdc1; font-size: 9px; }
.qb-cadence-card__ledger strong { font: 700 12px/1.2 var(--qb-display); }
.qb-cadence-card__ledger small { color: #91aaa7; font-size: 9px; }

.qb-pulse-card { display: grid; grid-template-columns: 1.03fr .97fr; min-width: 0; }
.qb-pulse-card__copy { padding: 34px; }
.qb-pulse-card__copy .qb-h3 { max-width: 480px; font-size: clamp(27px, 2.8vw, 38px); }
.qb-pulse-card__copy > p { color: #56615d; font-size: 14px; }
.qb-pulse-card__signal { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; padding: 28px; color: #fff; background: #0a4a4c; }
.qb-pulse-card__status { display: flex; align-items: center; gap: 8px; color: #8bd4d1; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.qb-pulse-card__status span { width: 7px; height: 7px; border-radius: 50%; background: #6fd0cd; box-shadow: 0 0 0 5px rgba(111,208,205,.12); }
.qb-pulse-card__signal .qb-wave { min-height: 118px; overflow: hidden; }
.qb-pulse-card__topics { display: flex; flex-wrap: wrap; gap: 6px; }
.qb-pulse-card__topics span { border: 1px solid rgba(255,255,255,.18); padding: 6px 7px; color: #b5cfcc; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }

/* Pakistan supplier market read: a native-CSS bento with no runtime dependency. */
.qb-section--decision { padding: clamp(76px, 7vw, 98px) 0; }
.qb-supplier-observatory { overflow: hidden; border: 1px solid rgba(241,239,232,.19); border-radius: 14px; background: #090b0a; box-shadow: 0 30px 80px rgba(0,0,0,.18); }

.qb-market-read-bento { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); grid-template-areas: "market market market transfer transfer transfer" "market market market questions questions questions" "pattern pattern pattern pattern pattern pattern" "iraq iraq babur babur sea sea" "tracks tracks tracks tracks tracks tracks"; gap: 12px; padding: 12px; background: linear-gradient(135deg, rgba(212,168,75,.035), transparent 43%), #0d100e; isolation: isolate; }
.qb-market-read-bento::before { position: absolute; z-index: -1; inset: 0; opacity: .3; background-image: linear-gradient(rgba(241,239,232,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(241,239,232,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(90deg, transparent, #000 28%, #000 72%, transparent); }
.qb-market-read-bento > * { min-width: 0; border: 1px solid rgba(241,239,232,.14); border-radius: 11px; overflow: hidden; }
.qb-market-read-bento__market { grid-area: market; }
.qb-market-read-bento__transfer { grid-area: transfer; }
.qb-market-read-bento__questions { grid-area: questions; }
.qb-market-read-bento__pattern { grid-area: pattern; }
.qb-market-read-bento__iraq { grid-area: iraq; }
.qb-market-read-bento__babur { grid-area: babur; }
.qb-market-read-bento__sea-sultan { grid-area: sea; }
.qb-market-read-tracks { grid-area: tracks; }
.qb-supplier-exposure { min-width: 0; padding: 34px 32px 30px; background: linear-gradient(160deg, rgba(212,168,75,.09), transparent 48%), rgba(13,16,14,.97); }
body.page-template-template-quwa-pro article.qb-supplier-exposure { padding: 34px 32px 30px !important; }
.qb-supplier-exposure h3 { max-width: 560px; margin: 0 0 28px; color: var(--qb-warm); font: 700 clamp(27px,2.5vw,38px)/1.05 var(--qb-display); letter-spacing: -.032em; }
.qb-supplier-metrics { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(241,239,232,.15); border-left: 1px solid rgba(241,239,232,.15); }
.qb-supplier-metrics > div { min-width: 0; border-right: 1px solid rgba(241,239,232,.15); border-bottom: 1px solid rgba(241,239,232,.15); padding: 19px 16px 18px; }
.qb-supplier-metrics strong { display: block; color: var(--qb-gold); font: 700 clamp(39px,4vw,59px)/.85 var(--qb-display); letter-spacing: -.06em; }
.qb-supplier-metrics sup { position: relative; top: -.3em; margin-left: 2px; font-size: .36em; letter-spacing: 0; }
.qb-supplier-metrics span, .qb-supplier-metrics small { display: block; }
.qb-supplier-metrics span { margin-top: 11px; color: #d1d5d1; font: 700 14px/1.25 var(--qb-display); }
.qb-supplier-metrics small { margin-top: 5px; color: #a8afa9; font-size: 11.5px; letter-spacing: .05em; text-transform: uppercase; }
.qb-china-avatar-grid { min-height: 338px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(155px,1fr)); gap: 1px; margin-top: 27px; border: 1px solid rgba(241,239,232,.13); padding: 1px; background: rgba(241,239,232,.11); }
.qb-china-avatar-grid figure { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: radial-gradient(circle at 54% 40%, rgba(212,168,75,.1), transparent 38%), linear-gradient(145deg, #151914, #090c0a); }
.qb-china-avatar-grid figure::before, .qb-supplier-case__media::before { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(212,168,75,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(212,168,75,.055) 1px, transparent 1px); background-size: 22px 22px; content: ""; pointer-events: none; }
.qb-china-avatar-grid figure::after { position: absolute; z-index: 2; top: 11px; right: 11px; width: 16px; height: 16px; border-top: 1px solid rgba(212,168,75,.48); border-right: 1px solid rgba(212,168,75,.48); content: ""; }
.qb-china-avatar-grid img { width: 100%; height: 100%; display: block; object-fit: contain; padding: 17px 10px 25px; filter: saturate(.78) contrast(1.06); transform: scale(1.07); }
.qb-china-avatar-grid figcaption { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; margin: 0; padding: 8px 10px; color: #d9ddd9; background: linear-gradient(180deg, transparent, rgba(4,6,5,.94) 54%); font-size: 11.5px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.qb-supplier-primary-summary { margin: 20px 0 0; border-left: 2px solid var(--qb-gold); padding: 2px 0 2px 14px; color: #bdc4be; font-size: 15px; line-height: 1.52; }
.qb-supplier-footnote { margin: 20px 0 0; border-top: 1px solid rgba(241,239,232,.14); padding-top: 16px; color: #969d97; font-size: 12.5px; line-height: 1.5; }
.qb-supplier-footnote a { color: #b5bcb6; text-decoration-color: rgba(212,168,75,.5); text-underline-offset: 3px; }
.qb-supplier-footnote a:hover { color: var(--qb-warm); }

.qb-supplier-recorder { position: relative; min-width: 0; padding: 25px; background: rgba(8,11,9,.86); }
.qb-supplier-recorder__head { display: block; border-bottom: 1px solid rgba(241,239,232,.14); padding-bottom: 17px; }
.qb-supplier-recorder__head strong { display: block; max-width: 420px; margin: 0; color: #d7dbd7; font: 700 22px/1.13 var(--qb-display); text-align: left; }
.qb-supplier-recorder ol { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 17px 0 0; padding: 1px; background: rgba(241,239,232,.11); list-style: none; }
.qb-supplier-recorder li { position: relative; min-height: 156px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-content: start; padding: 16px 14px; background: #0b0e0c; }
.qb-supplier-recorder li > span { position: relative; z-index: 1; width: 34px; height: 34px; display: grid; place-items: center; color: #19160e; background: var(--qb-gold); font-size: 9px; font-weight: 700; }
.qb-supplier-recorder li:nth-child(2) > span { background: #b7b87e; }
.qb-supplier-recorder li:nth-child(3) > span { background: #82a981; }
.qb-supplier-recorder li:nth-child(4) > span { background: #55abb1; }
.qb-supplier-recorder li small { display: block; margin-bottom: 6px; color: #a9ae77; font-size: 10.5px; font-weight: 700; letter-spacing: .075em; line-height: 1.2; text-transform: uppercase; }
.qb-supplier-recorder strong { display: block; color: var(--qb-warm); font: 700 18px/1.12 var(--qb-display); }
.qb-supplier-recorder p { margin: 6px 0 0; color: #b3bab4; font-size: 14.5px; line-height: 1.5; }

.qb-supplier-readout { min-width: 0; padding: 25px; background: linear-gradient(180deg, rgba(19,23,19,.96), rgba(10,13,11,.98)); }
.qb-supplier-readout h3 { max-width: 480px; margin: 0 0 20px; color: var(--qb-warm); font: 700 clamp(25px,2.1vw,32px)/1.03 var(--qb-display); letter-spacing: -.03em; }
.qb-supplier-readout dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 1px; background: rgba(241,239,232,.11); }
.qb-supplier-readout dl > div { position: relative; min-height: 154px; padding: 18px 15px 17px 28px; background: #0e110f; }
.qb-supplier-readout dl > div::before { position: absolute; top: 23px; left: 12px; width: 7px; height: 7px; border: 1px solid var(--qb-gold); transform: rotate(45deg); content: ""; }
.qb-supplier-readout dt { color: #d5d9d5; font: 700 15.5px/1.22 var(--qb-display); }
.qb-supplier-readout dd { margin: 6px 0 0; color: #b0b7b1; font-size: 14.5px; line-height: 1.52; }

.qb-supplier-divergence__lead { display: grid; grid-template-columns: minmax(260px,.78fr) minmax(360px,1.22fr); align-items: center; gap: 42px; padding: 30px 38px; background: linear-gradient(135deg, rgba(212,168,75,.11), transparent 72%), #101310; }
body.page-template-template-quwa-pro article.qb-supplier-divergence__lead { padding: 30px 38px !important; }
.qb-supplier-case__copy > span { display: block; color: var(--qb-gold); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.qb-supplier-divergence__lead strong { display: block; max-width: 390px; margin: 0; color: var(--qb-warm); font: 700 clamp(23px,1.75vw,28px)/1.1 var(--qb-display); }
.qb-supplier-divergence__lead p { max-width: 720px; margin: 0; color: #b4bbb5; font-size: 15.5px; line-height: 1.58; }
.qb-supplier-case { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 0; color: inherit; background: #0b0e0c; text-decoration: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.qb-supplier-case:hover { border-color: rgba(212,168,75,.38); background: #121610; transform: translateY(-2px); }
.qb-supplier-case:focus-visible { outline: 2px solid #70c7ca; outline-offset: -3px; }
.qb-supplier-case__media { position: relative; height: 154px; flex: 0 0 auto; overflow: hidden; border-bottom: 1px solid rgba(241,239,232,.12); background: radial-gradient(circle at 58% 43%, rgba(212,168,75,.1), transparent 40%), #0d110e; }
.qb-supplier-case__media img { width: 100%; height: 100%; display: block; object-fit: contain; padding: 8px 12px 13px; filter: saturate(.76) contrast(1.06); transform: scale(1.07); transition: transform .28s ease; }
.qb-supplier-case:hover .qb-supplier-case__media img { transform: scale(1.11); }
.qb-supplier-case__copy { flex: 1; padding: 20px 42px 22px 22px; }
.qb-supplier-case strong { margin-top: 13px; color: var(--qb-warm); font: 700 20px/1.12 var(--qb-display); }
.qb-supplier-case p { margin: 7px 0 0; color: #b2b9b3; font-size: 14.5px; line-height: 1.52; }
.qb-supplier-case i { position: absolute; z-index: 3; top: 15px; right: 16px; color: #b5bcae; font: normal 12px/1 var(--qb-text); }

.qb-market-read-tracks { background: #101310; }
.qb-supplier-outcomes-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(241,239,232,.14); padding: 15px 20px; background: #0a0c0b; }
.qb-supplier-outcomes-head h3 { margin: 0; color: var(--qb-warm); font: 700 17px/1.2 var(--qb-display); }
.qb-supplier-outcomes-head p { margin: 0; color: #a6ada7; font-size: 13.5px; line-height: 1.4; }
.qb-supplier-outcomes { display: grid; grid-template-columns: repeat(4,1fr); background: #101310; }
.qb-supplier-outcomes > div { min-height: 168px; display: grid; grid-template-columns: 24px 1fr; align-content: center; gap: 7px 10px; border-right: 1px solid rgba(241,239,232,.12); padding: 24px 22px; }
.qb-supplier-outcomes > div:last-child { border-right: 0; }
.qb-supplier-outcomes span { grid-row: 1 / 3; color: var(--qb-gold); font-size: 11.5px; font-weight: 700; }
.qb-supplier-outcomes strong { color: var(--qb-warm); font: 700 17px/1.18 var(--qb-display); }
.qb-supplier-outcomes small { color: #b7beb8; font-size: 15px; line-height: 1.52; }

@media (min-width: 981px) {
    .qb-market-read-bento__market { display: flex; flex-direction: column; }
    .qb-market-read-bento__market .qb-china-avatar-grid { flex: 1; }
}

/* Emerging warfare system dossier: gold technical evidence, capability selection, and outcomes. */
.qb-section--coverage { padding: clamp(76px, 7vw, 104px) 0; }
.qb-warfare-dossier {
    display: grid;
    grid-template-columns: minmax(0,1.48fr) minmax(360px,.72fr);
    overflow: hidden;
    border: 1px solid rgba(241,239,232,.16);
    background: #080a09;
    box-shadow: 0 30px 80px rgba(0,0,0,.22);
}
.qb-warfare-viewer { position: relative; min-height: 720px; overflow: hidden; background: #0c0e0d; }
.qb-warfare-viewer::after { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,7,6,.03) 28%,rgba(5,7,6,.92) 82%,#050706 100%); content: ""; }
.qb-warfare-viewer__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.04); transition: opacity .22s ease, transform .5s ease; }
.qb-warfare-viewer__chrome { position: absolute; z-index: 2; top: 24px; right: 25px; left: 25px; display: flex; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.72); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.qb-warfare-viewer__copy { position: absolute; z-index: 2; right: 38px; bottom: 38px; left: 38px; max-width: 760px; }
.qb-warfare-viewer__copy .qb-card-label { color: var(--qb-gold); font-size: 11.5px; letter-spacing: .095em; }
.qb-warfare-viewer__copy h3 { margin: 13px 0 12px; color: #fff; font: 700 clamp(36px,4.1vw,61px)/.98 var(--qb-display); letter-spacing: -.045em; }
.qb-warfare-viewer__copy p { max-width: 680px; margin: 0; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.55; }
.qb-warfare-viewer__copy a { display: inline-flex; margin-top: 22px; border-bottom: 1px solid rgba(212,168,75,.65); padding-bottom: 3px; color: #ead39d; font-size: 13px; font-weight: 700; text-decoration: none; transition: color .18s ease, border-color .18s ease; }
.qb-warfare-viewer__copy a:hover { border-color: #f1dfb5; color: #f1dfb5; }
.qb-warfare-viewer__copy a:focus-visible { outline: 2px solid #70c7ca; outline-offset: 5px; }
.qb-warfare-index { display: flex; flex-direction: column; border-left: 1px solid rgba(241,239,232,.16); background: #0b0e0c; }
.qb-warfare-index__head { border-bottom: 1px solid rgba(241,239,232,.14); padding: 22px; color: #aeb6af; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.qb-warfare-tab { position: relative; min-height: 150px; display: grid; grid-template-columns: 118px 1fr; align-items: stretch; gap: 0; border: 0; border-bottom: 1px solid rgba(241,239,232,.14); padding: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.qb-warfare-tab:last-child { border-bottom: 0; }
.qb-warfare-tab::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--qb-gold); transform: scaleX(0); transform-origin: left; content: ""; transition: transform .25s ease; }
.qb-warfare-tab[aria-pressed="true"] { background: #131712; }
.qb-warfare-tab[aria-pressed="true"]::after { transform: scaleX(1); }
.qb-warfare-tab:focus-visible { z-index: 2; outline: 2px solid #70c7ca; outline-offset: -3px; }
.qb-warfare-tab img { width: 118px; height: 100%; display: block; object-fit: cover; filter: saturate(.55) brightness(.7); opacity: .72; transition: filter .2s ease, opacity .2s ease; }
.qb-warfare-tab[aria-pressed="true"] img { filter: none; opacity: 1; }
.qb-warfare-tab__copy { align-self: center; padding: 17px; }
.qb-warfare-tab__copy small { display: block; margin-bottom: 9px; color: var(--qb-gold); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.qb-warfare-tab__copy strong { display: block; color: var(--qb-warm); font: 700 17px/1.12 var(--qb-display); }
.qb-warfare-tab__copy > span { display: block; margin-top: 6px; color: #aeb6af; font-size: 13px; line-height: 1.4; }

.qb-warfare-method { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid rgba(241,239,232,.16); border-top: 0; background: #0f120f; }
.qb-warfare-method > div { position: relative; border-right: 1px solid rgba(241,239,232,.14); padding: 20px; }
.qb-warfare-method > div:last-child { border-right: 0; }
.qb-warfare-method span { display: block; color: var(--qb-gold); font-size: 10.5px; font-weight: 700; }
.qb-warfare-method strong { display: block; margin-top: 14px; color: var(--qb-warm); font: 700 15px/1.2 var(--qb-display); }

.qb-warfare-outcomes { margin-top: 10px; border: 1px solid rgba(241,239,232,.16); background: #101310; }
.qb-warfare-outcomes__head { display: flex; align-items: center; justify-content: space-between; gap: 22px; border-bottom: 1px solid rgba(241,239,232,.14); padding: 20px 22px; background: #090b0a; }
.qb-warfare-outcomes__head h3 { margin: 0; color: var(--qb-warm); font: 700 20px/1.2 var(--qb-display); }
.qb-warfare-outcomes__head p { max-width: 650px; margin: 0; color: #b7beb8; font-size: 15px; line-height: 1.5; text-align: right; }
.qb-warfare-outcomes__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.qb-warfare-outcomes__grid > div { min-height: 166px; display: grid; grid-template-columns: 24px 1fr; align-content: center; gap: 7px 10px; border-right: 1px solid rgba(241,239,232,.12); padding: 23px 21px; }
.qb-warfare-outcomes__grid > div:last-child { border-right: 0; }
.qb-warfare-outcomes__grid span { grid-row: 1 / 3; color: var(--qb-gold); font-size: 11.5px; font-weight: 700; }
.qb-warfare-outcomes__grid strong { color: var(--qb-warm); font: 700 17px/1.18 var(--qb-display); }
.qb-warfare-outcomes__grid small { color: #b7beb8; font-size: 15px; line-height: 1.52; }

@media (max-width: 980px) {
    .qb-hero--full { min-height: 0; padding: 78px 0 38px; }
    .qb-hero--plus.qb-hero--full { padding-bottom: 0; }
    .qb-evidence__console { grid-template-columns: 210px minmax(0, 1fr); }
    .qb-evidence__panel { grid-template-columns: 180px 38px minmax(0, 1fr); padding: 22px; }
    .qb-system-card figcaption { grid-template-columns: 1fr; gap: 6px; }
    .qb-plus-board, .qb-pulse-card { grid-template-columns: 1fr; }
    .qb-pulse-card__signal { min-height: 280px; }
    .qb-market-read-bento { grid-template-columns: 1fr 1fr; grid-template-areas: "market market" "transfer questions" "pattern pattern" "iraq babur" "sea sea" "tracks tracks"; }
    .qb-china-avatar-grid { min-height: 380px; }
    .qb-supplier-recorder ol, .qb-supplier-readout dl { grid-template-columns: 1fr; }
    .qb-supplier-recorder li, .qb-supplier-readout dl > div { min-height: 0; }
    .qb-supplier-outcomes { grid-template-columns: 1fr 1fr; }
    .qb-supplier-outcomes > div:nth-child(2) { border-right: 0; }
    .qb-supplier-outcomes > div:nth-child(-n+2) { border-bottom: 1px solid rgba(241,239,232,.12); }
    .qb-warfare-dossier { grid-template-columns: 1fr; }
    .qb-warfare-viewer { min-height: 620px; }
    .qb-warfare-index { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(241,239,232,.16); border-left: 0; }
    .qb-warfare-index__head { grid-column: 1 / 3; }
    .qb-warfare-tab:nth-child(odd) { border-right: 1px solid rgba(241,239,232,.14); }
    .qb-warfare-method { grid-template-columns: repeat(5,minmax(150px,1fr)); overflow-x: auto; }
    .qb-warfare-outcomes__grid { grid-template-columns: 1fr 1fr; }
    .qb-warfare-outcomes__grid > div:nth-child(2) { border-right: 0; }
    .qb-warfare-outcomes__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(241,239,232,.12); }

    .qb-knowledge-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .qb-knowledge-tab { flex: 0 0 176px; scroll-snap-align: start; }
    .qb-knowledge-panel { grid-template-columns: 242px minmax(0, 1fr); }
    .qb-archive-rail .qb-archive-card { min-height: 116px; padding-left: 13px; }
    .qb-knowledge-map { min-height: 535px; }
    .qb-graph-node-slot { width: 124px; }
    .qb-graph-node strong { font-size: 10px; }
    .qb-knowledge-avatar { width: min(48%, 380px); }
    .qb-knowledge-benefits { grid-template-columns: 1fr 1fr; }
    .qb-knowledge-benefits > div:nth-child(2) { border-right: 0; }
    .qb-knowledge-benefits > div:nth-child(-n+2) { border-bottom: 1px solid rgba(241,239,232,.12); }
}

@media (max-width: 720px) {
    .qb-hero--full { min-height: 0; padding: 64px 0 28px; }
    .qb-hero--plus.qb-hero--full { padding-bottom: 0; }
    .qb-hero--full .qb-display { font-size: clamp(38px, 11.4vw, 52px); }
    .qb-hero--full .qb-hero__proof { bottom: auto; width: calc(100% - 32px); grid-template-columns: 1fr; gap: 12px; margin-top: 28px; padding: 14px; }
    .qb-hero__proof-label { text-align: center; }
    .qb-hero--full .qb-hero__proof-logos { grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .qb-hero--full .qb-hero__proof-logos img { max-width: 58px; max-height: 18px; }
    .qb-hero--full .qb-hero__rail { width: 100%; margin-top: 20px; }
    .qb-hero__rail-item { padding: 13px 18px; }
    .qb-hero__rail-value { font-size: 15px; }

    .qb-evidence { padding: 68px 0; }
    .qb-evidence__intro { grid-template-columns: 1fr; gap: 14px; margin-bottom: 26px; }
    .qb-evidence__intro .qb-lede { font-size: 16px; }
    .qb-evidence__console { display: block; overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .qb-evidence__tabs { display: flex; overflow-x: auto; border: 1px solid var(--qb-line); scroll-snap-type: x mandatory; }
    .qb-evidence--market .qb-evidence__tabs { border-color: rgba(241,239,232,.18); }
    .qb-evidence__tab { min-width: 210px; flex: 0 0 72vw; border-bottom: 0; border-right: 1px solid var(--qb-line); scroll-snap-align: start; }
    .qb-evidence--market .qb-evidence__tab { border-right-color: rgba(241,239,232,.14); }
    .qb-evidence__panels { border: 1px solid var(--qb-line); border-top: 0; background: #fff; }
    .qb-evidence--market .qb-evidence__panels { border-color: rgba(241,239,232,.18); background: #0e110f; }
    .qb-evidence__panel { min-height: 0; grid-template-columns: 1fr; gap: 20px; padding: 20px; }
    .qb-evidence__layers { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
    .qb-evidence__micro-label { grid-column: 1 / -1; }
    .qb-evidence__layer { margin: -1px 0 0 -1px; transform: none; }
    .qb-evidence__layer::after, .qb-evidence__feed { display: none; }
    .qb-system-card__image { height: 220px; }
    .qb-system-card figcaption { grid-template-columns: 1fr; }

    .qb-section__head--tight .qb-lede { font-size: 16px; }
    .qb-plus-board { display: block; }
    .qb-cadence-card, .qb-pulse-card__copy, .qb-pulse-card__signal { padding: 24px 20px; }
    .qb-cadence-card__metric strong { font-size: 72px; }
    .qb-cadence-card__ledger div { grid-template-columns: 25px 1fr; }
    .qb-cadence-card__ledger small { grid-column: 2; }
    .qb-pulse-card__signal { min-height: 250px; }

    .qb-market-read-bento { grid-template-columns: 1fr; grid-template-areas: "market" "transfer" "questions" "pattern" "iraq" "babur" "sea" "tracks"; gap: 9px; padding: 9px; }
    body.page-template-template-quwa-pro article.qb-supplier-exposure { padding: 25px 20px 22px !important; }
    .qb-supplier-exposure h3 { font-size: 31px; }
    .qb-china-avatar-grid { min-height: 410px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3,minmax(128px,1fr)); }
    .qb-china-avatar-grid img { padding: 12px 7px 24px; }
    .qb-supplier-recorder { padding: 22px 20px; }
    .qb-supplier-readout { padding: 25px 20px 22px; }
    .qb-supplier-divergence__lead { grid-template-columns: 1fr; gap: 12px; }
    body.page-template-template-quwa-pro article.qb-supplier-divergence__lead { padding: 30px 24px !important; }
    .qb-supplier-case { padding: 0; }
    .qb-supplier-case__media { height: 176px; }
    .qb-supplier-outcomes-head { display: block; padding: 15px 20px; }
    .qb-supplier-outcomes-head p { margin-top: 5px; }
    .qb-supplier-outcomes { grid-template-columns: 1fr; }
    .qb-supplier-outcomes > div { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(241,239,232,.12); padding: 20px; }
    .qb-supplier-outcomes > div:last-child { border-bottom: 0; }
    .qb-warfare-viewer { min-height: 560px; }
    .qb-warfare-viewer__chrome { top: 18px; right: 18px; left: 18px; font-size: 9.5px; }
    .qb-warfare-viewer__copy { right: 22px; bottom: 24px; left: 22px; }
    .qb-warfare-viewer__copy h3 { font-size: 35px; }
    .qb-warfare-viewer__copy p { font-size: 14.5px; }
    .qb-warfare-index { grid-template-columns: 1fr; }
    .qb-warfare-index__head { grid-column: auto; }
    .qb-warfare-tab { min-height: 125px; grid-template-columns: 105px 1fr; }
    .qb-warfare-tab:nth-child(odd) { border-right: 0; }
    .qb-warfare-tab img { width: 105px; }
    .qb-warfare-method { grid-template-columns: 1fr; overflow: visible; }
    .qb-warfare-method > div { border-right: 0; border-bottom: 1px solid rgba(241,239,232,.14); }
    .qb-warfare-method > div:last-child { border-bottom: 0; }
    .qb-warfare-outcomes__head { display: block; padding: 18px 20px; }
    .qb-warfare-outcomes__head p { margin-top: 7px; text-align: left; }
    .qb-warfare-outcomes__grid { grid-template-columns: 1fr; }
    .qb-warfare-outcomes__grid > div { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(241,239,232,.12); padding: 20px; }
    .qb-warfare-outcomes__grid > div:last-child { border-bottom: 0; }

    .qb-knowledge { padding: 66px 0; }
    .qb-knowledge__intro .qb-h2 { font-size: clamp(38px, 11vw, 52px); }
    .qb-knowledge-console { margin-inline: -4px; }
    .qb-knowledge-tab { min-height: 94px; flex-basis: 176px; }
    .qb-knowledge-panel { min-height: 0; display: block; }
    .qb-archive-rail { border-right: 0; border-bottom: 1px solid rgba(241,239,232,.16); padding: 17px 14px 16px; }
    .qb-archive-rail::after,
    .qb-archive-rail .qb-archive-card::after { display: none; }
    .qb-archive-rail__stack { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 4px; scroll-snap-type: x mandatory; }
    .qb-archive-rail .qb-archive-card { min-width: 238px; min-height: 104px; flex: 0 0 72vw; padding: 14px 28px 14px 13px; scroll-snap-align: start; }
    .qb-archive-rail > p { margin: 12px 0 0; padding: 0; }
    .qb-cluster-panel { min-height: 0; }
    .qb-knowledge-map { min-height: 636px; }
    .qb-knowledge-map__lines { opacity: .52; }
    .qb-knowledge-map__terrain { bottom: -18%; height: 45%; }
    .qb-knowledge-avatar { top: 23%; width: 86%; height: 200px; }
    .qb-knowledge-map__nodes { inset: 46% 12px 12px; display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 7px; }
    .qb-graph-node-slot { position: relative; left: auto; top: auto; width: auto; transform: none; }
    .qb-graph-node { width: 100%; min-height: 52px; padding: 8px 20px 8px 10px; }
    .qb-graph-node strong { font-size: 10.5px; }
    .qb-knowledge-stage__thesis { grid-template-columns: 1fr; gap: 8px; padding: 16px 15px 18px; }
    .qb-knowledge-benefits { grid-template-columns: 1fr 1fr; }
    .qb-knowledge-benefits > div { min-height: 126px; grid-template-columns: 20px 1fr; padding: 13px 10px; }
    .qb-knowledge-benefits strong { font-size: 14px; }
    .qb-knowledge-benefits small { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .qb-evidence__panel { animation: none; }
}

/* Mixed-sector proof: one verified audience statement and five selected marks. */
.qb-hero--full .qb-hero__proof--mixed {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
    padding: 19px 24px 21px;
    text-align: center;
}

.qb-hero__proof--mixed .qb-hero__proof-label {
    max-width: 760px;
    margin-inline: auto;
    font-size: 9.5px;
    line-height: 1.55;
    text-align: center;
}

.qb-hero__proof--mixed .qb-hero__proof-logos {
    display: flex;
    width: min(720px, 100%);
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 30px;
    margin-inline: auto;
}

.qb-hero__proof--mixed .qb-hero__proof-logos img {
    width: 100px;
    max-width: 100px;
    max-height: 22px;
}

@media (max-width: 720px) {
    .qb-hero--full .qb-hero__proof--mixed {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .qb-hero__proof--mixed .qb-hero__proof-label {
        max-width: 330px;
        margin-inline: auto;
        font-size: 9px;
        line-height: 1.55;
    }

    .qb-hero--full .qb-hero__proof--mixed .qb-hero__proof-logos {
        width: 100%;
        gap: 12px 18px;
    }

    .qb-hero--full .qb-hero__proof--mixed .qb-hero__proof-logos img {
        width: 70px;
        max-width: 54px;
        max-height: 18px;
    }
}

/* Quwa Plus reader-membership conversion system. */
.qb-enrol--plus::before {
    position: absolute;
    inset: 0;
    opacity: .55;
    background-image:
        linear-gradient(rgba(7,63,66,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7,63,66,.035) 1px, transparent 1px),
        radial-gradient(circle at 12% 9%, rgba(31,156,172,.13), transparent 28%);
    background-size: 40px 40px, 40px 40px, auto;
    content: "";
    pointer-events: none;
}
.qb-enrol--plus > .qb-shell { position: relative; z-index: 1; }
.qb-enrol--plus .qb-enrol__grid {
    grid-template-columns: minmax(0,1.16fr) minmax(400px,.74fr);
    gap: clamp(48px,6.5vw,82px);
}
.qb-enrol--plus .qb-eyebrow { color: var(--qb-teal); }
.qb-enrol--plus .qb-h2 { max-width: 760px; color: var(--qb-teal-deep); }
.qb-enrol__offer--plus { max-width: 720px; margin: 22px 0 0; color: #49615e; }
.qb-enrol__offer--plus-summary { margin-top: 26px; color: #334d49; }

.qb-plus-rate {
    max-width: 720px;
    margin: 36px 0 0;
    overflow: hidden;
    border: 1px solid rgba(7,63,66,.36);
    background: #fff;
    box-shadow: 0 24px 58px rgba(7,63,66,.12);
}
.qb-plus-rate__price,
.qb-plus-rate__cadence { padding: 27px 30px 26px; }
.qb-plus-rate__price { background: linear-gradient(135deg,#fff,#edf7f5); }
.qb-plus-rate__cadence { color: #fff; background: var(--qb-teal-deep); }
.qb-plus-rate__label,
.qb-plus-rate__note { margin: 0; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.qb-plus-rate__label { color: var(--qb-teal); font-size: 11px; }
.qb-plus-rate__cadence .qb-plus-rate__label { color: #7cdbd7; }
.qb-plus-rate__amount,
.qb-plus-rate__metric { display: flex; align-items: flex-end; gap: 15px; margin: 16px 0 12px; }
.qb-plus-rate__amount strong { color: var(--qb-teal-deep); font: 700 clamp(60px,6.5vw,84px)/.82 var(--qb-display); letter-spacing: -.065em; }
.qb-plus-rate__amount span { padding-bottom: 5px; color: #536b68; font-size: 15px; font-weight: 700; }
.qb-plus-rate__metric strong { color: #7cdbd7; font: 700 clamp(62px,6.7vw,88px)/.82 var(--qb-display); letter-spacing: -.06em; }
.qb-plus-rate__metric span { max-width: 260px; padding-bottom: 5px; color: #fff; font: 700 clamp(19px,2vw,25px)/1.08 var(--qb-display); }
.qb-plus-rate__note { color: #677d79; font-size: 10px; line-height: 1.45; }
.qb-plus-rate__cadence .qb-plus-rate__note { max-width: 560px; color: #b8d5d1; }
.qb-plus-rate__bridge {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    color: #fff;
    background: var(--qb-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
    text-align: center;
    text-transform: uppercase;
}
.qb-plus-rate__bridge::after { margin-left: 8px; content: "↓"; }

.qb-enrol__includes-title--plus { margin-top: 34px; color: var(--qb-teal); }
.qb-enrol--plus .qb-enrol__includes--plus {
    max-width: 720px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
    border: 1px solid rgba(7,63,66,.2);
    background: rgba(255,255,255,.72);
}
.qb-enrol--plus .qb-enrol__includes--plus li {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(7,63,66,.14);
    padding: 16px 18px;
    color: #193f3d;
    font-size: 17px;
    line-height: 1.4;
}
.qb-enrol--plus .qb-enrol__includes--plus li:last-child { border-bottom: 0; }
.qb-enrol--plus .qb-enrol__includes--plus li::before {
    position: static;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(15,111,112,.48);
    color: var(--qb-teal);
    font-size: 12px;
}

.qb-enrol__rail--plus { gap: 28px; }
.qb-enrol--plus .qb-checkout {
    border: 1px solid rgba(7,63,66,.22);
    border-top: 7px solid var(--qb-teal-deep);
    box-shadow: 0 22px 55px rgba(7,63,66,.13);
}
.qb-enrol--plus .qb-checkout__badge { color: #fff; background: var(--qb-teal-deep); }
.qb-enrol--plus .qb-checkout__title { color: var(--qb-teal-deep); }
.qb-enrol--plus .qb-checkout__note { font-size: 15px; line-height: 1.55; }
.qb-enrol--plus .qb-checkout__facts { border-color: #c7dcd8; }
.qb-enrol--plus .qb-checkout__facts > div { border-color: #c7dcd8; }
.qb-enrol--plus .qb-checkout__facts strong { color: var(--qb-teal-deep); }
.qb-enrol--plus .qb-checkout input[type="submit"],
.qb-enrol--plus .qb-checkout button[type="submit"] { background: var(--qb-teal-deep); }
.qb-checkout--plus-purchase { background: #fff; box-shadow: 0 30px 70px rgba(7,63,66,.18) !important; }
.qb-checkout--plus-learn { border-top-color: var(--qb-teal) !important; }
.qb-checkout--plus-help { border-top-width: 4px !important; background: #e9f5f3 !important; }
.qb-enrol--plus .qb-lead__message { margin-top: 10px; text-align: left; }
.qb-enrol__mark--plus {
    min-height: 170px;
    border: 0;
    margin-top: clamp(58px,7vw,90px);
    padding: 28px;
    background: var(--qb-teal-deep);
    box-shadow: 0 22px 56px rgba(7,63,66,.15);
}
.qb-enrol__mark--plus img { width: clamp(88px,8vw,118px); }

@media (max-width: 980px) {
    .qb-enrol--plus .qb-enrol__grid { grid-template-columns: 1fr; }
    .qb-enrol__rail--plus { max-width: 680px; }
}

@media (max-width: 620px) {
    .qb-plus-rate { margin-top: 28px; }
    .qb-plus-rate__price,
    .qb-plus-rate__cadence { padding: 23px 20px 22px; }
    .qb-plus-rate__amount,
    .qb-plus-rate__metric { align-items: flex-start; flex-direction: column; gap: 9px; }
    .qb-plus-rate__amount strong,
    .qb-plus-rate__metric strong { font-size: clamp(58px,18vw,74px); }
    .qb-plus-rate__amount span,
    .qb-plus-rate__metric span { padding-bottom: 0; }
    .qb-plus-rate__bridge { font-size: 9px; }
    .qb-enrol--plus .qb-enrol__includes--plus li { padding: 15px 14px; font-size: 16px; }
    .qb-enrol__mark--plus { min-height: 138px; margin-top: 48px; }
}

/* Market Intelligence price-change and loyalty-rate framing. */
.qb-price-lock {
    max-width: 720px;
    margin: 38px 0 24px;
    border: 1px solid rgba(14,17,15,.62);
    background: rgba(255,255,255,.08);
    box-shadow: 0 18px 42px rgba(70,48,7,.12);
}
.qb-price-lock__future,
.qb-price-lock__loyalty { padding: 25px 28px 24px; }
.qb-price-lock__future { background: rgba(255,255,255,.14); }
.qb-price-lock__loyalty { color: var(--qb-warm); background: var(--qb-carbon); }
.qb-price-lock__label,
.qb-price-lock__date { margin: 0; font-family: var(--qb-mono); font-weight: 650; letter-spacing: .095em; text-transform: uppercase; }
.qb-price-lock__label { color: #4e3a17; font-size: 11px; line-height: 1.35; }
.qb-price-lock__loyalty .qb-price-lock__label { color: #e5c46e; }
.qb-price-lock__amount { display: flex; align-items: baseline; gap: 13px; margin: 13px 0 15px; }
.qb-price-lock__amount strong {
    position: relative;
    display: inline-block;
    color: inherit;
    font: 700 clamp(62px,6.2vw,84px)/.84 var(--qb-display);
    letter-spacing: -.06em;
}
.qb-price-lock__amount span { font-size: 15px; font-weight: 600; white-space: nowrap; }
.qb-price-lock__amount--future strong::after {
    position: absolute;
    top: 49%;
    right: -3%;
    left: -3%;
    height: 4px;
    background: var(--qb-carbon);
    box-shadow: 0 1px 0 rgba(255,255,255,.18);
    transform: rotate(-7deg);
    transform-origin: center;
    content: "";
}
.qb-price-lock__date {
    display: inline-block;
    border: 1px solid currentColor;
    padding: 7px 9px;
    color: #4e3a17;
    font-size: 10px;
    line-height: 1.3;
}
.qb-price-lock__loyalty .qb-price-lock__date { color: #e9ddbd; }
.qb-price-lock__bridge {
    position: relative;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--qb-gold);
    background: #23251f;
    font: 650 10px/1 var(--qb-mono);
    letter-spacing: .11em;
    text-transform: uppercase;
}
.qb-price-lock__bridge::after { margin-left: 8px; content: "↓"; }
.qb-price-lock__bridge span { display: inline; }
.qb-enrol__offer { max-width: 700px; margin: 0; font-size: 17px; line-height: 1.62; }
.qb-enrol__offer strong { font-weight: 750; }
.qb-enrol__includes-title {
    max-width: 720px;
    margin: 34px 0 9px;
    color: #4e3a17;
    font: 700 12px/1.3 var(--qb-mono);
    letter-spacing: .09em;
    text-transform: uppercase;
}
.qb-enrol--market .qb-enrol__includes--platform {
    display: grid;
    max-width: 720px;
    grid-template-columns: 1fr;
    gap: 0;
    border: 1px solid rgba(14,17,15,.27);
    margin-top: 0;
    background: rgba(255,255,255,.07);
}
.qb-enrol--market .qb-enrol__includes--platform li {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0 10px;
    border-bottom: 1px solid rgba(14,17,15,.2);
    padding: 16px 18px;
    font-size: 17px;
    line-height: 1.45;
}
.qb-enrol--market .qb-enrol__includes--platform li:last-child { border-bottom: 0; }
.qb-enrol--market .qb-enrol__includes--platform li::before { position: static; grid-column: 1; grid-row: 1; font-weight: 700; }
.qb-enrol__includes--platform li > span { grid-column: 2; }
.qb-enrol__includes--platform li > small { grid-column: 3; border: 1px solid rgba(14,17,15,.42); padding: 6px 8px; font: 700 9px/1 var(--qb-mono); letter-spacing: .07em; white-space: nowrap; text-transform: uppercase; }
.qb-enrol__includes--platform li.is-coming::before { content: "→"; }
.qb-enrol__mark {
    display: grid;
    place-items: center;
    border-top: 1px solid rgba(14,17,15,.27);
    margin-top: clamp(58px,7vw,92px);
    padding-top: clamp(30px,3.4vw,44px);
}
.qb-enrol__mark img { width: clamp(96px,8vw,126px); height: auto; display: block; }

.qb-checkout--founding,
.qb-checkout--purchase { border-top-width: 7px; }
.qb-checkout--learn { box-shadow: 0 20px 46px rgba(56,38,7,.16); }
.qb-checkout--learn .qb-checkout__facts strong { font-size: 16px; }
.qb-checkout--purchase { box-shadow: 0 30px 70px rgba(0,0,0,.26); }
.qb-checkout--purchase .qb-checkout__note { font-size: 15px; line-height: 1.55; }
.qb-checkout__memberpress { margin-top: 22px; }
.qb-checkout__memberpress .mepr-form { margin: 0; }
.qb-checkout__memberpress .mp-form-row,
.qb-checkout__memberpress .mepr_username_row,
.qb-checkout__memberpress .mepr_email_row,
.qb-checkout__memberpress .mepr_password_row { margin-bottom: 14px; }
.qb-checkout__memberpress .mepr-submit-row { margin: 18px 0 0; }
.qb-checkout__memberpress label { margin-bottom: 7px; font-size: 13px; }
.qb-checkout__memberpress input[type="text"],
.qb-checkout__memberpress input[type="email"],
.qb-checkout__memberpress input[type="password"] { min-height: 52px; font-size: 16px; }
.qb-checkout__memberpress input[type="submit"],
.qb-checkout__memberpress button[type="submit"] { min-height: 56px; }
.qb-checkout--request {
    border: 1px solid rgba(14,17,15,.42);
    border-top: 4px solid var(--qb-carbon);
    background: #f7f1e3;
    box-shadow: 0 18px 42px rgba(56,38,7,.13);
}
.qb-checkout__badge {
    display: inline-block;
    margin: 0 0 18px;
    padding: 6px 9px;
    color: #f5e3b5;
    background: var(--qb-carbon);
    font: 600 9px/1 var(--qb-mono);
    letter-spacing: .09em;
    text-transform: uppercase;
}
.qb-checkout__facts { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #d6dbd7; margin: 4px 0 22px; }
.qb-checkout__facts > div { min-width: 0; border-right: 1px solid #d6dbd7; padding: 13px 10px; }
.qb-checkout__facts > div:last-child { border-right: 0; }
.qb-checkout__facts strong { display: block; margin-bottom: 3px; font: 700 19px/1 var(--qb-display); letter-spacing: -.025em; }
.qb-checkout__facts span { display: block; color: #68726e; font-size: 9px; line-height: 1.25; text-transform: uppercase; }
.qb-checkout__form { display: grid; gap: 8px; }
.qb-checkout__form label { margin: 0; }
.qb-checkout__form button[disabled] { opacity: .65; cursor: wait; }
.qb-checkout--founding .qb-lead__message { margin: 10px 0 0; text-align: left; }

@media (max-width: 620px) {
    .qb-price-lock { margin-top: 28px; }
    .qb-price-lock__future,
    .qb-price-lock__loyalty { padding: 22px 20px 21px; }
    .qb-price-lock__amount { align-items: flex-start; flex-direction: column; gap: 8px; }
    .qb-price-lock__amount strong { font-size: clamp(54px,17vw,70px); }
    .qb-price-lock__amount span { font-size: 14px; }
    .qb-price-lock__bridge { font-size: 9px; }
    .qb-enrol__offer { font-size: 17px; }
    .qb-checkout__facts > div { padding-inline: 7px; }
    .qb-checkout__facts strong { font-size: 17px; }
    .qb-checkout__facts span { font-size: 8px; }
    .qb-enrol__rail { gap: 24px; }
    .qb-checkout--purchase .qb-checkout__note { font-size: 14px; }
    .qb-enrol--market .qb-enrol__includes--platform li { grid-template-columns: 23px minmax(0, 1fr); padding: 15px 14px; font-size: 16px; }
    .qb-enrol__includes--platform li > small { grid-column: 2; justify-self: start; margin-top: 9px; }
    .qb-enrol__mark { margin-top: 48px; padding-top: 26px; }
    .qb-enrol__mark img { width: 92px; }
}

/* Quwa Plus v48: focused five-section reader-membership page. */
.qp {
    --qp-teal-950: #052f32;
    --qp-teal-900: #073f42;
    --qp-teal-800: #0a5558;
    --qp-teal-600: #148184;
    --qp-teal-400: #66c6c4;
    --qp-teal-100: #dff2ef;
    --qp-teal-050: #f1f9f7;
    --qp-ink: #102321;
    --qp-muted: #526763;
    --qp-rule: #cfe1dd;
    color: var(--qp-ink);
    background: #fff;
}

.qp .qp-eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 20px;
    color: var(--qp-teal-600);
    font: 600 13px/1.3 var(--qb-text);
    letter-spacing: .015em;
    text-transform: none;
}

.qp .qp-eyebrow::before {
    width: 27px;
    height: 2px;
    flex: 0 0 auto;
    background: currentColor;
    content: "";
}

.qp h1,
.qp h2,
.qp h3 { text-wrap: balance; }

.qp-hero {
    position: relative;
    min-height: 742px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: clamp(76px, 8vw, 116px) 0 0;
    color: #fff;
    background: var(--qp-teal-950);
    isolation: isolate;
}

.qp-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(3, 28, 30, .94) 0%, rgba(4, 38, 40, .86) 45%, rgba(4, 38, 40, .52) 72%, rgba(4, 38, 40, .72) 100%),
        linear-gradient(180deg, rgba(3, 28, 30, .08), rgba(3, 28, 30, .72));
    content: "";
}

.qp-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 58px 58px;
    content: "";
    mask-image: linear-gradient(90deg, #0000, #000 62%, #0000);
}

.qp-hero__background,
.qp-hero__background picture,
.qp-hero__background img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }
.qp-hero__background img { object-fit: cover; object-position: center; filter: saturate(.74) contrast(1.06); }

.qp-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, .62fr);
    gap: clamp(42px, 7vw, 94px);
    align-items: center;
    padding-bottom: clamp(68px, 7vw, 88px);
}

.qp-hero__copy { max-width: 800px; }
.qp-hero .qp-eyebrow { color: #8bd7d2; }
.qp-hero h1 {
    max-width: 820px;
    margin: 0 0 25px;
    font: 700 clamp(48px, 6.2vw, 78px)/.98 var(--qb-display);
    letter-spacing: -.052em;
}
.qp-hero__lede {
    max-width: 690px;
    margin: 0;
    color: #d7e8e5;
    font-size: clamp(18px, 1.7vw, 22px);
    line-height: 1.55;
}

.qp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.qp-button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.qp-button:hover { transform: translateY(-2px); }
.qp-button:focus-visible { outline: 3px solid #8bd7d2; outline-offset: 3px; }
.qp a.qp-button--light { color: var(--qp-teal-950); background: #fff; }
.qp-button--light:hover { background: #eaf7f5; }
.qp a.qp-button--ghost { border-color: rgba(255, 255, 255, .48); color: #fff; background: rgba(5, 47, 50, .32); }
.qp-button--ghost:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }

.qp-membership-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .28);
    padding: 28px;
    background: rgba(5, 47, 50, .76);
    box-shadow: 0 26px 65px rgba(0, 0, 0, .26);
    backdrop-filter: blur(12px);
}
.qp-membership-card::after {
    position: absolute;
    top: -44px;
    right: -44px;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(139, 215, 210, .32);
    border-radius: 50%;
    content: "";
}
.qp-membership-card__label { margin: 0; color: #8bd7d2; font-size: 13px; font-weight: 600; }
.qp-membership-card__price { display: flex; align-items: flex-end; gap: 14px; margin: 20px 0 23px; }
.qp-membership-card__price strong { font: 700 clamp(51px, 5vw, 66px)/.82 var(--qb-display); letter-spacing: -.06em; }
.qp-membership-card__price span { padding-bottom: 2px; color: #bed8d5; font-size: 12px; font-weight: 600; line-height: 1.32; }
.qp-membership-card__line { height: 1px; background: rgba(255, 255, 255, .2); }
.qp-membership-card ul { margin: 0; padding: 0; list-style: none; }
.qp-membership-card li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .16); padding: 18px 0 17px 25px; }
.qp-membership-card li:last-child { border-bottom: 0; padding-bottom: 0; }
.qp-membership-card li::before { position: absolute; top: 19px; left: 0; color: #8bd7d2; content: "✓"; font-weight: 700; }
.qp-membership-card li strong,
.qp-membership-card li span { display: block; }
.qp-membership-card li strong { margin-bottom: 3px; font: 700 16px/1.25 var(--qb-display); }
.qp-membership-card li span { color: #bad1ce; font-size: 13px; line-height: 1.4; }

.qp-proof {
    display: grid;
    grid-template-columns: minmax(180px, .48fr) minmax(0, 1fr);
    gap: 34px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .18);
    padding: 25px 0 27px;
}
.qp-proof > p { margin: 0; color: #b8d3cf; font-size: 13px; }
.qp-proof__logos { display: grid; grid-template-columns: repeat(5, minmax(70px, 1fr)); gap: 25px; align-items: center; }
.qp-proof__logos img { width: 100%; max-width: 88px; max-height: 25px; margin-inline: auto; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .78; }

.qp-reporting { padding: clamp(82px, 8vw, 116px) 0; background: #fff; }
.qp-reporting__grid { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: clamp(48px, 7vw, 92px); align-items: center; }
.qp-reporting__intro h2,
.qp-context__head h2,
.qp-samples__head h2,
.qp-join__copy h2 {
    margin: 0 0 23px;
    font: 700 clamp(38px, 4.7vw, 60px)/1.01 var(--qb-display);
    letter-spacing: -.043em;
}
.qp-reporting__intro > p:last-child,
.qp-context__head > p:last-child,
.qp-samples__head > p,
.qp-join__copy > p {
    margin: 0;
    color: var(--qp-muted);
    font-size: 18px;
    line-height: 1.58;
}
.qp-reporting__visual { display: grid; grid-template-columns: 235px minmax(0, 1fr); border: 1px solid var(--qp-rule); box-shadow: 0 24px 65px rgba(5, 47, 50, .09); }
.qp-cadence { display: flex; flex-direction: column; justify-content: center; padding: 28px; color: #fff; background: var(--qp-teal-900); }
.qp-cadence > span { margin-bottom: auto; color: #8bd7d2; font-size: 13px; font-weight: 600; }
.qp-cadence > strong { margin-top: 58px; font: 700 94px/.72 var(--qb-display); letter-spacing: -.08em; }
.qp-cadence > p { margin: 19px 0 0; color: #c6ddda; font-size: 15px; font-weight: 600; line-height: 1.3; }
.qp-outcome-flow { margin: 0; padding: 0; list-style: none; }
.qp-outcome-flow li { display: grid; grid-template-columns: 38px 1fr; gap: 13px; border-bottom: 1px solid var(--qp-rule); padding: 24px 25px; }
.qp-outcome-flow li:last-child { border-bottom: 0; }
.qp-outcome-flow li > span { color: var(--qp-teal-600); font-size: 12px; font-weight: 600; }
.qp-outcome-flow strong { display: block; margin-bottom: 5px; font: 700 19px/1.2 var(--qb-display); }
.qp-outcome-flow p { margin: 0; color: var(--qp-muted); font-size: 14px; line-height: 1.48; }

.qp-context { padding: clamp(82px, 8vw, 116px) 0; color: #fff; background: var(--qp-teal-950); }
.qp-context .qp-eyebrow { color: #85d4d0; }
.qp-context__head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .65fr); gap: 50px; align-items: end; margin-bottom: 44px; }
.qp-context__head h2 { max-width: 670px; margin-bottom: 0; }
.qp-context__head > p:last-child { color: #b9d2cf; }
.qp-context__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.qp-pulse,
.qp-archive { position: relative; min-width: 0; min-height: 525px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, .17); padding: clamp(28px, 3.5vw, 43px); }
.qp-pulse { background: linear-gradient(150deg, rgba(20, 129, 132, .24), transparent 54%), #073b3e; }
.qp-archive { background: #f2faf8; color: var(--qp-ink); }
.qp-pulse__topline,
.qp-archive__label { margin: 0 0 52px; font-size: 13px; font-weight: 600; }
.qp-pulse__topline { display: flex; align-items: center; gap: 9px; color: #8bd7d2; }
.qp-pulse__topline span { width: 8px; height: 8px; border-radius: 50%; background: #79d3cf; box-shadow: 0 0 0 6px rgba(121, 211, 207, .12); }
.qp-archive__label { color: var(--qp-teal-600); }
.qp-pulse h3,
.qp-archive h3 { max-width: 530px; margin: 0 0 17px; font: 700 clamp(29px, 3.2vw, 43px)/1.03 var(--qb-display); letter-spacing: -.035em; }
.qp-pulse > p,
.qp-archive > p { max-width: 590px; margin: 0; color: #bdd4d1; font-size: 16px; line-height: 1.55; }
.qp-archive > p { color: var(--qp-muted); }
.qp-wave { height: 105px; display: flex; align-items: center; gap: 6px; margin: 37px 0 30px; overflow: hidden; }
.qp-wave i { width: 5px; height: var(--h); min-height: 13px; display: block; border-radius: 6px; background: linear-gradient(180deg, #93e0db, #238b8b); opacity: .9; animation: qp-wave 3.4s ease-in-out infinite alternate; }
.qp-wave i:nth-child(3n+1) { animation-delay: -.8s; }
.qp-wave i:nth-child(3n+2) { animation-delay: -1.6s; }
@keyframes qp-wave { 0% { transform: scaleY(.62); opacity: .5; } 100% { transform: scaleY(1); opacity: 1; } }
.qp-archive__trail { display: grid; gap: 0; margin: 31px 0 30px; border-top: 1px solid var(--qp-rule); }
.qp-archive__trail div { position: relative; display: grid; grid-template-columns: 98px 1fr; gap: 17px; border-bottom: 1px solid var(--qp-rule); padding: 15px 0 15px 22px; }
.qp-archive__trail div::before { position: absolute; top: 22px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--qp-teal-600); box-shadow: 0 0 0 4px rgba(20, 129, 132, .1); content: ""; }
.qp-archive__trail span { color: var(--qp-teal-600); font-size: 12px; font-weight: 600; }
.qp-archive__trail strong { font: 700 15px/1.3 var(--qb-display); }
.qp-context__outcome { margin-top: auto !important; border-top: 1px solid rgba(255, 255, 255, .17); padding-top: 20px; }
.qp-archive .qp-context__outcome { border-color: var(--qp-rule); }
.qp-context__outcome strong { color: #fff; }
.qp-archive .qp-context__outcome strong { color: var(--qp-teal-900); }

.qp-samples { padding: clamp(82px, 8vw, 116px) 0; background: #fff; }
.qp-samples__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .56fr); gap: 50px; align-items: end; margin-bottom: 40px; }
.qp-samples__head h2 { margin-bottom: 0; }
.qp-samples__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.qp-sample { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--qp-rule); color: inherit; background: #fff; text-decoration: none; transition: border-color .2s ease, transform .25s ease, box-shadow .25s ease; }
.qp-sample:hover { border-color: var(--qp-teal-600); transform: translateY(-5px); box-shadow: 0 22px 45px rgba(5, 47, 50, .1); }
.qp-sample:focus-visible { outline: 3px solid var(--qp-teal-400); outline-offset: 3px; }
.qp-sample__image { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--qp-teal-950); }
.qp-sample__image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(5, 47, 50, .55)); content: ""; }
.qp-sample__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--qb-ease); }
.qp-sample:hover .qp-sample__image img { transform: scale(1.04); }
.qp-sample__image span { position: absolute; z-index: 1; right: 13px; bottom: 13px; padding: 6px 9px; color: var(--qp-teal-950); background: #fff; font-size: 11px; font-weight: 600; }
.qp-sample__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.qp-sample__body > p { margin: 0 0 13px; color: var(--qp-teal-600); font-size: 12px; font-weight: 600; }
.qp-sample__body h3 { margin: 0 0 13px; font: 700 clamp(21px, 2vw, 27px)/1.09 var(--qb-display); letter-spacing: -.025em; }
.qp-sample__excerpt { margin: 0 0 23px; color: var(--qp-muted); font-size: 14px; line-height: 1.5; }
.qp-sample__body > strong { display: flex; justify-content: space-between; gap: 15px; margin-top: auto; border-top: 1px solid var(--qp-rule); padding-top: 16px; color: var(--qp-teal-800); font-size: 14px; }

.qp-join { position: relative; overflow: hidden; padding: clamp(82px, 8vw, 116px) 0; background: var(--qp-teal-050); }
.qp-join::before {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image: linear-gradient(rgba(5, 47, 50, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(5, 47, 50, .055) 1px, transparent 1px);
    background-size: 46px 46px;
    content: "";
    pointer-events: none;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
}
.qp-join__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr); gap: clamp(48px, 7vw, 90px); align-items: start; }
.qp-join__copy h2 { max-width: 720px; }
.qp-join__copy > p { max-width: 680px; }
.qp-join__price { display: flex; align-items: flex-end; gap: 15px; margin: 36px 0 29px; color: var(--qp-teal-900); }
.qp-join__price strong { font: 700 clamp(62px, 7vw, 91px)/.8 var(--qb-display); letter-spacing: -.07em; }
.qp-join__price span { padding-bottom: 3px; color: var(--qp-muted); font-size: 13px; font-weight: 600; line-height: 1.35; }
.qp-join__copy ul { max-width: 720px; margin: 0; padding: 0; list-style: none; }
.qp-join__copy li { position: relative; border-top: 1px solid var(--qp-rule); padding: 17px 0 17px 28px; color: #36504c; font-size: 16px; line-height: 1.48; }
.qp-join__copy li:last-child { border-bottom: 1px solid var(--qp-rule); }
.qp-join__copy li::before { position: absolute; top: 18px; left: 2px; color: var(--qp-teal-600); content: "✓"; font-weight: 700; }
.qp-join__copy li strong { color: var(--qp-teal-900); }
.qp-checkout { border: 1px solid rgba(5, 47, 50, .22); border-top: 7px solid var(--qp-teal-900); padding: clamp(26px, 3vw, 38px); background: #fff; box-shadow: 0 28px 68px rgba(5, 47, 50, .14); }
.qp-checkout__label { display: inline-block; margin: 0 0 19px; padding: 7px 10px; color: #fff; background: var(--qp-teal-900); font-size: 11px; font-weight: 600; }
.qp-checkout h3 { margin: 0 0 10px; color: var(--qp-teal-950); font: 700 clamp(28px, 3vw, 38px)/1.04 var(--qb-display); letter-spacing: -.03em; }
.qp-checkout > p:not(.qp-checkout__label):not(.qp-checkout__security) { margin: 0 0 22px; color: var(--qp-muted); font-size: 15px; line-height: 1.5; }
.qp-checkout__memberpress .mp-form-row { margin-bottom: 13px; }
.qp-checkout__memberpress label { display: block; margin-bottom: 6px; color: #38514d; font-size: 13px; font-weight: 600; }
.qp-checkout__memberpress input[type="text"],
.qp-checkout__memberpress input[type="email"],
.qp-checkout__memberpress input[type="password"] { width: 100%; min-height: 52px; border: 1px solid #bed4d0; border-radius: 0; padding: 11px 13px; color: var(--qp-ink); background: #fff; font-size: 16px; }
.qp-checkout__memberpress input:focus { border-color: var(--qp-teal-600); outline: 3px solid rgba(102, 198, 196, .24); }
.qp-checkout__memberpress input[type="submit"],
.qp-checkout__memberpress button[type="submit"] { width: 100%; min-height: 56px; border: 0; border-radius: 0; padding: 13px 18px; color: #fff; background: var(--qp-teal-900); font-weight: 600; cursor: pointer; }
.qp-checkout__memberpress input[type="submit"]:hover,
.qp-checkout__memberpress button[type="submit"]:hover { background: var(--qp-teal-800); }
.qp-checkout__security { margin: 15px 0 0; color: #6d807c; font-size: 12px; text-align: center; }

@media (max-width: 980px) {
    .qp-hero { min-height: 0; }
    .qp-hero__grid,
    .qp-reporting__grid,
    .qp-context__head,
    .qp-samples__head,
    .qp-join__grid { grid-template-columns: 1fr; }
    .qp-membership-card { max-width: 650px; }
    .qp-proof { grid-template-columns: 1fr; gap: 18px; }
    .qp-proof > p { text-align: center; }
    .qp-context__head,
    .qp-samples__head { gap: 19px; }
    .qp-samples__head > p { max-width: 700px; }
    .qp-checkout { max-width: 680px; }
}

@media (max-width: 760px) {
    .qp-hero { padding-top: 66px; }
    .qp-hero::before { background: linear-gradient(180deg, rgba(3, 28, 30, .76), rgba(3, 28, 30, .97) 67%); }
    .qp-hero__background img { object-position: center top; }
    .qp-hero__grid { gap: 34px; padding-bottom: 45px; }
    .qp-hero h1 { font-size: clamp(44px, 13vw, 62px); }
    .qp-membership-card { padding: 24px 20px; }
    .qp-proof__logos { grid-template-columns: repeat(5, minmax(46px, 1fr)); gap: 13px; }
    .qp-proof__logos img { max-width: 66px; max-height: 20px; }
    .qp-reporting__visual { grid-template-columns: 1fr; }
    .qp-cadence { min-height: 250px; }
    .qp-cadence > strong { margin-top: 45px; }
    .qp-context__grid { grid-template-columns: 1fr; }
    .qp-pulse,
    .qp-archive { min-height: 500px; }
    .qp-samples__grid { display: flex; overflow-x: auto; gap: 13px; margin-right: -24px; padding-right: 24px; padding-bottom: 12px; scroll-snap-type: x mandatory; }
    .qp-sample { min-width: min(85vw, 365px); flex: 0 0 min(85vw, 365px); scroll-snap-align: start; }
    .qp-actions { align-items: stretch; flex-direction: column; }
    .qp-button { width: 100%; }
}

@media (max-width: 520px) {
    .qp .qb-shell { width: min(100% - 32px, 1180px); }
    .qp .qp-eyebrow { font-size: 12px; }
    .qp-hero__lede,
    .qp-reporting__intro > p:last-child,
    .qp-context__head > p:last-child,
    .qp-samples__head > p,
    .qp-join__copy > p { font-size: 17px; }
    .qp-proof__logos { grid-template-columns: repeat(3, 1fr); row-gap: 20px; }
    .qp-proof__logos img { max-width: 75px; }
    .qp-outcome-flow li { padding: 21px 18px; }
    .qp-pulse,
    .qp-archive { min-height: 0; padding: 27px 21px; }
    .qp-pulse__topline,
    .qp-archive__label { margin-bottom: 37px; }
    .qp-context__outcome { margin-top: 35px !important; }
    .qp-archive__trail div { grid-template-columns: 82px 1fr; }
    .qp-join__price { align-items: flex-start; flex-direction: column; gap: 12px; }
    .qp-checkout { padding: 27px 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .qp-wave i { animation: none; }
    .qp-sample,
    .qp-sample__image img,
    .qp-button { transition: none; }
}

/* Quwa Plus base: editorial dossier and capability argument. */
.qp2 {
    --qp2-deep: #063b3e;
    --qp2-deeper: #032b2e;
    --qp2-teal: #0f7475;
    --qp2-bright: #65c8c3;
    --qp2-pale: #e7f4f1;
    --qp2-paper: #f6f8f5;
    --qp2-ink: #102522;
    --qp2-muted: #526762;
    --qp2-line: #cdded9;
    color: var(--qp2-ink);
    background: #fff;
}

.qp2 .qp2-label {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 20px;
    color: var(--qp2-teal);
    font: 600 13px/1.3 var(--qb-text);
    letter-spacing: .012em;
    text-transform: none;
}

.qp2 .qp2-label::before {
    width: 29px;
    height: 2px;
    flex: 0 0 auto;
    background: currentColor;
    content: "";
}

.qp2 h1,
.qp2 h2,
.qp2 h3 { text-wrap: balance; }

.qp2-hero {
    position: relative;
    min-height: 690px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: clamp(84px, 8vw, 118px);
    color: #fff;
    background: var(--qp2-deeper);
    isolation: isolate;
}

.qp2-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2, 29, 31, .97) 0%, rgba(3, 39, 41, .91) 46%, rgba(3, 39, 41, .35) 78%, rgba(3, 39, 41, .62) 100%),
        linear-gradient(180deg, rgba(3, 39, 41, .04), rgba(2, 29, 31, .83));
    content: "";
}

.qp2-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .21;
    background-image: linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 88px 100%;
    content: "";
    mask-image: linear-gradient(90deg, transparent, #000 60%, transparent);
}

.qp2-hero__background,
.qp2-hero__background picture,
.qp2-hero__background img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }
.qp2-hero__background img { object-fit: cover; object-position: center; filter: saturate(.72) contrast(1.08); }

.qp2-hero__inner { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-bottom: clamp(64px, 7vw, 92px); }
.qp2-hero__copy { max-width: 940px; }
.qp2-hero .qp2-label { color: #91dbd6; }
.qp2-hero h1 {
    max-width: 900px;
    margin: 0 0 26px;
    font: 700 clamp(51px, 6.5vw, 84px)/.96 var(--qb-display);
    letter-spacing: -.052em;
    color: #fff;
}
.qp2-hero__lede { max-width: 790px; margin: 0; color: #d6e7e4; font-size: clamp(18px, 1.75vw, 22px); line-height: 1.56; }

.qp2-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.qp2-button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.qp2 a.qp2-button--primary { color: var(--qp2-deeper); background: #fff; }
.qp2 a.qp2-button--secondary { border-color: rgba(255,255,255,.46); color: #fff; background: rgba(3,43,46,.36); }
.qp2-button:hover { transform: translateY(-2px); }
.qp2-button--primary:hover { background: var(--qp2-pale) !important; }
.qp2-button--secondary:hover { border-color: #fff !important; background: rgba(255,255,255,.08) !important; }
.qp2-button:focus-visible { outline: 3px solid #90dbd6; outline-offset: 3px; }

.qp2-featured {
    overflow: hidden;
    border-bottom: 1px solid var(--qp2-line);
    padding: clamp(72px, 7.5vw, 108px) 0 clamp(82px, 8vw, 118px);
    color: var(--qp2-ink);
    background:
        linear-gradient(90deg, rgba(9,111,111,.045) 1px, transparent 1px) 0 0 / 88px 100%,
        #f6faf9;
}
.qp2-featured__head { margin-bottom: clamp(40px,5vw,60px); }
.qp2-featured__head h2 {
    margin: 0 0 clamp(29px,3.5vw,42px);
    color: var(--qp2-deeper);
    font: 700 clamp(37px,4.7vw,58px)/1 var(--qb-display);
    letter-spacing: -.044em;
    text-align: center;
}
.qp2-proof__logos {
    max-width: 990px;
    display: grid;
    grid-template-columns: repeat(6,minmax(84px,1fr));
    gap: clamp(24px,3.5vw,50px);
    align-items: center;
    margin-inline: auto;
    border-top: 1px solid rgba(6,59,62,.16);
    border-bottom: 1px solid rgba(6,59,62,.16);
    padding: 29px clamp(4px,2vw,20px);
}
.qp2-proof__logos img { width: 100%; max-width: 102px; max-height: 28px; margin-inline: auto; object-fit: contain; filter: grayscale(1); opacity: .7; }
.qp2-proof__logos .qp2-proof__logo--france24 { width: auto; max-width: 42px; max-height: 47px; }
.qp2-proof__logos .qp2-proof__logo--dawn { max-width: 110px; max-height: 35px; }

.qp2-featured__videos {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: clamp(16px,2vw,25px);
}
.qp2-media-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(6,59,62,.16);
    color: var(--qp2-ink);
    background: #fff;
    box-shadow: 0 14px 40px rgba(6,59,62,.07);
    text-decoration: none;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.qp2-media-card:hover { transform: translateY(-5px); border-color: rgba(9,111,111,.55); box-shadow: 0 22px 50px rgba(6,59,62,.13); }
.qp2-media-card:focus-visible { outline: 3px solid var(--qp2-teal); outline-offset: 4px; }
.qp2-media-card__image { position: relative; overflow: hidden; aspect-ratio: 16/9; background: var(--qp2-deeper); }
.qp2-media-card__image::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(1,25,27,.35)); content: ""; }
.qp2-media-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .45s ease, filter .45s ease; }
.qp2-media-card:hover .qp2-media-card__image img { transform: scale(1.035); filter: saturate(1.06); }
.qp2-media-card__play {
    position: absolute;
    z-index: 1;
    right: 17px;
    bottom: 15px;
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 50%;
    color: var(--qp2-deeper);
    background: rgba(255,255,255,.94);
    box-shadow: 0 8px 22px rgba(0,0,0,.2);
}
.qp2-media-card__play svg { width: 23px; height: 23px; }
.qp2-media-card__copy { min-height: 192px; display: flex; flex: 1; flex-direction: column; padding: 24px 23px 22px; }
.qp2-media-card__outlet { margin-bottom: 12px; color: var(--qp2-teal); font-size: 12px; font-weight: 700; letter-spacing: .105em; text-transform: uppercase; }
.qp2-media-card__copy strong { color: var(--qp2-deeper); font: 700 clamp(19px,1.65vw,23px)/1.18 var(--qb-display); letter-spacing: -.025em; }
.qp2-media-card__watch { margin-top: auto; padding-top: 22px; color: #48635f; font-size: 13px; font-weight: 600; }
.qp2-media-card:hover .qp2-media-card__watch { color: var(--qp2-teal); }

.qp2-system,
.qp2-samples { padding: clamp(88px, 8vw, 122px) 0; background: #fff; }

.qp2-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(330px, .68fr);
    gap: clamp(48px, 7vw, 88px);
    align-items: end;
    margin-bottom: 43px;
}
.qp2-section-head h2,
.qp2-join__copy h2 {
    max-width: 800px;
    margin: 0;
    font: 700 clamp(39px, 4.9vw, 62px)/1 var(--qb-display);
    letter-spacing: -.044em;
}
.qp2-section-head > p,
.qp2-join__copy > p { margin: 0; color: var(--qp2-muted); font-size: 18px; line-height: 1.6; }

.qp2-dossier {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
    overflow: hidden;
    border: 1px solid var(--qp2-deep);
    color: #fff;
    background: var(--qp2-deeper);
}
.qp2-dossier__subject { min-width: 0; display: flex; flex-direction: column; margin: 0; border-right: 1px solid rgba(255,255,255,.17); }
.qp2-dossier__folio { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.16); padding: 18px 22px; }
.qp2-dossier__folio span { color: #83d3cf; font-size: 12px; font-weight: 600; }
.qp2-dossier__folio strong { font: 700 17px/1.2 var(--qb-display); }
.qp2-dossier__image {
    position: relative;
    min-height: 398px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 52% 46%, rgba(79,178,178,.2), transparent 36%),
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px, transparent 1px),
        #073b3e;
    background-size: auto, 38px 38px, 38px 38px, auto;
}
.qp2-dossier__image::before,
.qp2-dossier__image::after { position: absolute; z-index: 1; top: 50%; left: 50%; background: rgba(116,211,205,.24); content: ""; transform: translate(-50%,-50%); }
.qp2-dossier__image::before { width: 72%; height: 1px; }
.qp2-dossier__image::after { width: 1px; height: 68%; }
.qp2-dossier__image img { position: relative; z-index: 2; width: 94%; height: 360px; object-fit: contain; filter: grayscale(.22) saturate(.7) contrast(1.07) drop-shadow(0 22px 25px rgba(0,0,0,.4)); }
.qp2-dossier__subject figcaption { margin: 0; border-top: 1px solid rgba(255,255,255,.15); padding: 17px 22px; color: #b9cfcc; font-size: 13px; line-height: 1.5; }

.qp2-dossier__analysis { padding: 28px clamp(25px, 3.4vw, 42px) 31px; }
.qp2-dossier__analysis-label { margin: 0 0 23px; color: #86d5d0; font-size: 12px; font-weight: 600; }
.qp2-dossier__analysis ol { position: relative; margin: 0; padding: 0; list-style: none; }
.qp2-dossier__analysis ol::before { position: absolute; top: 17px; bottom: 17px; left: 15px; width: 1px; background: rgba(132,213,208,.35); content: ""; }
.qp2-dossier__analysis li { position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.14); padding: 15px 0; }
.qp2-dossier__analysis li:last-child { border-bottom: 0; }
.qp2-dossier__analysis li > span { position: relative; z-index: 1; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(132,213,208,.62); border-radius: 50%; color: #8edbd6; background: var(--qp2-deeper); font-size: 10px; font-weight: 600; }
.qp2-dossier__analysis strong { display: block; margin: 1px 0 4px; font: 700 17px/1.23 var(--qb-display); }
.qp2-dossier__analysis p { margin: 0; color: #b9cfcc; font-size: 13px; line-height: 1.48; }
.qp2-dossier > footer { grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.18); padding: 18px 22px; color: #d7e7e4; background: #0a484b; font-size: 14px; font-weight: 600; text-align: center; }

/* Quwa Plus v50: interactive reporting files. */
.qp2-topic-browser { overflow: hidden; border: 1px solid var(--qp2-deep); background: var(--qp2-deeper); box-shadow: 0 28px 68px rgba(3,43,46,.12); }
.qp2-topic-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid rgba(255,255,255,.18); background: #fff; }
.qp2-topic-tab {
    position: relative;
    min-width: 0;
    min-height: 96px;
    display: grid;
    place-items: center;
    border: 0;
    border-right: 1px solid var(--qp2-line);
    padding: 18px 38px;
    color: #375550;
    background: #fff;
    text-align: center;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease;
}
.qp2-topic-tab:last-child { border-right: 0; }
.qp2-topic-tab__index { position: absolute; top: 50%; left: 16px; color: var(--qp2-teal); font: 700 10px/1 var(--qb-text); transform: translateY(-50%); }
.qp2-topic-tab__label { display: grid; justify-items: center; gap: 1px; width: 100%; font: 700 17px/1.22 var(--qb-display); letter-spacing: -.01em; }
.qp2-topic-tab__label > span { display: block; white-space: nowrap; }
.qp2-topic-tab:hover { color: var(--qp2-deeper); background: var(--qp2-pale); }
.qp2-topic-tab.is-active { color: #fff; background: var(--qp2-deep); }
.qp2-topic-tab.is-active .qp2-topic-tab__index { color: #8ddbd6; }
.qp2-topic-tab:focus-visible { position: relative; z-index: 2; outline: 3px solid var(--qp2-bright); outline-offset: -3px; }
.qp2-topic-panel { display: grid; grid-template-columns: minmax(0,.84fr) minmax(430px,1.16fr); color: #fff; background: var(--qp2-deeper); animation: qp2-topic-in .35s var(--qb-ease) both; }
.qp2-topic-panel[hidden] { display: none; }
@keyframes qp2-topic-in { from { opacity: .2; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.qp2-topic-panel__subject { min-width: 0; display: flex; flex-direction: column; margin: 0; border-right: 1px solid rgba(255,255,255,.17); background: #063b3e; }
.qp2-topic-panel__folio { min-height: 67px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.16); padding: 16px 22px; }
.qp2-topic-panel__folio span { flex: 0 0 auto; color: #83d3cf; font-size: 12px; font-weight: 600; }
.qp2-topic-panel__folio strong { max-width: 330px; font: 700 18px/1.2 var(--qb-display); text-align: right; }
.qp2-topic-panel__image {
    position: relative;
    min-height: 335px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 52% 48%,rgba(91,195,189,.23),transparent 39%),
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
        #073b3e;
    background-size: auto,38px 38px,38px 38px,auto;
}
.qp2-topic-panel__image::before,
.qp2-topic-panel__image::after { position: absolute; top: 50%; left: 50%; background: rgba(116,211,205,.24); content: ""; transform: translate(-50%,-50%); }
.qp2-topic-panel__image::before { width: 76%; height: 1px; }
.qp2-topic-panel__image::after { width: 1px; height: 70%; }
.qp2-topic-panel__image img { position: relative; z-index: 1; width: 96%; height: 310px; object-fit: contain; filter: grayscale(.18) saturate(.74) contrast(1.06) drop-shadow(0 22px 24px rgba(0,0,0,.4)); }
.qp2-topic-panel__subject figcaption { min-height: 103px; margin: 0; border-top: 1px solid rgba(255,255,255,.15); padding: 20px 22px; color: #c9dcda; font-size: 16px; line-height: 1.52; }
.qp2-topic-panel__reporting { min-width: 0; padding: 28px clamp(25px,3vw,42px) 30px; }
.qp2-topic-panel__label { margin: 0 0 14px; color: #86d5d0; font-size: 12px; font-weight: 600; }
.qp2-topic-links { border-top: 1px solid rgba(255,255,255,.17); }
.qp2-topic-links > a { display: grid; grid-template-columns: 35px minmax(0,1fr) 24px; gap: 14px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.15); padding: 21px 0; color: #fff; text-decoration: none; transition: background-color .2s ease, padding .2s ease; }
.qp2-topic-links > a:hover { padding-inline: 10px; background: rgba(255,255,255,.055); }
.qp2-topic-links > a:focus-visible { outline: 3px solid #89d8d3; outline-offset: 3px; }
.qp2-topic-links__number { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(132,213,208,.58); border-radius: 50%; color: #8edbd6; font-size: 10px; font-weight: 600; }
.qp2-topic-links__body { min-width: 0; display: block; }
.qp2-topic-links__body small { display: block; margin-bottom: 5px; color: #86d5d0; font-size: 12px; font-weight: 600; }
.qp2-topic-links__body strong { display: block; margin-bottom: 6px; font: 700 20px/1.2 var(--qb-display); }
.qp2-topic-links__body > span { display: block; color: #bed3d0; font-size: 16px; line-height: 1.48; }
.qp2-topic-links__arrow { padding-top: 3px; color: #8edbd6; font-size: 20px; transition: transform .2s ease; }
.qp2-topic-links > a:hover .qp2-topic-links__arrow { transform: translate(2px,-2px); }
.qp2-topic-controls { min-height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; border-top: 1px solid rgba(255,255,255,.18); padding: 10px 16px; color: #d3e4e1; background: #0a484b; }
.qp2-topic-controls button { min-height: 42px; display: inline-flex; align-items: center; gap: 10px; border: 0; padding: 8px 10px; color: #fff; background: transparent; font-size: 14px; font-weight: 600; cursor: pointer; }
.qp2-topic-controls button:last-child { justify-self: end; }
.qp2-topic-controls button:hover { color: #9ce2de; }
.qp2-topic-controls button:focus-visible { outline: 3px solid #9ce2de; outline-offset: 2px; }
.qp2-topic-controls p { margin: 0; color: #c2d8d5; font-size: 13px; text-align: center; }
.qp2-topic-controls p span { color: #fff; font-weight: 700; }

.qp2-capability { padding: clamp(88px, 8vw, 122px) 0; color: #fff; background: var(--qp2-deep); }
.qp2-capability .qp2-label { color: #89d7d2; }
.qp2-section-head--light h2 { color: #fff; }
.qp2-section-head--light > p { color: #bed3d0; }
.qp2-capability__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); }
body.page-template-template-quwa-plus .qp2-capability__grid article {
    --qp2-module-gutter: clamp(22px,2.2vw,32px);
    min-width: 0;
    min-height: 530px;
    border-right: 1px solid rgba(255,255,255,.19);
    padding: 24px var(--qp2-module-gutter) 36px !important;
    color: #fff;
    background: transparent !important;
}
body.page-template-template-quwa-plus .qp2-capability__grid article:last-child { border-right: 0; }
body.page-template-template-quwa-plus .qp2-capability__grid article > span { display: block; margin-bottom: 18px; color: #87d5d0; font-size: 12px; font-weight: 600; }
.qp2-capability__avatar { position: relative; height: 180px; display: grid; place-items: center; overflow: hidden; margin: 0 0 30px; border: 1px solid rgba(255,255,255,.13); background: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),rgba(2,31,33,.31); background-size: 30px 30px; }
.qp2-capability__avatar::after { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%,rgba(88,194,188,.19),transparent 54%); content: ""; }
.qp2-capability__avatar img { position: relative; z-index: 1; width: 96%; height: 150px; object-fit: contain; filter: grayscale(.15) saturate(.72) drop-shadow(0 14px 16px rgba(0,0,0,.35)); }
.qp2-capability__avatar figcaption { position: absolute; z-index: 2; right: 10px; bottom: 9px; padding: 5px 7px; color: #d7e9e6; background: rgba(3,43,46,.81); font-size: 11px; font-weight: 600; }
.qp2-capability__grid h3 { margin: 0 0 20px; color: #fff; font: 700 clamp(25px, 2.7vw, 35px)/1.08 var(--qb-display); letter-spacing: -.032em; }
.qp2-capability__grid p { margin: 0; color: #c5d8d5; font-size: 17px; line-height: 1.58; }

.qp2-included { display: grid; grid-template-columns: .85fr repeat(3, 1.05fr); margin-top: 48px; border: 1px solid rgba(255,255,255,.2); }
.qp2-included > div { min-width: 0; border-right: 1px solid rgba(255,255,255,.16); padding: 30px clamp(24px,2vw,30px) 32px; }
.qp2-included > div:last-child { border-right: 0; }
.qp2-included strong { display: block; }
.qp2-included__eyebrow { display: block; margin-bottom: 14px; color: #8bd8d3; font-size: 12px; font-weight: 600; }
.qp2-included strong { max-width: 230px; font: 700 22px/1.1 var(--qb-display); }
.qp2-included__benefit { display: flex; flex-direction: column; align-items: flex-start; }
.qp2-included__icon { position: relative; width: 54px; height: 54px; display: grid; flex: 0 0 54px; place-items: center; margin-bottom: 25px; border: 1px solid rgba(139,216,211,.42); color: #9de1dd; background: linear-gradient(135deg,rgba(139,216,211,.13),rgba(139,216,211,.025)); }
.qp2-included__icon::before { position: absolute; inset: 6px; border: 1px solid rgba(139,216,211,.12); content: ""; }
.qp2-included__icon svg { position: relative; z-index: 1; width: 30px; height: 30px; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.qp2-included .qp2-included__benefit-title { max-width: none; margin: 0 0 15px; color: #fff; font: 700 21px/1.16 var(--qb-display); }
.qp2-included p { margin: 0; color: #c5d8d5; font-size: 16px; line-height: 1.58; }
.qp2-included__title { background: rgba(255,255,255,.055); }

.qp2-samples { background: var(--qp2-paper); }
.qp2-samples__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.qp2-sample { min-width: 0; display: flex; flex-direction: column; border-top: 4px solid var(--qp2-deep); color: inherit; background: #fff; text-decoration: none; transition: border-color .2s ease, transform .22s ease; }
.qp2-sample:hover { border-color: var(--qp2-teal); transform: translateY(-4px); }
.qp2-sample:focus-visible { outline: 3px solid var(--qp2-bright); outline-offset: 3px; }
.qp2-sample__image { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--qp2-deep); }
.qp2-sample__image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(2,35,37,.56)); content: ""; }
.qp2-sample__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--qb-ease); }
.qp2-sample:hover .qp2-sample__image img { transform: scale(1.035); }
.qp2-sample__image > span { position: absolute; z-index: 1; right: 13px; bottom: 13px; padding: 6px 9px; color: var(--qp2-deeper); background: #fff; font-size: 11px; font-weight: 600; }
.qp2-sample__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.qp2-sample__meta { margin: 0 0 14px; color: var(--qp2-teal); font-size: 13px; font-weight: 600; }
.qp2-sample h3 { min-height: 3.3em; display: -webkit-box; overflow: hidden; margin: 0 0 14px; font: 700 clamp(24px, 2.3vw, 30px)/1.1 var(--qb-display); letter-spacing: -.03em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.qp2-sample__outcome { min-height: 4.7em; display: -webkit-box; overflow: hidden; margin: 0 0 24px; color: var(--qp2-muted); font-size: 16px; line-height: 1.56; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.qp2-sample__body > strong { display: flex; justify-content: space-between; gap: 14px; margin-top: auto; border-top: 1px solid var(--qp2-line); padding-top: 16px; color: var(--qp2-teal); font-size: 14px; }

.qp2-join { position: relative; overflow: hidden; padding: clamp(88px, 8vw, 122px) 0; background: var(--qp2-pale); }
.qp2-join::before {
    position: absolute;
    inset: 0;
    opacity: .5;
    background-image: linear-gradient(rgba(6,59,62,.05) 1px, transparent 1px), linear-gradient(90deg,rgba(6,59,62,.05) 1px, transparent 1px);
    background-size: 48px 48px;
    content: "";
    pointer-events: none;
    mask-image: linear-gradient(90deg,#000,transparent 75%);
}
.qp2-join__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.72fr); gap: clamp(50px,7vw,94px); align-items: start; }
.qp2-join__copy h2 { max-width: 760px; }
.qp2-join__copy > p { max-width: 700px; margin-top: 23px; }
.qp2-price { display: flex; align-items: flex-end; gap: 15px; margin: 37px 0 31px; color: var(--qp2-deep); }
.qp2-price strong { font: 700 clamp(65px,7vw,92px)/.79 var(--qb-display); letter-spacing: -.072em; }
.qp2-price span { padding-bottom: 3px; color: var(--qp2-muted); font-size: 13px; font-weight: 600; line-height: 1.35; }
.qp2-join__copy ul { max-width: 720px; margin: 0; padding: 0; list-style: none; }
.qp2-join__copy li { position: relative; border-top: 1px solid var(--qp2-line); padding: 16px 0 16px 28px; color: #35504b; font-size: 16px; line-height: 1.47; }
.qp2-join__copy li:last-child { border-bottom: 1px solid var(--qp2-line); }
.qp2-join__copy li::before { position: absolute; top: 17px; left: 2px; color: var(--qp2-teal); content: "✓"; font-weight: 700; }

.qp2-checkout { border: 1px solid rgba(6,59,62,.24); border-top: 7px solid var(--qp2-deep); padding: clamp(27px,3vw,39px); background: #fff; box-shadow: 0 27px 64px rgba(6,59,62,.13); }
.qp2-checkout__label { display: inline-block; margin: 0 0 19px; padding: 7px 10px; color: #fff; background: var(--qp2-deep); font-size: 11px; font-weight: 600; }
.qp2-checkout h3 { margin: 0 0 10px; color: var(--qp2-deeper); font: 700 clamp(29px,3vw,39px)/1.04 var(--qb-display); letter-spacing: -.032em; }
.qp2-checkout > p:not(.qp2-checkout__label):not(.qp2-checkout__security) { margin: 0 0 22px; color: var(--qp2-muted); font-size: 16px; line-height: 1.55; }
.qp2-checkout__memberpress .mp-form-row { margin-bottom: 13px; }
.qp2-checkout__memberpress label { display: block; margin-bottom: 6px; color: #38514d; font-size: 13px; font-weight: 600; }
.qp2-checkout__memberpress input[type="text"],
.qp2-checkout__memberpress input[type="email"],
.qp2-checkout__memberpress input[type="password"] { width: 100%; min-height: 52px; border: 1px solid #bcd2cd; border-radius: 0; padding: 11px 13px; color: var(--qp2-ink); background: #fff; font-size: 16px; }
.qp2-checkout__memberpress input:focus { border-color: var(--qp2-teal); outline: 3px solid rgba(101,200,195,.23); }
.qp2-checkout__memberpress input[type="submit"],
.qp2-checkout__memberpress button[type="submit"] { width: 100%; min-height: 56px; border: 0; border-radius: 0; padding: 13px 18px; color: #fff; background: var(--qp2-deep); font-weight: 600; cursor: pointer; }
.qp2-checkout__memberpress input[type="submit"]:hover,
.qp2-checkout__memberpress button[type="submit"]:hover { background: var(--qp2-teal); }
.qp2-checkout__security { margin: 15px 0 0; color: #6c807b; font-size: 12px; text-align: center; }
.qp2-brief { margin-top: 28px; border-top: 1px solid var(--qp2-line); padding-top: 25px; }
.qp2-brief__label { margin: 0 0 8px; color: var(--qp2-teal); font-size: 13px; font-weight: 700; }
.qp2-brief h3 { margin: 0 0 8px; color: var(--qp2-deeper); font: 700 24px/1.08 var(--qb-display); letter-spacing: -.025em; }
.qp2-brief > p:not(.qp2-brief__label) { margin: 0 0 18px; color: var(--qp2-muted); font-size: 15px; line-height: 1.55; }
.qp2-brief__form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.qp2-brief__form input[type="email"] { min-width: 0; min-height: 50px; border: 1px solid #bfd4d0; border-radius: 0; padding: 11px 13px; color: var(--qp2-deeper); background: #fff; font: 400 16px/1.3 var(--qb-sans); }
.qp2-brief__form input[type="email"]:focus { border-color: var(--qp2-teal); outline: 3px solid rgba(14,119,123,.18); }
.qp2-brief__form button { min-height: 50px; border: 0; padding: 11px 18px; color: #fff; background: var(--qp2-deep); font: 700 14px/1 var(--qb-sans); cursor: pointer; }
.qp2-brief__form button:hover { background: var(--qp2-teal); }
.qp2-brief__form button:focus-visible { outline: 3px solid rgba(14,119,123,.25); outline-offset: 3px; }
.qp2-brief .qb-lead__message { margin-top: 10px; font-size: 13px; }

@media (max-width: 980px) {
    .qp2-hero { min-height: 0; }
    .qp2-section-head,
    .qp2-join__grid { grid-template-columns: 1fr; }
    .qp2-section-head { gap: 20px; }
    .qp2-section-head > p { max-width: 760px; }
    .qp2-topic-panel { grid-template-columns: 1fr; }
    .qp2-topic-panel__subject { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); }
    .qp2-topic-panel__image { min-height: 315px; }
    .qp2-topic-panel__subject figcaption { min-height: 0; }
    .qp2-dossier { grid-template-columns: 1fr; }
    .qp2-dossier__subject { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); }
    .qp2-dossier__image { min-height: 360px; }
    body.page-template-template-quwa-plus .qp2-capability__grid article { --qp2-module-gutter: 24px; min-height: 520px; }
    .qp2-included { grid-template-columns: 1fr 1fr; }
    .qp2-included > div:nth-child(2) { border-right: 0; }
    .qp2-included > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.16); }
    .qp2-checkout { max-width: 680px; }
    .qp2-featured__videos { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .qp2-hero { padding-top: 68px; }
    .qp2-hero::before { background: linear-gradient(180deg,rgba(2,29,31,.77),rgba(2,29,31,.98) 68%); }
    .qp2-hero__background img { object-position: center top; }
    .qp2-hero h1 { font-size: clamp(45px,13vw,63px); }
    .qp2-proof__logos { grid-template-columns: repeat(3,minmax(60px,1fr)); gap: 27px 18px; }
    .qp2-proof__logos img { max-width: 84px; max-height: 24px; }
    .qp2-topic-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .qp2-topic-tab { min-width: min(76vw,270px); flex: 0 0 min(76vw,270px); scroll-snap-align: start; }
    .qp2-topic-panel__image { min-height: 270px; }
    .qp2-topic-panel__image img { height: 245px; }
    .qp2-topic-controls { grid-template-columns: 1fr 1fr; }
    .qp2-topic-controls p { display: none; }
    .qp2-capability__grid { grid-template-columns: 1fr; }
    body.page-template-template-quwa-plus .qp2-capability__grid article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.19); padding: 30px 24px 38px !important; }
    body.page-template-template-quwa-plus .qp2-capability__grid article:last-child { border-bottom: 0; }
    body.page-template-template-quwa-plus .qp2-capability__grid article > span { margin-bottom: 20px; }
    .qp2-samples__grid { display: flex; overflow-x: auto; gap: 13px; margin-right: -24px; padding-right: 24px; padding-bottom: 12px; scroll-snap-type: x mandatory; }
    .qp2-sample { min-width: min(85vw,370px); flex: 0 0 min(85vw,370px); scroll-snap-align: start; }
    .qp2-actions { align-items: stretch; flex-direction: column; }
    .qp2-button { width: 100%; }
}

@media (max-width: 560px) {
    .qp2 .qb-shell { width: min(100% - 32px,1180px); }
    .qp2 .qp2-label { font-size: 12px; }
    .qp2-hero__lede,
    .qp2-section-head > p,
    .qp2-join__copy > p { font-size: 17px; }
    .qp2-brief__form { grid-template-columns: 1fr; }
    .qp2-featured { padding-top: 62px; padding-bottom: 72px; }
    .qp2-featured__head h2 { font-size: 38px; }
    .qp2-featured__videos { display: flex; overflow-x: auto; gap: 14px; margin-right: -16px; padding-right: 16px; padding-bottom: 14px; scroll-snap-type: x mandatory; }
    .qp2-media-card { min-width: min(83vw,340px); flex: 0 0 min(83vw,340px); scroll-snap-align: start; }
    .qp2-media-card__copy { min-height: 185px; }
    .qp2-dossier__folio,
    .qp2-topic-panel__folio { align-items: flex-start; flex-direction: column; gap: 6px; }
    .qp2-topic-panel__folio strong { max-width: none; text-align: left; }
    .qp2-dossier__image { min-height: 260px; }
    .qp2-dossier__image img { height: 250px; }
    .qp2-dossier__analysis { padding: 26px 20px; }
    .qp2-dossier__analysis li { grid-template-columns: 35px 1fr; gap: 10px; }
    .qp2-dossier__analysis strong { font-size: 18px; }
    .qp2-dossier__analysis p,
    .qp2-dossier__subject figcaption { font-size: 14.5px; }
    .qp2-dossier > footer { text-align: left; }
    .qp2-topic-panel__reporting { padding: 25px 18px; }
    .qp2-topic-links > a { grid-template-columns: 32px minmax(0,1fr) 19px; gap: 10px; }
    .qp2-topic-links__body strong { font-size: 19px; }
    .qp2-topic-links__body > span { font-size: 16px; }
    .qp2-capability__grid p { font-size: 17px; }
    body.page-template-template-quwa-plus .qp2-capability__grid article { padding-inline: 20px !important; }
    .qp2-capability__avatar { margin-bottom: 25px; }
    .qp2-capability__grid h3 { margin-bottom: 16px; }
    .qp2-included { grid-template-columns: 1fr; }
    .qp2-included > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); padding: 26px 22px 28px; }
    .qp2-included > div:last-child { border-bottom: 0; }
    .qp2-included span { font-size: 13px; }
    .qp2-included p { font-size: 16px; }
    .qp2-price { align-items: flex-start; flex-direction: column; gap: 12px; }
    .qp2-checkout { padding: 28px 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .qp2-button,
    .qp2-topic-panel,
    .qp2-topic-tab,
    .qp2-topic-links > a,
    .qp2-sample,
    .qp2-sample__image img { transition: none; }
}