/* Quiet Authority: shared visual system. Page CSS owns layout and state only. */
:root, .skin  { --qa-stone: #F5F5EE; --qa-ink: #142E25; --qa-white: #FFFFFF; --qa-on-forest: var(--qa-stone); --qa-forest-body: var(--viper-surface-green); --layout-page:1320px; --layout-tool:940px; --layout-reading:736px; --layout-account:1100px; --layout-gap:48px; --qa-gutter: 64px; --qa-section: 96px; --c-canvas: var(--qa-stone); --c-bg2: var(--qa-moss); --c-card: var(--qa-white); --c-raise: var(--qa-moss); --c-line: var(--qa-line); --c-line2: var(--qa-line); --c-ink: var(--qa-ink); --c-body: var(--qa-muted); --c-mute: var(--qa-muted); --c-ash: var(--qa-muted); --v: var(--qa-green); --v-soft: var(--qa-moss); --v-text: var(--qa-green); --v-press: var(--qa-forest); --on-v: var(--qa-white); --v-line: var(--qa-line); --ok: #38613A; --ok-soft: #E2EAD9; --warn: #916821; --warn-soft: #F1E7D3; --bad: #A23F34; --bad-soft: #F1DFD8; --neutral: #66716B; --neutral-soft: #E7E9E2; --sans: "Helvetica Neue",Helvetica,Arial,sans-serif; --qa-provider: #111511; --ink: var(--qa-ink); --body: var(--qa-muted); --mute: var(--qa-muted); --ash: var(--qa-muted); --line: var(--qa-line); --green: var(--qa-green); --c-viper: var(--qa-green); --c-cream: var(--qa-stone); --shadow: none; --shadow-lg: none; --ui-radius: 12px; --ui-panel: 16px; --ui-target: 44px; --ui-action: 52px; --ui-space: 8px; --ui-focus: var(--qa-green); }
[hidden]  { display: none !important; }
html  { scroll-padding-top: 104px; }
body  { overflow-wrap: break-word; background: var(--qa-stone); color: var(--qa-ink); }
button, [role="button"], summary  { touch-action: manipulation; }
.btn, .mkcta, .cta, .install, .authbtn, .uc-go, .lp-input button, .swrow button  { gap: 8px; text-align: center; }
button:not(:disabled), a  { -webkit-tap-highlight-color: color-mix(in srgb, var(--viper-primary) 12%, transparent); }
button:disabled, [aria-disabled="true"]  { opacity: 0.55; cursor: not-allowed; }
button:enabled:active, a:is(.btn, .mkcta, .cta, .install):active  { transform: none; }
button, a:is(.btn, .mkcta, .cta, .install)  { transition: background-color 120ms, border-color 120ms, color 120ms; }
body :is(button, a, input, textarea, select, summary, [tabindex]):focus-visible  { outline: 2px solid var(--ui-focus); outline-offset: 3px; box-shadow: none; }
.skin :is(input:not([type="checkbox"]):not([type="file"]), select, textarea)  {  min-width: 0px; }
.skin :is(input, textarea, select)::placeholder  { opacity: 1; }
.uc-sender-toggle, .linkbtn, .dangerlink  { text-align: left; }
.uc-sender-toggle  { text-underline-offset: 4px; }
.dangerlink  { color: var(--bad); text-decoration: underline; text-underline-offset: 4px; }
.skin .cx, .skin .pwabar .x, .skin .acctbtn  { width: 44px; flex: 0 0 auto; }
.skin button .ico, .btn .ico, .mkcta .ico, .authbtn svg, .install .ico  { width: 20px; height: 20px; flex: 0 0 auto; }
.skin :is(.card, .checker, .uc-zone, .vcard, .dev, .pc-counts, .pc-attn, .tc-share-sheet, .codebox, .swdemo, .statusbanner, .alertbox, .pc-item, .lp-chain, .vs-details, .tc-invite-box, .word, .callbar)  { border-radius: var(--ui-panel); }
.hero > *, .grid2 > *, .devgrid > *, .mkplans > *, .mkband > *  { min-width: 0px; }
.hero-tool  { min-width: 0px; }
.uc-zone  { overflow: hidden; }
.uc-tabs  { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); overflow: visible; }
.skin .uc-tab  { white-space: normal; }
.uc-drop, .ft-drop  { border-radius: var(--ui-radius); }
.uc-foot .uc-go  { justify-content: center; }
.apphead, .wnav  { background: var(--c-canvas); backdrop-filter: none; }
.view.act  { animation: auto ease 0s 1 normal none running none; }
.views  { padding-top: 40px; }
.lead  { margin-bottom: 24px; }
.mksec  { margin-top: 64px; }
#pricing  { scroll-margin-top: 0px; }
.mkc  { text-align: left; }
.mkc .mkh2, .mkc .mksub, .mkc .mkpn  { margin-left: 0px; }
.mksteps  { margin-top: 28px;}
.mktrust  { border-radius: 0px; margin-top: 64px; }
.mkband  { border-radius: 0px; border-width: 1px 0px; padding: 28px 0px; background: transparent; }
.mkplans  { border-block: 1px solid var(--c-line2);}
.mkplan, .mkplan.feat  { border: 0px; border-radius: 0px; background: transparent;}
.mkplan + .mkplan  { border-left: 1px solid var(--c-line2); }
.mkplan .mkcta  { width: 100%; }
.mkstat  { text-align: left; }
.mkstat p  { margin-left: 0px;}
#v-family > .card, #v-account > .card, #v-protection .dev  { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--c-line2); border-radius: 0px; background: transparent; padding: 24px 0px; margin: 0px; }
.card .card  { box-shadow: none; }
.stats  { gap: 0px; border-block: 1px solid var(--c-line2); }
.stat  { border: 0px; border-radius: 0px; background: transparent; padding: 16px 8px; }
.stat + .stat  { border-left: 1px solid var(--c-line2); }
.swdemo .word  { border: 0px; border-radius: 0px; background: transparent; padding: 12px 0px; }
.idrow .who, .idrow .sub2  { overflow-wrap: anywhere; }
.tgl  { height: 44px; }
.tgl span  { inset: 8px 0px; }
.tgl input:focus-visible + span  { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.skin summary  { min-height: 44px; cursor: pointer; padding-block: 10px; }
a  { color: var(--qa-green); text-underline-offset: 3px; }
.flink:hover, .foot a:hover  { text-decoration: underline; }
body > main  { padding-top: 32px; }
body > main li  { margin-bottom: 8px; }
body > main li p b  { display: inline; margin: 0px; }
body > main a  { overflow-wrap: anywhere; }
.foot a, .wnav .back  { display: inline-flex; align-items: center; }
.uc-privacy a  { display: inline-flex; align-items: center; }
.codebox  { border-radius: var(--ui-panel); }
.codebox .code  { white-space: nowrap; }
[data-tone="bad"]  { color: var(--bad); }
[data-tone="ok"]  { color: var(--ok); }
[data-tone="warn"]  { color: var(--warn); }
[data-tone="ink"]  { color: var(--c-ink); }
[data-dot="var(--bad)"]  { background: var(--bad); }
[data-dot="var(--warn)"]  { background: var(--warn); }
[data-dot="var(--ok)"]  { background: var(--ok); }
[data-dot="var(--c-mute)"]  { background: var(--c-mute); }
[data-dot="var(--c-ash)"]  { background: var(--c-ash); }
.history-headline  { margin-bottom: 6px; }
.skin .step-check  { flex: 0 0 auto; width: 44px; display: flex; align-items: center; justify-content: center; }
.step-title  { color: var(--c-ink); }
.step-title[data-complete="true"]  { text-decoration: line-through; opacity: 0.6; }
.skip-link  { position: fixed; left: 16px; top: -100px; z-index: 100; background: var(--qa-white); color: var(--qa-green); padding: 12px 16px; border-radius: var(--ui-radius); }
.skip-link:focus  { top: 8px; }
@media (max-width: 1100px) {
  .apphead .navcta  { display: none; }
}
@media (max-width: 820px) {
  #pricing  { scroll-margin-top: 0px; }
  .apphead  { height: auto; min-height: 112px; flex-wrap: wrap; gap: 4px 12px; padding: 8px 20px 0px; }
  .apphead .brandlink b, .apphead .brandlink b span  { display: inline; }
  .apphead .brandlink .mark  { width: 30px; height: 30px; }
  .topnav  { order: 10; flex: 1 0 100%; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); margin: 0px; gap: 0px; padding: 4px 0px 8px; }
  .apphead .tb[data-scroll]  { display: flex; }
  .apphead .topnav .tb  { display: flex; align-items: center; justify-content: center; }
  .views  { padding-top: 28px; }
  .mkplan + .mkplan  { border-left: 0px; border-top: 1px solid var(--c-line2); }
}
@media (max-width: 600px) {
  .apphead  { padding-inline: 16px; }
  .uc-tabs  { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .uc-pane, .uc-sender, .uc-foot  { padding: 16px; }
  .uc-foot  { align-items: stretch; }
  .uc-privacy  { text-align: left; }
  .mkctas  { display: grid; grid-template-columns: 1fr; }
  .mkctas > *, .mkband .mkcta  { width: 100%; }
  .mkband  { gap: 16px; }
  .mkband .bt  { min-width: 0px; flex-basis: calc(100% - 72px); }
  .mksec, .mktrust  { margin-top: 48px; }
  .mktrust  { padding: 24px 20px; }
  .mkstats .mkstat + .mkstat  { border-top: 1px solid var(--c-line); padding-top: 20px; }
  .skin .card  { padding: 20px; }
  #v-family > .card, #v-account > .card  { padding: 24px 0px; }
  .pc-counts  { flex-wrap: wrap; }
  .pc-counts .pc-c  { flex: 1 0 33%; }
  .lp-input, .joinrow, .swrow  { flex-wrap: wrap; }
  .lp-input input, .joinrow input, .swrow input  { flex-basis: 60%; }
  .fcols  { gap: 24px; }
  body > main  { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html  { scroll-behavior: auto; }
  button, a  { transition: none; }
  button:enabled:active, a:active  { transform: none; }
}
.view { margin-inline:auto; }
.views  { max-width:calc(var(--layout-page) + 2 * var(--qa-gutter)); padding: 56px var(--qa-gutter) 80px; }
.h1  { max-width: 22ch; text-wrap: initial; }
.mkh2  { max-width: 23ch; }
.h1 em, .mkh2 em  { color: inherit; }
.lead  { max-width: 65ch; margin: 28px 0px 48px; }
.mklabel  { display: block; margin-bottom: 28px; color: var(--qa-muted); }
.mksec, .mktrust  { margin-top: var(--qa-section); }
.apphead  { height: 88px; padding-inline: max(var(--qa-gutter),calc((100vw - var(--layout-page))/2)); gap: 16px; }
.apphead .brandlink b  { white-space: nowrap; }
.apphead .brandlink b span  { color: inherit; }
.topnav  { margin-left: auto; }
.apphead .tb  { color: var(--qa-muted); transition: none; position: relative; }
.apphead .tb.on  { color: var(--qa-ink); }
.headsp  { flex: 0 1 0%; }
.brandlink .mark  { width: 36px; height: 36px; }
body:has(#v-check.act) .apphead  { background: var(--qa-forest); border-color: var(--viper-muted); color: var(--qa-on-forest); --ui-focus: var(--qa-stone); }
body:has(#v-check.act) .apphead .brandlink  { color: var(--qa-on-forest); }
body:has(#v-check.act) .apphead .brandlink .mark  { box-sizing: content-box; padding: 4px; border-radius: 9px; background: var(--qa-stone); }
body:has(#v-check.act) .views  { padding-top: 0px; }
.hero  { position: relative; isolation: isolate; display: block; margin-inline: calc(-1 * var(--qa-gutter)); padding: 54px var(--qa-gutter) 0; }
.hero-copy  { padding: 0px 0px 64px; min-height: 0px; position: relative; z-index: 1; }
.hero-copy .eyebrow  { color: var(--viper-surface-green); margin-bottom: 32px; }
.hero-copy .h1  { color: var(--qa-on-forest); max-width: 950px; }
.hero-copy .lead  { color: var(--qa-forest-body); margin: 28px 0px 0px; max-width: 52ch; }
.herochecks  { margin-top: 32px; gap: 12px 24px; }
.herochecks li  { color: var(--qa-stone); }
.herochecks .ico  { color: var(--viper-surface-green); }
.hero-tool  { position: relative; z-index: 2; width: min(var(--layout-tool), 100%); margin: auto; }
.skin .uc-zone  { border-radius: 18px; border-color: var(--qa-line); padding: 0px 28px 20px; overflow: visible; }
.uc-tabs  { border-color: var(--qa-line); }
.skin .uc-tab  { text-align: left; }
.uc-tab.on  { color: var(--qa-ink); }
.uc-pane  { padding: 20px 0px 8px; position: relative; }
.uc-pane::before  { right: 0px; top: 8px; border-width: 1px 1px 0px 0px; }
.uc-pane::after  { left: 0px; bottom: 12px; border-width: 0px 0px 1px 1px; }
.uc-pane:focus-within  { box-shadow: none; }
.uc-sender  { padding: 4px 0px; }
.uc-sender-toggle { text-decoration:none; }
.uc-foot  { padding: 8px 0px 0px; display: flex; flex-direction: column; align-items: stretch; border: 0px; gap: 8px; }
.uc-foot .uc-go  { width: 100%; }
.uc-privacy  { text-align: center; }
.uc-privacy a  { min-height: 32px; }
.skin button:disabled  { opacity: 1; color: var(--qa-muted); }
.hero-tool .callbar  { border-radius: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--qa-line); background: transparent; margin: 28px 0px 0px; padding: 16px 0px 24px; }
.qa-section-intro  { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 40px 0px 24px; border-bottom: 1px solid var(--qa-line); }
.qa-section-intro .mklabel  { margin: 0px; }
.qa-section-intro h2  { margin: 0px; }
.moreways { width:100%; margin:8px 0 0; }
.mktrust  { background: var(--qa-moss); color: var(--qa-ink); padding: 48px; }
.mktrust :is(.mkh2, .mktg b)  { color: var(--qa-ink); }
.mktrust :is(.mklabel, .mksub, .mktg p)  { color: var(--qa-muted); }
.uc-result  { margin-top: 32px; }
.uc-section  { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--qa-line); background: transparent; padding: 24px 0px; margin: 0px; }
.qa-assessment  { --result-ink: var(--neutral); --result-surface: var(--neutral-soft); }
.qa-assessment[data-verdict="SCAM"]  { --result-ink: var(--bad); --result-surface: var(--bad-soft); }
.qa-assessment[data-verdict="CAUTION"]  { --result-ink: var(--warn); --result-surface: var(--warn-soft); }
.qa-assessment[data-verdict="NO_KNOWN_THREAT_FOUND"]  { --result-ink: var(--ok); --result-surface: var(--ok-soft); }
.qa-verdict-banner  { background: var(--result-surface);  margin-bottom: 28px; }
.qa-verdict-banner .uc-section-head  { color: var(--result-ink); margin-bottom: 28px; }
.qa-verdict-banner .uc-section-head .ico  { color: inherit; }
.qa-verdict-banner .ico  { width: 28px; height: 28px; }
.qa-verdict-banner .uc-badge  { display: block; background: transparent; color: rgb(36, 47, 40); padding: 0px; }
.qa-verdict-banner p, .qa-verdict-banner .uc-section-title  { color: var(--qa-ink); }
.uc-badge:is(.caution, .review, .partial), .ft-badge.review, .vs-badge.partial, .uc-conflict, .soon  { color: var(--qa-ink); }
.uc-limits  { background: transparent; padding: 24px 0px; border-width: 0px 0px 1px; }
.uc-actions  { margin-top: 24px; gap: 12px; }
.qa-evidence  { margin-top: 24px; color: var(--qa-muted); }
.qa-evidence h3, .qa-next-label  { margin: 0px 0px 16px; color: var(--qa-ink); }
.qa-next-label  { margin-top: 28px; }
.qa-check-error  { border-color: var(--bad); background: var(--bad-soft); border-radius: 16px; }
.qa-check-pending  { border-block: 1px solid var(--qa-line); margin-top: 24px; color: var(--qa-muted); }
.vcard  { box-shadow: none; }
.qa-protection-overview  { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; margin: 48px 0px; }
.skin .qa-status  { position:relative; display:block; background:var(--qa-forest); color:var(--qa-stone); }
.qa-status > .ic  { display: none; }
.qa-status .qa-status-label  { display: block; color: var(--viper-surface-green); text-transform: uppercase; margin-bottom: 32px; }
.qa-status b  { display: block; color: var(--qa-stone); margin-bottom: 40px; }
.qa-status div > span:last-child  { display: block; color: var(--viper-surface-green); border-top: 1px solid var(--viper-muted); padding-top: 20px; }
.qa-protection-overview #personal-shield  { background: transparent; padding: 0px; border: 0px; margin: 0px; }
.qa-protection-overview #personal-shield .btn  { margin-top: 24px; width: 100%; }
.stats  { margin-bottom: 48px; }
.pc-counts  { background: transparent; border-width: 1px 0px; border-radius: 0px; padding: 24px 0px; }
.pc-attn  { background: var(--warn-soft); border-color: var(--qa-line); }
.pc-item  { border-radius: 0px; background: transparent; border-width: 0px 0px 1px; }
.qa-family-heading  { position: relative; background: var(--qa-forest); color: var(--qa-on-forest); margin: -56px calc(-1 * var(--qa-gutter)) 48px; padding: 56px var(--qa-gutter) 64px; display: grid; grid-template-columns: 1.2fr 1fr; column-gap: 64px; }
.qa-family-heading .mklabel  { grid-column: 1 / -1; color: var(--viper-surface-green); }
.qa-family-heading .h1  { color: var(--qa-stone); }
.qa-family-heading .lead  { color: var(--viper-surface-green); align-self: center; margin: 0px; }
#v-family > .card  { padding: 32px 0px; }
#v-family :is(#circle-card, #trusted-circles-card, #shared-alerts-card):empty  { display: none; }
#v-family .idrow  { gap: 20px; }
#v-recovery .qa-recovery-intro  { max-width: 760px; }
#recovery-signin, #recovery-content, #recovery-case-view  { max-width: var(--layout-tool); }
#recovery-signin .card, #recovery-content .card  { border-radius: 16px; padding: 32px; }
.wnav  { min-height: 88px; }
.wnav .mark  { width: 32px; height: 32px; }
.qa-recovery-layout  { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: start; margin-bottom: 48px; }
.qa-recovery-layout #recovery-signin .card  { background: transparent; border: 0px; padding: 0px; text-align: left; }
.qa-recovery-layout #recovery-signin .authbtns  { margin-left: 0px; }
.qa-recovery-guide  { background: var(--qa-white); border: 1px solid var(--qa-line); border-radius: 16px; padding: 32px; margin-top: 24px; }
.qa-recovery-guide ol  { list-style: none; counter-reset: recovery 0; margin: 32px 0px; padding: 0px; }
.qa-recovery-guide li  { counter-increment: recovery 1; padding: 24px 0px 28px 52px; border-bottom: 1px solid var(--qa-line); position: relative; }
.qa-recovery-guide li::before  { content: "0" counter(recovery); position: absolute; left: 0px; top: 28px; color: var(--qa-muted); }
.qa-recovery-guide h2  { margin: 0px 0px 18px; }
.qa-recovery-guide p  { color: var(--qa-muted); margin: 0px; }
.qa-recovery-guide > p  { display: flex; align-items: center; gap: 8px; }
.qa-family-tools  { display: grid; grid-template-columns: 1.15fr 1fr; gap: 0px 80px; align-items: start; }
.qa-family-tools > .card  { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--qa-line); border-radius: 0px; background: transparent; margin: 0px; }
#v-family .qa-family-tools > .card:first-child > .kick  { text-transform: none; }
#pricing .mkh2  { max-width: 26ch; }
.mkplans  { margin-top: 48px; border-top: 1px solid var(--qa-ink); border-bottom: 0px;}
.mkplan, .mkplan.feat  { margin-top: 16px;}
.mkplan + .mkplan  { border: 0px; }
.mkplan.feat  { border-radius: 12px; background: var(--qa-moss); }
.mkplan .pn  { text-transform: uppercase; }
.mkplan .pp  { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline;}
.mkplan .pd  { color: var(--qa-green);}
.qa-platforms  { margin-top: var(--qa-section); display: grid; grid-template-columns: 1fr 420px; align-items: center; padding: 64px 0px; }
.qa-platforms .mkctas  { grid-column: 1; display: flex; flex-wrap: wrap; margin-top: 0px; }
.qa-product-shot  { grid-area: 1 / 2 / 3; margin: 0px; justify-self: center; width: 295px; }
.qa-product-shot img  { display: block; width: 100%; height: auto; border: 7px solid var(--qa-ink); border-radius: 43px; background: var(--qa-ink); }
.qa-product-shot figcaption  { text-transform: uppercase; margin-top: 24px; text-align: center; color: var(--qa-muted); }
.qa-closing  { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 64px; margin: var(--qa-section) calc(-1 * var(--qa-gutter)) 0; padding: 64px var(--qa-gutter); background: var(--qa-forest); color: var(--qa-stone); --ui-focus: var(--qa-stone); }
.qa-closing .mklabel  { color: var(--viper-surface-green); }
.qa-closing h2  { margin: 0px; }
.wfoot2  { border-top: 0px; }
.fcol b  { text-transform: uppercase; }
@media (min-width: 1449px) {
  .qa-family-heading, .qa-closing  { margin-inline: calc(var(--layout-page)/2 - 50vw); padding-inline: max(var(--qa-gutter), 50vw - var(--layout-page)/2); }
}
@media (max-width: 1199px) {
  :root, .skin  { --qa-gutter: 32px; --layout-gap:32px; --qa-section: 72px; }
  .apphead  { padding-inline: 32px; gap: 12px; }
  .hero-copy .h1  { max-width: 950px; }
  .qa-family-heading  { column-gap: 32px; }
  .qa-protection-overview  { gap: 40px; }
  .qa-recovery-layout, .qa-family-tools  { gap: 32px; }
  .qa-platforms  { grid-template-columns: 1fr 320px; gap: 32px; }
}
@media (max-width: 820px) {
  .apphead  { height: auto; padding: 8px var(--qa-gutter) 0; gap: 4px 12px; }
  .topnav  { margin: 0px; }
  .qa-protection-overview  { gap: 28px; }
}
@media (max-width: 767px) {
  :root, .skin  { --qa-gutter: 20px; --layout-gap:24px; --qa-section: 56px; }
  .views  { padding-top: 32px; padding-bottom: 48px; }
  .h1, .hero-copy .h1, #v-recovery .h1, .qa-family-heading .h1, #pricing .mkh2, .qa-closing h2  { max-width: none; }
  .lead  { margin: 24px 0px 32px; }
  .hero  { padding-top: 32px; }
  .hero-copy  { min-height: 0px; padding-bottom: 64px; }
  .hero-copy .eyebrow  { margin-bottom: 24px; }
  .hero-copy .lead  { max-width: none; margin-top: 24px; }
  .herochecks  { margin-top: 28px; gap: 8px 16px; }
  .hero-copy  { isolation: isolate; }
  .hero-copy::before  { content: ""; position: absolute; z-index: -1; inset: -32px calc(-1 * var(--qa-gutter)) 0; background: var(--qa-forest); }
  .hero-tool  { margin-top: -24px; }
  .skin .uc-zone  { padding: 0px 20px 16px; }
  .uc-tabs  { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .uc-pane  { padding: 20px 0px 8px; }
  .uc-foot  { padding: 8px 0px 0px; }
  .uc-privacy  { text-align: left; }
  .qa-section-intro  { display: block; padding-top: 32px; }
  .qa-section-intro h2  { margin-top: 16px; }
  .hero-tool .callbar  { flex-wrap: wrap; align-items: flex-start; }
  .callbar > div  { flex: 1 1 0%; min-width: 200px; }
  .callbar .mkcta  { margin-left: 0px; width: 100%; }
  .qa-protection-overview  { grid-template-columns: 1fr; margin: 32px 0px; }
  .skin .qa-status  { position:relative; display:block; background:var(--qa-forest); color:var(--qa-stone); }
  .qa-family-heading  { margin-top: -32px; margin-bottom: 32px; padding-top: 32px; padding-bottom: 40px; grid-template-columns: 1fr; }
  .qa-family-heading .lead  { margin-top: 24px; }
  .mktrust  { padding: 28px 20px; }
  .mkplan + .mkplan  { border-top: 1px solid var(--qa-line); }
  .qa-platforms  { grid-template-columns: 1fr; padding-block: 32px; }
  .qa-platforms .mkctas  { grid-column: 1; display: grid; }
  .qa-product-shot  { grid-area: auto / 1; width: min(295px, 100%); order: 2; }
  .qa-recovery-layout, .qa-family-tools  { grid-template-columns: 1fr; gap: 24px; }
  .qa-recovery-guide  { padding: 24px; margin: 0px; }
  .qa-recovery-guide li  { padding-left: 36px; }
  .qa-closing  { grid-template-columns: 1fr; gap: 32px; padding-block: 40px; }
  .uc-actions .uc-act  { flex: 1 1 45%; }
  .wnav  { padding-inline: 20px; }
}
@media (max-width: 374px) {
  :root, .skin  { --qa-gutter: 16px; }
}
body :is(.btn, .mkcta, .cta, .install, .uc-go, .navcta, .lp-input button, .swrow button)  { color: var(--qa-white); }
body :is(.btn.ghost, .mkcta.alt, .uc-act, .exl button, .hwatch, .hshare, #rn-go)  { color: var(--qa-ink); }
body :is(.authbtn.apple)  { color: var(--qa-white); }
body :is(.authbtn.google)  { color: var(--qa-ink); }
body :is(.linkbtn, .dangerlink, .flink, .uc-sender-toggle, .tc-copy, .tc-ss-cancel, .back)  { color: var(--qa-green); text-align: left; }
body :is(.btn.danger, .hdel)  { color: var(--bad); }
body :is(.dangerlink)  { color: var(--bad); }
body :is(.cx, .pwabar .x, .acctbtn)  { width: 44px; }
body :is(.acctbtn)  { color: var(--qa-green); }
body :is(.acctbtn.on)  { color: var(--qa-white); }
body :is(.badge, .soon, .tag, .ft-badge, .ft-cap, .vs-badge, .lp-tag, .hclient)  { border-radius: 999px; }
body :is(button, .btn, .mkcta, .cta, .install, .authbtn):disabled, body [aria-disabled="true"]  { opacity: 1; color: var(--qa-muted); cursor: not-allowed; }
body :is(button, .btn, .mkcta, .cta, .install, .authbtn)[aria-busy="true"]  { cursor: progress; }
body :is(button, .btn, .mkcta, .cta, .install, .authbtn):active  { transform: none; }
@media (hover: hover) {
  body :is(.btn, .mkcta, .cta, .install, .uc-go, .navcta, .lp-input button, .swrow button):not(:disabled):hover  { color: var(--qa-white); }
  body :is(.btn.ghost, .mkcta.alt, .uc-act, .exl button, .hwatch, .hshare, #rn-go, .authbtn.google):not(:disabled):hover  { color: var(--qa-ink); }
  body :is(.btn.danger, .hdel):not(:disabled):hover  { color: var(--bad); }
  body :is(.linkbtn, .flink, .back, .dangerlink):hover  { text-decoration: underline; }
}
body :is(input:not([type="checkbox"]):not([type="file"]), textarea, select)  { box-sizing: border-box; min-width: 0px;      color: var(--qa-ink);  }
body :is(input, textarea, select)::placeholder  { color: var(--qa-muted); opacity: 1; }
body :is(.flab, .vs-form label)  { text-transform: none; margin: 0px 0px 8px; color: var(--qa-ink); }
.uc-sender-fields label  { display: flex; flex-direction: column; gap: 8px; color: var(--qa-ink); }
.uc-sender-fields input  { width: 100%; }
body :is(.uc-drop, .ft-drop)  { border: 1px dashed var(--qa-muted); border-radius: var(--ui-radius); background: var(--qa-white); padding: 24px; }
body :is(.uc-drop, .ft-drop):focus-visible  { outline: 2px solid var(--qa-green); outline-offset: 3px; }
body :is(.uc-pane)::before, body :is(.uc-pane)::after  { content: none; }
.uc-sender-toggle  { gap: 8px; }
.uc-sender  { padding-block: 8px; }
.uc-sender-fields.on  { margin: 8px 0px 16px; gap: 16px; }
.lp-input  { margin-top: 0px; align-items: stretch; }
.lp-input input  { width: 100%; }
.skin :is(.card, .vcard, .tc-share-sheet, .lp-chain, .vs-details, .alertbox)  { border-radius: var(--ui-panel); border-width: 1px; box-shadow: none; }
.skin .card  { padding: 28px; }
#v-account .grid2 > .card  { background: transparent; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--qa-line); border-radius: 0px; padding: 28px 0px; }
#v-account  { max-width: var(--layout-account); }
#v-account .grid2  { gap: 48px; }
#v-history  { max-width: var(--layout-tool); }
#v-history .card  { padding: 32px; }
:is(#v-preview, #v-file, #v-verify)  { max-width: var(--layout-tool); }
:is(#v-preview, #v-file, #v-verify) > .card  { padding: 32px; }
:is(#v-preview, #v-file, #v-verify) > .card > p  { margin-bottom: 20px; }
:is(#v-preview, #v-file, #v-verify) > .card > p:last-child  { margin: 16px 0px 0px; }
.qa-family-tools > .card  { padding: 32px 0px; }
#v-family .qa-family-tools > .card:first-child > .kick  { color: var(--qa-ink); }
.hero-copy  { isolation: isolate; }
.hero-copy::before  { content: ""; position: absolute; z-index: -1; inset: -54px calc(-1 * var(--qa-gutter)) 0; background: var(--qa-forest); }
.hero-tool  { margin-top: -24px; }
.qa-section-intro  { margin-top: 16px; }
.qa-platforms  { grid-template-rows: 1fr 1fr; gap: 24px 80px; }
.qa-platforms .bt  { align-self: end; }
.qa-platforms .mkctas  { align-self: start; }
.wfoot2  { margin-top: 0px; padding-top: 56px; }
.fcols { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--layout-gap); align-items:start; }
.fcol { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; }
.fcol > b { display:flex; align-items:center; min-height:24px; margin:0 0 16px; }
.fcol .flink { padding-inline:0; justify-self:start; }
.fbrand .fb span  { color: inherit; }
.fcol .flink  { color: var(--qa-muted); }
.fbrand p  { max-width: 32ch; }
body > main, .skin > main:not(.views)  { max-width:calc(var(--layout-reading) + 2 * var(--qa-gutter)); padding: 48px var(--qa-gutter) 80px; }
body > main :is(h1), .skin > main:not(.views) h1  { margin: 40px 0px 24px; color: var(--qa-ink); }
body > main :is(h2, h3), .skin > main:not(.views) :is(h2, h3)  { margin: 40px 0px 16px; color: var(--qa-ink); }
body > main :is(p, li), .skin > main:not(.views) :is(p, li)  { color: var(--qa-muted); }
body > main :is(.home, .brand), .wnav .word  { color: var(--qa-ink); }
body > main :is(.home, .brand) span  { color: inherit; }
.wnav  { padding-inline: max(var(--qa-gutter),calc((100vw - var(--layout-page))/2)); }
.wnav .word  { background: transparent; padding: 0px; border: 0px; }
main:not(.views) .foot, .document-foot  { border-top: 1px solid var(--qa-line); padding-top: 24px; margin-top: 48px; }
.document-foot  { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.document-foot a  { display: inline-flex; min-height: 44px; align-items: center; }
@media (max-width: 1199px) {
  .qa-platforms  { gap: 24px 32px; }
}
@media (max-width: 820px) {
  html  { scroll-padding-top: 144px; }
  .apphead .headsp  { flex: 1 1 0%; }
  .apphead .brandlink b, .apphead .brandlink b span  { display: inline; }
  .apphead .tb  { white-space: nowrap; }
  .qa-recovery-layout, .qa-family-tools  { grid-template-columns: 1fr; }
  .qa-family-tools  { gap: 24px; }
  #v-account .grid2  { gap: 24px; }
}
@media (max-width: 767px) {
  .hero-copy::before  { top: -32px; }
  .hero-copy  { padding-bottom: 56px; }
  .skin .card, :is(#v-preview, #v-file, #v-verify) > .card  { padding: 24px 20px; }
  .qa-family-tools > .card  { padding: 28px 0px; }
  #v-history .card  { padding: 28px 20px; }
  .lp-input  { flex-direction: column; }
  .lp-input input  { flex-basis: auto; }
  .qa-platforms  { grid-template-rows: auto; gap: 24px; }
  .qa-platforms .bt, .qa-platforms .mkctas  { align-self: auto; }
  .fcols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); }
  .fbrand  { grid-column: 1 / -1; }
  body > main, .skin > main:not(.views)  { padding: 32px 20px 56px; }
  body > main h1, .skin > main:not(.views) h1  { margin-top: 32px; }
  .skin > main:not(.views) .over + h1  { margin-top: 16px; }
}
.brandlink  { color: var(--qa-ink); }
.skin .qa-family-tools > .card  { border-radius: 0px; border-width: 1px 0px 0px; background: transparent; }
.skin .herochecks li  { color: var(--qa-stone); }
.skin .herochecks .ico  { color: var(--viper-surface-green); }
html, body  { overflow-x: visible; }
@media (min-width: 1449px) {
  .hero-copy::before  { left: calc(var(--layout-page)/2 - 50vw); right: calc(var(--layout-page)/2 - 50vw); }
}
.device-row  { display: flex; align-items: center; gap: 16px; padding: 16px 0px; border-bottom: 1px solid var(--qa-line); }
.device-info  { flex: 1 1 0%; min-width: 0px; }
.device-name  { display: block; }
.device-meta  { display: block; margin-top: 4px; color: var(--qa-muted); }
.device-row .dangerlink  { margin: 0px; }
body .vact button  { color: var(--qa-green); }


/* Ten intentional type roles. Responsive values change here, not in sections. */
:root, .skin {
  --viper-forest:#143D2C;
  --viper-primary:#2E6B1B;
  --viper-primary-hover:var(--viper-forest);
  --viper-primary-active:var(--viper-forest);
  --viper-muted:#606B62;
  --viper-surface-green:#DFE7D5;
  --viper-border-green:#CCD4C7;
  --qa-forest:var(--viper-forest); --qa-green:var(--viper-primary);
  --qa-muted:var(--viper-muted); --qa-moss:var(--viper-surface-green); --qa-line:var(--viper-border-green);
  --size-display:83px; --size-h1:64px; --size-h2:48px; --size-h3:24px;
  --type-display:600 var(--size-display)/1.04 var(--sans);
  --type-h1:600 var(--size-h1)/1.04 var(--sans);
  --type-h2:600 var(--size-h2)/1.1 var(--sans);
  --type-h3:600 var(--size-h3)/1.25 var(--sans);
  --type-body-large:400 21px/1.5 var(--sans);
  --type-body:400 17px/1.55 var(--sans);
  --type-label:600 12px/1.4 var(--sans);
  --type-caption:400 14px/1.5 var(--sans);
  --type-button:600 16px/1.35 var(--sans);
  --type-nav:400 14px/1.35 var(--sans);
}
body { font:var(--type-body); letter-spacing:0; }
:is(input,textarea,select,button) { font-family:var(--sans); }
b, strong { font-weight:600; }
h1, .h1 { font:var(--type-h1); letter-spacing:-.025em; }
h2, .mkh2, .qa-closing h2, .qa-platforms .bt h3 { font:var(--type-h2); letter-spacing:-.025em; }
h3, h4, .dh, .mkstep h3, .history-headline, .vbody > b, .qa-recovery-guide h2, .card > h2 { font:var(--type-h3); letter-spacing:-.015em; }
.hero-copy .h1 { font:var(--type-display); letter-spacing:-.022em; }
.lead, .mksub, .qa-platforms .bt p, main:not(.views) > .sub { font:var(--type-body-large); }
:is(.kick,.mklabel,.over,.eyebrow,.pn,.fcol > b,.qa-status-label,.qa-product-shot figcaption) { font:var(--type-label); letter-spacing:.1em; }
:is(.mini,.hstamp,.fline,.fbrand p,.uc-privacy,.platnote,.mkpn,.device-meta,.sub2,.foot,.document-foot,.ft-privacy,.vs-privacy) { font:var(--type-caption); }
:is(.flab,.vs-form label,.uc-sender-fields label) { font:var(--type-caption); font-weight:600; letter-spacing:0; }
:is(.mkstep p,.dev p,.mktg p,.mkpcol p,.mkplist li,.swnote,.qa-recovery-guide p,.card > p) { font:var(--type-body); }
:is(.mktg b,.swvkick,.idrow .who,.device-name,.step-title) { font:var(--type-body); font-weight:600; }
:is(.mkstat .n,.qa-status b) { font:var(--type-h2); letter-spacing:-.025em; }
.stat b, .pc-counts .n { font:var(--type-h3); letter-spacing:-.015em; }
.herochecks li { font:var(--type-caption); font-weight:500; }
.mkplan .pp, .price b { font:var(--type-h1); letter-spacing:-.025em; }
.mkplan .pp small { font:var(--type-caption); letter-spacing:0; }
.mkplan .pd { font:var(--type-body); font-weight:600;}
.codebox .code { font:var(--type-h2); letter-spacing:.1em; }
#v-family .qa-family-tools > .card:first-child > .kick { font:var(--type-h3); letter-spacing:-.015em; }
.qa-verdict-banner .uc-badge { font:var(--type-h2); letter-spacing:-.025em; }
.qa-verdict-banner .uc-section-title, .qa-check-pending b, .qa-check-error b { font:var(--type-h3); }
code, kbd, samp { font:inherit; }

/* All action aliases share a single geometry; navigation is defined separately. */
body :is(button,.btn,.mkcta,.cta,.install,.authbtn,.back) {
  box-sizing:border-box; font:var(--type-button); letter-spacing:0;
  min-height:var(--ui-action); min-width:44px; padding:12px 20px; border:1px solid transparent;
  border-radius:var(--ui-radius); background:transparent; box-shadow:none; gap:8px;
  color:var(--qa-ink); cursor:pointer;
}
body :is(.btn,.mkcta,.cta,.install,.uc-go,.navcta,.lp-input button,.swrow button,.afb-submit,.step-check[aria-pressed="true"]) {
  background:var(--viper-primary); color:var(--qa-white);
}
body :is(.btn.ghost,#pwainstall,.mkcta.alt,.uc-act,.exl button,.hwatch,.hshare,#rn-go,.authbtn.google,.step-check) {
  background:var(--qa-white); border-color:var(--viper-border-green); color:var(--qa-ink);
}
body .authbtn.apple { background:var(--qa-provider); color:var(--qa-white); }
body :is(.linkbtn,.dangerlink,.flink,.uc-sender-toggle,.tc-copy,.tc-ss-cancel,.back,.vact button) {
  background:transparent; border-color:transparent; min-height:var(--ui-target); padding:10px 0;
  color:var(--viper-primary); text-align:left;
}
body :is(.btn.danger,.hdel) { background:transparent; border-color:var(--bad); color:var(--bad); }
body .dangerlink { color:var(--bad); }
body button.uc-sender-toggle { font:var(--type-caption); color:var(--viper-muted); }
body :is(.navcta,#pwainstall,.hdetail .hact button,.afb button,.ft-preview-url) { min-height:var(--ui-target); padding:10px 16px; font-size:14px; }
body :is(.cx,.pwabar .x,.acctbtn,.step-check) { width:44px; height:44px; min-height:var(--ui-target); padding:0; }
body :is(.badge,.soon,.tag,.ft-badge,.ft-cap,.vs-badge,.lp-tag,.hclient) { border-radius:999px; font:var(--type-caption); font-weight:600; letter-spacing:0; }
body :is(button,.btn,.mkcta,.cta,.install,.authbtn):disabled,
body [aria-disabled="true"] { background:var(--viper-surface-green); color:var(--viper-muted); border-color:transparent; opacity:1; cursor:not-allowed; }
body [aria-busy="true"] { cursor:progress; }
@media (hover:hover) {
  body :is(.btn,.mkcta,.cta,.install,.uc-go,.navcta,.lp-input button,.swrow button,.afb-submit):not(:disabled):hover { background:var(--viper-primary-hover); color:var(--qa-white); }
  body :is(.btn.ghost,#pwainstall,.mkcta.alt,.uc-act,.exl button,.hwatch,.hshare,#rn-go,.authbtn.google):not(:disabled):hover { background:var(--viper-surface-green); color:var(--qa-ink); border-color:var(--viper-border-green); }
  body :is(.btn.danger,.hdel):not(:disabled):hover { background:var(--bad-soft); color:var(--bad); }
  body :is(.linkbtn,.flink,.back,.dangerlink,.vact button):hover { text-decoration:underline; }
}
body :is(.btn,.mkcta,.cta,.install,.uc-go,.navcta):not(:disabled):active { background:var(--viper-primary-active); color:var(--qa-white); }

/* Navigation is text and an underline, including hover and account selection. */
.apphead { --nav-ink:var(--qa-ink); --nav-muted:var(--viper-muted); --nav-active:var(--viper-primary); }
body:has(#v-check.act) .apphead { --nav-ink:var(--qa-on-forest); --nav-muted:var(--viper-surface-green); --nav-active:var(--viper-surface-green); }
.apphead .tb, .apphead .acctbtn { font:var(--type-nav); background:transparent; border:0; color:var(--nav-muted); min-height:var(--ui-target); height:44px; padding:10px 12px; position:relative; }
.apphead .tb { border-radius:var(--ui-radius); }
.apphead .acctbtn { padding:0; color:var(--nav-ink); border-radius:var(--ui-radius); }
.apphead .tb:hover, .apphead .tb.on, .apphead .acctbtn:hover, .apphead .acctbtn.on { background:transparent; color:var(--nav-ink); }
.apphead .tb.on { font-weight:600; }
.apphead :is(.tb,.acctbtn)::after { content:""; position:absolute; left:12px; bottom:0; width:25px; height:2px; background:transparent; }
.apphead .acctbtn::after { left:10px; }
.apphead :is(.tb,.acctbtn).on::after { background:var(--nav-active); }
.apphead .tb:not(.on):hover::after, .apphead .acctbtn:not(.on):hover::after { background:var(--nav-muted); }
.apphead #langbtn { font:var(--type-nav); font-weight:600; }
.brandlink b, .fbrand .fb, body > main :is(.home,.brand), .wnav .word { font:600 18px/1.3 var(--sans); letter-spacing:-.02em; }
.fcol .flink { font:var(--type-caption); }

/* One white input system and one selected-mode indicator. */
body :where(input:not([type="checkbox"]):not([type="file"]),textarea,select) {
  box-sizing:border-box; min-width:0; min-height:var(--ui-action); padding:12px 16px;
  border:1px solid var(--viper-border-green); border-radius:var(--ui-radius);
  background:var(--qa-white); color:var(--qa-ink); font:400 16px/1.5 var(--sans); box-shadow:none;
}
body :is(input,textarea,select)::placeholder { color:var(--viper-muted); opacity:1; }
body :is(input,textarea,select):focus { border-color:var(--viper-primary); box-shadow:none; }
.skin :is(.uc-input,.uc-url-input) { min-height:112px; }
body :is(.uc-drop,.ft-drop) { padding:24px; border:1px dashed var(--viper-muted); border-radius:var(--ui-radius); background:var(--qa-white); font:var(--type-body); }
body :is(.uc-tab,.seg button) { font:var(--type-nav); font-weight:600; min-height:var(--ui-action); padding:12px 8px; background:transparent; color:var(--viper-muted); }
body .uc-tab { border:0; border-bottom:1px solid var(--viper-border-green); border-radius:0; }
body .uc-tab.on { color:var(--qa-ink); border-bottom:2px solid var(--viper-primary); }
body .seg button { border:1px solid var(--viper-border-green); border-radius:var(--ui-radius); }
body .seg button.on { background:var(--viper-surface-green); color:var(--viper-primary); }
.lp-input { gap:16px; }
.uc-privacy a { min-height:var(--ui-target); }
.skin .qa-status { border-radius:var(--ui-panel); min-height:0; padding:32px; }
.qa-verdict-banner { border-radius:var(--ui-panel); padding:32px; }
@media (max-width:1199px) {
  :root, .skin { --size-display:56px; --size-h1:48px; --size-h2:40px; }
}
@media (max-width:820px) {
  .apphead .tb { font-size:13px; padding:10px 4px; }
  .apphead .tb::after { left:calc(50% - 12.5px); }
  .apphead .brandlink b { font-size:16px; }
}
@media (max-width:767px) {
  :root, .skin { --size-display:40px; --size-h1:40px; --size-h2:32px; --type-body-large:400 19px/1.5 var(--sans); }
  body :is(.btn,.mkcta,.cta,.install,.authbtn) { padding-inline:16px; }
  .skin .qa-status, .qa-verdict-banner { padding:24px; }
}
@media (max-width:374px) { :root, .skin { --size-display:36px; --size-h1:36px; } }

/* Repeated offerings share intrinsic rows, so wrapping never moves a sibling CTA. */
.devgrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px var(--layout-gap); }
#v-protection .dev { display:grid; grid-template-rows:subgrid; grid-row:span 6; padding:24px 0; align-content:start; }
.dev-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.dev-head .g { width:44px; height:44px; margin:0; border-radius:var(--ui-radius); }
.dev-head .g .ico { width:24px; height:24px; }
.dev-head .badge { margin:0; }
.dev :is(h3,p,ul) { margin:0; }
.dev h3 { align-self:start; }
.dev ul { display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:16px; }
.dev li { gap:12px; }
.dev li .ico { width:20px; height:20px; flex:none; margin-top:3px; }
.dev > .btn { width:100%; align-self:end; margin:8px 0 0; }
.mkplans { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px var(--layout-gap); }
.mkplan, .mkplan.feat { border-radius:var(--ui-radius); display:grid; grid-template-rows:subgrid; grid-row:span 5; padding:28px 20px; }
.mkplan :is(.pn,.pp,.pd,ul,.foot) { margin:0; }
.mkplan .pp { align-self:start; }
.mkplan ul { padding-block:8px; }
.mkplan .foot { align-self:end; }
.mkstats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px var(--layout-gap); }
.mkstat { display:grid; grid-template-rows:subgrid; grid-row:span 2; }
.mkstat p { margin:0; }
.mksteps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px var(--layout-gap); }
.mkstep { display:grid; grid-template-rows:subgrid; grid-row:span 4; }
.mkstep :is(h3,p,.rule) { margin:0; }
.mkproof { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--layout-gap); }
.qa-family-tools { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--layout-gap); }
@media (max-width:1023px) {
  .mkplans { grid-template-columns:1fr; row-gap:24px; }
  .mkplan, .mkplan.feat { grid-template-rows:none; grid-row:auto; gap:16px; margin-top:0; }
  .mkstats, .mksteps, .mkproof { grid-template-columns:1fr; row-gap:32px; }
  .mkstat, .mkstep { grid-template-rows:none; grid-row:auto; gap:12px; }
}
@media (max-width:767px) {
  .devgrid, .qa-family-tools { grid-template-columns:1fr; row-gap:24px; }
  #v-protection .dev { grid-template-rows:none; grid-row:auto; }
  #v-protection .dev { gap:16px; }
  .dev ul { grid-template-rows:none; grid-row:auto; gap:12px; }
}

/* Editorial composition: six chapters; secondary tools stay available on demand. */
.hero-note { color:var(--qa-stone); font:var(--type-caption); margin-top:20px; }
.uc-modes > summary { display:flex; align-items:center; gap:12px; padding:12px 0; color:var(--viper-muted); font:var(--type-caption); }
.uc-modes > summary::before { content:"+"; font:var(--type-body); }
.uc-modes[open] > summary::before { content:"−"; }
.uc-modes .mode-hint { margin-left:auto; color:var(--viper-muted); font-weight:400; }
.uc-modes[open] > summary { border-bottom:1px solid var(--viper-border-green); }
.qa-coverage > summary { color:var(--viper-muted); font:var(--type-caption); padding-block:12px; }
.moreways[open] > summary { margin-bottom:16px; }
.check-links { display:flex; flex-wrap:wrap; gap:0 24px; padding-top:12px; border-top:1px solid var(--viper-border-green); }
.qa-check-tool { max-width:var(--layout-tool); margin-inline:auto; }
.qa-check-tool > .h1 { margin-top:24px; }
.focused-check { margin-top:32px; max-width:var(--layout-reading); }
.focused-check #photobtn { margin-top:24px; }
.mktrust { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); align-items:start; }
.mktrust .mkh2 { margin-bottom:0; }
.trust-evidence .mksub { margin:0; max-width:40ch; }
.trust-facts { margin:24px 0 12px; }
.trust-facts dt { font:var(--type-body); font-weight:600; margin-top:20px; }
.trust-facts dd { font:var(--type-caption); color:var(--viper-muted); margin:6px 0 0; max-width:44ch; }
.editorial-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); border-top:1px solid var(--viper-border-green); padding-top:48px; }
.editorial-split .mkh2 { margin:0; }
.editorial-split .mksub { margin:0; max-width:46ch; }
.editorial-split .mkctas { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:24px; }
.editorial-family .mkcta { margin-top:24px; }
.editorial-link { display:inline-flex; align-items:center; min-height:44px; gap:8px; font:var(--type-caption); }
.pwabar { margin-top:32px; }
.qa-coverage { margin-top:32px; }
.qa-coverage .mkstats { margin-block:16px; }
.skin:has(#v-check.act) .navcta { display:none; }
@media (max-width:767px) {
  .uc-modes > summary { gap:8px; }
  .uc-modes .mode-hint { max-width:19ch; text-align:right; }
  .editorial-split { grid-template-columns:1fr; padding-top:32px; }
  .mktrust { grid-template-columns:1fr; gap:24px; }
  .pwabar { flex-wrap:wrap; }
  .pwabar .txt { flex-basis:calc(100% - 44px); }
}

/* Consumer suite hierarchy; coverage is explicit, never inferred from a device row. */
.suite-coming { margin-top:24px; color:var(--c-mute); font-size:14px; line-height:1.6; }
.suite-actions { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.suite-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-block:24px; border-block:1px solid var(--c-line); margin-bottom:28px; }
.suite-status h2 { font-size:16px; margin:0 0 8px; }
.suite-status p { color:var(--c-mute); font-size:14px; line-height:1.6; }
.suite-status a,.suite-result-next a { display:inline-flex; align-items:center; min-height:44px; color:var(--v-text); }
.suite-result-next { border-top:1px solid var(--c-line); margin-top:24px; padding-top:16px; }
.suite-result-next p { margin:8px 0; }
@media(max-width:640px) { .suite-status { grid-template-columns:1fr; gap:20px; } }
@media(max-width:640px) {
  .suite-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .suite-actions > .btn { width:100%; margin:0; }
  .suite-actions > .btn:first-child { grid-column:1 / -1; }
}