/* Hallmark · shape: Recovery board · genre: modern-minimal · theme: brand · redesign: full · copy: verbatim
 * paper: owned mint/ivory · accent: owned amber · display: existing FS system stack · body: existing FS system stack · hero: Poster workbench · nav: retained grouped route controls · footer: owned operator and draft links · signature: full-width recovery headline above the concept workbench
 * axes: light/grotesk-heavy/warm · posture: Committed mint field, amber actions · contrast: see703native samples · fold: see10native profiles · v2.0.0 */
/* Hallmark · pre-emit critique: preserve synthetic boundaries and full controls; weakest: repeated small columns, replaced by large composed sections after hero review. */
/* Hallmark · source copy retained verbatim except decorative arrow/menu glyphs and caption middle-dot punctuation; source words/claims unchanged. */
/* Hallmark · dismissed 3 · SlotMend recovery-thread has the original three ordered Opening/Offer/Reply nodes in a connected workflow diagram, not generic feature cards; editorial content is now full-width reading rows. */
/* Hallmark · answered F1 · SlotMend copy is retained verbatim from approved source, including its ordinary apostrophe; no legal or factual wording is rewritten. */
/* Hallmark · dismissed F4 · SlotMend amber Request a pilot is the only primary action style; dark Barber is the pressed industry-concept selector inside its labelled group, not another CTA. */
/* Hallmark · answered F15 · Recovery board uses64px between reading columns and32px inside ordered sequence/role rows, reducing to24px at tablet; semantic groups retain their own shared gaps and phone single-column reflow. */
html, body { overflow-x: clip; }
html { scroll-behavior: auto; }
.landing, .landing *, .landing *::before, .landing *::after { box-sizing: border-box; }
.landing { overflow-wrap: anywhere; margin: 0; min-height: 100vh; background: var(--fs-bg); color: var(--fs-ink); font: 16px/1.55 var(--fs-font); }
.landing [hidden] { display: none !important; }
.landing .container { width: min(calc(100% - 48px), var(--fs-container)); margin-inline: auto; }
.landing h1, .landing h2, .landing h3, .landing p, .landing figure { margin: 0; }
.landing h1, .landing h2, .landing h3 { min-width: 0; overflow-wrap: break-word; line-height: 1.08; text-wrap: balance; }
.landing h1 { font-size: 64px; font-weight: 700; letter-spacing: -.045em; }
.landing h2 { font-size: 30px; font-weight: 700; letter-spacing: -.025em; }
.landing h3 { font-size: 20px; }
.landing p { text-wrap: pretty; }
.landing a { color: inherit; text-underline-offset: 4px; }
.landing button, .landing summary { font: inherit; }
.landing button, .landing a, .landing summary { -webkit-tap-highlight-color: transparent; }
.landing :focus-visible { outline: 3px solid var(--fs-accent-deep); outline-offset: 4px; }
.landing section, .landing main { scroll-margin-top: 24px; }
.landing img { display: block; max-width: 100%; height: auto; }
.landing svg { width: 44px; height: 44px; }
.landing .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.landing .skip-link { position: absolute; left: 16px; top: -100px; z-index: 5; background: var(--fs-ink); color: var(--fs-white); padding: 12px 20px; }
.landing .skip-link:focus { top: 16px; }
.landing .preview-notice { padding: 8px 24px; border-bottom: 1px solid var(--fs-line); text-align: center; color: var(--fs-muted); font-size: 12px; }
.landing .site-header { min-height: 84px; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; padding-block: 16px; }
.landing .brand { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-size: 26px; font-weight: 750; letter-spacing: -.04em; }
.landing .brand img { width: 38px; height: 38px; }
.landing nav { display: flex; align-items: center; gap: 24px; }
.landing nav a, .landing .sign-in, .landing .footer-links a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; text-decoration: none; }
.landing nav a:hover, .landing .footer-links a:hover { text-decoration: underline; }
.landing .header-actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.landing .locales { display: flex; border: 1px solid var(--fs-line); border-radius: 12px; overflow: visible; }
.landing .locales a { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; text-decoration: none; font-weight: 600; }
.landing .locales a:first-child { border-radius: 11px 0 0 11px; }
.landing .locales a:last-child { border-radius: 0 11px 11px 0; }
.landing nav .mobile-sign-in { display: none; }
.landing .locales a[aria-current] { background: var(--fs-ink); color: var(--fs-white); }
.landing .button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 12px 24px; border: 1px solid var(--fs-transparent); border-radius: 28px; font: 600 16px/1.3 var(--fs-font); text-decoration: none; cursor: pointer; text-align: center; }
.landing .primary { background: var(--fs-accent); color: var(--fs-ink); }
.landing .primary:hover { background: var(--fs-accent-hover); }
.landing .secondary { border-color: var(--fs-line); background: var(--fs-surface); color: var(--fs-ink); }
.landing .menu-toggle { min-height: 44px; padding: 8px 12px; border: 1px solid var(--fs-line); border-radius: 8px; background: var(--fs-transparent); cursor: pointer; }
.landing .hero { display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 40px; padding-block: 48px 64px; align-items: start; }
.landing .hero-copy { padding-top: 12px; }
.landing .lead { margin-top: 24px; font-size: 18px; }
.landing .hero-copy > .button { margin-top: 24px; }
.landing .helper { font-size: 14px; color: var(--fs-muted); }
.landing .hero-copy > .helper { margin-top: 16px; }
.landing .viewer-heading { font-size: 18px; letter-spacing: -.01em; margin-bottom: 12px; }
.landing .theme-controls { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--fs-line); border-radius: 12px; margin-bottom: 12px; }
.landing .theme-button { flex: 1 1 130px; min-height: 44px; border: 0; border-radius: 8px; padding: 12px 12px; color: var(--fs-ink); background: var(--fs-transparent); cursor: pointer; font-size: 14px; line-height: 1.3; }
.landing .theme-button:hover { background: var(--fs-bg-deep); }
.landing .theme-button[aria-pressed="true"] { background: var(--fs-ink); color: var(--fs-white); font-weight: 600; }
.landing .theme-stage { aspect-ratio: 3 / 2; border-radius: 12px; overflow: hidden; border: 0; background: var(--fs-surface); box-shadow: none; }
.landing .theme-stage img { width: 100%; height: 100%; object-fit: contain; }
.landing figcaption { margin-top: 12px; font-size: 14px; color: var(--fs-muted); }
.landing .media-link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 4px; font-size: 14px; }
.landing #theme-status:empty { display: none; }
.landing #theme-status:not(:empty), .landing #theme-retry { margin-top: 12px; }
.landing .section { padding-block: 56px; border-top: 1px solid var(--fs-line); }
.landing .section p { margin-top: 16px; color: var(--fs-muted); max-width: 72ch; }
.landing .problem h2 { max-width: 36ch; }
.landing .recovery-thread { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 40px 0 20px; }
.landing .recovery-thread li { position: relative; display: grid; place-items: center; padding-block: 12px; }
.landing .recovery-thread li::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 3px; background: var(--fs-accent); }
.landing .thread-tile { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; width: 144px; min-height: 140px; justify-content: center; border: 1px solid var(--fs-thread-border); border-radius: 12px; background: var(--fs-bg); font-weight: 600; }
.landing .stage-offer .thread-tile { color: var(--fs-accent-deep); background: var(--fs-surface); border-color: var(--fs-accent); }
.landing .stage-reply svg { color: var(--fs-success); }
.landing .diagram-caption { text-align: right; }
.landing .workflow ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 24px; }
.landing .workflow li { padding-right: 24px; border-right: 1px solid var(--fs-line); }
.landing .workflow li:last-child { border: 0; }
.landing .workflow h3 { margin-top: 16px; }
.landing .workflow p { margin-top: 12px; }
.landing .step-number { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--fs-bg-deep); font-weight: 700; }
.landing .product-band, .landing .faq-grid { background: var(--fs-surface); }
.landing .product-grid { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); gap: 40px; align-items: start; }
.landing .product-grid img { width: 100%; border: 1px solid var(--fs-line); border-radius: 12px; }
.landing .editorial-grid { display: block; }
.landing .editorial-block { padding-right: 24px; border-right: 1px solid var(--fs-line); }
.landing .editorial-block:last-child { border-right: 0; }
.landing .editorial-block > svg { margin-bottom: 16px; }
.landing .editorial-block h2 { font-size: 24px; }
.landing .editorial-block a { display: inline-flex; min-height: 44px; align-items: center; color: var(--fs-accent-deep); }
.landing .action-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 64px; align-items: center; }
.landing .action-grid > .button { justify-self: center; }
.landing .action-grid > div:last-child:not(:first-child) { justify-self: center; }
.landing .faq-grid { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1fr); gap: 48px; }
.landing .faq-list { border: 1px solid var(--fs-line); border-radius: 12px; overflow: hidden; }
.landing details { border-bottom: 1px solid var(--fs-line); }
.landing details:last-child { border-bottom: 0; }
.landing summary { min-height: 48px; padding: 16px; cursor: pointer; }
.landing details[open] { background: var(--fs-bg); }
.landing details p { margin: 0; padding: 0 16px 20px; }
.landing .site-footer { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding-block: 32px; border-top: 1px solid var(--fs-line); font-size: 14px; }
.landing .site-footer > span { letter-spacing: .1em; padding-block: 12px; }
.landing .site-footer > a { min-height: 44px; display: inline-flex; align-items: center; }
.landing .footer-links { display: flex; flex-wrap: wrap; align-items: start; gap: 8px 20px; }
.landing .legal-pending { min-height: 44px; padding-block: 12px; display: inline-flex; flex-direction: column; color: var(--fs-muted); }
.landing .legal-pending small { font-size: 12px; }
@media (max-width: 1150px) {
  .landing .header-cta { display: none; }
  .landing .site-header { gap: 20px; }
  .landing nav { gap: 16px; }
  .landing h1 { font-size: 56px; }
}
@media (max-width: 1000px) {
  .landing .hero { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .landing .hero-copy { max-width: 720px; }
  .landing .theme-viewer { width: 100%; max-width: 850px; }
  .landing .workflow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  .landing .workflow li:nth-child(2) { border: 0; }
  .landing .product-grid { grid-template-columns: minmax(0, 1fr); }
  .landing .editorial-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .landing .editorial-block { border-right: 0; padding-right: 0; border-bottom: 1px solid var(--fs-line); padding-bottom: 24px; }
  .landing .editorial-block:last-child { border: 0; padding-bottom: 0; }
  .landing .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 760px) {
  .landing .site-header { gap: 12px; }
  .landing .brand { font-size: 23px; }
  .landing .header-actions { gap: 8px; }
  .landing .sign-in { display: none; }
  .landing nav .mobile-sign-in { display: inline-flex; }
  .landing nav { order: 5; width: 100%; flex-wrap: wrap; }
  .landing .menu-toggle { margin-left: auto; }
  .landing .header-actions { margin-left: 0; }
  .landing .hero { padding-block: 32px 48px; }
  .landing h1 { font-size: 44px; }
  .landing .action-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .landing .action-grid > .button, .landing .action-grid > div:last-child:not(:first-child) { justify-self: start; }
  .landing .section { padding-block: 40px; }
}
@media (max-width: 600px) {
  .landing h1 { font-size: 40px; }
  .landing h2 { font-size: 28px; }
  .landing .lead { font-size: 18px; }
  .landing .brand span { font-size: 21px; }
  .landing .brand img { width: 32px; height: 32px; }
  .landing .menu-toggle { padding: 8px; font-size: 14px; }
  .landing .locales a { padding: 8px; }
  .landing .hero-copy > .button { width: 100%; }
  .landing .recovery-thread { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
  .landing .recovery-thread li { padding-block: 20px; }
  .landing .recovery-thread li::before { left: calc(50% - 1.5px); top: 0; bottom: 0; width: 3px; height: auto; right: auto; }
  .landing .diagram-caption { text-align: center; }
  .landing .workflow ol { grid-template-columns: minmax(0, 1fr); }
  .landing .workflow li { border-right: 0; border-bottom: 1px solid var(--fs-line); padding: 0 0 24px; }
  .landing .workflow li:nth-child(2) { border-bottom: 1px solid var(--fs-line); }
  .landing .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .landing .site-footer > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .landing *, .landing *::before, .landing *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Recovery board opening. No script or content changes. */
.landing .preview-notice { font-size: 14px; line-height: 1.4; padding-block: 12px; }
.landing .brand { font-size: 28px; }
.landing .site-header { min-height: 88px; }
.landing .button { border-radius: var(--fs-radius-control); gap: 12px; }
.landing .menu-icon { width: 20px; height: 20px; }
.landing .menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--fs-ink); font: inherit; }
.landing .hero { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 32px 64px; padding-block: 36px 72px; }
.landing .hero-title { grid-column: 1 / -1; font-size: clamp(64px, 7.2vw, 104px); max-width: 24ch; line-height: 1.02; font-weight: 750; letter-spacing: -.045em; text-wrap: balance; }
.landing .hero-copy { padding-top: 4px; }
.landing .lead { margin-top: 0; max-width: 45ch; font-size: 18px; line-height: 1.55; }
.landing .hero-copy > .button { margin-top: 24px; }
.landing .hero-copy > .helper { margin-top: 20px; max-width: 39ch; }
.landing .theme-viewer { min-width: 0; }
.landing .viewer-heading { font-size: 20px; line-height: 1.3; margin-bottom: 12px; letter-spacing: 0; text-wrap: pretty; }
.landing .theme-controls { padding: 0; gap: 4px; border: 0; border-radius: 0; }
.landing .theme-button { border-radius: var(--fs-radius-control); border: 1px solid var(--fs-line); flex-basis: 110px; font-size: 14px; }
.landing .theme-stage { border-radius: 0; border: 0; box-shadow: none; background: var(--fs-bg-deep); }
.landing .theme-stage img { object-fit: contain; }
.landing button:active, .landing .button:active { transform: translateY(1px); }
.landing button:disabled { cursor: not-allowed; opacity: .65; }
.landing .skip-link { z-index: 10; border-radius: var(--fs-radius-control); }
@media (min-width: 1920px) { .landing .hero-title { font-size: 104px; } }
@media (max-width: 1024px) {
 .landing .hero { gap: 28px 36px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
 .landing .hero-title { font-size: clamp(60px, 7.6vw, 88px); }
 .landing .theme-button { flex-basis: 100px; }
}
@media (max-width: 760px) {
 .landing .container { width: min(calc(100% - 32px), var(--fs-container)); }
 .landing .site-header { min-height: 76px; gap: 8px; }
 .landing .brand img { width: 30px; height: 30px; }
 .landing .brand span { font-size: 22px; }
 .landing .brand { gap: 8px; }
 .landing .menu-toggle { padding: 8px; }
 .landing .menu-icon { display: none; }
 .landing .hero { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 24px 48px; }
 .landing .hero-title { font-size: clamp(40px, 11.7vw, 64px); line-height: 1.04; max-width: 24ch; }
 .landing .lead { font-size: 17px; line-height: 1.55; max-width: 55ch; }
 .landing .hero-copy { padding-top: 0; }
 .landing .hero-copy > .button { margin-top: 20px; width: auto; }
 .landing .hero-copy > .helper { margin-top: 16px; max-width: 55ch; }
 .landing .preview-notice { text-align: left; padding-inline: 16px; font-size: 14px; }
 .landing .theme-viewer { margin-top: 8px; }
 .landing .theme-button { flex-basis: 90px; }
}
@media (max-width: 359px) {
 .landing .brand span { font-size: 20px; }
 .landing .locales a { min-width: 40px; }
}

/* Hero review: expose the actual concept, retaining the complete introduction. */
.landing .hero-title { max-width: none; font-size: clamp(64px, 6.7vw, 96px); }
.landing .hero-context { grid-column: 1 / -1; max-width: 72ch; font-size: 18px; color: var(--fs-muted); }
@media (min-width: 1920px) { .landing .hero-title { font-size: 96px; } }
@media (max-width: 760px) {
 .landing .hero { gap: 16px; }
 .landing .hero-title { font-size: clamp(40px, 11.7vw, 64px); order: 1; }
 .landing .hero-copy { display: contents; }
 .landing .hero-copy > .lead { order: 2; }
 .landing .hero-copy > .button { order: 3; justify-self: start; margin-top: 0; }
 .landing .theme-viewer { order: 4; display: flex; flex-direction: column; margin-top: 8px; }
 .landing .viewer-heading { order: 0; font-size: 18px; }
 .landing .theme-viewer figure { order: 1; }
 .landing .theme-controls { order: 2; margin-top: 16px; margin-bottom: 0; }
 .landing #theme-status { order: 3; }
 .landing #theme-retry { order: 4; align-self: start; }
 .landing #theme-fullsize { order: 5; align-self: start; }
 .landing .hero-copy > .helper { order: 5; margin-top: 12px; }
 .landing .hero-context { order: 6; font-size: 17px; }
}

@media (min-width: 761px) {
 .landing .hero-title { font-size: 84px; }
 .landing .theme-viewer { max-width: 620px; width: 100%; justify-self: end; }
}
@media (min-width: 1100px) and (max-height: 850px) {
 .landing .theme-viewer { max-width: 464px; }
}

/* Recovery board body: a diagram, working sequence and broad evidence stage. */
.landing .section { padding-block: 96px; }
.landing .section h2 { font-size: clamp(40px, 4.5vw, 64px); max-width: 26ch; line-height: 1.08; letter-spacing: -.035em; }
.landing .section p { font-size: 18px; line-height: 1.6; }
.landing .section .helper { font-size: 14px; line-height: 1.5; }
.landing .problem { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 64px; align-items: end; }
.landing .problem p { margin: 0; }
.landing .mechanism { background: var(--fs-ink); color: var(--fs-bg); border: 0; }
.landing .mechanism p { color: var(--fs-bg-deep); }
.landing .mechanism .section-intro { max-width: 58ch; margin-top: 24px; }
.landing .recovery-thread { margin-block: 56px 32px; }
.landing .recovery-thread li { padding-block: 24px; }
.landing .thread-tile, .landing .stage-offer .thread-tile { width: auto; min-width: 144px; padding: 16px 24px; min-height: 144px; gap: 16px; background: var(--fs-ink); border: 0; border-radius: 0; color: var(--fs-bg); font-size: 24px; font-weight: 600; }
.landing .thread-tile svg { width: 64px; height: 64px; color: var(--fs-bg-deep); }
.landing .stage-offer svg { color: var(--fs-accent); }
.landing .diagram-caption { text-align: left; }
.landing .workflow ol { grid-template-columns: minmax(0, 1fr); gap: 0; }
.landing .workflow li, .landing .workflow li:nth-child(2), .landing .workflow li:last-child { display: grid; grid-template-columns: 56px minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 32px; padding: 32px 0; border: 0; border-bottom: 1px solid var(--fs-line); }
.landing .workflow li:first-child { padding-top: 0; }
.landing .workflow li:last-child { border-bottom: 0; padding-bottom: 0; }
.landing .workflow h3 { margin: 0; font-size: 30px; letter-spacing: -.025em; line-height: 1.2; }
.landing .workflow p { margin: 0; }
.landing .step-number { background: var(--fs-bg-deep); border-radius: var(--fs-radius-control); font-size: 24px; font-variant-numeric: tabular-nums; }
.landing .product-band { background: var(--fs-surface); }
.landing .product-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.landing .product-grid > div { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 64px; align-items: end; }
.landing .product-grid p { margin: 0; }
.landing .product-grid img { border: 0; border-radius: 0; }
.landing .product-grid figcaption { max-width: 75ch; margin-top: 20px; }
.landing .editorial-grid { display: block; }
.landing .editorial-block, .landing .editorial-block:last-child { display: grid; grid-template-columns: 56px minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; border: 0; border-bottom: 1px solid var(--fs-line); padding: 48px 0; }
.landing .editorial-block:first-child { padding-top: 0; }
.landing .editorial-block:last-child { padding-bottom: 0; border-bottom: 0; }
.landing .editorial-block > svg { width: 40px; height: 40px; margin: 0; }
.landing .editorial-block h2 { font-size: 36px; line-height: 1.15; letter-spacing: -.025em; }
.landing .editorial-block p { margin: 0; }
.landing .editorial-block > a { grid-column: 3; align-self: start; justify-self: start; }
.landing .pilot-band { background: var(--fs-bg-deep); border: 0; }
.landing .action-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.landing .action-grid > .button, .landing .action-grid > div:last-child:not(:first-child) { justify-self: end; }
.landing .faq-grid { background: var(--fs-bg); grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 64px; }
.landing .faq-list { border: 0; border-radius: 0; overflow: visible; }
.landing details { border-bottom: 1px solid var(--fs-line); }
.landing summary { padding: 20px 0; font-size: 18px; line-height: 1.45; font-weight: 600; }
.landing details p { padding: 0 0 24px; }
.landing details[open] { background: var(--fs-bg); }
.landing .final-band { background: var(--fs-ink); color: var(--fs-bg); border: 0; }
.landing .final-band p { color: var(--fs-bg-deep); }
.landing .final-band :focus-visible { outline-color: var(--fs-accent); }
.landing .final-band .button { color: var(--fs-ink); }
.landing .site-footer { padding-block: 40px; }
.landing .site-footer > span { letter-spacing: 0; }
@media (max-width: 1024px) {
 .landing .problem, .landing .product-grid > div { grid-template-columns: minmax(0, 1fr); gap: 24px; }
 .landing .problem p, .landing .product-grid > div p { max-width: 66ch; }
 .landing .editorial-block, .landing .editorial-block:last-child { grid-template-columns: 44px minmax(0, 1fr); gap: 16px 24px; }
 .landing .editorial-block p, .landing .editorial-block > a { grid-column: 2; }
 .landing .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
 .landing .workflow li, .landing .workflow li:nth-child(2), .landing .workflow li:last-child { grid-template-columns: 44px minmax(0, 1fr); gap: 16px 24px; }
 .landing .workflow p { grid-column: 2; }
}
@media (max-width: 760px) {
 .landing .section { padding-block: 56px; }
 .landing .section h2 { font-size: clamp(32px, 7.5vw, 48px); }
 .landing .section p { font-size: 17px; }
 .landing .section .helper { font-size: 14px; }
 .landing .action-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
 .landing .action-grid > .button, .landing .action-grid > div:last-child:not(:first-child) { justify-self: start; }
 .landing .editorial-block h2 { font-size: 28px; }
 .landing .workflow h3 { font-size: 28px; }
 .landing .recovery-thread { margin-top: 32px; }
 .landing .thread-tile, .landing .stage-offer .thread-tile { font-size: 24px; }
 .landing .site-footer { padding-block: 32px; }
}

/* Native dark-section focus correction: the owned amber contrasts against ink. */
.landing .mechanism:focus-visible { outline-color: var(--fs-accent); }

/* Native pilot-panel contrast correction: ink on the owned deeper mint field. */
.landing .pilot-band p { color: var(--fs-ink); }

/* KEYTIO direction: workflow first; concept themes remain a secondary archive. */
.landing .hero-context{grid-column:auto;align-self:start;}
.landing .concept-archive .theme-viewer{width:100%;max-width:720px;margin-inline:auto;}
.landing .concept-archive .viewer-heading{font-size:24px;line-height:1.3;}
.landing .workspace-detail{overflow:auto;overscroll-behavior-inline:contain;}
@media(max-width:760px){
 .landing .hero-context{order:6;}
 .landing .workspace-detail #workspace-image{width:900px;min-width:900px;max-width:none;}
}