/* Match Structure's Flagstar presentation only while the start center is shown.
   Do not change global tokens: document workspaces and exports retain their styling. */
body.is-landing {
  --start-background: #f5f5f5;
  --start-card: #ffffff;
  --start-ink: #141414;
  --start-muted: #626262;
  --start-border: #dcdcdc;
  --start-accent: #965000;
  --start-selection: #fff8e6;
  --start-button: #171717;
  --start-button-ink: #ffffff;
  background: var(--start-background);
}
body.is-landing #view { padding: 0; background: var(--start-background); }
body.is-landing .start-brand-header {
  min-height: 6rem;
  padding: 1.1rem max(1.5rem, calc((100% - 1120px) / 2));
  display: flex;
  align-items: center;
  background: #010101;
  color: #ffffff;
  border-bottom: 3px solid #ff9d00;
  font-family: Arial, Helvetica, sans-serif;
}
body.is-landing .start-brand-lockup { display: flex; align-items: center; gap: 1.2rem; min-width: 0; }
body.is-landing .start-flagstar-logo {
  position: relative; flex: 0 0 auto; width: 11.25rem; height: 2.625rem;
  overflow: hidden; background: #010101;
}
body.is-landing .start-flagstar-logo img {
  position: absolute; width: 12.5rem; max-width: none; height: auto; left: -.625rem; top: -1.875rem;
}
body.is-landing .start-brand-product { padding-left: 1.2rem; border-left: 1px solid #474747; }
body.is-landing .start-brand-product p { margin: 0 0 .25rem; color: #c5c5c5; font-size: .875rem; text-transform: uppercase; letter-spacing: .12em; }
body.is-landing .start-brand-product strong { display: block; font-size: 1.1rem; line-height: 1.3; }
body.is-landing .start-center {
  box-sizing: content-box; max-width: 1120px; margin: 0 auto;
  padding: 2rem 1.5rem 3rem; color: var(--start-ink); font-family: Arial, Helvetica, sans-serif;
}
body.is-landing .start-intro h2,
body.is-landing .workflow-choice h3 { color: var(--start-ink); font-family: inherit; font-weight: 650; letter-spacing: -.035em; }
body.is-landing .start-intro h2 { font-size: clamp(2rem, 3.5vw, 2.75rem); line-height: 1.15; }
body.is-landing .start-center .eyebrow { color: var(--start-accent); font-size: .875rem; }
body.is-landing .start-intro > p:not(.eyebrow),
body.is-landing .workflow-choice p:not(.eyebrow) { color: var(--start-muted); font-size: 1rem; }
body.is-landing .workflow-choice {
  background: var(--start-card); border-color: var(--start-border); border-top: 3px solid #ff9d00;
  border-radius: .4rem; box-shadow: 0 2px 6px rgb(0 0 0 / 3%);
}
body.is-landing .workflow-choice:hover { border-color: #e4a43a; box-shadow: 0 2px 6px rgb(0 0 0 / 3%); }
body.is-landing .choice-mark { width: 4.75rem; height: 3rem; background: #010101; color: #ffd13f; border: 1px solid #474747; border-radius: .35rem; font-family: inherit; font-size: 1rem; font-weight: 700; }
body.is-landing .required-result { background: var(--start-selection); border-left-color: #ff9d00; border-radius: 0 .35rem .35rem 0; }
body.is-landing .required-result strong { color: var(--start-accent); font-size: .875rem; }
body.is-landing .required-result span { color: var(--start-ink); font-size: 1rem; }
body.is-landing .start-center .button-primary { background: var(--start-button); color: var(--start-button-ink); border-color: var(--start-button); border-radius: .35rem; box-shadow: none; }
body.is-landing .start-center .button-primary:hover { background: #ff9d00; color: #141414; border-color: #ff9d00; }
body.is-landing .returning-action { background: var(--start-card); color: var(--start-ink); border-color: var(--start-border); border-radius: .4rem; }
body.is-landing .returning-action:hover { background: var(--start-selection); border-color: #e4a43a; }
body.is-landing .returning-action > span:first-child { color: var(--start-accent); }
body.is-landing .returning-action strong { font-size: .875rem; }
body.is-landing .returning-action small,
body.is-landing .start-footnote { color: var(--start-muted); font-size: .875rem; }
body.is-landing .pilot-boundaries > summary { color: var(--start-ink); background: var(--start-card); border-color: var(--start-border); font-size: .875rem; }
body.is-landing .trust-strip { background: var(--start-border); border-color: var(--start-border); }
body.is-landing .trust-strip > div { background: var(--start-card); }
body.is-landing .trust-strip strong { color: var(--start-ink); font-size: .875rem; }
body.is-landing .trust-strip span { color: var(--start-muted); font-size: .875rem; }
body.is-landing .start-center :focus-visible { outline: 3px solid #ff9d00; outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  body.is-landing {
    --start-background: #141414; --start-card: #141414; --start-ink: #f1f1f1;
    --start-muted: #b6b6b6; --start-border: #424242; --start-accent: #ffd13f;
    --start-selection: #2b2414; --start-button: #ffd13f; --start-button-ink: #141414;
  }
}
@media (max-width: 600px) {
  body.is-landing .start-brand-header { padding: 1rem; }
  body.is-landing .start-brand-lockup { flex-wrap: wrap; gap: .9rem; }
  body.is-landing .start-brand-product { border-left: 0; padding-left: 0; }
  body.is-landing .start-center { padding: 1.5rem 1rem 2rem; }
}
