/* Refine the existing amber, cream, and charcoal homepage in place. */
body[data-page="landing"] {
  --home-cream: #f6f2ea;
  --home-paper: #fffcf6;
  --home-ink: #302e2a;
  --home-muted: #6c675f;
  --home-line: rgba(94, 77, 51, .12);
  --home-shadow: 0 8px 28px rgba(53, 43, 28, .045), inset 0 1px 0 rgba(255, 255, 255, .8);
  background: linear-gradient(180deg, #fbf8f2, var(--home-cream) 55%, #f8f5ee);
  color: var(--home-ink);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body[data-page="landing"] .page-shell.landing-shell { gap: 40px; padding-bottom: 64px; }
body[data-page="landing"] .landing-shell .section-block { padding-top: 0; }
body[data-page="landing"] .landing-shell :is(h1, h2, h3) { font-family: "Manrope", "Inter", sans-serif; letter-spacing: -.035em; }
body[data-page="landing"] .landing-shell :is(a, button, summary):focus-visible { outline: 2px solid #b27b28; outline-offset: 4px; }
body[data-page="landing"] .landing-shell :is(.hero-home-panel, .landing-panel, .landing-ranking-mini, .landing-city-copy, .landing-city-notes, .landing-showcase-card) { min-width: 0; }
body[data-page="landing"] .landing-shell > section { scroll-margin-top: 112px; }
body[data-page="landing"] .hero-home.hero-home-refined {
  min-height: 0;
  padding-block: 56px;
  border-radius: 32px;
  --hero-gold: #f2c67c;
  background-color: #262724;
  box-shadow: 0 18px 42px -20px rgba(33, 29, 22, .28), inset 0 1px 0 #ffffff12;
  --hero-ease: cubic-bezier(.22, 1, .36, 1);
}
body[data-page="landing"] .hero-home.hero-home-refined .hero-home-backdrop {
  filter: brightness(.74) saturate(.85) contrast(1.02);
  background-position: center 38%;
  transform: scale(1.02);
}
body[data-page="landing"] .hero-atmosphere-light {
  background:
    radial-gradient(ellipse 95% 65% at 75% 15%, rgba(229, 176, 88, .14), transparent 58%),
    linear-gradient(90deg, #242521f5 0%, #242521cf 42%, #24252188 72%, #242521bd 100%),
    linear-gradient(0deg, #242521ef 0%, transparent 65%);
}
body[data-page="landing"] .hero-grid-mesh { opacity: .22; }
body[data-page="landing"] .hero-spatial-beacons { display: none; }
body[data-page="landing"] .hero-home-copy::before { display: none; }
body[data-page="landing"] .hero-telemetry-overlay { opacity: .75; font-size: 10px; letter-spacing: .08em; }
body[data-page="landing"] .hero-home-refined .hero-home-grid-refined { grid-template-columns: minmax(0, 1.14fr) minmax(380px, .96fr); gap: clamp(32px, 4vw, 64px); align-items: center; padding-top: 12px; }
body[data-page="landing"] .hero-home-refined .hero-home-copy { display: flex; flex-direction: column; width: 100%; min-width: 0; padding: 0; gap: 0; align-self: center; }
body[data-page="landing"] .hero-home-refined .hero-prelude { margin: 0 0 4px; }
body[data-page="landing"] .hero-home-refined .hero-prelude-copy { gap: 12px; }
body[data-page="landing"] .hero-home-refined .hero-authority-seal { min-height: 32px; background: #edba6714; border-color: #edba673b; box-shadow: none; }
body[data-page="landing"] .hero-home-refined .hero-authority-seal .eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .09em; color: #f2c67c; text-transform: uppercase; }
body[data-page="landing"] .hero-home-refined .hero-location-seal { min-height: 0; padding: 0; border: 0; background: none; box-shadow: none; color: #d5d2c9; font-size: 12px; font-weight: 500; letter-spacing: .01em; text-transform: none; }
body[data-page="landing"] .hero-home-refined .hero-home-copy h1.hero-headline {
  max-width: min(17ch, 100%);
  font-size: clamp(46px, 4.5vw, 64px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.045em;
  margin: 24px 0 20px;
  color: #fffcf6;
  text-shadow: 0 2px 16px rgba(31, 29, 24, .2);
  text-wrap: balance;
}
body[data-page="landing"] .hero-headline-place {
  display: block;
  color: var(--hero-gold);
  background: none;
  -webkit-text-fill-color: currentColor;
}
body[data-page="landing"] .hero-home-refined .hero-home-copy > p { max-width: 46ch; min-height: 3.4em; margin: 0 0 28px; color: #ded9cf; font-size: 16px; line-height: 1.7; }
body[data-page="landing"] .hero-focus-block { margin: 0; }
body[data-page="landing"] .hero-focus-header { gap: 12px; margin-bottom: 10px; }
body[data-page="landing"] .hero-focus-label { color: #d0cabe; font-size: 11px; font-weight: 600; letter-spacing: .09em; }
body[data-page="landing"] .hero-home-refined .hero-focus-header .hero-node-badge { min-height: 0; padding: 0; border: 0; background: none; box-shadow: none; color: #cfbd9f; font-size: 10px; font-weight: 500; letter-spacing: .015em; text-transform: none; }
body[data-page="landing"] .hero-home-refined .hero-focus-row { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 5px; background: #1b1c1980; border-color: #ffffff1c; border-radius: 15px; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 52px;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 11px;
  box-shadow: none;
  cursor: pointer;
  transition: background 200ms ease, border-color 200ms ease, color 200ms ease, transform 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms ease;
}
body[data-page="landing"] .hero-home-refined .hero-focus-chip .chip-text { font-size: 12px; font-weight: 500; letter-spacing: 0; white-space: normal; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip .chip-num { font-size: 10px; font-weight: 500; color: #b8b2a6; transition: color 200ms ease; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateY(-2px);
}
body[data-page="landing"] .hero-home-refined .hero-focus-chip:hover .chip-num { color: #f2c67c; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip.is-active {
  background: linear-gradient(135deg, rgba(239, 189, 98, 0.22), rgba(239, 189, 98, 0.1));
  border-color: rgba(242, 198, 124, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 16px rgba(239, 189, 98, 0.18);
  transform: translateY(-1px);
}
body[data-page="landing"] .hero-home-refined .hero-focus-chip.is-active .chip-num { color: #e8bf7c; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip.is-active .chip-text { color: #fff2dc; }
body[data-page="landing"] .hero-home-refined .hero-focus-chip:active { transform: scale(.96) translateY(0); }
body[data-page="landing"] .hero-focus-row.has-focus-marker::before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: var(--focus-width); height: var(--focus-height); transform: translate3d(var(--focus-x), var(--focus-y), 0); border: 1px solid #f2c67c66; border-radius: 10px; background: linear-gradient(150deg, #e6b76226, #e6b76212); box-shadow: inset 0 1px 0 #fff3df10, 0 4px 16px rgba(230, 183, 98, 0.15); pointer-events: none; transition: transform 380ms var(--hero-ease), width 380ms var(--hero-ease), height 380ms var(--hero-ease); }
body[data-page="landing"] .hero-home-refined .hero-focus-row.has-focus-marker .hero-focus-chip.is-active { background: transparent; border-color: transparent; box-shadow: none; }
body[data-page="landing"] .hero-selection-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body[data-page="landing"] .hero-home-refined .hero-feature-shell { width: 100%; min-width: 0; padding: 0; transform: none; }
body[data-page="landing"] .hero-feature-shell::before { display: none; }
body[data-page="landing"] .hero-home-panel { display: block; padding: 24px; border: 1px solid #dbc39530; border-radius: 24px; background: radial-gradient(ellipse at var(--brief-light-x, 80%) var(--brief-light-y, 0%), #ecc8890b, transparent 65%), linear-gradient(155deg, #34342fed, #262823f5); -webkit-backdrop-filter: blur(16px) saturate(110%); backdrop-filter: blur(16px) saturate(110%); box-shadow: 0 16px 40px #18181238, inset 0 1px 0 #fff7e612; }
body[data-page="landing"] .hero-home-panel::before,
body[data-page="landing"] .hero-home-panel::after { display: none; }
body[data-page="landing"] .hero-home-panel > * { padding: 0; }
body[data-page="landing"] .hero-home-panel-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 0 0 18px; margin: 0 0 18px; border-color: #ffffff10; }
body[data-page="landing"] .hero-home-panel-copy h2 { max-width: none; margin: 6px 0 0; font-size: 24px; font-weight: 650; line-height: 1.15; letter-spacing: -.035em; }
body[data-page="landing"] .hero-home-panel-copy .panel-kicker { letter-spacing: .08em; font-size: 10px; font-weight: 600; color: #edc88d; }
body[data-page="landing"] .hero-home-panel-copy .panel-kicker::before { display: none; }
body[data-page="landing"] .kicker-pulse-dot { width: 5px; height: 5px; background: #e6be7b; box-shadow: 0 0 7px #e6be7b30; }
body[data-page="landing"] .hero-brief-context { min-width: 0; padding: 7px 10px; border-color: #ffffff0d; border-radius: 10px; background: #ffffff04; }
body[data-page="landing"] .hero-brief-context .context-kicker { font-size: 10px; letter-spacing: .05em; color: #c6c0b4; }
body[data-page="landing"] .hero-brief-context .context-value { font-size: 12px; font-weight: 500; color: #efe7d9; }
body[data-page="landing"] .hero-home-refined .hero-featured-opportunity { padding: 0; margin: 0; }
body[data-page="landing"] .hero-home-refined .hero-dossier-card { padding: 18px; gap: 16px; border: 1px solid #ffffff0d; border-radius: 17px; background: linear-gradient(145deg, #ffffff06, #ffffff02); box-shadow: none; }
body[data-page="landing"] .hero-dossier-header-row { flex-direction: column; align-items: flex-start; }
body[data-page="landing"] .hero-dossier-badge-cluster { flex-wrap: wrap; gap: 6px; }
body[data-page="landing"] .hero-dossier-tag { font-size: 10px; font-weight: 550; letter-spacing: .01em; }
body[data-page="landing"] .hero-dossier-tag--sector { background: #f2c67c0d; border-color: #f2c67c26; color: #f2c67c; }
body[data-page="landing"] .hero-dossier-tag--clup.is-conditional { color: #eac17b; background: #eac17b0d; border-color: #eac17b33; }
body[data-page="landing"] .hero-dossier-tag--clup.is-fail { color: #f2a69c; background: #f2a69c0d; border-color: #f2a69c33; }
body[data-page="landing"] .hero-dossier-tag--clup.is-unverified { color: #b4bcc6; background: #b4bcc60d; border-color: #b4bcc633; }
body[data-page="landing"] .hero-dossier-valuation { text-align: left; }
body[data-page="landing"] .hero-dossier-valuation .valuation-label { color: #9ca6af; font-weight: 500; letter-spacing: .12em; }
body[data-page="landing"] .hero-dossier-valuation .valuation-amount { display: block; margin-top: 3px; font-size: 38px; font-weight: 650; line-height: 1.1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
body[data-page="landing"] .hero-dossier-media-row { grid-template-columns: 88px minmax(0, 1fr); gap: 14px; }
body[data-page="landing"] .hero-dossier-thumbnail { width: 88px; height: 88px; border-radius: 11px; box-shadow: none; }
body[data-page="landing"] .hero-dossier-thumbnail img { transition: transform 650ms var(--hero-ease); }
body[data-page="landing"] .hero-dossier-card:hover .hero-dossier-thumbnail img { transform: scale(1.06); }
body[data-page="landing"] .hero-dossier-location { font-size: 11px; font-weight: 400; letter-spacing: 0; line-height: 1.5; color: #c4beaf; }
body[data-page="landing"] .hero-dossier-name { font-size: 19px; font-weight: 650; line-height: 1.22; }
body[data-page="landing"] .hero-dossier-summary { color: #d1cbbf; font-size: 12px; line-height: 1.65; }
body[data-page="landing"] .hero-dossier-specs-quad { gap: 0; padding-block: 14px; border-block: 1px solid #ffffff12; }
body[data-page="landing"] .hero-dossier-specs-quad .spec-cell { min-width: 0; padding: 0 6px; border: 0; border-radius: 0; background: transparent; }
body[data-page="landing"] .hero-dossier-specs-quad .spec-cell + .spec-cell { border-left: 1px solid #ffffff12; }
body[data-page="landing"] .spec-cell .spec-label { font-size: 10px; letter-spacing: .04em; font-weight: 500; color: #c4bfb3; }
body[data-page="landing"] .spec-cell .spec-value { margin: 5px 0 3px; font-size: 15px; font-weight: 600; }
body[data-page="landing"] .spec-cell .spec-value.is-pass { color: #76cead; }
body[data-page="landing"] .spec-cell .spec-value.is-conditional { color: #eac17b; font-size: 12px; }
body[data-page="landing"] .spec-cell .spec-value.is-fail { color: #f2a69c; }
body[data-page="landing"] .spec-cell .spec-value.is-unverified { color: #b4bcc6; }
body[data-page="landing"] .spec-cell .spec-sub { color: #bcb6a9; font-size: 10px; line-height: 1.5; }
body[data-page="landing"] .hero-dossier-rationale { min-height: 76px; padding: 10px 12px; border-left: 2px solid #d7b479; border-radius: 0 9px 9px 0; background: #e7c38806; }
body[data-page="landing"] .rationale-tag { color: #edc88d; font-size: 10px; letter-spacing: .06em; }
body[data-page="landing"] .rationale-sub { font-size: 10px; color: #bdb7ac; }
body[data-page="landing"] .rationale-lead { font-weight: 600; font-size: 13px; line-height: 1.6; }
body[data-page="landing"] .rationale-note { color: #c5bfb2; font-size: 11px; line-height: 1.65; }
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary {
  position: relative;
  overflow: hidden;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #f1f5f9;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transform: skewX(-20deg);
  transition: left 600ms ease;
  pointer-events: none;
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary:hover::before {
  left: 200%;
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary:hover {
  background: linear-gradient(135deg, rgba(239, 189, 98, 0.25), rgba(217, 119, 6, 0.18));
  border-color: rgba(239, 189, 98, 0.7);
  color: #ffffff;
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 10px 28px rgba(217, 119, 6, 0.3);
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary svg {
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary:hover svg {
  transform: translateX(5px);
}
body[data-page="landing"] .hero-dossier-action-bar .hero-dossier-btn-primary:active {
  transform: scale(0.975) translateY(1px);
}
body[data-page="landing"] .hero-home-panel .hero-more-details { margin: 14px 0 0; padding: 10px 0 0; border-color: #ffffff12; }
body[data-page="landing"] .hero-more-details summary { min-height: 44px; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; color: #d0c9bb; letter-spacing: 0; cursor: pointer; transition: color 200ms ease; }
body[data-page="landing"] .hero-more-details summary:hover { color: #f3d49e; }
body[data-page="landing"] .hero-score-block { gap: 16px; }
body[data-page="landing"] .hero-score-copy { min-width: 0; }
body[data-page="landing"] .hero-home-refined .hero-slab-score { font-family: "Manrope", "Inter", sans-serif; font-size: 44px; font-weight: 700; line-height: 1.1; letter-spacing: -.045em; color: #fff8ec; }
body[data-page="landing"] .hero-score-copy > span,
body[data-page="landing"] .hero-score-denom { color: #c6c0b3; font-size: 11px; letter-spacing: .02em; }
body[data-page="landing"] .hero-score-copy p { color: #d1cbbf; font-size: 12px; line-height: 1.65; }
body[data-page="landing"] .hero-home-refined .hero-slab-chip { color: #f2d7ab; background: #edba670d; border-color: #f2c67c30; font-size: 11px; }
body[data-page="landing"] .hero-home-refined .hero-slab-chip-quiet { color: #d1cbbf; background: #ffffff05; border-color: #ffffff1a; }
body[data-page="landing"] .hero-proof-grid-refined .hero-proof-card { min-width: 0; padding: 12px 8px; border-radius: 10px; }
body[data-page="landing"] .hero-proof-grid-refined .hero-proof-card span { color: #c6c0b3; font-size: 10px; line-height: 1.5; letter-spacing: .03em; }
body[data-page="landing"] .hero-proof-grid-refined .hero-proof-card strong { color: #fff8ec; font-size: 18px; }
body[data-page="landing"] .hero-story-panel-refined .panel-kicker,
body[data-page="landing"] .hero-node-dock-head { color: #edc88d; font-size: 10px; letter-spacing: .06em; }
body[data-page="landing"] .hero-story-panel-refined p,
body[data-page="landing"] .hero-spatial-dock-refined p { color: #d1cbbf; font-size: 12px; line-height: 1.7; }
body[data-page="landing"] .living-city-node-pill { min-height: 44px; padding: 8px 12px; color: #e8ddc9; font-size: 11px; }
body[data-page="landing"] .living-city-node-pill:is(:hover, .is-active) { color: #ffe8bf; background: #edba671a; border-color: #f2c67c66; }
body[data-page="landing"] .hero-home-refined .hero-command-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0 0; }
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 50px;
  height: auto;
  flex: none;
  padding: 12px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: none;
  white-space: normal;
  line-height: 1.5;
  gap: 10px;
  cursor: pointer;
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
              background 220ms ease,
              border-color 220ms ease,
              box-shadow 260ms cubic-bezier(0.16, 1, 0.3, 1),
              color 200ms ease;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero::before {
  display: none;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary {
  grid-column: 1 / -1;
  background: linear-gradient(175deg, #f8d28b, #efb956);
  color: #261906;
  border: 1px solid #f8d99d;
  box-shadow: inset 0 1px 0 #ffffff80, 0 4px 12px #c0892929;
  text-shadow: none;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary:hover {
  background: linear-gradient(175deg, #ffdfaa, #f3c16d);
  border-color: #fce1b2;
  box-shadow: inset 0 1px 0 #ffffff80, 0 6px 18px #c0892933;
  transform: translateY(-1px);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary .btn-arrow-icon {
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary:hover .btn-arrow-icon {
  transform: translateX(5px);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary .btn-shell-icon {
  background: rgba(38, 25, 6, 0.1);
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), background 200ms ease;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-primary:hover .btn-shell-icon {
  transform: scale(1.12) rotate(4deg);
  background: rgba(38, 25, 6, 0.16);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-secondary {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: #f8f2e6;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-secondary:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow: inset 0 1px 0 #ffffff26;
  color: #ffffff;
  transform: translateY(-1px);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-secondary .btn-shell-icon {
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), background 200ms ease;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-secondary:hover .btn-shell-icon {
  transform: scale(1.14) rotate(-4deg);
  background: rgba(255, 255, 255, 0.22);
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-preview {
  background: #edba6710;
  border: 1px solid #f2c67c40;
  box-shadow: inset 0 1px 0 #ffffff0d;
  color: #f2c67c;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-preview:hover {
  background: #edba6726;
  border-color: #f2c67c80;
  color: #ffebc8;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 #ffffff12;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-preview .btn-shell-icon {
  background: rgba(245, 158, 11, 0.22);
  color: #fbbf24;
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), background 200ms ease;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-preview:hover .btn-shell-icon {
  transform: scale(1.15);
  background: rgba(245, 158, 11, 0.4);
  color: #fff;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero:active {
  transform: translateY(1px) scale(0.975);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition-duration: 80ms;
}
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero::after { display: none; }
body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero .btn-shell-icon { width: 28px; height: 28px; flex: none; border-radius: 9px; box-shadow: none; background: #ffffff0c; }
body[data-page="landing"] .hero-home-refined .hero-sentiment-rail { width: 100%; max-width: 540px; margin: 26px 0 0; padding: 12px 14px; border-radius: 12px; background: #1b1c194a; border-color: #ffffff13; box-shadow: none; }
body[data-page="landing"] .hero-home-refined .hero-sentiment-top { margin-bottom: 8px; }
body[data-page="landing"] .hero-home-refined .hero-sentiment-rail .market-ticker-item { padding: 0; margin-right: 30px; border: 0; border-radius: 0; background: transparent; font-size: 11px; color: #b7c1ca; }
body[data-page="landing"] .hero-sentiment-rail:is(:hover, :focus-within) .hero-sentiment-track { animation-play-state: paused; }
body[data-page="landing"] .hero-sentiment-rail:focus-visible { outline: 2px solid #f2c67c; outline-offset: 4px; }

/* Shared section rhythm, restrained surfaces, and a readable card type scale. */
body[data-page="landing"] :is(.landing-overview-grid, .landing-curation-grid, .landing-city-editorial) { gap: 24px; margin-top: 0; align-items: start; }
body[data-page="landing"] :is(.landing-side-stack, .landing-city-notes) { gap: 24px; }
body[data-page="landing"] .landing-panel { padding: 28px; border: 1px solid var(--home-line); border-radius: 24px; background: var(--home-paper); box-shadow: var(--home-shadow); }
body[data-page="landing"] .landing-panel::before { display: none; }
body[data-page="landing"] .landing-shell .section-heading-inline { gap: 12px; margin: 0; }
body[data-page="landing"] .landing-shell .section-heading-inline h2 { max-width: 30ch; margin: 0; font-size: clamp(26px, 2.15vw, 32px); font-weight: 700; line-height: 1.25; color: var(--home-ink); }
body[data-page="landing"] .landing-shell .section-heading-inline p { margin: 0; max-width: 60ch; color: var(--home-muted); font-size: 14px; line-height: 1.75; }
body[data-page="landing"] .landing-shell .eyebrow { color: #92651f; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .09em; }
body[data-page="landing"] .landing-panel-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-bottom: 24px; }
body[data-page="landing"] .landing-panel-head > .btn-shell { justify-self: start; }
body[data-page="landing"] .landing-shell .btn-shell { min-height: 44px; padding: 10px 16px; border-radius: 12px; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: normal; }
body[data-page="landing"] .landing-shell .btn-shell-secondary { color: #5b5141; background: #f7f2e8; border: 1px solid var(--home-line); box-shadow: inset 0 1px 0 #ffffffad; }
body[data-page="landing"] .landing-shell .btn-shell-primary { color: #49320e; background: linear-gradient(175deg, #f8d28b, #efb956); border: 1px solid #b67e2933; box-shadow: inset 0 1px 0 #ffffff80, 0 3px 8px #a8711512; }
body[data-page="landing"] .landing-ranking-preview { gap: 20px; }
body[data-page="landing"] .landing-ranking-lead { grid-template-columns: minmax(0, 1fr); border: 1px solid var(--home-line); border-radius: 18px; box-shadow: none; }
body[data-page="landing"] .landing-ranking-lead-media { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
body[data-page="landing"] .landing-ranking-lead-top { inset: 16px 16px auto; gap: 8px; flex-wrap: wrap; }
body[data-page="landing"] .landing-shell :is(.landing-ranking-lead-top, .landing-showcase-media-top) .status-pill { background: #fffcf6f5; border: 1px solid #ffffffbf; box-shadow: 0 2px 8px #302e2a14; }
body[data-page="landing"] .landing-ranking-lead-bottom { left: 16px; right: 16px; bottom: 16px; padding: 12px 14px; border: 1px solid #fff4dc26; border-radius: 12px; background: linear-gradient(145deg, #34352ff0, #272923f0); }
body[data-page="landing"] .landing-ranking-lead-body { padding: 22px; gap: 16px; background: var(--home-paper); }
body[data-page="landing"] .landing-ranking-kicker { color: #8d682e; font-size: 10px; letter-spacing: .08em; }
body[data-page="landing"] .landing-ranking-head h3 { max-width: none; font-size: 25px; line-height: 1.25; color: var(--home-ink); }
body[data-page="landing"] .landing-ranking-head p { max-width: 60ch; color: var(--home-muted); font-size: 13px; line-height: 1.7; }
body[data-page="landing"] .landing-ranking-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body[data-page="landing"] .landing-ranking-facts div { min-height: 72px; padding: 12px 14px; border: 1px solid var(--home-line); border-radius: 12px; background: #f8f4ed; box-shadow: none; }
body[data-page="landing"] .landing-ranking-facts span { color: var(--home-muted); font-size: 10px; letter-spacing: .04em; }
body[data-page="landing"] .landing-ranking-facts strong { color: var(--home-ink); font-size: 17px; line-height: 1.4; font-variant-numeric: tabular-nums; }
body[data-page="landing"] .landing-ranking-tags { flex-wrap: wrap; gap: 6px; }
body[data-page="landing"] .landing-ranking-tags span { padding: 6px 9px; color: #706149; background: #f6f0e4; border-color: #b9925130; font-size: 10px; letter-spacing: .02em; }
body[data-page="landing"] .landing-ranking-actions { gap: 10px; }
body[data-page="landing"] .landing-ranking-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body[data-page="landing"] .landing-ranking-mini { display: flex; flex-direction: column; padding: 18px 16px; gap: 12px; border: 1px solid var(--home-line); border-radius: 16px; background: #faf7f0; box-shadow: none; min-width: 0; }
body[data-page="landing"] .landing-ranking-mini-top { flex-wrap: wrap; gap: 8px; }
body[data-page="landing"] .landing-ranking-mini h3 { margin: 0; font-size: 18px; line-height: 1.35; color: var(--home-ink); }
body[data-page="landing"] .landing-ranking-mini p { margin: 0; color: var(--home-muted); font-size: 12px; line-height: 1.65; }
body[data-page="landing"] .landing-ranking-mini-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
body[data-page="landing"] .landing-ranking-mini-location { color: var(--home-muted); font-size: 11px; }
body[data-page="landing"] .landing-ranking-mini-price { color: var(--home-ink); font-size: 14px; font-variant-numeric: tabular-nums; }
body[data-page="landing"] .landing-ranking-mini .landing-inline-link { margin-top: auto; min-height: 44px; }
body[data-page="landing"] .landing-shell .landing-inline-link { font-size: 12px; font-weight: 600; letter-spacing: 0; min-height: 44px; border-radius: 10px; }
body[data-page="landing"] :is(.landing-ranking-mini, .landing-demand-card, .landing-showcase-card, .landing-role-link, .landing-pillar-card):hover { transform: translateY(-2px); box-shadow: 0 6px 18px #352b1c0d; }
body[data-page="landing"] :is(.landing-demand-panel, .landing-curation-panel.is-pipeline) { background: linear-gradient(145deg, #34352f, #272923); border-color: #efe2ca1f; box-shadow: 0 8px 28px #24251f12; }
body[data-page="landing"] .landing-shell :is(.landing-demand-panel, .landing-curation-panel.is-pipeline) .section-heading-inline h2 { color: #fffcf6; }
body[data-page="landing"] .landing-shell :is(.landing-demand-panel, .landing-curation-panel.is-pipeline) .section-heading-inline p { color: #d1cbbf; }
body[data-page="landing"] .landing-shell :is(.landing-demand-panel, .landing-curation-panel.is-pipeline) .eyebrow { color: #f2c67c; }
body[data-page="landing"] .landing-shell :is(.landing-demand-panel, .landing-curation-panel.is-pipeline) .btn-shell-secondary { color: #f3ead9; background: #ffffff0b; border-color: #efe2ca30; box-shadow: none; }
body[data-page="landing"] .landing-demand-preview { grid-template-columns: minmax(0, 1fr); gap: 12px; }
body[data-page="landing"] .landing-demand-card.is-lead,
body[data-page="landing"] .landing-demand-preview .landing-demand-card:not(.is-lead) { grid-row: auto; min-height: 0; padding: 18px; border: 1px solid #efe2ca24; border-radius: 16px; background: #ffffff05; }
body[data-page="landing"] .landing-demand-card h3 { max-width: none; color: #fff8ec; font-size: 22px; line-height: 1.3; }
body[data-page="landing"] .landing-demand-card p { color: #d1cbbf; font-size: 13px; line-height: 1.7; }
body[data-page="landing"] .landing-demand-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
body[data-page="landing"] .landing-demand-stats div { min-height: 70px; padding: 12px 10px; border-color: #ffffff12; border-radius: 10px; background: #ffffff05; box-shadow: none; }
body[data-page="landing"] .landing-demand-stats span { color: #c5bfb2; font-size: 10px; }
body[data-page="landing"] .landing-demand-stats strong { color: #fff2da; font-size: 16px; line-height: 1.45; }
body[data-page="landing"] .landing-demand-preview:has(.landing-demand-empty) { grid-template-columns: minmax(0, 1fr); }
body[data-page="landing"] .landing-demand-empty { padding: 20px; border: 1px solid #ffffff13; border-radius: 14px; background: #ffffff06; }
body[data-page="landing"] .landing-demand-empty .panel-kicker { color: #aeb7c4; }
body[data-page="landing"] .landing-demand-empty h3 { max-width: none; color: #f2f4f8; font-size: 20px; line-height: 1.25; }
body[data-page="landing"] .landing-demand-empty p { max-width: 46ch; color: #b6bfcc; font-size: 13px; line-height: 1.7; }
body[data-page="landing"] .landing-panel-contrast.landing-role-panel { background: linear-gradient(145deg, #f6ddb0, #f0ce91); border-color: #b3833429; box-shadow: var(--home-shadow); }
body[data-page="landing"] .landing-role-panel h2 { margin: 12px 0; max-width: 30ch; color: #493820; font-size: 26px; line-height: 1.25; font-weight: 700; }
body[data-page="landing"] .landing-role-panel > p { margin: 0; color: #64523a; font-size: 14px; line-height: 1.75; }
body[data-page="landing"] .landing-role-links { gap: 12px; margin-top: 22px; }
body[data-page="landing"] .landing-role-panel .landing-role-link { min-height: 0; padding: 18px; border: 1px solid #80613726; border-radius: 14px; background: #fffcf6bd; box-shadow: inset 0 1px 0 #ffffffad; }
body[data-page="landing"] .landing-role-link span { color: #80602d; font-size: 11px; letter-spacing: .05em; }
body[data-page="landing"] .landing-role-link strong { color: #493820; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
body[data-page="landing"] .clup-fact-grid { gap: 12px; }
body[data-page="landing"] .clup-fact-grid > div { padding: 18px; border-color: var(--home-line); border-radius: 14px; background: #f6f1e7; }
body[data-page="landing"] .clup-fact-grid span { color: var(--home-muted); font-size: 10px; }
body[data-page="landing"] .clup-fact-grid strong { color: #6d5125; font-size: 14px; line-height: 1.65; }
body[data-page="landing"] .landing-showcase-card { border-radius: 16px; box-shadow: 0 4px 14px #0f172407; }
body[data-page="landing"] .landing-curation-panel.is-pipeline .landing-showcase-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
body[data-page="landing"] .landing-curation-panel .landing-showcase-card { display: flex; flex-direction: column; transform: none; }
body[data-page="landing"] .landing-curation-panel .landing-showcase-preview .landing-showcase-card .landing-showcase-media { flex: none; aspect-ratio: 4 / 3; }
body[data-page="landing"] .landing-showcase-preview.clup-fact-grid > div { transform: none; }
body[data-page="landing"] .landing-showcase-body { padding: 20px; }
body[data-page="landing"] .landing-curation-panel .landing-showcase-body { display: flex; flex-direction: column; flex: 1; }
body[data-page="landing"] .landing-curation-panel.is-pipeline .landing-showcase-body { background: #30322b; }
body[data-page="landing"] .landing-curation-panel.is-pipeline .landing-showcase-head p { color: #d1cbbf; }
body[data-page="landing"] .landing-showcase-head h3 { max-width: none; font-size: 20px; line-height: 1.3; }
body[data-page="landing"] .landing-showcase-head p { font-size: 13px; line-height: 1.65; }
body[data-page="landing"] .landing-showcase-metrics { gap: 10px; }
body[data-page="landing"] .landing-curation-panel .landing-showcase-metrics { margin-top: auto; }
body[data-page="landing"] .landing-showcase-metrics div { border-radius: 10px; }
body[data-page="landing"] .landing-curation-panel.is-pipeline .landing-showcase-metrics span { color: #c5bfb2; font-size: 10px; }
body[data-page="landing"] .landing-curation-panel.is-pipeline .landing-showcase-metrics strong { color: #fff2da; font-size: 15px; line-height: 1.45; }
body[data-page="landing"] .landing-city-copy { padding: 28px; border: 1px solid var(--home-line); border-radius: 24px; background: var(--home-paper); box-shadow: var(--home-shadow); }
body[data-page="landing"] .landing-city-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
body[data-page="landing"] .landing-pillar-card { min-height: 0; padding: 20px; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-paper); box-shadow: none; }
body[data-page="landing"] .landing-pillar-card span { color: #8d682e; font-size: 11px; letter-spacing: .05em; }
body[data-page="landing"] .landing-pillar-card strong { color: var(--home-ink); font-size: 15px; font-weight: 500; line-height: 1.75; letter-spacing: -.015em; }
body[data-page="landing"] .landing-notebook-card { padding: 28px; border: 1px solid #efe2ca24; border-radius: 22px; background: #30322b; box-shadow: 0 8px 28px #24251f0d; }
body[data-page="landing"] .landing-notebook-card .panel-kicker { color: #f2c67c; font-size: 11px; letter-spacing: .07em; }
body[data-page="landing"] .landing-notebook-card h3 { max-width: none; margin: 14px 0 12px; color: #fff8ec; font-size: 26px; line-height: 1.3; }
body[data-page="landing"] .landing-notebook-card p { color: #d1cbbf; font-size: 14px; line-height: 1.75; }
body[data-page="landing"] .landing-notebook-card.is-soft { background: var(--home-paper); border-color: var(--home-line); box-shadow: var(--home-shadow); }
body[data-page="landing"] .landing-notebook-card.is-soft :is(h3, strong) { color: var(--home-ink); }
body[data-page="landing"] .landing-notebook-card.is-soft .panel-kicker { color: #92651f; }
body[data-page="landing"] .landing-map-cluster { gap: 8px; }
body[data-page="landing"] .landing-map-cluster span { color: #eee1ca; background: #ffffff07; border-color: #ffffff1a; font-size: 11px; line-height: 1.5; letter-spacing: .01em; }
body[data-page="landing"] .landing-note-list > div { padding: 14px 0; gap: 14px; border-color: var(--home-line); }
body[data-page="landing"] .landing-note-list span { color: #986a26; font-size: 12px; font-variant-numeric: tabular-nums; }
body[data-page="landing"] .landing-note-list strong { font-size: 14px; font-weight: 500; line-height: 1.7; }
body[data-page="landing"] .landing-final-cta { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); padding: 32px; gap: 32px; align-items: center; border: 1px solid #efe2ca24; border-radius: 24px; background: #30322b; box-shadow: 0 8px 28px #24251f12; }
body[data-page="landing"] .landing-final-cta::before { display: none; }
body[data-page="landing"] .landing-final-cta-copy h2 { max-width: 32ch; margin: 12px 0; color: #fff8ec; font-size: clamp(26px, 2.3vw, 32px); line-height: 1.25; }
body[data-page="landing"] .landing-final-cta-copy p { margin: 0; color: #d1cbbf; font-size: 14px; line-height: 1.75; }
body[data-page="landing"] .landing-final-cta .eyebrow { color: #f2c67c; }
body[data-page="landing"] .landing-final-cta .cta-card-actions { min-width: 0; display: flex; flex-wrap: wrap; gap: 10px; }
body[data-page="landing"] .landing-final-cta .btn-shell { flex: 1 1 130px; }
body[data-page="landing"] .landing-final-cta :is(.btn-shell-ghost, .btn-shell-secondary) { color: #f3ead9; background: #ffffff0b; border-color: #efe2ca30; }

@media (max-width: 1180px) and (min-width: 769px) {
  body[data-page="landing"] .hero-home-refined .hero-home-copy h1.hero-headline { max-width: min(17ch, 100%); font-size: 48px; }
  body[data-page="landing"] .hero-home-refined .hero-focus-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="landing"] .hero-home-panel { padding: 18px; }
  body[data-page="landing"] .hero-home-panel-head { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body[data-page="landing"] .hero-brief-context { display: flex; align-items: center; gap: 8px; justify-self: start; }
  body[data-page="landing"] .hero-home-panel-copy h2 { font-size: 23px; }
}
@media (max-width: 1000px) {
  body[data-page="landing"] .hero-home-refined .hero-home-grid-refined { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .hero-home-refined .hero-home-copy { padding-top: 0; }
  body[data-page="landing"] .hero-feature-shell-refined { width: 100%; max-width: 720px; justify-self: center; }
  body[data-page="landing"] .hero-spatial-beacons { display: none; }
  body[data-page="landing"] .hero-brief-context { width: auto; }
  body[data-page="landing"] :is(.landing-overview-grid, .landing-curation-grid, .landing-city-editorial) { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-final-cta { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (min-width: 681px) and (max-width: 1000px) {
  body[data-page="landing"] .landing-side-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  body[data-page="landing"] .landing-city-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  body[data-page="landing"] .landing-ranking-lead { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  body[data-page="landing"] .landing-ranking-lead-media { aspect-ratio: auto; }
}
@media (max-width: 768px) {
  body[data-page="landing"] { --site-width: min(1320px, calc(100% - 32px)); }
  body[data-page="landing"] .page-shell.landing-shell { gap: 28px; padding-bottom: 40px; }
  body[data-page="landing"] .hero-home.hero-home-refined { padding-block: 32px; border-radius: 24px; }
  body[data-page="landing"] .hero-home-refined .hero-home-grid-refined { width: calc(100% - 40px); gap: 32px; padding-top: 0; }
  body[data-page="landing"] .hero-home-refined .hero-prelude { margin-bottom: 0 !important; }
  body[data-page="landing"] .hero-home-refined .hero-prelude-copy { gap: 8px 12px !important; }
  body[data-page="landing"] .hero-home-refined .hero-prelude-copy .hero-location-seal { min-height: 0 !important; padding: 0 !important; border: 0; background: none; box-shadow: none; font-size: 11px !important; letter-spacing: .01em !important; }
  body[data-page="landing"] .hero-home-refined .hero-home-copy h1.hero-headline { font-size: clamp(34px, 8.6vw, 48px) !important; line-height: 1.12 !important; margin: 24px 0 18px !important; letter-spacing: -.035em !important; }
  body[data-page="landing"] .hero-home-refined .hero-home-copy > p { margin-bottom: 24px !important; min-height: 4.8em; font-size: 15px; }
  body[data-page="landing"] .hero-home-refined .hero-focus-block { margin-bottom: 0 !important; }
  body[data-page="landing"] .hero-home-refined .hero-focus-header .hero-node-badge { min-height: 0 !important; padding: 0 !important; font-size: 10px !important; letter-spacing: 0 !important; }
  body[data-page="landing"] .hero-home-refined .hero-focus-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible !important; gap: 6px !important; padding: 6px !important; }
  body[data-page="landing"] .hero-home-refined .hero-focus-chip { min-height: 48px !important; width: 100% !important; min-width: 0 !important; border-radius: 10px !important; padding: 8px 10px !important; }
  body[data-page="landing"] .hero-home-refined .hero-focus-chip .chip-text { white-space: normal; }
  body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero { display: inline-flex !important; min-height: 50px !important; height: auto; flex: none; padding: 10px 14px !important; }
  body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero.is-secondary { display: inline-flex !important; min-height: 50px !important; height: auto; }
  body[data-page="landing"] .hero-home-refined .hero-command-actions .btn-shell-hero .btn-shell-icon { width: 28px !important; height: 28px !important; }
  body[data-page="landing"] .hero-home-refined .hero-command-actions { margin-top: 18px; margin-bottom: 0 !important; }
  body[data-page="landing"] .hero-home-refined .hero-sentiment-rail { margin-top: 20px !important; }
  body[data-page="landing"] .hero-home-refined .hero-sentiment-top { gap: 8px 12px; flex-wrap: wrap; }
  body[data-page="landing"] .hero-home-refined .hero-sentiment-label { font-size: 10px; letter-spacing: .01em; }
  body[data-page="landing"] .hero-home-refined .radar-live-indicator { font-size: 10px; letter-spacing: .05em; }
  body[data-page="landing"] .hero-home-panel { padding: 18px; border-radius: 20px; }
  body[data-page="landing"] .hero-home-panel-head { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body[data-page="landing"] .hero-home-panel-copy h2 { max-width: none; font-size: 23px; }
  body[data-page="landing"] .hero-home-panel-body .hero-score-block { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body[data-page="landing"] .hero-score-chips { flex-direction: row; justify-content: flex-start; flex-wrap: wrap; min-width: 0; }
  body[data-page="landing"] .hero-proof-grid-refined { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="landing"] .hero-home-refined .hero-feature-shell { padding-top: 0; }
  body[data-page="landing"] .hero-dossier-valuation .valuation-amount { font-size: 32px; }
  body[data-page="landing"] .hero-dossier-specs-quad { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; }
  body[data-page="landing"] .hero-dossier-specs-quad .spec-cell:nth-child(3) { border-left: 0; }
  body[data-page="landing"] .hero-home-refined .hero-dossier-card { padding: 14px; gap: 14px; }
  body[data-page="landing"] .hero-dossier-media-row { grid-template-columns: 68px minmax(0, 1fr); gap: 12px; }
  body[data-page="landing"] .hero-dossier-thumbnail { width: 68px; height: 78px; }
  body[data-page="landing"] .hero-dossier-name { font-size: 17px; }
  body[data-page="landing"] .rationale-top { flex-wrap: wrap; gap: 6px 10px; }
  body[data-page="landing"] .rationale-sub { display: block; }
  body[data-page="landing"] .landing-panel { padding: 20px; border-radius: 20px; }
  body[data-page="landing"] .landing-shell .section-heading-inline h2 { font-size: 26px; line-height: 1.3; }
  body[data-page="landing"] .landing-ranking-lead-body { padding: 20px; }
  body[data-page="landing"] .landing-ranking-mini h3 { font-size: 18px; }
  body[data-page="landing"] .landing-showcase-head h3 { font-size: 20px; }
  body[data-page="landing"] .landing-curation-panel .landing-showcase-preview:not(.clup-fact-grid) { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-final-cta { padding: 24px; border-radius: 20px; }
  body[data-page="landing"] .landing-final-cta-copy h2 { font-size: 26px; }
  body[data-page="landing"] .landing-notebook-card { padding: 22px; border-radius: 20px; }
  body[data-page="landing"] .landing-city-copy { padding: 20px; border-radius: 20px; }
}
@media (max-width: 680px) {
  body[data-page="landing"] :is(.landing-side-stack, .landing-city-notes, .landing-ranking-lead) { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-ranking-rail { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-ranking-mini { gap: 10px; }
  body[data-page="landing"] .landing-ranking-mini .landing-inline-link { align-self: start; }
  body[data-page="landing"] :is(.landing-city-pillars, .clup-fact-grid) { grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-notebook-card h3 { font-size: 24px; }
  body[data-page="landing"] .landing-final-cta .cta-card-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  body[data-page="landing"] .landing-shell .btn-shell { line-height: 1.5; }
}
@media (max-width: 520px) {
  body[data-page="landing"] .hero-home-refined .hero-command-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-transparency: reduce) {
  body[data-page="landing"] .hero-home-panel { background: #30322b; }
  body[data-page="landing"] .hero-home-refined :is(.hero-home-panel, .hero-focus-chip, .btn-shell-hero, .hero-sentiment-rail) { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="landing"] :is(.hero-feature-shell, .hero-canvas, .hero-home-panel) { transform: none !important; }
  body[data-page="landing"] .hero-home-refined .hero-focus-chip { transition: none; }
  body[data-page="landing"] .landing-shell *,
  body[data-page="landing"] .landing-shell *::before,
  body[data-page="landing"] .landing-shell *::after { animation: none !important; transition: none !important; }
  body[data-page="landing"] .landing-shell :is(.landing-ranking-mini, .landing-demand-card, .landing-showcase-card, .landing-role-link, .landing-pillar-card):hover { transform: none; }
}