/* Atlas Live visual finish. Layout, workflow state and motion remain in styles.css.
   The canonical wordmark and bundled Inter / NEXTSTEP files are unchanged. */
@media (forced-colors: none) {
  :root {
    --page: #050910;
    --surface: #091321;
    --surface-raised: #142237;
    --surface-input: #060c16;
    --ink: #edf2fa;
    --muted: #b3bed0;
    --quiet: #95a5bd;
    --line: #253b53;
    --line-soft: #1a2a3d;
    --orange: #ff7b28;
    --orange-bright: #ff9c58;
    --ice: #8bd3ff;
  }

  body {
    background:
      radial-gradient(ellipse 72rem 44rem at 84% 8%, #12345b38, transparent 72%),
      radial-gradient(ellipse 44rem 38rem at 5% 76%, #6a32101a, transparent 72%),
      var(--page);
  }

  .site-header { border-bottom-color: #223148; }
  .private-badge {
    border-color: #37506b;
    border-radius: 999px;
    color: #b8cce1;
    background: #0c182680;
  }

  .hero { padding-block: 74px 58px; }
  .hero h1 { line-height: 1.16; letter-spacing: -.025em; }
  .hero h1 span { color: var(--orange); }
  .hero-copy > p { color: #bac5d7; }
  .hero-side { border-left-color: #2e4f6a; }
  .hero-coordinate { color: #9db3ca; }
  .hero-coordinate span { color: #e8f3ff; }
  .hero-path { color: #d3deed; }
  .hero-side p { color: #a3b1c6; }
  .quick-start { padding-block: 23px; border-color: #25354b; }
  .industry-chip {
    color: #bdcadd;
    border-color: #2f425b;
    background: linear-gradient(155deg, #17253a80, #091220d9);
    box-shadow: inset 0 1px 0 #c2e5ff08;
  }
  .industry-chip:hover { border-color: #618aac; background: #172b40; }
  .industry-chip.active {
    color: #ffd7bb;
    border-color: #db7b3e;
    background: linear-gradient(135deg, #61351d80, #281d1770);
    box-shadow: inset 0 1px 0 #ffcf9b14;
  }

  .studio-shell {
    border-color: #315975;
    border-radius: 20px;
    background: #080f1c;
    box-shadow: 0 28px 80px #0000004d, 0 0 35px #2b87c409, inset 0 1px 0 #c6e9ff0d;
  }
  .studio-top {
    background: linear-gradient(110deg, #16253a, #0d1829 72%);
    border-bottom-color: #294158;
  }
  .studio-heading h2 { color: #edf4ff; }
  .status-dot { box-shadow: 0 0 10px #ff7b2840; }
  .config-panel { background: linear-gradient(175deg, #0e1b2d, #09111f 70%); }
  .inspector-panel { background: linear-gradient(170deg, #0e1b2b, #09111e 75%); }
  .canvas-panel, .scene { background: #070f1c; }
  .scene::before {
    background:
      radial-gradient(ellipse at 50% 39%, #a84f1810, transparent 34%),
      radial-gradient(ellipse at 50% 72%, #216da21c, transparent 66%);
  }
  .canvas-grid { opacity: .24; }
  .canvas-watermark { color: #748ba6; }
  .canvas-heading h3 { color: #e6effb; }
  .canvas-heading p, .canvas-legend { color: #9eb1c9; }
  .canvas-legend .drag-hint { color: #9eb1c9; }
  .canvas-scroll { scrollbar-color: #3d678c #070f1c; }
  .studio-footer { background: #0b1727; border-color: #263f59; color: #9db2ca; }

  input, textarea, select {
    color: #e2eafa;
    background-color: #060d18;
    border-color: #344963;
    border-radius: 9px;
    box-shadow: inset 0 1px 3px #00000026;
  }
  input:hover, textarea:hover, select:hover { border-color: #587a9a; }
  input:focus, textarea:focus, select:focus { background-color: #0b1929; border-color: #8bd3ff; }
  input::placeholder, textarea::placeholder { color: #96a8c1; }
  .search-wrap { border-color: #45617c; border-radius: 10px; background: #050c16; }
  .search-submit {
    color: #100d0b;
    border-color: #ff9b57;
    border-radius: 7px;
    background: #ff7b28;
  }
  .search-submit:hover { background: #ff9c58; border-color: #ffc18a; }
  .industry-option { border-radius: 8px; }
  .industry-option.selected {
    border-color: #4e7e9f;
    background: linear-gradient(120deg, #203a52, #14283d);
    box-shadow: inset 0 1px 0 #b9ddff0d;
  }
  .industry-selection-note { background: #162b42; color: #d2deee; }
  .scenario-intro { color: #acbcd1; }
  .segmented { border-color: #36536f; border-radius: 9px; background: #081320; }
  .segmented button { border-radius: 6px; }
  .segmented button[aria-pressed="true"] { background: #23425e; color: #edf7ff; }

  .primary-button, .play-button, .build-button {
    color: #120e0a;
    border-color: #ffad72;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff8a38, #ff721b);
    box-shadow: inset 0 1px 0 #ffe0bd59, 0 7px 22px #ed65191c;
  }
  .primary-button:hover:not(:disabled), .play-button:hover:not(:disabled), .build-button:hover:not(:disabled) {
    color: #120e0a;
    border-color: #ffc896;
    background: #ff9c58;
    box-shadow: inset 0 1px 0 #ffe7cc66, 0 8px 27px #ed651933;
  }
  .outline-button { border-color: #496079; border-radius: 9px; background: #10203433; }
  .outline-button:hover:not(:disabled) { background: #1a3149; border-color: #7ca6c9; }
  .icon-button, .small-button { border-radius: 8px; }
  .quiet-button:hover:not(:disabled) { background: #1a3046; }
  .playback { background: #0c1828; border-color: #29445e; }
  .progress-steps { background: #0c1828; }
  .instruction-box { background: #0b1727; border-color: #28425d; }
  .instruction-preview { background: #142b40; border-color: #426b8d; }
  .team-list-row { background: #102037; border-color: #2f4c67; border-radius: 8px; }

  /* Keep all node bounds, text metrics, routing and dynamic states intact. */
  .role-node {
    border-radius: 13px;
    background: linear-gradient(145deg, #1a2d42eb, #0b1729f5 80%);
    box-shadow: inset 0 1px 0 #c4e7ff0f, 0 10px 24px #0000004a;
  }
  .role-node:hover { background: linear-gradient(145deg, #243e58, #0e1f32); }
  .role-node.active { background: linear-gradient(145deg, #284761, #112a40); }
  .fixed-node { border-radius: 13px; background: linear-gradient(145deg, #19334a, #0b1a2c); }
  .human-node { background: linear-gradient(145deg, #183b36, #0b2327); }
  .atlas-core {
    border-color: #ff9b5a;
    background: radial-gradient(circle at 34% 24%, #955733, #4a2e23 33%, #221a1d 67%, #0b1524);
    box-shadow: 0 0 34px #f5742024, inset -9px -10px 20px #070d1566, inset 1px 1px 10px #ffd5a63d;
  }
  .atlas-core strong { color: #ffd1a8; }
  .atlas-core > span:last-child, .atlas-status { color: #dbc2ab; }
  .wire { opacity: .78; }
  .wire.done { opacity: .9; }
  .wire.active { opacity: 1; }
  .event-log li.current .event-index { border-color: #ed914f; color: #ffd8b7; background: #442b1e; }
  .target-tag { color: #e2c3a4; border-color: #7e6246; background: #3d2d1c38; }
  .approval-gate { border-color: #8a5c38; background: #38281754; border-radius: 12px; }

  .section-intro h2, .build-main h2, .brief-heading h2, dialog h2 {
    font-family: "NEXTSTEP", "Work Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
  }
  .section-intro .eyebrow, .build-main .eyebrow { color: #ffad78; }
  .section-intro > p { color: #b1c1d6; }
  .phase-card {
    border-color: #314f6c;
    border-radius: 16px;
    background: linear-gradient(150deg, #17283d, #091321 78%);
    box-shadow: inset 0 1px 0 #c5e6ff0d, 0 15px 35px #00000024;
  }
  .phase-card::before { background: #ff8737; }
  .phase-number { color: #ffab6f; }
  .phase-card h3 { color: #ecf4ff; }
  .phase-card > p { color: #afc0d6; }
  .build-section {
    border-color: #3c6484;
    border-radius: 22px;
    background:
      radial-gradient(ellipse at 0% 100%, #9b4c1820, transparent 55%),
      linear-gradient(140deg, #15253a, #091321 78%);
    box-shadow: inset 0 1px 0 #c5e6ff12, 0 24px 65px #00000033;
  }
  .build-config { border-color: #375571; }
  .brief-result {
    border-color: #3e7189;
    border-radius: 20px;
    background: linear-gradient(140deg, #123344, #0c192b 70%);
    box-shadow: inset 0 1px 0 #c5e6ff0f;
  }
  .enquiry-card { border-color: #3c6688; border-radius: 14px; background: #0a1729b3; }
  #briefText, #enquiryPreview { background: #060f1c; border-color: #304962; color: #d2dfef; }
  dialog {
    border-color: #477a9d;
    border-radius: 20px;
    background: linear-gradient(145deg, #15273e, #091323 80%);
    box-shadow: 0 35px 100px #00000099, 0 0 40px #3291c915;
  }
  dialog::backdrop { background: #02060dcc; backdrop-filter: blur(6px); }
  .toast { background: #162f44; border-color: #628cab; }

  @media (max-width: 950px) {
    .hero { padding-block: 48px 36px; }
  }
  @media (max-width: 760px) {
    .hero { padding-block: 38px 30px; }
    .quick-start { padding-block: 18px; }
    .studio-shell { border-radius: 14px; }
    .build-section, .brief-result { border-radius: 17px; }
    .section-intro h2, .build-main h2 { font-size: 32px; }
    .brief-heading h2, dialog h2 { font-size: 27px; }
    #industrySearch { height: 50px; padding-right: 53px; font-size: 16px; }
    #openIndustry { width: 44px; min-height: 44px; }
    .search-wrap > span { top: 14px; }
  }
}