:root {
  --void: #090909;
  --void-raised: #10100f;
  --void-soft: #171716;
  --paper: #f2f0ea;
  --quiet: #9a9892;
  --faint: #5c5b57;
  --line: rgba(242, 240, 234, 0.14);
  --line-strong: rgba(242, 240, 234, 0.31);
  --signal: #ff3d21;
  --signal-ink: #190502;
  --display: "Space Grotesk", sans-serif;
  --body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--void); color: var(--paper); font-family: var(--body); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.api-page { min-height: 100dvh; overflow: hidden; }
.page-width { width: min(1360px, calc(100% - 96px)); margin: 0 auto; }
.api-page section[id] { scroll-margin-top: 80px; }
.api-page a:focus-visible, .api-page button:focus-visible, .api-page summary:focus-visible, .api-page input:focus-visible { outline: 2px solid var(--signal); outline-offset: 5px; }

.topline { position: fixed; z-index: 20; inset: 0 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; min-height: 74px; padding: 0 48px; align-items: center; border-bottom: 1px solid var(--line); background: rgba(9,9,9,.76); backdrop-filter: blur(18px); }
.topline-brand { display: inline-flex; align-items: center; gap: 11px; justify-self: start; font: 700 11px/1 var(--display); letter-spacing: .16em; }
.topline-brand img { width: 34px; height: 34px; border: 1px solid rgba(255,61,33,.6); border-radius: 50%; object-fit: contain; }
.topline nav { display: flex; align-items: center; gap: 31px; color: var(--quiet); font: 700 10px/1 var(--display); letter-spacing: .1em; }
.topline nav a:hover { color: var(--paper); }
.topline-account { display: inline-flex; align-items: center; justify-self: end; gap: 10px; color: var(--paper); font: 700 11px/1 var(--display); }
.topline-account span { color: var(--signal); font-size: 18px; font-weight: 400; }

.signal-stage { position: relative; display: grid; min-height: 100dvh; overflow: hidden; background: var(--void); }
.signal-field { position: absolute; inset: 0; width: 100%; height: 100%; }
.signal-legend { position: absolute; z-index: 2; top: 109px; right: 48px; display: grid; gap: 9px; color: var(--faint); font: 700 9px/1 var(--display); letter-spacing: .15em; text-align: right; }
.signal-legend span:last-child { color: var(--signal); }
.signal-copy { position: relative; z-index: 2; align-self: center; width: min(1360px, calc(100% - 96px)); margin: 0 auto; padding: 70px 0 10px; pointer-events: none; }
.signal-label, .section-mark { margin: 0; color: var(--quiet); font: 700 10px/1.3 var(--display); letter-spacing: .18em; text-transform: uppercase; }
.signal-label { display: flex; align-items: center; gap: 11px; }
.signal-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 17px rgba(255,61,33,.74); }
.signal-copy h1 { max-width: 900px; margin: 27px 0 24px; font: 600 clamp(72px, 10.4vw, 160px)/.76 var(--display); letter-spacing: -.105em; }
.signal-copy h1::first-line { color: var(--paper); }
.signal-copy h1 + p { max-width: 370px; margin: 0; color: #b9b7b0; font-size: 16px; line-height: 1.65; }
.signal-cta { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 18px; margin-top: 37px; padding: 0 20px; border: 1px solid var(--signal); background: var(--signal); color: var(--signal-ink); font: 700 11px/1 var(--display); letter-spacing: .06em; pointer-events: auto; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.signal-cta:hover { border-color: var(--paper); background: var(--paper); transform: translateY(-2px); }
.signal-cta span { font-size: 17px; }
.signal-caption { position: absolute; z-index: 2; right: 48px; bottom: 55px; display: grid; grid-template-columns: 34px 185px; gap: 15px; color: var(--quiet); font: 11px/1.5 var(--display); }.signal-caption span { color: var(--signal); font-size: 10px; }.signal-caption p { margin: 0; }.signal-scroll { position: absolute; z-index: 2; bottom: 53px; left: 48px; display: flex; align-items: center; gap: 13px; color: var(--faint); font: 700 9px/1 var(--display); letter-spacing: .16em; }.signal-scroll i { display: block; width: 42px; height: 1px; background: var(--signal); }

.model-atlas { padding: 160px 0 170px; border-top: 1px solid var(--line); background: #0d0d0c; }.atlas-intro { display: grid; grid-template-columns: .54fr 1.15fr .53fr; gap: 50px; align-items: end; margin-bottom: 88px; }.atlas-intro h2, .agents-copy h2, .flow-layout h2, .time-heading h2, .faq-layout h2, .closing-copy h2 { margin: 0; font: 600 clamp(54px,6.4vw,100px)/.84 var(--display); letter-spacing: -.09em; }.atlas-intro h2 em, .agents-copy h2 em, .flow-layout h2 em, .time-heading h2 em, .faq-layout h2 em, .closing-copy h2 em { color: var(--signal); font-style: normal; }.atlas-intro > p:last-child { max-width: 330px; margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.7; }.atlas-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.atlas-active { position: relative; display: flex; min-height: 580px; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 27px; border-right: 1px solid var(--line); background: var(--signal); color: var(--signal-ink); }.atlas-active::after { position: absolute; right: -50px; bottom: -55px; content: attr(data-active-index); color: rgba(25,5,2,.08); font: 700 350px/.7 var(--display); letter-spacing: -.14em; }.atlas-active-top { position: relative; z-index: 1; display: flex; justify-content: space-between; font: 700 9px/1 var(--display); letter-spacing: .15em; }.atlas-active > img { position: relative; z-index: 1; width: 145px; height: 145px; object-fit: contain; filter: none; }.atlas-active > div:last-child { position: relative; z-index: 1; display: grid; gap: 6px; }.atlas-active p { margin: 0; font: 700 9px/1 var(--display); letter-spacing: .15em; }.atlas-active strong { font: 600 clamp(41px,4.3vw,68px)/.85 var(--display); letter-spacing: -.08em; }.atlas-active span { font-size: 14px; }.atlas-list { padding: 0; margin: 0; list-style: none; }.atlas-list li { border-bottom: 1px solid var(--line); }.atlas-list li:last-child { border-bottom: 0; }.atlas-route { display: grid; width: 100%; min-height: 116px; grid-template-columns: 50px 1.3fr 1fr 45px 25px; align-items: center; gap: 16px; padding: 20px 25px; border: 0; background: transparent; color: var(--paper); text-align: left; transition: background .22s ease, color .22s ease; }.atlas-route:hover { background: #1b1b18; }.atlas-route.is-active { background: var(--paper); color: var(--void); }.atlas-route > span { color: var(--signal); font: 700 10px/1 var(--display); }.atlas-route strong { font: 600 28px/1 var(--display); letter-spacing: -.06em; }.atlas-route small { color: var(--quiet); font-size: 12px; }.atlas-route.is-active small { color: #6d6b65; }.atlas-route img { width: 38px; height: 38px; object-fit: contain; filter: brightness(0) invert(1); }.atlas-route.is-active img { filter: none; }.atlas-route b { color: var(--signal); font-size: 19px; font-weight: 400; }

.agents-field { padding: 150px 0; border-top: 1px solid var(--line); background: var(--void); }.agents-copy { display: grid; grid-template-columns: .55fr 1.1fr .5fr; gap: 50px; align-items: end; margin-bottom: 74px; }.agents-copy > p:last-child { max-width: 300px; margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.7; }.agent-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.agent-grid > div { display: grid; min-height: 130px; place-items: center; gap: 13px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--quiet); font: 700 10px/1 var(--display); transition: background .2s ease, color .2s ease; }.agent-grid > div:hover { background: #191916; color: var(--paper); }.agent-grid img { width: 35px; height: 35px; object-fit: contain; opacity: .76; }

.flow-chapter { padding: 160px 0; border-top: 1px solid var(--line); background: var(--void-raised); }.flow-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 130px; }.flow-layout h2 { margin-top: 29px; }.flow-steps { border-top: 1px solid var(--line); }.flow-steps article { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding: 32px 0; border-bottom: 1px solid var(--line); }.flow-steps article > span { color: var(--signal); font: 700 11px/1 var(--display); }.flow-steps h3 { margin: 0 0 11px; font: 600 29px/1 var(--display); letter-spacing: -.055em; }.flow-steps p { max-width: 410px; margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.7; }

.time-station { padding: 160px 0 180px; border-top: 1px solid var(--line); background: #12110f; }.time-heading { display: grid; grid-template-columns: 1fr .52fr; gap: 80px; align-items: end; margin-bottom: 80px; }.time-heading h2 { margin-top: 29px; }.time-heading > p:last-child { max-width: 320px; margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.7; }.time-console { display: grid; grid-template-columns: 1.15fr .85fr; border: 1px solid var(--line-strong); scroll-margin-top: 92px; }.time-scale { display: grid; grid-template-columns: repeat(5,1fr); min-height: 510px; align-items: end; gap: 0; padding: 55px 30px 45px; background: linear-gradient(180deg, #0c0c0b, #161510); }.time-stop { position: relative; display: flex; min-height: 360px; flex-direction: column; align-items: center; justify-content: flex-end; gap: 10px; padding: 0 8px 18px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--quiet); }.time-stop:last-child { border-right: 0; }.time-stop::before { position: absolute; top: 26px; bottom: 57px; left: 50%; width: 1px; background: var(--line-strong); content: ""; }.time-stop:nth-child(2)::before { top: 105px; }.time-stop:nth-child(3)::before { top: 76px; }.time-stop:nth-child(4)::before { top: 48px; }.time-stop:nth-child(5)::before { top: 0; }.time-stop::after { position: absolute; top: 18px; left: calc(50% - 7px); width: 13px; height: 13px; border: 1px solid var(--quiet); border-radius: 50%; background: #0c0c0b; content: ""; }.time-stop:nth-child(2)::after { top: 97px; }.time-stop:nth-child(3)::after { top: 68px; }.time-stop:nth-child(4)::after { top: 40px; }.time-stop:nth-child(5)::after { top: -8px; }.time-stop.is-selected { color: var(--paper); }.time-stop.is-selected::before { background: var(--signal); }.time-stop.is-selected::after { border-color: var(--signal); background: var(--signal); box-shadow: 0 0 0 8px rgba(255,61,33,.11); }.time-stop span { font: 600 30px/1 var(--display); letter-spacing: -.06em; }.time-stop small { font: 700 8px/1 var(--display); letter-spacing: .13em; }.time-selected { display: flex; min-height: 510px; flex-direction: column; padding: 37px; background: var(--paper); color: var(--void); }.time-selected > p:first-child { margin: 0; color: #6b6963; font: 700 9px/1 var(--display); letter-spacing: .15em; }.time-selected h3 { margin: 48px 0 0; font: 600 clamp(62px,7vw,104px)/.75 var(--display); letter-spacing: -.1em; }.time-rule { width: 100%; height: 1px; margin: 34px 0 24px; background: rgba(9,9,9,.18); }.time-selected > strong { font: 600 41px/1 var(--display); letter-spacing: -.07em; }.time-selected > small { margin-top: 8px; color: #77746d; font-size: 12px; }.time-detail { max-width: 270px; margin: 28px 0 auto; color: #6b6963; font-size: 13px; }.time-action { display: inline-flex; min-height: 50px; align-items: center; justify-content: space-between; padding: 0 16px; border: 0; background: var(--void); color: var(--paper); font: 700 11px/1 var(--display); }.time-action:hover { background: var(--signal); color: var(--signal-ink); }

.faq-chapter { padding: 155px 0; border-top: 1px solid var(--line); background: var(--void); }.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 130px; }.faq-layout h2 { margin-top: 29px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 27px 0; font: 600 17px/1.2 var(--display); list-style: none; cursor: pointer; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { color: var(--signal); content: "+"; font-size: 23px; font-weight: 400; }.faq-list details[open] summary::after { content: "-"; }.faq-list p { max-width: 620px; margin: -4px 0 25px; color: var(--quiet); font-size: 14px; line-height: 1.7; }
.closing-field { position: relative; min-height: 690px; overflow: hidden; border-top: 1px solid var(--line); background: var(--void-raised); }.closing-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }.closing-copy { position: relative; z-index: 1; padding-top: 160px; }.closing-copy h2 { margin-top: 28px; font-size: clamp(68px,8.6vw,138px); }.site-footer { display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; padding-top: 28px; padding-bottom: 35px; border-top: 1px solid var(--line); color: var(--quiet); font: 11px/1.45 var(--display); }.site-footer > a { color: var(--paper); font-weight: 700; letter-spacing: .13em; }.site-footer > span:nth-child(2) { text-align: center; }

.modal-backdrop { background: rgba(0,0,0,.86); }.checkout-modal { max-height: calc(100dvh - 44px); overflow-y: auto; border: 1px solid rgba(255,61,33,.55); border-radius: 0; background: #161513; color: var(--paper); }.checkout-modal h2 { margin: 25px 0 10px; font: 600 46px/.9 var(--display); letter-spacing: -.07em; }.checkout-modal input:not([type="checkbox"]), .pix-code { border-color: var(--line-strong); background: #090909; color: var(--paper); }.checkout-modal input:not([type="checkbox"]):focus { border-color: var(--signal); box-shadow: 0 0 0 3px rgba(255,61,33,.15); }.account-switch, .form-status.success { color: var(--signal); }

.js-reveal-ready main > section:not(.signal-stage) { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1); }.js-reveal-ready main > section:not(.signal-stage).is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 1100px) { .atlas-intro, .agents-copy { grid-template-columns: .6fr 1.2fr; }.atlas-intro > p:last-child, .agents-copy > p:last-child { grid-column: 2; }.atlas-route { grid-template-columns: 45px 1.4fr 1fr 38px 20px; }.time-console { grid-template-columns: 1fr; }.time-scale { min-height: 380px; }.time-selected { min-height: 395px; }.time-selected h3 { margin-top: 30px; } }
@media (max-width: 900px) { .page-width, .signal-copy { width: min(100% - 48px, 1360px); }.topline { padding: 0 24px; }.topline nav { display: none; }.signal-copy h1 { font-size: clamp(70px,12vw,115px); }.atlas-intro, .agents-copy, .flow-layout, .faq-layout { grid-template-columns: 1fr; gap: 43px; }.atlas-intro > p:last-child, .agents-copy > p:last-child { grid-column: auto; }.atlas-layout { grid-template-columns: 1fr; }.atlas-active { min-height: 360px; border-right: 0; border-bottom: 1px solid var(--line); }.atlas-active > img { width: 95px; height: 95px; }.atlas-list { display: grid; grid-template-columns: 1fr 1fr; }.atlas-list li:nth-child(odd) { border-right: 1px solid var(--line); }.atlas-route { min-height: 155px; grid-template-columns: 30px 1fr 35px; gap: 9px; padding: 20px; }.atlas-route small, .atlas-route b { display: none; }.atlas-route strong { font-size: 23px; }.agent-grid { grid-template-columns: repeat(4,1fr); }.flow-layout { gap: 70px; }.time-heading { grid-template-columns: 1fr; gap: 28px; }.time-scale { min-height: 350px; }.closing-copy { padding-top: 120px; } }
@media (max-width: 620px) { .page-width, .signal-copy { width: calc(100% - 32px); }.topline { min-height: 67px; padding: 0 16px; }.topline-brand { gap: 8px; font-size: 9px; }.topline-brand img { width: 29px; height: 29px; }.topline-account { font-size: 10px; }.signal-legend, .signal-caption, .signal-scroll { display: none; }.signal-copy { padding: 123px 0 75px; align-self: start; }.signal-copy h1 { margin-top: 23px; font-size: clamp(62px,17vw,84px); }.signal-copy h1 + p { max-width: 270px; font-size: 15px; }.signal-stage { min-height: 100dvh; }.model-atlas, .agents-field, .flow-chapter, .time-station, .faq-chapter { padding-top: 96px; padding-bottom: 96px; }.atlas-intro { margin-bottom: 48px; }.atlas-intro h2, .agents-copy h2, .flow-layout h2, .time-heading h2, .faq-layout h2 { font-size: 50px; }.atlas-list { grid-template-columns: 1fr; }.atlas-list li:nth-child(odd) { border-right: 0; }.atlas-route { min-height: 88px; grid-template-columns: 32px 1fr 30px; }.atlas-route img { width: 29px; height: 29px; }.atlas-route strong { font-size: 22px; }.agent-grid { grid-template-columns: repeat(2,1fr); }.agent-grid > div { min-height: 110px; }.flow-steps article { grid-template-columns: 42px 1fr; gap: 14px; }.flow-steps h3 { font-size: 24px; }.time-heading { margin-bottom: 50px; }.time-console { margin-inline: 0; }.time-scale { min-height: 290px; padding: 28px 15px 28px; }.time-stop { min-height: 225px; padding-bottom: 13px; }.time-stop::before { top: 18px; bottom: 45px; }.time-stop::after { top: 10px; }.time-stop:nth-child(2)::before { top: 67px; }.time-stop:nth-child(2)::after { top: 59px; }.time-stop:nth-child(3)::before { top: 52px; }.time-stop:nth-child(3)::after { top: 44px; }.time-stop:nth-child(4)::before { top: 36px; }.time-stop:nth-child(4)::after { top: 28px; }.time-stop:nth-child(5)::before { top: 0; }.time-stop:nth-child(5)::after { top: -8px; }.time-stop span { font-size: 20px; }.time-stop small { font-size: 7px; }.time-selected { min-height: 360px; padding: 25px; }.time-selected h3 { font-size: 68px; }.time-selected > strong { font-size: 34px; }.faq-list summary { padding: 22px 0; font-size: 15px; }.closing-field { min-height: 570px; }.closing-copy { padding-top: 100px; }.closing-copy h2 { font-size: 65px; }.site-footer { grid-template-columns: 1fr; gap: 12px; }.site-footer > span:nth-child(2) { text-align: left; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.js-reveal-ready main > section:not(.signal-stage) { opacity: 1; transform: none; transition: none; }.signal-field, .closing-canvas { display: none; }.signal-stage { background: radial-gradient(circle at 60% 45%, rgba(255,61,33,.16), transparent 30%), var(--void); } }

/* Model catalog: preserve the fixed header offset and normalize provider marks. */
.api-page { overflow-x: clip; overflow-y: visible; }
.api-page section[id] { scroll-margin-top: 104px; }
.signal-caption { display: block; }
.model-atlas { overflow: visible; }
.atlas-layout { align-items: stretch; }
.atlas-active { min-height: 640px; overflow: visible; }
.atlas-active::after { content: none; }
.atlas-active > .provider-logo-featured {
  width: 132px;
  height: 132px;
  padding: 22px;
  border: 1px solid rgba(25, 5, 2, .26);
  background: var(--paper);
  mix-blend-mode: multiply;
  object-fit: contain;
}
.atlas-active-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 24px;
}
.atlas-active-facts > div {
  display: grid;
  gap: 5px;
  padding-top: 12px;
  border-top: 1px solid rgba(25, 5, 2, .24);
}
.atlas-active-facts small {
  font: 700 8px/1 var(--display);
  letter-spacing: .14em;
}
.atlas-active-facts span { font-size: 12px; line-height: 1.35; }
.atlas-route {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) 46px 18px;
  min-height: 116px;
  gap: 16px;
  align-items: center;
  padding: 22px 27px;
}
.atlas-route > strong { grid-column: 1; }
.atlas-route > small {
  grid-column: 2;
  color: var(--quiet);
  font: 700 10px/1.35 var(--display);
  letter-spacing: .04em;
}
.atlas-route > .provider-logo-small {
  grid-column: 3;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid var(--line-strong);
  background: var(--paper);
  mix-blend-mode: multiply;
  object-fit: contain;
}
.atlas-route > b { grid-column: 4; }
.agents-field .agent-grid img {
  padding: 7px;
  border: 1px solid var(--line);
  background: var(--paper);
  mix-blend-mode: multiply;
}
@media (max-width: 900px) {
  .atlas-active { min-height: 430px; }
  .atlas-route { min-height: 148px; grid-template-columns: minmax(0, 1fr) 42px; }
  .atlas-route > strong, .atlas-route > small { grid-column: 1; }
  .atlas-route > .provider-logo-small { grid-column: 2; grid-row: 1 / span 2; }
  .atlas-route > b { display: none; }
}
@media (max-width: 620px) {
  .api-page section[id] { scroll-margin-top: 84px; }
  .atlas-active { min-height: auto; padding: 22px; }
  .atlas-active > .provider-logo-featured { width: 94px; height: 94px; padding: 16px; }
  .atlas-active-facts { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
  .atlas-route { min-height: 116px; padding: 20px; }
  .atlas-route > small { display: block; }
  .atlas-route > .provider-logo-small { width: 38px; height: 38px; padding: 8px; }
}

/* Keep mixed source artwork inside one consistent monochrome logo system. */
.provider-logo,
.agents-field .agent-grid img {
  border-radius: 2px;
  background: #fff;
  filter: grayscale(1) contrast(1.08);
  mix-blend-mode: normal;
}

/* The process reads as prose, without decorative index columns. */
.flow-steps article {
  display: block;
}

@media (max-width: 620px) {
  .flow-steps article {
    display: block;
  }
}