/* Domains Overview v1, translated from the approved design artifact. */
.cos-overview { color: var(--body); }
.cos-overview *, .cos-overview *::before, .cos-overview *::after { box-sizing: border-box; }
.cos-overview [id] { scroll-margin-top: 64px; }
.cos-overview__section { max-width: 1440px; margin: 0 auto; padding: calc(76px * var(--sy)) var(--gut) calc(72px * var(--sy)); }
.cos-overview__hero-surface { background: radial-gradient(120% 90% at 0% 0%,#FFFDF9 0%,#FBF9F5 40%,#F1EEE7 100%); }
.cos-overview__hero { position: relative; padding-top: calc(72px * var(--sy)); padding-bottom: calc(88px * var(--sy)); }
.cos-overview__hero-grid { display: block; max-width: 840px; }
.cos-overview__split, .cos-overview__register-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 72px; align-items: center; }
.cos-overview__split { grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 80px; align-items: start; }
.cos-overview__split--center { align-items: center; }
.cos-overview__register-layout { grid-template-columns: minmax(0,4fr) minmax(0,8fr); gap: 80px; align-items: start; }
.cos-overview__hero-grid > *, .cos-overview__split > *, .cos-overview__register-layout > * { min-width: 0; }
.cos-overview h1, .cos-overview h2, .cos-overview h3 { color: var(--ink); font-family: Archivo,sans-serif; font-weight: 600; margin: 0; text-wrap: balance; }
.cos-overview h1 { font-size: clamp(38px,3.8vw,54px); line-height: .98; letter-spacing: -.034em; max-width: 22ch; }
.cos-overview h2 { font-size: 36px; line-height: 1.06; letter-spacing: -.028em; max-width: 18ch; }
.cos-overview__breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; font: 12px/1.55 'IBM Plex Mono',monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-light); }
.cos-overview__breadcrumb a { color: var(--muted); }
.cos-overview__breadcrumb a:hover { color: var(--teal); }
.cos-overview__breadcrumb [aria-current] { color: var(--ink); }
.cos-overview__lead { font-size: 19px; line-height: 1.5; font-weight: 300; max-width: 64ch; margin: 0; text-wrap: pretty; }
.cos-overview__actions { display: flex; flex-wrap: wrap; gap: 18px 26px; align-items: center; margin-top: 32px; }
.cos-overview__actions > .inline-link { font-size: 15.5px; font-weight: 500; }
.cos-overview__panel { border: 1px solid var(--ink); background: var(--warm-white); box-shadow: 0 1px 0 #17161A; border-radius: 6px; overflow: hidden; }
.cos-overview__chrome { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--ink); color: var(--warm-white); padding: 10px 16px; font: 12px/1.55 'IBM Plex Mono',monospace; letter-spacing: .12em; text-transform: uppercase; }
.cos-overview__chrome > span:last-child { font-size: 11px; color: #B4B1AB; }
.cos-overview__label, .cos-overview__source-label { font: 11px/1.55 'IBM Plex Mono',monospace; letter-spacing: .12em; color: var(--muted); text-transform: uppercase; }
.cos-overview__sticky { position: sticky; top: 104px; }
.cos-overview__short-rule { width: 48px; height: 2px; background: var(--ink); margin-bottom: 26px; }
.cos-overview__intro { font-size: 16.5px; line-height: 1.6; max-width: 44ch; margin: 22px 0 0; text-wrap: pretty; }
.cos-overview__groups { display: grid; gap: 56px; }
.cos-overview__group-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
.cos-overview__group-heading h3 { font-size: 22px; letter-spacing: -.018em; }
.cos-overview__group-heading .cos-overview__label { font-size: 11.5px; text-align: right; }
.cos-overview__row { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.8fr) 20px; gap: 28px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--border); color: var(--ink); }
.cos-overview__row:hover { color: var(--teal); border-bottom-color: var(--teal); }
.cos-overview__row-title { font: 600 20px/1.2 Archivo,sans-serif; letter-spacing: -.016em; }
.cos-overview__row-blurb { font-size: 15.5px; line-height: 1.55; color: var(--body); text-wrap: pretty; }
.cos-overview__across { background: var(--paper); border-block: 1px solid var(--border); }
.cos-overview__across .cos-overview__section { padding-block: calc(72px * var(--sy)); }
.cos-overview__eyebrow { font-size: 12px; margin-bottom: 18px; }
.cos-overview__legend { display: grid; gap: 10px; margin: 30px 0 0; padding: 18px 0 0; border-top: 1px solid var(--border-strong); max-width: 44ch; list-style: none; }
.cos-overview__legend li, .cos-overview__sources li { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 12px; align-items: start; font-size: 15.5px; line-height: 1.5; }
.cos-overview__legend svg, .cos-overview__sources svg { margin-top: 3px; }
.cos-overview__system { color: var(--teal); }
.cos-overview__person { color: var(--amber); }
.cos-overview__answer-body { padding: 22px 24px 24px; }
.cos-overview .cos-overview__question { font-size: 23px; line-height: 1.15; letter-spacing: -.022em; margin-top: 8px; }
.cos-overview__answer-rule { height: 2px; background: var(--ink); margin-top: 14px; }
.cos-overview__answer-label { margin-top: 20px; }
.cos-overview__answer { font-size: 17px; line-height: 1.5; color: var(--ink); margin: 6px 0 0; text-wrap: pretty; }
.cos-overview__based-on { color: var(--teal); margin: 22px 0 6px; }
.cos-overview__sources { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--border); }
.cos-overview__sources li { padding: 10px 0; border-top: 1px solid var(--border); }
.cos-overview__source-label { letter-spacing: .08em; }
.cos-overview__source-label--person { color: var(--amber-text); }
.cos-overview__sources p { font-size: 15.5px; line-height: 1.5; color: var(--ink); margin: 3px 0 0; }
.cos-overview__approval { font-size: 13.5px; line-height: 1.5; color: var(--muted); margin: 14px 0 0; }
.cos-overview__build { border-top: 2px solid var(--ink); padding-top: 34px; }
.cos-overview__build > .cos-overview__split { align-items: end; }
.cos-overview__build > .cos-overview__split > p { margin: 0; max-width: 52ch; }
.cos-overview__stages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px; margin-top: 48px; }
.cos-overview__stages > div { border-top: 1px solid var(--border-strong); padding-top: 16px; }
.cos-overview__stages .cos-overview__label { font-size: 12px; }
.cos-overview__stages h3 { font-size: 20px; letter-spacing: -.016em; margin-top: 10px; }
.cos-overview__stages p { font-size: 15px; line-height: 1.55; margin: 8px 0 0; text-wrap: pretty; }
.cos-overview__discovery { background: radial-gradient(90% 75% at 85% 0%,#2E2C33 0%,#17161A 65%); color: var(--warm-white); }
.cos-overview__discovery > .cos-overview__section { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 80px; align-items: start; padding-top: calc(88px * var(--sy)); padding-bottom: calc(84px * var(--sy)); }
.cos-overview__discovery h2 { font-size: 52px; line-height: 1.03; letter-spacing: -.032em; color: inherit; max-width: 16ch; }
.cos-overview__discovery p { font-size: 17.5px; line-height: 1.6; color: #D9D6D0; max-width: 50ch; margin: 26px 0 0; text-wrap: pretty; }
.cos-overview__discovery .cos-overview__actions { margin-top: 34px; }
.cos-overview__email { color: var(--warm-white); border-bottom: 1px solid rgba(251,249,245,.4); font-size: 15.5px; font-weight: 500; padding-bottom: 2px; }
.cos-overview__email:hover { color: var(--warm-white); border-color: var(--teal); }
.cos-overview__discovery .cos-overview__label { font-size: 12px; color: #B4B1AB; margin-bottom: 14px; }
@media (max-width:1024px) {
 .cos-overview__split, .cos-overview__register-layout { grid-template-columns: minmax(0,1fr); gap: 44px; }
 .cos-overview__sticky { position: static; }
}
@media (max-width:900px) {
 .cos-overview__discovery > .cos-overview__section { grid-template-columns: minmax(0,1fr); gap: 40px; }
 .cos-overview__stages { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 32px; }
 .cos-overview__row { grid-template-columns: minmax(0,1fr) 20px; gap: 6px 20px; }
 .cos-overview__row-blurb { grid-column: 1; grid-row: 2; }
 .cos-overview__row > svg { grid-column: 2; grid-row: 1; }
 .cos-overview h1 { font-size: clamp(38px,8.4vw,52px); }
 .cos-overview h2 { font-size: clamp(28px,4.4vw,34px); }
 .cos-overview__discovery h2 { font-size: clamp(30px,4.8vw,40px); }
 .cos-overview__lead { font-size: clamp(17px,2.2vw,19px); }
}
@media (max-width:640px) {
 .cos-overview__answer-body { padding: 18px 16px 20px; }
 .cos-overview__actions { flex-direction: column; align-items: flex-start; gap: 16px; }
 .cos-overview__chrome { flex-wrap: wrap; }
 .cos-overview__group-heading { flex-wrap: wrap; gap: 8px; }
}
@media (prefers-reduced-motion:reduce) {
 html:has(.cos-overview) { scroll-behavior: auto !important; }
 .cos-overview .amber-rule--hero { animation: none !important; transform: none !important; }
 .cos-overview *, .cos-overview *::before, .cos-overview *::after { transition: none !important; }
}

.cos-overview__source-label { font: 500 15px/1.45 'Public Sans',sans-serif; letter-spacing: 0; text-transform: none; }
.cos-overview__sources p { font-size: 15.5px; line-height: 1.5; }
.cos-overview__approval { font-size: 15px; line-height: 1.5; }
.cos-overview__delivery { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 24px; }
.cos-overview__delivery h3 { font-size: 22px; }
.cos-overview__delivery p { max-width: 75ch; font-size: 16.5px; line-height: 1.6; margin: 16px 0 0; }
.cos-overview__discovery > .cos-overview__section { display: block; }
.cos-overview__discovery > .cos-overview__section > div { max-width: 800px; }
@media(max-width:900px) { .cos-overview__stages { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .cos-overview__stages { grid-template-columns: minmax(0,1fr); } }

.cos-overview__actions > .inline-link, .cos-overview__email { display: inline-flex; align-items: center; min-height: 44px; }