/* Results-first home layout. The agent-owned palette in theme.css remains the source of color tokens. */
.home-v2 {
  --home-soft: #edf4f8;
  --home-panel: #f8fbfd;
  --home-border: #c9dbe7;
  --home-detail: #516c7e;
  --home-deep: #163f67;
  --home-deep-ink: #fff;
  --home-deep-muted: #d1e0ee;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .home-v2 {
    --home-soft: #1b2b36;
    --home-panel: #17252d;
    --home-border: #37546a;
    --home-detail: #b2c9d7;
    --home-deep: #102b42;
  }
  :root:not([data-theme="light"]) .home-v2 .home-button.primary { color: #101b1f; }
}
:root[data-theme="dark"] .home-v2 {
  --home-soft: #1b2b36;
  --home-panel: #17252d;
  --home-border: #37546a;
  --home-detail: #b2c9d7;
  --home-deep: #102b42;
}
:root[data-theme="dark"] .home-v2 .home-button.primary { color: #101b1f; }
.home-v2 .page { width: min(100% - 48px, 1200px); padding-top: 0; }
.home-v2 .site-nav { align-items: center; gap: 24px; min-height: 94px; margin: 0; border-bottom: 1px solid var(--line); }
.home-v2 .site-nav a { padding: 5px 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; }
.home-v2 .site-nav a:hover { color: var(--accent); }
.home-v2 .site-nav a[aria-current="page"] { background: transparent; color: var(--accent); }
.home-v2 .site-nav .nav-brand { flex: none; margin-right: auto; color: var(--ink); font-size: 16px; font-weight: 800; line-height: 1.25; letter-spacing: -.04em; }
.home-v2 .site-nav .nav-brand::before { content: "m•"; display: inline-block; margin-right: 10px; color: var(--accent); font-size: 34px; vertical-align: middle; letter-spacing: -.16em; }
.home-v2 .site-nav .lang-switch { margin-left: 10px; padding-left: 20px; border-left: 1px solid var(--line); }
.home-eyebrow { margin: 0 0 16px; color: var(--accent); font: 700 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.home-hero { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(290px, .85fr); align-items: center; gap: 52px; padding: 72px 0 80px; }
.home-hero h1 { margin: 0; font-size: clamp(38px, 5vw, 66px); line-height: 1.2; letter-spacing: -.065em; }
.home-hero h1 span { color: var(--accent); }
.home-hero-copy { max-width: 600px; margin: 25px 0; color: var(--muted); font-size: 17px; line-height: 1.9; }
.home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.home-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; padding: 15px 20px; border-radius: 9px; font-size: 14px; font-weight: 700; text-decoration: none; }
.home-button.primary { background: var(--accent); color: #fff; }
.home-button.secondary { border: 1px solid var(--home-border); color: var(--ink); }
.home-button:hover { transform: translateY(-2px); }
.home-memory { margin: 18px 0 0; color: var(--home-detail); font-size: 14px; line-height: 1.9; }
.home-memory + .home-memory { margin-top: 2px; }
.home-ai-line { display: flex; gap: 9px; align-items: center; margin: 34px 0 0; color: var(--home-detail); font-size: 12px; line-height: 1.7; }
.home-ai-line span { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #53a37f; box-shadow: 0 0 0 4px #d9efe5; }
.home-machine { min-width: 0; overflow: hidden; border: 1px solid var(--home-border); border-radius: 18px; background: var(--home-soft); box-shadow: 0 18px 36px #54758d12; }
.home-machine-heading { display: flex; justify-content: space-between; gap: 9px; padding: 21px 22px 0; }
.home-machine-kicker { color: var(--home-detail); font: 600 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; }
.home-machine-heading h2 { margin: 8px 0 3px; font-size: 25px; line-height: 1.15; letter-spacing: -.04em; }
.home-machine-heading p { margin: 0; color: var(--home-detail); font-size: 10px; }
.home-machine-one { flex: none; align-self: start; padding: 6px 9px; border: 1px solid var(--home-border); border-radius: 99px; background: var(--surface); color: var(--accent); font-size: 10px; font-weight: 800; }
.home-machine-art { position: relative; display: grid; place-items: center; height: 190px; background: radial-gradient(ellipse at 50% 67%, var(--home-border) 0%, transparent 64%); }
.home-machine-art img { display: block; width: 100%; height: 210px; object-fit: contain; }
.home-machine-art span { position: absolute; right: 16px; bottom: 8px; color: var(--home-detail); font-size: 9px; }
.home-machine-claim { margin: 0 22px 15px; color: var(--home-detail); font-size: 11px; font-weight: 700; line-height: 1.6; }
.home-machine-details { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 15px 20px; border-top: 1px solid var(--home-border); background: var(--home-panel); }
.home-machine-details > div { min-width: 0; padding: 0 8px; border-left: 1px solid var(--home-border); }
.home-machine-details > div:first-child { border-left: 0; padding-left: 2px; }
.home-machine-details dt { color: var(--home-detail); font-size: 10px; font-weight: 700; }
.home-machine-details dd { margin: 4px 0 0; font-size: 23px; font-weight: 800; letter-spacing: -.05em; white-space: nowrap; }
.home-v2 section { margin-top: 0; }
.home-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 26px; }
.home-section-head .home-eyebrow { margin-bottom: 8px; }
.home-section-head h2 { margin: 0; font-size: 31px; letter-spacing: -.04em; }
.home-section-head > p { max-width: 400px; margin: 0 0 4px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.home-results { padding: 28px 0 78px; }
.home-v2 .picks { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.home-v2 .pick { display: flex; flex-direction: column; min-height: 235px; padding: 21px; border-color: var(--line); border-radius: 13px; transition: transform .2s, border-color .2s; }
.home-v2 .pick:hover { transform: translateY(-3px); border-color: var(--accent); }
.home-v2 .pick-title { color: var(--accent); font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.home-v2 .pick-title::after { content: none; }
.home-v2 .pick-value { margin: 23px 0 3px; color: var(--ink); font-size: 39px; font-weight: 800; letter-spacing: -.055em; white-space: nowrap; }
.home-v2 .pick-model { margin: 0; font-size: 16px; }
.home-v2 .pick-reason { margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.home-v2 .pick-link { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line); color: var(--accent); font-size: 11px; font-weight: 700; }
.home-v2 .prerender { padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.home-categories { padding: 18px 0 85px; }
.home-category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.home-category-grid a { position: relative; display: flex; flex-direction: column; min-height: 160px; padding: 20px; border-radius: 12px; background: var(--home-soft); color: var(--ink); text-decoration: none; }
.home-category-grid a:hover { background: var(--accent-soft); }
.home-category-grid span { color: var(--home-detail); font: 700 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
.home-category-grid strong { margin-top: 16px; font-size: 24px; }
.home-category-grid small { margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.home-category-grid em { position: absolute; right: 20px; top: 17px; color: var(--accent); font-style: normal; }
.home-evidence { padding: 0 0 88px; }
.home-evidence-grid { display: grid; grid-template-columns: .8fr 1.7fr; gap: 14px; }
.home-counts, .home-gallery { padding: 23px; border: 1px solid var(--home-border); border-radius: 12px; background: var(--home-soft); }
.home-counts h3, .home-gallery h3 { margin: 0 0 18px; font-size: 15px; }
.home-counts-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.home-counts-inner div { display: flex; align-items: baseline; gap: 6px; }
.home-counts-inner strong { font-size: 32px; letter-spacing: -.05em; }
.home-counts-inner span { color: var(--home-detail); font-size: 11px; }
.home-gallery-head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.home-gallery-head a { color: var(--accent); font-size: 11px; font-weight: 700; }
.home-samples { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.home-samples figure { min-width: 0; margin: 0; }
.home-samples img { display: block; width: 100%; aspect-ratio: 1.4; border-radius: 6px; object-fit: cover; }
.home-samples figcaption { display: flex; justify-content: space-between; gap: 4px; margin-top: 7px; font-size: 10px; font-weight: 700; }
.home-samples figcaption span { color: var(--home-detail); white-space: nowrap; }
.home-operation { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; padding: 64px; border-radius: 20px; background: var(--home-deep); color: var(--home-deep-ink); }
.home-operation .home-eyebrow { color: #9dccf0; }
.home-operation h2 { margin: 0; font-size: 34px; line-height: 1.4; letter-spacing: -.05em; }
.home-operation p:not(.home-eyebrow) { max-width: 550px; color: var(--home-deep-muted); font-size: 14px; line-height: 2; }
.home-operation-link { display: inline-block; margin-top: 10px; color: #fff; font-size: 14px; font-weight: 700; }
.home-role-stack { display: grid; gap: 8px; align-content: center; }
.home-role-stack div { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 16px; border: 1px solid #66839d; border-radius: 9px; }
.home-role-stack b { color: #a6d2f1; font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.home-role-stack span { color: #e2edf4; font-size: 12px; line-height: 1.6; }
.home-details { width: 100%; margin: 60px auto 0; }
.home-details > section + section { margin-top: 52px; }
.home-details > .fold + .fold { margin-top: 12px; }
/* The operations page (operations.html) reuses these blocks under an ordinary page header. */
.operations-page .site-nav.has-brand { margin-bottom: 48px; }
.operations-page .home-operation { margin-top: 32px; }
.home-v2 .footer { padding-top: 25px; border-top: 1px solid var(--line); }
@media (max-width: 1000px) {
  .home-v2 .site-nav { gap: 14px; }
  .home-hero { gap: 28px; }
  .home-v2 .site-nav a { font-size: 12px; }
  .home-v2 .site-nav .nav-brand { font-size: 14px; }
}
@media (max-width: 760px) {
  .home-v2 .page { width: min(100% - 32px, 600px); }
  .home-v2 .site-nav { min-height: 0; flex-wrap: wrap; gap: 8px 18px; padding: 20px 0 14px; }
  .operations-page .site-nav.has-brand { margin-bottom: 36px; }
  .home-v2 .site-nav .nav-brand { width: 100%; }
  .home-v2 .site-nav .lang-switch { margin-left: 0; padding-left: 0; border: 0; }
  .home-hero { grid-template-columns: 1fr; gap: 35px; padding: 50px 0; }
  .home-hero h1 { font-size: clamp(26px, 8.2vw, 52px); }  /* the longer line (11 characters) stays on one line from 320px */
  .home-machine { max-width: 450px; }
  .home-v2 .picks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-category-grid { grid-template-columns: repeat(2, 1fr); }
  .home-evidence-grid, .home-operation { grid-template-columns: 1fr; }
  .home-operation { gap: 30px; padding: 36px 26px; }
  .home-operation h2 { font-size: clamp(24px, 7.4vw, 34px); }
  .home-section-head { display: block; }
  .home-section-head h2 { font-size: clamp(26px, 8.2vw, 31px); }
  .home-section-head > p { margin-top: 8px; }
}
@media (max-width: 440px) {
  .home-v2 .picks { grid-template-columns: 1fr; }
  .home-v2 .pick { min-height: 205px; }
  .home-category-grid { gap: 8px; }
  .home-category-grid a { min-height: 145px; padding: 16px; }
  .home-category-grid strong { font-size: 21px; }
  .home-samples figcaption { display: block; }
  .home-samples figcaption span { display: block; margin-top: 3px; }
  .home-machine-art { height: 170px; }
}
.home-recs { padding: 28px 0 70px; }
.home-v2 .rec { padding: 21px; border-radius: 13px; transition: transform .2s, border-color .2s; }
.home-v2 a.rec:hover { transform: translateY(-3px); }
.home-v2 .rec-use { font: 700 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.home-v2 .rec-model { font-size: 20px; letter-spacing: -.02em; }
/* The first pick leads: it spans two rows beside the other four. */
.home-v2 .recs { grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr)); }
.home-v2 .recs .rec:first-child { grid-row: span 2; justify-content: center; padding: 30px; background: var(--home-soft); border-color: var(--home-border); }
.home-v2 .recs .rec:first-child .rec-model { font-size: 34px; letter-spacing: -.04em; }
.home-v2 .recs .rec:first-child .rec-stats dd { font-size: 20px; }
.home-v2 .recs .rec:first-child .rec-command { margin-top: 18px; }
@media (max-width: 860px) {
  .home-v2 .recs { grid-template-columns: 1fr 1fr; }
  .home-v2 .recs .rec:first-child { grid-row: auto; grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .home-v2 .recs { grid-template-columns: 1fr; }
}