/* Sugeneruota tools/render_shell_css.py - nekeisti ranka.

   Bendros antrastes ir porastes stiliai puslapiams, kurie tuo paciu metu krauna
   produkto sasaja. Visas A rinkinys ten netinka: jis naudoja tuos pacius klasiu
   vardus kaip aplikacija ir ja perrasytu.

   Kiekviena taisykle apribota .site-header arba .site-footer. Niekas
   neatrenkama pagal varda - taip pirmame bandyme dingo navigacija ir
   pavadinimas.

   Kintamieji sedi ant apvalkalo elementu, ne ant :root, kad nepakeistu produkto
   tokenu. */
.site-header, .site-footer { color-scheme: light;
  --font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --page: #f6f4ed;
  --surface: #fffef9;
  --surface-2: #efede5;
  --surface-3: #e8e5da;
  --ink: #16211b;
  --muted: #69726c;
  --line: #d8d5ca;
  --line-strong: #bcb9ad;
  --brand: #6855d9;
  --brand-strong: #4f3fbd;
  --brand-soft: #eeeafd;
  --positive: #267550;
  --positive-soft: #e8f3ec;
  --warning: #9b5e0c;
  --warning-soft: #f8edda;
  --danger: #aa3f35;
  --focus: #2166d1;
  --shadow: 0 16px 48px rgba(22, 33, 27, .08);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --container: 1180px; }

.site-header *, .site-footer * {box-sizing: border-box;}
.site-header button, .site-footer button, .site-header input, .site-footer input, .site-header select, .site-footer select, .site-header a, .site-footer a {font: inherit;}
.site-header button, .site-footer button, .site-header input, .site-footer input, .site-header select, .site-footer select {color: inherit;}
.site-header a, .site-footer a {color: inherit;}
.site-header img, .site-footer img, .site-header svg, .site-footer svg {display: block; max-width: 100%;}
.site-header button, .site-footer button {cursor: pointer;}
.site-header [hidden], .site-footer [hidden] {display: none !important;}
.site-header :focus-visible, .site-footer :focus-visible {outline: 3px solid var(--focus); outline-offset: 3px;}
.site-header .sr-only, .site-footer .sr-only {clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}
.site-header .skip-link, .site-footer .skip-link {background: var(--ink); color: var(--surface); left: 12px; padding: 10px 14px; position: fixed; top: -80px; z-index: 100;}
.site-header .skip-link:focus, .site-footer .skip-link:focus {top: 12px;}
.site-header .shell, .site-footer .shell {margin-inline: auto; max-width: var(--container); padding-inline: 22px;}
.site-header {backdrop-filter: blur(14px); background: color-mix(in srgb, var(--page) 92%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent); inset-block-start: 0; position: sticky; z-index: 40;}
.site-header .header-inner, .site-footer .header-inner {align-items: center; display: flex; gap: 28px; min-height: 68px;}
.site-header .brand, .site-footer .brand {align-items: center; display: inline-flex; gap: 9px; min-height: 44px; text-decoration: none;}
.site-header .brand-mark, .site-footer .brand-mark {align-items: center; background: var(--brand); border-radius: 10px; color: #fff; display: inline-flex; height: 34px; justify-content: center; width: 34px;}
.site-header .brand-mark svg, .site-footer .brand-mark svg {height: 19px; width: 19px;}
.site-header .brand-logo, .site-footer .brand-logo {flex: 0 0 auto; height: 34px; width: 34px;}
.site-header .brand-name, .site-footer .brand-name {font-size: 1.03rem; font-weight: 780; letter-spacing: -.055em; line-height: 1; text-transform: lowercase;}
.site-header .brand-name > span, .site-footer .brand-name > span {color: var(--brand-strong); font-size: .72em; font-weight: 850; letter-spacing: -.025em; margin-left: .05em;}
.site-header .brand-name > span::before, .site-footer .brand-name > span::before {content: ".";}
.site-header .main-nav, .site-footer .main-nav {align-items: center; display: flex; gap: 4px;}
.site-header .main-nav a, .site-footer .main-nav a {border-radius: var(--radius-sm); color: var(--muted); font-size: .875rem; font-weight: 650; min-height: 44px; padding: 12px 10px; text-decoration: none;}
.site-header .main-nav a:hover, .site-footer .main-nav a:hover {background: var(--surface-2); color: var(--ink);}
.site-header .header-actions, .site-footer .header-actions {align-items: center; display: flex; gap: 8px; margin-inline-start: auto;}
.site-header .mobile-menu, .site-footer .mobile-menu {align-items: center; background: transparent; border: 1px solid var(--line); border-radius: var(--radius-sm); display: none; height: 44px; justify-content: center; width: 44px;}
.site-header .btn, .site-footer .btn {align-items: center; background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); display: inline-flex; font-size: .875rem; font-weight: 750; gap: 8px; justify-content: center; min-height: 44px; padding: 10px 15px; text-decoration: none;}
.site-header .btn:hover, .site-footer .btn:hover {border-color: var(--brand);}
.site-header .btn svg, .site-footer .btn svg {height: 17px; width: 17px;}
.site-header .btn-primary, .site-footer .btn-primary {background: var(--brand); border-color: var(--brand); color: #fff;}
.site-header .btn-primary:hover, .site-footer .btn-primary:hover {background: var(--brand-strong); border-color: var(--brand-strong);}
.site-header .btn-dark, .site-footer .btn-dark {background: var(--ink); border-color: var(--ink); color: var(--surface);}
.site-header .btn-quiet, .site-footer .btn-quiet {background: transparent; border-color: transparent; color: var(--muted);}
.site-header .btn-quiet:hover, .site-footer .btn-quiet:hover {background: var(--surface-2); border-color: transparent; color: var(--ink);}
.site-header .btn-icon, .site-footer .btn-icon {padding: 0; width: 44px;}
.site-header .section, .site-footer .section {padding-block: clamp(72px, 8vw, 112px);}
.site-header .section-tight, .site-footer .section-tight {padding-block: clamp(48px, 6vw, 78px);}
.site-header .eyebrow, .site-footer .eyebrow {align-items: center; color: var(--brand-strong); display: inline-flex; font-size: .75rem; font-weight: 850; gap: 8px; letter-spacing: .08em; margin: 0 0 18px; text-transform: uppercase;}
.site-header .eyebrow::before, .site-footer .eyebrow::before {background: currentColor; border-radius: 50%; content: ""; height: 7px; width: 7px;}
.site-header .section-head, .site-footer .section-head {display: grid; gap: 14px; margin-bottom: 34px; max-width: 720px;}
.site-header .section-head h2, .site-footer .section-head h2 {font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.045em; line-height: 1.02; margin: 0; text-wrap: balance;}
.site-header .section-head p, .site-footer .section-head p {color: var(--muted); font-size: 1.05rem; line-height: 1.65; margin: 0; max-width: 680px;}
.site-header .hero, .site-footer .hero {min-height: calc(100svh - 68px); overflow: hidden; padding-block: clamp(68px, 8vw, 104px); position: relative;}
.site-header .hero::after, .site-footer .hero::after {background-image: radial-gradient(circle, color-mix(in srgb, var(--brand) 18%, transparent) 1px, transparent 1px); background-size: 22px 22px; content: ""; height: 420px; opacity: .55; pointer-events: none; position: absolute; right: -80px; top: 40px; transform: rotate(-7deg); width: 520px;}
.site-header .hero-grid, .site-footer .hero-grid {align-items: center; display: grid; gap: clamp(42px, 7vw, 88px); grid-template-columns: minmax(0, .93fr) minmax(520px, 1.07fr); position: relative; z-index: 1;}
.site-header .hero-copy h1, .site-footer .hero-copy h1 {font-size: clamp(3.1rem, 6vw, 5.6rem); letter-spacing: -.065em; line-height: .94; margin: 0; max-width: 790px; text-wrap: balance;}
.site-header .hero-copy h1 em, .site-footer .hero-copy h1 em {color: var(--brand); font-style: normal;}
.site-header .hero-lead, .site-footer .hero-lead {color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.2rem); line-height: 1.62; margin: 26px 0 0; max-width: 660px;}
.site-header .hero-actions, .site-footer .hero-actions {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
.site-header .hero-proof, .site-footer .hero-proof {align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; font-size: .8125rem; gap: 18px; margin-top: 20px;}
.site-header .hero-proof span, .site-footer .hero-proof span {align-items: center; display: inline-flex; gap: 7px;}
.site-header .hero-proof svg, .site-footer .hero-proof svg {color: var(--positive); height: 16px; width: 16px;}
.site-header .decision-card, .site-footer .decision-card {background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; position: relative;}
.site-header .decision-top, .site-footer .decision-top {align-items: center; background: var(--ink); color: var(--surface); display: flex; justify-content: space-between; padding: 17px 20px;}
.site-header .decision-top strong, .site-footer .decision-top strong {font-size: .875rem;}
.site-header .live-dot, .site-footer .live-dot {align-items: center; color: #b9d8c4; display: inline-flex; font-size: .6875rem; font-weight: 800; gap: 7px; letter-spacing: .06em; text-transform: uppercase;}
.site-header .live-dot::before, .site-footer .live-dot::before {background: #59c887; border: 3px solid rgba(89,200,135,.2); border-radius: 50%; content: ""; height: 8px; width: 8px;}
.site-header .decision-body, .site-footer .decision-body {display: grid; gap: 18px; padding: 22px;}
.site-header .decision-title, .site-footer .decision-title {align-items: start; display: flex; gap: 18px; justify-content: space-between;}
.site-header .decision-title h2, .site-footer .decision-title h2 {font-size: 1.15rem; letter-spacing: -.025em; line-height: 1.35; margin: 0;}
.site-header .decision-title p, .site-footer .decision-title p {color: var(--muted); font-size: .8125rem; margin: 6px 0 0;}
.site-header .verdict, .site-footer .verdict {background: var(--warning-soft); border: 1px solid color-mix(in srgb, var(--warning) 42%, transparent); border-radius: 999px; color: var(--warning); flex: 0 0 auto; font-size: .6875rem; font-weight: 850; padding: 7px 10px; text-transform: uppercase;}
.site-header .metric-grid, .site-footer .metric-grid {border-block: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr);}
.site-header .metric, .site-footer .metric {padding: 15px 12px 15px 0;}
.site-header .metric + .metric, .site-footer .metric + .metric {border-left: 1px solid var(--line); padding-left: 14px;}
.site-header .metric span, .site-footer .metric span {color: var(--muted); display: block; font-size: .6875rem; line-height: 1.35;}
.site-header .metric strong, .site-footer .metric strong {display: block; font-family: var(--font-mono); font-size: .95rem; margin-top: 6px; white-space: nowrap;}
.site-header .metric .positive, .site-footer .metric .positive {color: var(--positive);}
.site-header .evidence-note, .site-footer .evidence-note {background: var(--surface-2); border-radius: var(--radius-sm); color: var(--muted); font-size: .8125rem; line-height: 1.55; padding: 13px 14px;}
.site-header .evidence-note strong, .site-footer .evidence-note strong {color: var(--ink);}
.site-header .decision-foot, .site-footer .decision-foot {align-items: center; display: flex; gap: 12px; justify-content: space-between;}
.site-header .deadline, .site-footer .deadline {display: grid; font-size: .75rem; gap: 3px;}
.site-header .deadline span, .site-footer .deadline span {color: var(--muted);}
.site-header .deadline strong, .site-footer .deadline strong {color: var(--danger);}
.site-header .proof-band, .site-footer .proof-band {background: var(--ink); color: var(--surface);}
.site-header .proof-grid, .site-footer .proof-grid {display: grid; grid-template-columns: 1.3fr repeat(3, 1fr);}
.site-header .proof-intro, .site-footer .proof-intro, .site-header .proof-stat, .site-footer .proof-stat {min-height: 145px; padding: 30px 26px;}
.site-header .proof-stat, .site-footer .proof-stat {border-left: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);}
.site-header .proof-intro strong, .site-footer .proof-intro strong {display: block; font-size: 1.15rem; line-height: 1.35; max-width: 280px;}
.site-header .proof-intro a, .site-footer .proof-intro a {color: #c7bffc; display: inline-flex; font-size: .8125rem; font-weight: 750; margin-top: 12px; min-height: 32px; text-underline-offset: 4px;}
.site-header .proof-stat strong, .site-footer .proof-stat strong {display: block; font-family: var(--font-mono); font-size: clamp(1.7rem, 3vw, 2.45rem); letter-spacing: -.04em;}
.site-header .proof-stat span, .site-footer .proof-stat span {color: color-mix(in srgb, var(--surface) 68%, transparent); display: block; font-size: .75rem; line-height: 1.45; margin-top: 8px;}
.site-header .evidence-case, .site-footer .evidence-case {background: #f0ede4; border-bottom: 1px solid var(--line);}
.site-header .evidence-case-grid, .site-footer .evidence-case-grid {align-items: center; display: grid; gap: clamp(30px, 7vw, 92px); grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);}
.site-header .evidence-case-copy h2, .site-footer .evidence-case-copy h2 {font-size: clamp(2rem, 4.2vw, 3.75rem); letter-spacing: -.05em; line-height: 1.02; margin: 0; max-width: 720px; text-wrap: balance;}
.site-header .evidence-case-copy > p:not(.eyebrow), .site-footer .evidence-case-copy > p:not(.eyebrow) {color: var(--muted); line-height: 1.68; margin: 20px 0 0; max-width: 650px;}
.site-header .text-link, .site-footer .text-link {color: var(--brand-strong); display: inline-flex; font-size: .875rem; font-weight: 780; margin-top: 18px; min-height: 40px; text-underline-offset: 4px;}
.site-header .result-receipt, .site-footer .result-receipt {background: var(--surface); border: 1px solid var(--line-strong); border-radius: 4px 18px 18px 4px; box-shadow: 12px 16px 0 #dad5c8; overflow: hidden; position: relative;}
.site-header .result-receipt::before, .site-footer .result-receipt::before {background: var(--brand); content: ""; inset-block: 0; left: 0; position: absolute; width: 5px;}
.site-header .receipt-head, .site-footer .receipt-head {align-items: center; border-bottom: 1px dashed var(--line-strong); display: flex; justify-content: space-between; padding: 18px 22px 16px 26px;}
.site-header .receipt-head span, .site-footer .receipt-head span {color: var(--muted); font-size: .75rem;}
.site-header .receipt-head strong, .site-footer .receipt-head strong {color: var(--positive); font-size: .8125rem;}
.site-header .result-receipt dl, .site-footer .result-receipt dl {display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 10px 16px 8px 20px;}
.site-header .result-receipt dl div, .site-footer .result-receipt dl div {padding: 14px 10px;}
.site-header .result-receipt dl div:nth-child(even), .site-footer .result-receipt dl div:nth-child(even) {border-left: 1px solid var(--line);}
.site-header .result-receipt dl div:nth-child(n+3), .site-footer .result-receipt dl div:nth-child(n+3) {border-top: 1px solid var(--line);}
.site-header .result-receipt dt, .site-footer .result-receipt dt {color: var(--muted); font-size: .6875rem;}
.site-header .result-receipt dd, .site-footer .result-receipt dd {font-family: var(--font-mono); font-size: .9375rem; font-weight: 780; margin: 6px 0 0;}
.site-header .result-receipt > p, .site-footer .result-receipt > p {background: var(--surface-2); color: var(--muted); font-size: .75rem; line-height: 1.55; margin: 0; padding: 14px 22px 15px 26px;}
.site-header .steps, .site-footer .steps {display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr);}
.site-header .step, .site-footer .step {background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); min-height: 235px; padding: 24px;}
.site-header .step-index, .site-footer .step-index {color: var(--brand); font-family: var(--font-mono); font-size: .75rem; font-weight: 800;}
.site-header .step h3, .site-footer .step h3 {font-size: 1.15rem; margin: 52px 0 10px;}
.site-header .step p, .site-footer .step p {color: var(--muted); font-size: .875rem; line-height: 1.58; margin: 0;}
.site-header .step small, .site-footer .step small {color: var(--muted); display: block; font-size: .75rem; margin-top: 14px;}
.site-header .product-stage, .site-footer .product-stage {background: var(--ink); color: #f4f4ef; overflow: hidden;}
.site-header .product-stage .eyebrow, .site-footer .product-stage .eyebrow {color: #c7bffc;}
.site-header .product-stage .section-head p, .site-footer .product-stage .section-head p {color: color-mix(in srgb, var(--surface) 68%, transparent);}
.site-header .product-shell, .site-footer .product-shell {background: #0d1210; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 26px 70px rgba(0,0,0,.28); overflow: hidden;}
.site-header .app-topbar, .site-footer .app-topbar {align-items: center; background: #101614; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; gap: 16px; min-height: 58px; padding: 8px 12px;}
.site-header .app-brand, .site-footer .app-brand {align-items: center; display: flex; font-size: .8125rem; font-weight: 800; gap: 8px;}
.site-header .app-brand .brand-mark, .site-footer .app-brand .brand-mark {border-radius: 8px; height: 30px; width: 30px;}
.site-header .app-brand .brand-logo, .site-footer .app-brand .brand-logo {height: 30px; width: 30px;}
.site-header .app-brand .brand-logo, .site-footer .app-brand .brand-logo, .site-footer .brand-logo {filter: grayscale(1) brightness(0) invert(1);}
.site-header .country-select, .site-footer .country-select {background: #171e1b; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; color: #f2f2ed; min-height: 40px; padding: 8px 32px 8px 10px;}
.site-header .app-account, .site-footer .app-account {align-items: center; color: #9ea7a2; display: flex; font-size: .75rem; gap: 8px; margin-left: auto;}
.site-header .app-icon, .site-footer .app-icon {align-items: center; background: transparent; border: 0; border-radius: 7px; color: #d7ddd8; display: inline-flex; height: 40px; justify-content: center; width: 40px;}
.site-header .app-controls, .site-footer .app-controls {background: #0b100e; border-bottom: 1px solid rgba(255,255,255,.1); display: grid; gap: 10px; padding: 12px;}
.site-header .control-row, .site-footer .control-row {align-items: center; display: flex; gap: 8px; min-width: 0;}
.site-header .segmented, .site-footer .segmented {background: #171e1b; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; display: inline-flex; padding: 3px;}
.site-header .segmented button, .site-footer .segmented button {background: transparent; border: 0; border-radius: 6px; color: #a9b1ad; font-size: .75rem; font-weight: 750; min-height: 36px; padding: 7px 12px;}
.site-header .segmented button[aria-pressed="true"], .site-footer .segmented button[aria-pressed="true"] {background: var(--brand); color: #fff;}
.site-header .filter-field, .site-footer .filter-field {background: #171e1b; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: #d9dedb; font-size: .75rem; min-height: 40px; padding: 8px 30px 8px 10px;}
.site-header .filter-field.wide, .site-footer .filter-field.wide {min-width: 170px;}
.site-header .control-spacer, .site-footer .control-spacer {flex: 1;}
.site-header .control-action, .site-footer .control-action {align-items: center; background: transparent; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #d9dedb; display: inline-flex; font-size: .75rem; font-weight: 750; gap: 6px; min-height: 36px; padding: 7px 11px;}
.site-header .control-action.primary, .site-footer .control-action.primary {background: var(--brand); border-color: var(--brand); color: #fff;}
.site-header .chips, .site-footer .chips {display: flex; gap: 7px; min-width: 0; overflow-x: auto; scrollbar-width: none;}
.site-header .chip, .site-footer .chip {background: transparent; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #aab3ae; flex: 0 0 auto; font-size: .6875rem; min-height: 32px; padding: 6px 10px;}
.site-header .chip[aria-pressed="true"], .site-footer .chip[aria-pressed="true"] {border-color: #9787f1; color: #d1cafb;}
.site-header .app-content, .site-footer .app-content {padding: 16px;}
.site-header .result-line, .site-footer .result-line {align-items: center; color: #97a09b; display: flex; font-size: .75rem; justify-content: space-between; margin-bottom: 10px;}
.site-header .result-line strong, .site-footer .result-line strong {color: #f4f4ef;}
.site-header .app-grid, .site-footer .app-grid {display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0,1fr));}
.site-header .auction-card, .site-footer .auction-card {background: #141a18; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; display: flex; flex-direction: column; min-width: 0; overflow: hidden;}
.site-header .auction-card:hover, .site-footer .auction-card:hover {border-color: rgba(164,147,255,.65);}
.site-header .media, .site-footer .media {background: #1b211f; height: 138px; overflow: hidden; position: relative;}
.site-header .media-photo, .site-footer .media-photo {background-image: url("varzytines-fullsite-flat-photo.png"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.site-header .media-photo-2, .site-footer .media-photo-2 {background-position: center;}
.site-header .media-empty, .site-footer .media-empty {background-image: url("varzytines-no-photo-placeholder.svg"); background-position: center; background-size: cover;}
.site-header .media .verdict, .site-footer .media .verdict {left: 9px; position: absolute; top: 9px;}
.site-header .save, .site-footer .save {align-items: center; background: rgba(9,12,11,.76); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; color: #fff; display: inline-flex; height: 40px; justify-content: center; position: absolute; right: 8px; top: 8px; width: 40px;}
.site-header .save[aria-pressed="true"], .site-footer .save[aria-pressed="true"] {background: var(--brand);}
.site-header .card-body, .site-footer .card-body {display: grid; gap: 10px; padding: 13px;}
.site-header .card-body h3, .site-footer .card-body h3 {color: #f4f4ef; font-size: .875rem; line-height: 1.35; margin: 0; min-height: 38px;}
.site-header .location, .site-footer .location {color: #929c96; font-size: .6875rem; line-height: 1.45; margin: 0; min-height: 31px;}
.site-header .card-metrics, .site-footer .card-metrics {background: #101513; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; display: grid; grid-template-columns: repeat(2, 1fr);}
.site-header .card-metrics div, .site-footer .card-metrics div {padding: 9px;}
.site-header .card-metrics div:nth-child(even), .site-footer .card-metrics div:nth-child(even) {border-left: 1px solid rgba(255,255,255,.08);}
.site-header .card-metrics div:nth-child(n+3), .site-footer .card-metrics div:nth-child(n+3) {border-top: 1px solid rgba(255,255,255,.08);}
.site-header .card-metrics span, .site-footer .card-metrics span {color: #858e89; display: block; font-size: .58rem; line-height: 1.3; text-transform: uppercase;}
.site-header .card-metrics strong, .site-footer .card-metrics strong {color: #fff; display: block; font-family: var(--font-mono); font-size: .78rem; margin-top: 5px;}
.site-header .card-metrics .positive, .site-footer .card-metrics .positive {color: #6bd59a;}
.site-header .card-meta, .site-footer .card-meta {align-items: center; color: #a5ada9; display: flex; flex-wrap: wrap; font-size: .65rem; gap: 5px;}
.site-header .tag, .site-footer .tag {border: 1px solid rgba(255,255,255,.14); border-radius: 4px; padding: 4px 6px;}
.site-header .card-foot, .site-footer .card-foot {align-items: center; display: grid; gap: 7px; grid-template-columns: auto 1fr;}
.site-header .time, .site-footer .time {color: #bfc6c1; font-size: .68rem; font-weight: 750;}
.site-header .card-actions, .site-footer .card-actions {display: grid; gap: 6px; grid-template-columns: 1fr 1fr;}
.site-header .card-actions button, .site-footer .card-actions button {background: #101513; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; color: #e1e5e2; font-size: .68rem; font-weight: 750; min-height: 40px;}
.site-header .map-panel, .site-footer .map-panel {background-color: #121a17; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 50px 50px; border-radius: 10px; height: 520px; overflow: hidden; position: relative;}
.site-header .map-panel::after, .site-footer .map-panel::after {background: #6a55dc; border: 6px solid #d8d2ff; border-radius: 50%; box-shadow: 0 0 0 12px rgba(105,85,220,.18); content: ""; height: 18px; left: 56%; position: absolute; top: 44%; width: 18px;}
.site-header .map-label, .site-footer .map-label {background: #141a18; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: #e3e6e4; font-size: .75rem; left: 12px; padding: 9px 11px; position: absolute; top: 12px;}
.site-header .method-grid, .site-footer .method-grid {align-items: start; display: grid; gap: clamp(28px, 6vw, 78px); grid-template-columns: .82fr 1.18fr;}
.site-header .method-copy h2, .site-footer .method-copy h2 {font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.045em; line-height: 1.03; margin: 0;}
.site-header .method-copy > p, .site-footer .method-copy > p {color: var(--muted); line-height: 1.65;}
.site-header .principles, .site-footer .principles {display: grid; gap: 10px; margin-top: 28px;}
.site-header .principle, .site-footer .principle {align-items: start; border-top: 1px solid var(--line); display: grid; gap: 12px; grid-template-columns: 28px 1fr; padding-top: 15px;}
.site-header .principle svg, .site-footer .principle svg {color: var(--brand); height: 20px; margin-top: 2px; width: 20px;}
.site-header .principle strong, .site-footer .principle strong {display: block; font-size: .9rem;}
.site-header .principle span, .site-footer .principle span {color: var(--muted); display: block; font-size: .8125rem; line-height: 1.5; margin-top: 4px;}
.site-header .history-card, .site-footer .history-card {background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 22px;}
.site-header .history-head, .site-footer .history-head {align-items: end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 18px;}
.site-header .history-head h3, .site-footer .history-head h3 {font-size: 1rem; margin: 0;}
.site-header .history-head span, .site-footer .history-head span {color: var(--muted); font-size: .75rem;}
.site-header .history-table, .site-footer .history-table {border-collapse: collapse; font-size: .75rem; width: 100%;}
.site-header .history-table th, .site-footer .history-table th, .site-header .history-table td, .site-footer .history-table td {border-bottom: 1px solid var(--line); padding: 11px 8px; text-align: left; vertical-align: top;}
.site-header .history-table th, .site-footer .history-table th {color: var(--muted); font-size: .625rem; letter-spacing: .03em; text-transform: uppercase;}
.site-header .status, .site-footer .status {background: var(--surface-2); border-radius: 4px; display: inline-flex; font-size: .6875rem; padding: 5px 7px;}
.site-header .status-current, .site-footer .status-current {background: var(--brand-soft); color: var(--brand-strong);}
.site-header .history-note, .site-footer .history-note {color: var(--muted); font-size: .75rem; line-height: 1.55; margin: 14px 0 0;}
.site-header .pricing, .site-footer .pricing {background: var(--surface-2);}
.site-header .pricing-grid, .site-footer .pricing-grid {display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr);}
.site-header .price-card, .site-footer .price-card {background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); display: flex; flex-direction: column; min-height: 460px; padding: 24px; position: relative;}
.site-header .price-card.recommended, .site-footer .price-card.recommended {border: 2px solid var(--brand); padding: 23px;}
.site-header .recommend-label, .site-footer .recommend-label {background: var(--brand); border-radius: 999px; color: #fff; font-size: .625rem; font-weight: 850; padding: 6px 9px; position: absolute; right: 16px; text-transform: uppercase; top: 16px;}
.site-header .price-card h3, .site-footer .price-card h3 {font-size: 1rem; margin: 0;}
.site-header .price, .site-footer .price {align-items: baseline; display: flex; gap: 7px; margin-top: 26px;}
.site-header .price strong, .site-footer .price strong {font-family: var(--font-mono); font-size: 2.4rem; letter-spacing: -.05em;}
.site-header .price span, .site-footer .price span {color: var(--muted); font-size: .75rem;}
.site-header .price-card > p, .site-footer .price-card > p {color: var(--muted); font-size: .8125rem; line-height: 1.55; min-height: 61px;}
.site-header .feature-list, .site-footer .feature-list {display: grid; gap: 10px; list-style: none; margin: 18px 0 26px; padding: 0;}
.site-header .feature-list li, .site-footer .feature-list li {align-items: start; display: grid; font-size: .8125rem; gap: 9px; grid-template-columns: 16px 1fr; line-height: 1.45;}
.site-header .feature-list svg, .site-footer .feature-list svg {color: var(--positive); height: 15px; margin-top: 2px; width: 15px;}
.site-header .price-card .btn, .site-footer .price-card .btn {margin-top: auto;}
.site-header .pricing-note, .site-footer .pricing-note {color: var(--muted); font-size: .75rem; line-height: 1.55; margin: 18px auto 0; max-width: 760px; text-align: center;}
.site-header .faq-grid, .site-footer .faq-grid {display: grid; gap: 18px; grid-template-columns: .72fr 1.28fr;}
.site-header .faq-copy h2, .site-footer .faq-copy h2 {font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.045em; line-height: 1.03; margin: 0;}
.site-header .faq-copy p, .site-footer .faq-copy p {color: var(--muted); line-height: 1.6;}
.site-header .faq-list, .site-footer .faq-list {border-top: 1px solid var(--line);}
.site-header .faq-list details, .site-footer .faq-list details {border-bottom: 1px solid var(--line);}
.site-header .faq-list summary, .site-footer .faq-list summary {cursor: pointer; font-size: .9375rem; font-weight: 750; list-style: none; min-height: 58px; padding: 19px 42px 17px 0; position: relative;}
.site-header .faq-list summary::after, .site-footer .faq-list summary::after {content: "+"; font-size: 1.35rem; font-weight: 400; position: absolute; right: 8px; top: 14px;}
.site-header .faq-list details[open] summary::after, .site-footer .faq-list details[open] summary::after {content: "–";}
.site-header .faq-list details p, .site-footer .faq-list details p {color: var(--muted); font-size: .875rem; line-height: 1.65; margin: -4px 0 18px; max-width: 680px;}
.site-header .portfolio-section, .site-footer .portfolio-section {background: var(--surface-2); padding-block: clamp(44px, 5vw, 68px);}
.site-header .portfolio-frame, .site-footer .portfolio-frame {background: var(--surface); border: 1px solid var(--line); border-radius: 14px; overflow: hidden;}
.site-header .portfolio-head, .site-footer .portfolio-head {align-items: end; display: flex; gap: 32px; justify-content: space-between; padding: 24px 26px 22px;}
.site-header .portfolio-head .eyebrow, .site-footer .portfolio-head .eyebrow {margin-bottom: 7px;}
.site-header .portfolio-head h2, .site-footer .portfolio-head h2 {font-size: clamp(1.45rem, 2.3vw, 2rem); letter-spacing: -.035em; line-height: 1.12; margin: 0;}
.site-header .portfolio-head > p, .site-footer .portfolio-head > p {color: var(--muted); font-size: .8125rem; line-height: 1.5; margin: 0 0 2px; max-width: 320px; text-align: right;}
.site-header .portfolio-grid, .site-footer .portfolio-grid {background: var(--line); border-top: 1px solid var(--line); display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0,1fr));}
.site-header .portfolio-item, .site-footer .portfolio-item {align-items: center; background: var(--surface); color: var(--ink); display: grid; gap: 13px; grid-template-columns: 82px minmax(0,1fr) 18px; min-height: 82px; padding: 12px 16px; text-decoration: none; transition: background-color 160ms ease;}
.site-header .portfolio-item:hover, .site-footer .portfolio-item:hover {background: color-mix(in srgb, var(--brand) 5%, var(--surface));}
.site-header .portfolio-item:focus-visible, .site-footer .portfolio-item:focus-visible {box-shadow: inset 0 0 0 3px var(--focus); outline: 0; position: relative; z-index: 1;}
.site-header .portfolio-logo-box, .site-footer .portfolio-logo-box {align-items: center; display: flex; height: 46px; justify-content: flex-start; min-width: 0; width: 82px;}
.site-header .portfolio-logo-box img, .site-footer .portfolio-logo-box img {display: block; max-height: 42px; max-width: 78px; object-fit: contain; object-position: left center; width: auto;}
.site-header .portfolio-logo-box.is-icon img, .site-footer .portfolio-logo-box.is-icon img {height: 36px; width: 36px;}
.site-header .portfolio-logo-box.courtbid-mark, .site-footer .portfolio-logo-box.courtbid-mark {background: #07070d; border-radius: 9px; height: 42px; justify-content: center; width: 42px;}
.site-header .portfolio-logo-box.courtbid-mark img, .site-footer .portfolio-logo-box.courtbid-mark img {height: 32px; max-height: 32px; max-width: 32px; object-fit: contain; object-position: center; width: 32px;}
.site-header .portfolio-copy, .site-footer .portfolio-copy {min-width: 0;}
.site-header .portfolio-copy strong, .site-footer .portfolio-copy strong, .site-header .portfolio-copy small, .site-footer .portfolio-copy small {display: block;}
.site-header .portfolio-copy strong, .site-footer .portfolio-copy strong {font-size: .8125rem; line-height: 1.25;}
.site-header .portfolio-copy small, .site-footer .portfolio-copy small {color: var(--muted); font-size: .6875rem; line-height: 1.35; margin-top: 4px;}
.site-header .portfolio-arrow, .site-footer .portfolio-arrow {color: var(--muted); font-size: .9rem; transition: color 160ms ease, transform 160ms ease;}
.site-header .portfolio-item:hover .portfolio-arrow, .site-footer .portfolio-item:hover .portfolio-arrow {color: var(--brand); transform: translate(2px,-2px);}
.site-header .final-cta, .site-footer .final-cta {background: var(--brand); color: #fff; overflow: hidden; position: relative;}
.site-header .final-cta::after, .site-footer .final-cta::after {border: 1px solid rgba(255,255,255,.25); border-radius: 50%; content: ""; height: 420px; position: absolute; right: -90px; top: -180px; width: 420px;}
.site-header .cta-inner, .site-footer .cta-inner {align-items: center; display: grid; gap: 36px; grid-template-columns: 1fr auto; min-height: 310px; position: relative; z-index: 1;}
.site-header .cta-inner h2, .site-footer .cta-inner h2 {font-size: clamp(2.2rem, 5vw, 4.5rem); letter-spacing: -.055em; line-height: .98; margin: 0; max-width: 760px;}
.site-header .cta-inner p, .site-footer .cta-inner p {color: rgba(255,255,255,.78); line-height: 1.6; margin: 16px 0 0;}
.site-header .final-cta .btn, .site-footer .final-cta .btn {background: #fff; border-color: #fff; color: var(--brand-strong); min-width: 210px;}
.site-footer {background: #0e1411; color: #eef0ec; padding-block: 46px 28px;}
.site-footer .brand-name > span {color: #b9adff;}
.site-header .footer-grid, .site-footer .footer-grid {display: grid; gap: 34px; grid-template-columns: 1.5fr repeat(3, 1fr);}
.site-header .footer-intro p, .site-footer .footer-intro p {color: #9da7a0; font-size: .8125rem; line-height: 1.55; max-width: 300px;}
.site-header .footer-col h3, .site-footer .footer-col h3 {font-size: .75rem; margin: 4px 0 12px;}
.site-header .footer-col a, .site-footer .footer-col a {color: #aab3ad; display: flex; font-size: .8125rem; min-height: 34px; padding-block: 7px; text-decoration: none;}
.site-header .footer-col a:hover, .site-footer .footer-col a:hover {color: #fff;}
.site-header .footer-bottom, .site-footer .footer-bottom {border-top: 1px solid rgba(255,255,255,.12); color: #7f8a83; display: flex; font-size: .6875rem; justify-content: space-between; margin-top: 36px; padding-top: 18px;}
.site-header .hero, .site-footer .hero {background: linear-gradient(130deg, rgba(255,254,249,.5), transparent 58%); min-height: auto; padding-block: clamp(72px, 7vw, 94px);}
.site-header .hero::after, .site-footer .hero::after {animation: field-drift 14s ease-in-out infinite alternate; background-image: radial-gradient(circle, color-mix(in srgb, var(--brand) 20%, transparent) 1.2px, transparent 1.2px); background-size: 24px 24px; border-radius: 42% 58% 66% 34% / 46% 42% 58% 54%;}
.site-header .hero-copy, .site-footer .hero-copy {animation: hero-enter 620ms cubic-bezier(.22,.82,.34,1) both;}
.site-header .hero-copy h1, .site-footer .hero-copy h1 {font-family: Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: clamp(3rem, 5.4vw, 5.15rem); font-weight: 560; letter-spacing: -.055em; line-height: .96;}
.site-header .hero-copy h1 em, .site-footer .hero-copy h1 em {color: var(--ink); font-style: italic; position: relative; white-space: nowrap;}
.site-header .hero-copy h1 em::after, .site-footer .hero-copy h1 em::after {animation: underline-in 780ms 480ms cubic-bezier(.22,.82,.34,1) both; background: var(--brand); bottom: -.05em; content: ""; height: .07em; left: .02em; position: absolute; transform-origin: left; width: 98%;}
.site-header .hero-visual, .site-footer .hero-visual {animation: card-enter 720ms 100ms cubic-bezier(.22,.82,.34,1) both;}
.site-header .decision-card, .site-footer .decision-card {transition: box-shadow 240ms ease, transform 240ms ease;}
.site-header .decision-card:hover, .site-footer .decision-card:hover {box-shadow: 0 24px 64px rgba(22,33,27,.13); transform: translateY(-3px);}
.site-header .main-nav a, .site-footer .main-nav a {position: relative;}
.site-header .main-nav a::after, .site-footer .main-nav a::after {background: var(--brand); bottom: 6px; content: ""; height: 2px; left: 10px; position: absolute; transform: scaleX(0); transform-origin: left; transition: transform 180ms ease; width: calc(100% - 20px);}
.site-header .main-nav a:hover::after, .site-footer .main-nav a:hover::after {transform: scaleX(1);}
.site-header .btn svg, .site-footer .btn svg {transition: transform 180ms ease;}
.site-header .btn:hover svg, .site-footer .btn:hover svg {transform: translateX(3px);}
.site-header .proof-band, .site-footer .proof-band {border-top: 4px solid var(--brand);}
.site-header .proof-stat strong, .site-footer .proof-stat strong {font-variant-numeric: tabular-nums;}
.site-header .step, .site-footer .step {transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;}
.site-header .step:hover, .site-footer .step:hover {border-color: color-mix(in srgb, var(--brand) 44%, var(--line)); box-shadow: 0 14px 32px rgba(22,33,27,.07); transform: translateY(-3px);}
.site-header .auction-card, .site-footer .auction-card {transition: border-color 180ms ease, transform 180ms ease;}
.site-header .auction-card:hover, .site-footer .auction-card:hover {transform: translateY(-2px);}
.site-header dialog, .site-footer dialog {background: var(--surface); border: 1px solid var(--line); border-radius: 16px; color: var(--ink); max-height: calc(100dvh - 24px); padding: 0; width: min(760px, calc(100% - 24px));}
.site-header dialog::backdrop, .site-footer dialog::backdrop {background: rgba(6,10,8,.68); backdrop-filter: blur(3px);}
.site-header .dialog-head, .site-footer .dialog-head {align-items: start; border-bottom: 1px solid var(--line); display: flex; gap: 18px; justify-content: space-between; padding: 18px 20px;}
.site-header .dialog-head h2, .site-footer .dialog-head h2 {font-size: 1.2rem; line-height: 1.35; margin: 0;}
.site-header .dialog-head p, .site-footer .dialog-head p {color: var(--muted); font-size: .75rem; margin: 5px 0 0;}
.site-header .dialog-close, .site-footer .dialog-close {align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 8px; display: flex; flex: 0 0 44px; height: 44px; justify-content: center; width: 44px;}
.site-header .dialog-body, .site-footer .dialog-body {max-height: calc(100dvh - 108px); overflow: auto; padding: 20px;}
.site-header .dialog-stats, .site-footer .dialog-stats {display: grid; grid-template-columns: repeat(4, 1fr);}
.site-header .dialog-stat, .site-footer .dialog-stat {border-bottom: 1px solid var(--line); padding: 11px 8px;}
.site-header .dialog-stat span, .site-footer .dialog-stat span {color: var(--muted); display: block; font-size: .6875rem;}
.site-header .dialog-stat strong, .site-footer .dialog-stat strong {display: block; font-size: .875rem; margin-top: 5px;}
.site-header .dialog-method, .site-footer .dialog-method {background: var(--surface-2); border-radius: 8px; color: var(--muted); font-size: .8125rem; line-height: 1.6; margin-top: 18px; padding: 14px;}
.site-header .dialog-method strong, .site-footer .dialog-method strong {color: var(--ink);}
.site-header .dialog-section, .site-footer .dialog-section {margin-top: 22px;}
.site-header .dialog-section h3, .site-footer .dialog-section h3 {font-size: .95rem; margin: 0 0 10px;}
.site-header .dialog-actions, .site-footer .dialog-actions {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;}
.site-header .filter-dialog, .site-footer .filter-dialog {width: min(440px, calc(100% - 16px));}
.site-header .filter-stack, .site-footer .filter-stack {display: grid; gap: 14px;}
.site-header .field, .site-footer .field {display: grid; gap: 6px;}
.site-header .field label, .site-footer .field label {color: var(--muted); font-size: .75rem; font-weight: 750;}
.site-header .field select, .site-footer .field select, .site-header .field input, .site-footer .field input {background: var(--surface); border: 1px solid var(--line-strong); border-radius: 8px; min-height: 44px; padding: 9px 10px; width: 100%;}
.site-header .filter-foot, .site-footer .filter-foot {border-top: 1px solid var(--line); display: grid; gap: 8px; grid-template-columns: 1fr 1.5fr; margin-top: 18px; padding-top: 14px;}
.proposal-b .site-header {background: rgba(12,13,18,.9);}
.site-header .proposal-b .hero, .site-footer .proposal-b .hero {background: radial-gradient(circle at 78% 16%, rgba(115,88,238,.14), transparent 30%);}
.site-header .proposal-b .hero::after, .site-footer .proposal-b .hero::after {opacity: .18;}
.site-header .proposal-b .hero-copy h1, .site-footer .proposal-b .hero-copy h1 {font-size: clamp(3rem, 5.7vw, 5.25rem);}
.site-header .proposal-b .decision-card, .site-footer .proposal-b .decision-card {border-color: #36394a;}
.site-header .proposal-b .decision-top, .site-footer .proposal-b .decision-top {background: #1a1d27;}
.site-header .proposal-b .proof-band, .site-footer .proposal-b .proof-band {background: #14161d; border-block: 1px solid var(--line);}
.site-header .proposal-b .product-stage, .site-footer .proposal-b .product-stage {background: #0a0b0f;}
.site-header .proposal-b .pricing, .site-footer .proposal-b .pricing {background: #101117;}
.site-header .proposal-b .final-cta, .site-footer .proposal-b .final-cta {background: #19152a; border-block: 1px solid #39304d;}
.site-header .proposal-b .final-cta .btn, .site-footer .proposal-b .final-cta .btn {background: var(--brand); border-color: var(--brand); color: #fff;}
.proposal-b .site-footer {background: #08090c;}
.site-header .proposal-b .history-table th, .site-footer .proposal-b .history-table th, .site-header .proposal-b .history-table td, .site-footer .proposal-b .history-table td {color: var(--ink);}
@media (max-width: 1020px) {
  .site-header .main-nav, .site-footer .main-nav {display: none;}
  .site-header .mobile-menu, .site-footer .mobile-menu {display: inline-flex;}
  .site-header .hero-grid, .site-footer .hero-grid {grid-template-columns: 1fr;}
  .site-header .hero-copy, .site-footer .hero-copy {max-width: 780px;}
  .site-header .hero-visual, .site-footer .hero-visual {margin-inline: auto; max-width: 720px; width: 100%;}
  .site-header .proof-grid, .site-footer .proof-grid {grid-template-columns: repeat(3, 1fr);}
  .site-header .proof-intro, .site-footer .proof-intro {border-bottom: 1px solid color-mix(in srgb, var(--surface) 18%, transparent); grid-column: 1 / -1; min-height: auto;}
  .site-header .evidence-case-grid, .site-footer .evidence-case-grid {grid-template-columns: 1fr;}
  .site-header .result-receipt, .site-footer .result-receipt {max-width: 720px;}
  .site-header .app-grid, .site-footer .app-grid {grid-template-columns: repeat(2, minmax(0,1fr));}
  .site-header .auction-card:nth-child(3), .site-footer .auction-card:nth-child(3) {display: none;}
  .site-header .method-grid, .site-footer .method-grid {grid-template-columns: 1fr;}
  .site-header .portfolio-grid, .site-footer .portfolio-grid {grid-template-columns: repeat(2, minmax(0,1fr));}
  .site-header .footer-grid, .site-footer .footer-grid {grid-template-columns: 1.3fr repeat(2,1fr);}
  .site-header .footer-col:last-child, .site-footer .footer-col:last-child {display: none;}
}
@media (max-width: 760px) {
  .site-header .shell, .site-footer .shell {padding-inline: 15px;}
  .site-header .header-inner, .site-footer .header-inner {gap: 8px; min-height: 60px;}
  .site-header .brand-name {display: none;}
  .site-header .brand {min-width: 44px;}
  .site-header .main-nav[data-open] {background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); display: grid; left: 15px; padding: 8px; position: absolute; right: 15px; top: 58px;}
  .site-header .main-nav[data-open] a {min-height: 44px;}
  .site-header .header-actions .login, .site-footer .header-actions .login {display: none;}
  .site-header .hero, .site-footer .hero {min-height: auto; padding-block: 58px 70px;}
  .site-header .hero::after, .site-footer .hero::after {height: 260px; right: -150px; width: 360px;}
  .site-header .hero-grid, .site-footer .hero-grid {gap: 42px;}
  .site-header .hero-copy h1, .site-footer .hero-copy h1, .site-header .proposal-b .hero-copy h1, .site-footer .proposal-b .hero-copy h1 {font-size: clamp(2.7rem, 13.7vw, 4.15rem); line-height: .96;}
  .site-header .hero-copy h1, .site-footer .hero-copy h1 {font-size: clamp(2.75rem, 12.7vw, 3.65rem); letter-spacing: -.045em;}
  .site-header .hero-lead, .site-footer .hero-lead {font-size: 1rem;}
  .site-header .hero-actions, .site-footer .hero-actions {display: grid; grid-template-columns: 1fr;}
  .site-header .hero-actions .btn, .site-footer .hero-actions .btn {width: 100%;}
  .site-header .hero-proof, .site-footer .hero-proof {align-items: start; display: grid; gap: 9px;}
  .site-header .decision-body, .site-footer .decision-body {padding: 16px;}
  .site-header .decision-title, .site-footer .decision-title {display: grid;}
  .site-header .verdict, .site-footer .verdict {justify-self: start;}
  .site-header .metric-grid, .site-footer .metric-grid {grid-template-columns: repeat(2, 1fr);}
  .site-header .metric:nth-child(3), .site-footer .metric:nth-child(3) {border-left: 0;}
  .site-header .metric:nth-child(n+3), .site-footer .metric:nth-child(n+3) {border-top: 1px solid var(--line);}
  .site-header .decision-foot, .site-footer .decision-foot {align-items: stretch; display: grid;}
  .site-header .decision-foot .btn, .site-footer .decision-foot .btn {width: 100%;}
  .site-header .proof-grid, .site-footer .proof-grid {grid-template-columns: 1fr 1fr;}
  .site-header .proof-intro, .site-footer .proof-intro {grid-column: 1 / -1;}
  .site-header .proof-stat, .site-footer .proof-stat {border-left: 0; min-height: 120px; padding: 24px 18px;}
  .site-header .proof-stat:nth-child(3), .site-footer .proof-stat:nth-child(3) {border-left: 1px solid color-mix(in srgb, var(--surface) 18%, transparent);}
  .site-header .proof-stat:last-child, .site-footer .proof-stat:last-child {border-top: 1px solid color-mix(in srgb, var(--surface) 18%, transparent); grid-column: 1 / -1;}
  .site-header .evidence-case-grid, .site-footer .evidence-case-grid {gap: 28px;}
  .site-header .evidence-case-copy h2, .site-footer .evidence-case-copy h2 {font-size: 2.2rem;}
  .site-header .text-link, .site-footer .text-link {align-items: center; min-height: 44px;}
  .site-header .result-receipt, .site-footer .result-receipt {border-radius: 4px 13px 13px 4px; box-shadow: 7px 9px 0 #dad5c8;}
  .site-header .receipt-head, .site-footer .receipt-head {padding: 16px 16px 14px 21px;}
  .site-header .result-receipt dl, .site-footer .result-receipt dl {padding-inline: 14px 9px;}
  .site-header .result-receipt dl div, .site-footer .result-receipt dl div {padding: 12px 8px;}
  .site-header .result-receipt > p, .site-footer .result-receipt > p {padding: 13px 16px 14px 21px;}
  .site-header .steps, .site-footer .steps {grid-template-columns: 1fr;}
  .site-header .step, .site-footer .step {min-height: auto;}
  .site-header .step h3, .site-footer .step h3 {margin-top: 30px;}
  .site-header .product-stage .shell, .site-footer .product-stage .shell {padding-inline: 8px;}
  .site-header .product-stage .section-head, .site-footer .product-stage .section-head {padding-inline: 7px;}
  .site-header .product-shell, .site-footer .product-shell {border-radius: 13px;}
  .site-header .app-topbar, .site-footer .app-topbar {gap: 8px;}
  .site-header .app-brand span, .site-footer .app-brand span {display: none;}
  .site-header .country-select, .site-footer .country-select {width: 130px;}
  .site-header .country-select, .site-footer .country-select, .site-header .app-icon, .site-footer .app-icon, .site-header .save, .site-footer .save {min-height: 44px; height: 44px; min-width: 44px; width: 44px;}
  .site-header .country-select, .site-footer .country-select {width: 130px;}
  .site-header .app-account span, .site-footer .app-account span {display: none;}
  .site-header .app-controls, .site-footer .app-controls {gap: 9px;}
  .site-header .control-row, .site-footer .control-row {flex-wrap: wrap;}
  .site-header .control-row:first-child .filter-field, .site-footer .control-row:first-child .filter-field {display: none;}
  .site-header .control-row:first-child .segmented, .site-footer .control-row:first-child .segmented {flex: 1;}
  .site-header .control-row:first-child .segmented button, .site-footer .control-row:first-child .segmented button {flex: 1; min-height: 44px;}
  .site-header .control-action, .site-footer .control-action {min-height: 44px;}
  .site-header .control-action.hide-mobile, .site-footer .control-action.hide-mobile {display: none;}
  .site-header .chips, .site-footer .chips {margin-right: -12px; padding-right: 12px; width: calc(100% + 12px);}
  .site-header .chip, .site-footer .chip {min-height: 44px;}
  .site-header .app-content, .site-footer .app-content {padding: 10px;}
  .site-header .app-grid, .site-footer .app-grid {grid-template-columns: 1fr;}
  .site-header .auction-card:nth-child(2), .site-footer .auction-card:nth-child(2) {display: none;}
  .site-header .media, .site-footer .media {height: 154px;}
  .site-header .card-actions button, .site-footer .card-actions button {min-height: 44px;}
  .site-header .method-grid, .site-footer .method-grid {gap: 34px;}
  .site-header .history-card, .site-footer .history-card {border-radius: 14px; padding: 16px;}
  .site-header .history-head, .site-footer .history-head {align-items: start; display: grid;}
  .site-header .history-table thead, .site-footer .history-table thead {display: none;}
  .site-header .history-table, .site-footer .history-table, .site-header .history-table tbody, .site-footer .history-table tbody, .site-header .history-table tr, .site-footer .history-table tr, .site-header .history-table td, .site-footer .history-table td {display: block; width: 100%;}
  .site-header .history-table tr, .site-footer .history-table tr {border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; padding: 10px 0;}
  .site-header .history-table td, .site-footer .history-table td {border: 0; padding: 4px 6px;}
  .site-header .history-table td::before, .site-footer .history-table td::before {color: var(--muted); content: attr(data-label); display: block; font-size: .58rem; letter-spacing: .03em; margin-bottom: 4px; text-transform: uppercase;}
  .site-header .pricing-grid, .site-footer .pricing-grid {grid-template-columns: 1fr;}
  .site-header .price-card, .site-footer .price-card {min-height: auto;}
  .site-header .faq-grid, .site-footer .faq-grid {grid-template-columns: 1fr;}
  .site-header .portfolio-head, .site-footer .portfolio-head {align-items: start; display: grid; gap: 9px; padding: 21px 18px 18px;}
  .site-header .portfolio-head > p, .site-footer .portfolio-head > p {text-align: left;}
  .site-header .portfolio-grid, .site-footer .portfolio-grid {grid-template-columns: 1fr;}
  .site-header .portfolio-item, .site-footer .portfolio-item {grid-template-columns: 82px minmax(0,1fr) 18px; min-height: 78px; padding-inline: 14px;}
  .site-header .cta-inner, .site-footer .cta-inner {grid-template-columns: 1fr; min-height: 390px; padding-block: 60px;}
  .site-header .cta-inner .btn, .site-footer .cta-inner .btn {width: 100%;}
  .site-header .footer-grid, .site-footer .footer-grid {grid-template-columns: 1fr 1fr;}
  .site-header .footer-intro, .site-footer .footer-intro {grid-column: 1 / -1;}
  .site-header .footer-col:last-child, .site-footer .footer-col:last-child {display: block;}
  .site-header .footer-col a, .site-footer .footer-col a {align-items: center; min-height: 44px;}
  .site-header .proof-intro a, .site-footer .proof-intro a {align-items: center; min-height: 44px;}
  .site-header .skip-link, .site-footer .skip-link {min-height: 44px;}
  .site-header .footer-bottom, .site-footer .footer-bottom {display: grid; gap: 8px;}
  .site-header .dialog-stats, .site-footer .dialog-stats {grid-template-columns: repeat(2, 1fr);}
  .site-header .dialog-body, .site-footer .dialog-body {padding: 15px;}
}
@media (prefers-reduced-motion: reduce) {
  .site-header *, .site-footer *, .site-header *::before, .site-footer *::before, .site-header *::after, .site-footer *::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
}
.site-header .hero-break, .site-footer .hero-break {display: none;}
@media (min-width: 900px) {
  .site-header .hero-break, .site-footer .hero-break {display: inline;}
}
.site-header .hero-copy h1.hero-title, .site-footer .hero-copy h1.hero-title {font-size: clamp(2rem, 3.9vw, 3.125rem);
  letter-spacing: -.03em;
  line-height: 1.08;
  overflow-wrap: break-word;}
.site-header .modal-backdrop, .site-footer .modal-backdrop {position: fixed; inset: 0; z-index: 200; background: rgba(22,33,27,.55);
  backdrop-filter: blur(6px); display: flex; align-items: flex-start; justify-content: center;
  overflow-y: auto; padding: 28px 16px;}
.site-header .modal-backdrop[hidden], .site-footer .modal-backdrop[hidden] {display: none;}
.site-header .modal, .site-footer .modal {position: relative; width: 100%; max-width: 440px; background: var(--surface);
  border: 1px solid var(--line-strong); border-radius: var(--radius-lg); padding: 28px;
  margin: auto 0; box-shadow: var(--shadow);}
.site-header .modal-close, .site-footer .modal-close {position: absolute; top: 10px; right: 10px; width: 44px; height: 44px;
  border: 0; background: transparent; color: var(--muted); font-size: 1.5rem;
  border-radius: 10px; line-height: 1; cursor: pointer;}
.site-header .modal-close:hover, .site-footer .modal-close:hover {color: var(--ink); background: var(--surface-2);}
.site-header .modal-tabs, .site-footer .modal-tabs {display: flex; gap: 6px; background: var(--page); border: 1px solid var(--line);
  border-radius: var(--radius-md); padding: 5px; margin-bottom: 22px;}
.site-header .modal-tabs .tab, .site-footer .modal-tabs .tab {flex: 1; min-height: 40px; border: 0; border-radius: 9px; background: transparent;
  color: var(--muted); font-weight: 600; font-size: .875rem; cursor: pointer;
  font-family: inherit; transition: background .15s, color .15s;}
.site-header .modal-tabs .tab.active, .site-footer .modal-tabs .tab.active {background: var(--surface); color: var(--ink);
  box-shadow: 0 1px 2px rgba(22,33,27,.10);}
.site-header .auth-form h2, .site-footer .auth-form h2 {font-size: 1.25rem; font-weight: 700; margin-bottom: 16px; color: var(--ink);}
.site-header .auth-form .field, .site-footer .auth-form .field {margin-bottom: 14px;}
.site-header .auth-form .field label, .site-footer .auth-form .field label {display: block; font-size: .8125rem; font-weight: 500;
  color: var(--muted); margin-bottom: 6px;}
.site-header .auth-form input[type=email], .site-footer .auth-form input[type=email], .site-header .auth-form input[type=password], .site-footer .auth-form input[type=password], .site-header .auth-form input[type=text], .site-footer .auth-form input[type=text], .site-header .auth-form input[type=tel], .site-footer .auth-form input[type=tel], .site-header .auth-form select, .site-footer .auth-form select {width: 100%; min-height: 44px; padding: 11px 13px;
  background: var(--page); border: 1px solid var(--line-strong); border-radius: 10px;
  color: var(--ink); font-family: inherit; font-size: .9375rem; transition: border-color .15s;}
.site-header .auth-form input:focus, .site-footer .auth-form input:focus, .site-header .auth-form select:focus, .site-footer .auth-form select:focus {outline: 2px solid var(--focus);
  outline-offset: 1px; border-color: var(--brand);}
.site-header .auth-form .field-check, .site-footer .auth-form .field-check {display: block;}
.site-header .auth-form .field-check label, .site-footer .auth-form .field-check label {display: flex; gap: 10px; align-items: flex-start;
  font-size: .8425rem; color: var(--muted); cursor: pointer; margin-bottom: 0;}
.site-header .auth-form .field-check input, .site-footer .auth-form .field-check input {margin-top: 2px;}
.site-header .auth-form .plan-radios, .site-footer .auth-form .plan-radios {display: flex; flex-direction: column; gap: 8px;}
.site-header .auth-form .plan-radios label, .site-footer .auth-form .plan-radios label {display: flex; gap: 10px; align-items: center;
  padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px;
  font-size: .875rem; font-weight: 500; color: var(--ink); cursor: pointer;
  margin-bottom: 0; min-height: 44px; transition: border-color .15s;}
.site-header .auth-form .plan-radios label:hover, .site-footer .auth-form .plan-radios label:hover {border-color: var(--brand);}
.site-header .auth-form .field input[type=radio], .site-footer .auth-form .field input[type=radio], .site-header .auth-form .field input[type=checkbox], .site-footer .auth-form .field input[type=checkbox] {width: 16px; height: 16px; min-height: 0; padding: 0; flex: 0 0 auto;
  accent-color: var(--brand); background: none; border: 0; border-radius: 0;}
.site-header .auth-form .btn, .site-footer .auth-form .btn {width: 100%; margin-top: 6px;}
.site-header .form-error, .site-footer .form-error {background: #fbeceb; border: 1px solid rgba(170,63,53,.32); color: var(--danger);
  border-radius: 10px; padding: 10px 13px; font-size: .8425rem; margin-bottom: 14px;}
.site-header .form-error[hidden], .site-footer .form-error[hidden] {display: none;}
.site-header .company-fields, .site-footer .company-fields {border-left: 2px solid var(--brand-soft); padding-left: 14px; margin-bottom: 14px;}
.site-header .company-fields[hidden], .site-footer .company-fields[hidden], .site-header .category-field[hidden], .site-footer .category-field[hidden] {display: none;}
.site-header .public-page, .site-footer .public-page {--page-reading: 760px;}
.site-header main, .site-footer main {min-height: 62vh;}
.site-header .main-nav a[aria-current="page"], .site-footer .main-nav a[aria-current="page"] {color: var(--ink);}
.site-header .main-nav a[aria-current="page"]::after, .site-footer .main-nav a[aria-current="page"]::after {transform: scaleX(1);}
.site-header .page-hero, .site-footer .page-hero {border-bottom: 1px solid var(--line); overflow: hidden; padding-block: clamp(64px, 8vw, 104px); position: relative;}
.site-header .page-hero::after, .site-footer .page-hero::after {background-image: radial-gradient(circle, color-mix(in srgb, var(--brand) 20%, transparent) 1.2px, transparent 1.2px); background-size: 24px 24px; content: ""; height: 280px; opacity: .58; pointer-events: none; position: absolute; right: -60px; top: 24px; transform: rotate(-5deg); width: 460px;}
.site-header .page-hero-grid, .site-footer .page-hero-grid {align-items: end; display: grid; gap: clamp(34px, 7vw, 90px); grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr); position: relative; z-index: 1;}
.site-header .breadcrumbs, .site-footer .breadcrumbs {align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; font-size: .8125rem; gap: 8px; margin-bottom: 24px;}
.site-header .breadcrumbs a, .site-footer .breadcrumbs a {min-height: 32px; text-underline-offset: 4px;}
.site-header .breadcrumbs span[aria-current="page"], .site-footer .breadcrumbs span[aria-current="page"] {color: var(--ink);}
.site-header .page-hero h1, .site-footer .page-hero h1 {font-family: Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: clamp(3rem, 6.4vw, 5.8rem); font-weight: 560; letter-spacing: -.06em; line-height: .94; margin: 0; max-width: 920px; text-wrap: balance;}
.site-header .page-lead, .site-footer .page-lead {color: var(--muted); font-size: clamp(1.05rem, 1.4vw, 1.22rem); line-height: 1.65; margin: 24px 0 0; max-width: 680px;}
.site-header .page-summary, .site-footer .page-summary {border-left: 1px solid var(--line-strong); color: var(--muted); font-size: .875rem; line-height: 1.6; padding-left: 22px;}
.site-header .page-summary strong, .site-footer .page-summary strong {color: var(--ink); display: block; font-size: .9375rem; margin-bottom: 7px;}
.site-header .page-summary p, .site-footer .page-summary p {margin: 0;}
.site-header .page-summary time, .site-footer .page-summary time {font-variant-numeric: tabular-nums;}
.site-header .results-ledger, .site-footer .results-ledger {background: var(--ink); border-top: 4px solid var(--brand); color: var(--surface);}
.site-header .results-ledger-grid, .site-footer .results-ledger-grid {display: grid; grid-template-columns: 1.25fr repeat(3, 1fr);}
.site-header .ledger-intro, .site-footer .ledger-intro, .site-header .ledger-stat, .site-footer .ledger-stat {min-height: 150px; padding: 30px 26px;}
.site-header .ledger-intro strong, .site-footer .ledger-intro strong {display: block; font-size: 1.12rem; line-height: 1.45; max-width: 300px;}
.site-header .ledger-intro span, .site-footer .ledger-intro span {color: color-mix(in srgb, var(--surface) 65%, transparent); display: block; font-size: .75rem; margin-top: 12px;}
.site-header .ledger-stat, .site-footer .ledger-stat {border-left: 1px solid rgba(255,255,255,.15);}
.site-header .ledger-stat strong, .site-footer .ledger-stat strong {display: block; font-family: var(--font-mono); font-size: clamp(1.9rem, 3.4vw, 2.7rem); font-variant-numeric: tabular-nums; letter-spacing: -.05em;}
.site-header .ledger-stat span, .site-footer .ledger-stat span {color: color-mix(in srgb, var(--surface) 68%, transparent); display: block; font-size: .75rem; line-height: 1.5; margin-top: 8px; max-width: 190px;}
.site-header .results-section, .site-footer .results-section {padding-block: clamp(68px, 8vw, 108px);}
.site-header .results-layout, .site-footer .results-layout {align-items: start; display: grid; gap: clamp(32px, 6vw, 76px); grid-template-columns: minmax(0, 1.38fr) minmax(280px, .62fr);}
.site-header .section-title, .site-footer .section-title {font-size: clamp(2rem, 4vw, 3.35rem); letter-spacing: -.05em; line-height: 1.02; margin: 0; text-wrap: balance;}
.site-header .section-intro, .site-footer .section-intro {color: var(--muted); line-height: 1.65; margin: 16px 0 30px; max-width: 660px;}
.site-header .outcome-figure, .site-footer .outcome-figure {border-block: 1px solid var(--line); margin: 0 0 34px; padding-block: 24px;}
.site-header .outcome-figure figcaption, .site-footer .outcome-figure figcaption {align-items: center; display: flex; font-size: .875rem; font-weight: 760; justify-content: space-between;}
.site-header .outcome-figure figcaption span, .site-footer .outcome-figure figcaption span {color: var(--muted); font-size: .75rem; font-weight: 500;}
.site-header .outcome-bar, .site-footer .outcome-bar {background: var(--surface-3); display: flex; height: 18px; margin-top: 15px; overflow: hidden;}
.site-header .outcome-bar span:first-child, .site-footer .outcome-bar span:first-child {background: var(--positive); width: 43%;}
.site-header .outcome-bar span:last-child, .site-footer .outcome-bar span:last-child {background: #a5aaa4; width: 57%;}
.site-header .outcome-legend, .site-footer .outcome-legend {display: flex; flex-wrap: wrap; font-size: .75rem; gap: 18px; margin-top: 12px;}
.site-header .outcome-legend span, .site-footer .outcome-legend span {align-items: center; display: inline-flex; gap: 7px;}
.site-header .outcome-legend i, .site-footer .outcome-legend i {background: var(--positive); height: 9px; width: 9px;}
.site-header .outcome-legend span:last-child i, .site-footer .outcome-legend span:last-child i {background: #a5aaa4;}
.site-header .data-table-wrap, .site-footer .data-table-wrap {border: 1px solid var(--line); overflow-x: auto;}
.site-header .data-table, .site-footer .data-table {border-collapse: collapse; font-size: .8125rem; min-width: 700px; width: 100%;}
.site-header .data-table caption, .site-footer .data-table caption {background: var(--surface-2); color: var(--muted); font-size: .75rem; padding: 12px 16px; text-align: left;}
.site-header .data-table th, .site-footer .data-table th, .site-header .data-table td, .site-footer .data-table td {border-bottom: 1px solid var(--line); padding: 15px 14px; text-align: left; vertical-align: top;}
.site-header .data-table th, .site-footer .data-table th {color: var(--muted); font-size: .6875rem; letter-spacing: .035em; text-transform: uppercase;}
.site-header .data-table tbody tr:last-child td, .site-footer .data-table tbody tr:last-child td {border-bottom: 0;}
.site-header .data-table td[data-numeric], .site-footer .data-table td[data-numeric] {font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap;}
.site-header .data-table .positive, .site-footer .data-table .positive {color: var(--positive); font-weight: 800;}
.site-header .data-source, .site-footer .data-source {color: var(--muted); font-size: .75rem; line-height: 1.55; margin: 13px 0 0;}
.site-header .reading-aside, .site-footer .reading-aside {border-top: 3px solid var(--brand); position: sticky; top: 94px;}
.site-header .reading-aside h2, .site-footer .reading-aside h2 {font-size: 1.12rem; margin: 18px 0 8px;}
.site-header .reading-list, .site-footer .reading-list {margin: 0;}
.site-header .reading-list div, .site-footer .reading-list div {border-top: 1px solid var(--line); padding-block: 16px;}
.site-header .reading-list dt, .site-footer .reading-list dt {font-size: .8125rem; font-weight: 780;}
.site-header .reading-list dd, .site-footer .reading-list dd {color: var(--muted); font-size: .8125rem; line-height: 1.55; margin: 6px 0 0;}
.site-header .reading-list div:first-child, .site-footer .reading-list div:first-child {border-top: 0;}
.site-header .aside-link, .site-footer .aside-link {align-items: center; color: var(--brand-strong); display: inline-flex; font-size: .8125rem; font-weight: 760; min-height: 44px; text-underline-offset: 4px;}
.site-header .method-layers, .site-footer .method-layers {border-top: 1px solid var(--line-strong);}
.site-header .method-layer, .site-footer .method-layer {align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 24px; grid-template-columns: 160px 1fr; padding-block: 24px;}
.site-header .method-layer > span, .site-footer .method-layer > span {color: var(--brand-strong); font-family: var(--font-mono); font-size: .75rem; font-weight: 800;}
.site-header .method-layer h3, .site-footer .method-layer h3 {font-size: 1.12rem; margin: 0;}
.site-header .method-layer p, .site-footer .method-layer p {color: var(--muted); font-size: .875rem; line-height: 1.62; margin: 7px 0 0; max-width: 680px;}
.site-header .capability-note, .site-footer .capability-note {background: var(--surface-2); border: 1px solid var(--line); margin-top: 28px; padding: 18px 20px;}
.site-header .capability-note strong, .site-footer .capability-note strong {display: block; font-size: .875rem;}
.site-header .capability-note p, .site-footer .capability-note p {color: var(--muted); font-size: .8125rem; line-height: 1.6; margin: 7px 0 0;}
.site-header .editorial-feature, .site-footer .editorial-feature {border-bottom: 1px solid var(--line); display: grid; gap: clamp(30px, 6vw, 78px); grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr); padding-bottom: clamp(50px, 7vw, 86px);}
.site-header .feature-kicker, .site-footer .feature-kicker, .site-header .article-category, .site-footer .article-category {color: var(--brand-strong); font-size: .6875rem; font-weight: 820; letter-spacing: .07em; text-transform: uppercase;}
.site-header .editorial-feature h2, .site-footer .editorial-feature h2 {font-family: Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: clamp(2.15rem, 4.2vw, 3.8rem); font-weight: 560; letter-spacing: -.045em; line-height: 1.02; margin: 16px 0 0;}
.site-header .editorial-feature h2 a, .site-footer .editorial-feature h2 a {text-decoration: none;}
.site-header .editorial-feature h2 a:hover, .site-footer .editorial-feature h2 a:hover {color: var(--brand-strong);}
.site-header .article-excerpt, .site-footer .article-excerpt {color: var(--muted); line-height: 1.65; margin: 18px 0 0; max-width: 660px;}
.site-header .article-meta, .site-footer .article-meta {color: var(--muted); display: flex; flex-wrap: wrap; font-size: .75rem; gap: 12px; margin-top: 20px;}
.site-header .feature-note, .site-footer .feature-note {align-self: end; border-top: 3px solid var(--ink); padding-top: 18px;}
.site-header .feature-note strong, .site-footer .feature-note strong {display: block; font-size: 1rem;}
.site-header .feature-note p, .site-footer .feature-note p {color: var(--muted); font-size: .8125rem; line-height: 1.58; margin: 8px 0 0;}
.site-header .article-list, .site-footer .article-list {margin-top: 12px;}
.site-header .article-row, .site-footer .article-row {align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 20px; grid-template-columns: 70px minmax(0, 1fr) auto; padding-block: 24px; text-decoration: none;}
.site-header .article-index, .site-footer .article-index {color: var(--muted); font-family: var(--font-mono); font-size: .75rem;}
.site-header .article-row h2, .site-footer .article-row h2 {font-size: clamp(1.08rem, 2vw, 1.42rem); letter-spacing: -.025em; line-height: 1.25; margin: 6px 0 0;}
.site-header .article-row p, .site-footer .article-row p {color: var(--muted); font-size: .8125rem; line-height: 1.55; margin: 8px 0 0; max-width: 720px;}
.site-header .article-row .article-meta, .site-footer .article-row .article-meta {justify-content: flex-end; margin: 0; white-space: nowrap;}
.site-header .article-row:hover h2, .site-footer .article-row:hover h2 {color: var(--brand-strong);}
.site-header .document-layout, .site-footer .document-layout {align-items: start; display: grid; gap: clamp(34px, 7vw, 86px); grid-template-columns: 230px minmax(0, var(--page-reading)); justify-content: center;}
.site-header .document-toc, .site-footer .document-toc {border-top: 3px solid var(--brand); position: sticky; top: 94px;}
.site-header .document-toc strong, .site-footer .document-toc strong {display: block; font-size: .8125rem; margin: 16px 0 8px;}
.site-header .document-toc a, .site-footer .document-toc a {align-items: center; border-top: 1px solid var(--line); color: var(--muted); display: flex; font-size: .8125rem; min-height: 42px; padding-block: 9px; text-decoration: none;}
.site-header .document-toc a:hover, .site-footer .document-toc a:hover {color: var(--ink);}
.site-header .document-body, .site-footer .document-body {min-width: 0;}
.site-header .document-meta, .site-footer .document-meta {background: var(--surface-2); border: 1px solid var(--line); color: var(--muted); font-size: .8125rem; line-height: 1.6; margin: 0 0 34px; padding: 17px 19px;}
.site-header .document-meta strong, .site-footer .document-meta strong {color: var(--ink);}
.site-header .document-body section, .site-footer .document-body section {scroll-margin-top: 92px;}
.site-header .document-body h2, .site-footer .document-body h2 {border-top: 1px solid var(--line-strong); font-size: clamp(1.35rem, 2.6vw, 1.75rem); letter-spacing: -.03em; margin: 42px 0 14px; padding-top: 28px;}
.site-header .document-body h2:first-of-type, .site-footer .document-body h2:first-of-type {margin-top: 0;}
.site-header .document-body h3, .site-footer .document-body h3 {font-size: 1.06rem; margin: 28px 0 10px;}
.site-header .document-body p, .site-footer .document-body p, .site-header .document-body li, .site-footer .document-body li {color: #4f5a53; line-height: 1.72;}
.site-header .document-body ul, .site-footer .document-body ul, .site-header .document-body ol, .site-footer .document-body ol {padding-left: 1.35rem;}
.site-header .document-body li + li, .site-footer .document-body li + li {margin-top: 7px;}
.site-header .document-body a, .site-footer .document-body a {color: var(--brand-strong); text-underline-offset: 3px;}
.site-header .document-body .data-table-wrap, .site-footer .document-body .data-table-wrap {margin-block: 22px;}
.site-header .document-warning, .site-footer .document-warning {background: var(--warning-soft); border: 1px solid color-mix(in srgb, var(--warning) 34%, transparent); color: var(--warning); margin-block: 24px; padding: 16px 18px;}
.site-header .document-warning strong, .site-footer .document-warning strong {display: block; font-size: .875rem;}
.site-header .document-warning p, .site-footer .document-warning p {color: color-mix(in srgb, var(--warning) 78%, var(--ink)); font-size: .8125rem; margin: 7px 0 0;}
.site-header .demo-page .product-stage, .site-footer .demo-page .product-stage {padding-block: clamp(58px, 7vw, 88px);}
.site-header .demo-page .product-stage .section-head, .site-footer .demo-page .product-stage .section-head {max-width: 820px;}
.site-header .demo-context, .site-footer .demo-context {align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); color: #abb4ae; display: flex; font-size: .75rem; justify-content: space-between; padding: 11px 15px;}
.site-header .demo-context strong, .site-footer .demo-context strong {color: #f4f4ef;}
.site-header .legal-switch, .site-footer .legal-switch {align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px;}
.site-header .legal-switch a, .site-footer .legal-switch a {align-items: center; border: 1px solid var(--line-strong); display: inline-flex; font-size: .8125rem; min-height: 42px; padding: 9px 12px; text-decoration: none;}
.site-header .legal-switch a[aria-current="page"], .site-footer .legal-switch a[aria-current="page"] {background: var(--ink); border-color: var(--ink); color: var(--surface);}
@media (max-width: 1020px) {
  .site-header .page-hero-grid, .site-footer .page-hero-grid, .site-header .results-layout, .site-footer .results-layout, .site-header .editorial-feature, .site-footer .editorial-feature {grid-template-columns: 1fr;}
  .site-header .page-summary, .site-footer .page-summary {max-width: 680px;}
  .site-header .results-ledger-grid, .site-footer .results-ledger-grid {grid-template-columns: repeat(3, 1fr);}
  .site-header .ledger-intro, .site-footer .ledger-intro {border-bottom: 1px solid rgba(255,255,255,.15); grid-column: 1 / -1; min-height: auto;}
  .site-header .reading-aside, .site-footer .reading-aside {display: grid; grid-template-columns: 1fr 1fr; position: static;}
  .site-header .reading-aside h2, .site-footer .reading-aside h2, .site-header .reading-aside .aside-link, .site-footer .reading-aside .aside-link {grid-column: 1 / -1;}
  .site-header .reading-list, .site-footer .reading-list {display: contents;}
  .site-header .reading-list div, .site-footer .reading-list div {padding-right: 20px;}
  .site-header .document-layout, .site-footer .document-layout {grid-template-columns: 190px minmax(0, 1fr);}
}
@media (max-width: 760px) {
  .site-header .page-hero, .site-footer .page-hero {padding-block: 48px 58px;}
  .site-header .page-hero::after, .site-footer .page-hero::after {height: 240px; opacity: .42; right: -180px; top: 50px; width: 360px;}
  .site-header .page-hero h1, .site-footer .page-hero h1 {font-size: clamp(2.65rem, 13vw, 3.6rem); line-height: .96;}
  .site-header .breadcrumbs, .site-footer .breadcrumbs {margin-bottom: 18px;}
  .site-header .breadcrumbs a, .site-footer .breadcrumbs a {align-items: center; display: inline-flex; min-height: 44px;}
  .site-header .page-summary, .site-footer .page-summary {border-left: 0; border-top: 1px solid var(--line-strong); padding: 16px 0 0;}
  .site-header .results-ledger-grid, .site-footer .results-ledger-grid {grid-template-columns: 1fr 1fr;}
  .site-header .ledger-intro, .site-footer .ledger-intro {grid-column: 1 / -1;}
  .site-header .ledger-intro, .site-footer .ledger-intro, .site-header .ledger-stat, .site-footer .ledger-stat {min-height: 120px; padding: 23px 16px;}
  .site-header .ledger-stat, .site-footer .ledger-stat {border-left: 0;}
  .site-header .ledger-stat:nth-child(3), .site-footer .ledger-stat:nth-child(3) {border-left: 1px solid rgba(255,255,255,.15);}
  .site-header .ledger-stat:last-child, .site-footer .ledger-stat:last-child {border-top: 1px solid rgba(255,255,255,.15); grid-column: 1 / -1;}
  .site-header .results-layout, .site-footer .results-layout {gap: 40px;}
  .site-header .outcome-figure figcaption, .site-footer .outcome-figure figcaption {align-items: start; display: grid; gap: 4px;}
  .site-header .data-table-wrap, .site-footer .data-table-wrap {border: 0; overflow: visible;}
  .site-header .data-table, .site-footer .data-table {min-width: 0;}
  .site-header .data-table caption, .site-footer .data-table caption {border: 1px solid var(--line);}
  .site-header .data-table thead, .site-footer .data-table thead {display: none;}
  .site-header .data-table, .site-footer .data-table, .site-header .data-table tbody, .site-footer .data-table tbody, .site-header .data-table tr, .site-footer .data-table tr, .site-header .data-table td, .site-footer .data-table td {display: block; width: 100%;}
  .site-header .data-table tr, .site-footer .data-table tr {border: 1px solid var(--line); margin-top: 10px; padding: 12px;}
  .site-header .data-table td, .site-footer .data-table td {border: 0; display: grid; gap: 12px; grid-template-columns: minmax(105px, .42fr) 1fr; padding: 7px 4px; white-space: normal !important;}
  .site-header .data-table td::before, .site-footer .data-table td::before {color: var(--muted); content: attr(data-label); font-size: .6875rem; text-transform: uppercase;}
  .site-header .reading-aside, .site-footer .reading-aside {display: block;}
  .site-header .method-layer, .site-footer .method-layer {gap: 9px; grid-template-columns: 1fr;}
  .site-header .editorial-feature, .site-footer .editorial-feature {gap: 30px;}
  .site-header .article-row, .site-footer .article-row {grid-template-columns: 42px 1fr;}
  .site-header .article-row .article-meta, .site-footer .article-row .article-meta {grid-column: 2; justify-content: flex-start; white-space: normal;}
  .site-header .document-layout, .site-footer .document-layout {grid-template-columns: 1fr;}
  .site-header .document-toc, .site-footer .document-toc {position: static;}
  .site-header .document-toc nav, .site-footer .document-toc nav {display: grid; grid-template-columns: 1fr 1fr;}
  .site-header .document-toc a, .site-footer .document-toc a {min-height: 44px; padding-right: 12px;}
  .site-header .document-body h2, .site-footer .document-body h2 {scroll-margin-top: 76px;}
  .site-header .legal-switch a, .site-footer .legal-switch a {min-height: 44px;}
  .site-header .demo-context, .site-footer .demo-context {align-items: start; display: grid; gap: 4px;}
}
@media (hover: hover) {
  .site-header .article-row, .site-footer .article-row, .site-header .method-layer, .site-footer .method-layer {transition: transform 180ms cubic-bezier(.25,1,.5,1);}
  .site-header .article-row:hover, .site-footer .article-row:hover, .site-header .method-layer:hover, .site-footer .method-layer:hover {transform: translateX(4px);}
}
@media (prefers-reduced-motion: reduce) {
  .site-header .article-row, .site-footer .article-row, .site-header .method-layer, .site-footer .method-layer {transform: none !important;}
}
.site-header .hero-break, .site-footer .hero-break {display: none;}
@media (min-width: 900px) {
  .site-header .hero-break, .site-footer .hero-break {display: inline;}
}