/* Solid reading surfaces keep contrast against the continuous cloud backdrop. */
:is(#capacity, #proof, #expertise, #security, #migration, .partnership-close) {
  --content-ink: #2b2926;
  --content-body: #4b4945;
  --content-line: #2b292620;
  color: var(--content-ink);
}
:is(#capacity, #proof, #expertise, #security, #migration, .partnership-close) h2 {
  font-size: clamp(36px, 4vw, 48px);
  font-weight: 500;
}
:is(#capacity, #proof, #expertise, #security, #migration, .partnership-close) h2 span {
  color: inherit;
  text-decoration: none;
}
:is(#capacity, #proof, #expertise, #security, #migration, .partnership-close) :focus-visible {
  outline-color: #007db8;
}

#capacity { background: transparent; }
#capacity :is(.throughput, .scope-explorer) { border-color: var(--content-line); }
#capacity .throughput strong { color: #2b2926; }
#capacity .capacity-number,
#proof .case-facts strong {
  color: #e76b00;
  background: linear-gradient(135deg, #ff9d06, #ff6a00);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#capacity .delivery-stage {
  color: #2b2926;
  border-color: #c7a278;
  background: linear-gradient(135deg, #f2d8b7, #eed1aa 48%, #e8bf8b) !important;
  box-shadow: inset 0 1px 0 #fff2, 0 12px 28px #49351f29 !important;
}
#capacity .delivery-stage-head { font-size: 19px; }
#capacity .visual-label { color: #5d4935 !important; font-size: 12px !important; }
#capacity .lane-labels { color: #5d4935; font-size: 13px; }
#capacity .delivery-stage-foot { color: #5d4935; font-size: 14px; }
#capacity .delivery-stage-foot { border-color: #9c805d66; }
#capacity .delivery-stage-foot strong { color: #2b2926; font-size: 17px; }
#capacity #scope-panel { min-width: 0; padding: 24px; border: 1px solid #c7a278; border-radius: 20px; background: #eed1aa; box-shadow: inset 0 1px 0 #fff2, 0 8px 20px #49351f14; }
#capacity #scope-panel h3 { color: #2b2926; }
#capacity #scope-panel p { color: #514538; font-size: 18px; }
#capacity .scope-tabs button { font-size: 15px; }
#capacity .delivery-lanes > div::before { background: linear-gradient(90deg, #9c805d80, #9c805db3, #ff7a0080); }
#capacity .delivery-lanes b { background: #f8e5c9; border-color: #987c5b; }
#capacity .delivery-lanes b:last-child { background: #ff7a00; border-color: #e76b00; }
#capacity .delivery-lanes i { background: #ff7a00; filter: drop-shadow(0 0 5px #ff7a0066); }
#capacity .delivery-lanes > div:nth-child(even) i { background: #f0a844; }

/* Selection is the same blue pill used for actions, with neutral idle controls. */
#capacity .scope-tabs button,
#migration .feature-tabs button {
  color: #4b4945;
  border-radius: 28px;
  background: #f6f5f1;
  box-shadow: inset 0 0 0 1px #e5e2dc;
}
#capacity .scope-tabs button:hover,
#migration .feature-tabs button:hover {
  color: #006da3;
  background: #fff;
  box-shadow: inset 0 0 0 1px #9bcde3;
}
#capacity .scope-tabs button[aria-selected="true"],
#migration .feature-tabs button[aria-selected="true"] {
  color: #fff;
  background: #007db8;
  box-shadow: inset 0 1px 0 #ffffff40, 0 3px 8px #007db812;
}
#capacity .scope-tabs button[aria-selected="true"]:hover,
#migration .feature-tabs button[aria-selected="true"]:hover {
  color: #fff;
  background: #006da3;
}
#capacity .scope-tabs button:not([aria-selected="true"]) { color: #514538; background: #e5c6a1; box-shadow: inset 0 0 0 1px #c7a278; }
#capacity .scope-tabs button:not([aria-selected="true"]):hover { color: #2b2926; background: #f2d8b7; box-shadow: inset 0 0 0 1px #aa8358; }

#proof { background: transparent; }
#proof .case-atmosphere { background: none; }
#proof .case-atmosphere::after { content: none; }
#proof .case-intro > img { filter: none; width: min(340px, 100%); }
#proof .case-route { font-size: 19px; }
#proof .case-facts sup { color: inherit; }
#proof :is(.case-intro > p, .case-facts > div > span, .case-bottom > p, .comparison p) { color: #4b4945; }
#proof .case-facts > div + div,
#proof .case-bottom { border-color: #2b292620; }
#proof :is(.case-route, .comparison summary) { color: #2b2926; }
#proof .case-route i { background: #cec8bf; }
#proof .case-route i::after { background: #ff7a00; }
#proof .comparison summary:hover { color: #007db8; }

#expertise { background: transparent; }
#expertise .ownership-note { border-color: var(--content-line); }
#expertise .expertise-details { display: grid; gap: 14px; }
#expertise .expertise-details details {
  border: 1px solid #6a9fc0;
  border-radius: 18px;
  background: linear-gradient(135deg, #205987, #123e68 55%, #103452);
  box-shadow: inset 0 1px 0 #ffffff12, 0 8px 22px #0c284529;
}
#expertise .expertise-details summary { color: #fff1db; padding: 23px 70px 23px 24px; }
#expertise .expertise-details summary::after {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  right: 22px;
  top: 22px;
  border: 1px solid #6a9fc0;
  border-radius: 50%;
  color: #ffc48a;
  background: #2b6491;
  line-height: 1;
}
#expertise .expertise-details summary:hover { color: #ffd1a0; }
#expertise .expertise-details details[open] { border-color: #ffad5d; background: linear-gradient(135deg, #1b507c, #123e68 55%, #103452); }
#expertise .expertise-details details[open] summary::after { color: #103452; background: #ff7a00; border-color: #ffad5d; }
#expertise .expertise-details details:has(summary:focus-visible) { outline: 3px solid #ffad5d; outline-offset: 4px; }
#expertise .expertise-details details:has(summary:focus-visible) summary { outline: none; }
#expertise .expertise-details p { color: #e4ded4; font-size: 18px; line-height: 1.65; margin: 0; padding: 0 24px 24px; }

#security { background: transparent; }
#security .security-scope { color: #625e58; border-color: var(--content-line); }
#security .security-demo {
  color: #2b2926;
  border: 10px solid #ff7a00;
  background: #fff !important;
  box-shadow: 0 10px 20px #2b292618 !important;
}
#security :is(.security-demo-top, .protection-result) { border-color: #e5e2dc; }
#security :is(.security-demo-top > span:last-child, .security-message > span, .protection-result p, .security-demo .sample-note) { color: #625e58; }
#security .security-message p { color: #2b2926; }
#security .sensitive { color: #365d45; background: #e5efe6; }
#security .security-demo[data-state="exposed"] .sensitive { color: #8a480b; background: #fff0db; }
#security .security-demo[data-state="redacting"] .sensitive { color: #625e58; background: #e9e7e2; }
#security .signal-dot { background: #528363; box-shadow: 0 0 0 5px #52836315; }
#security .security-demo[data-state="exposed"] .signal-dot { background: #df780f; box-shadow: 0 0 0 5px #df780f15; }
#security .security-demo[data-state="redacting"] .signal-dot { background: #8d8980; box-shadow: 0 0 0 5px #8d898015; }

#migration { background: transparent; }
#migration .mp-workspace {
  --mp-ink: #2b2926;
  --mp-navy: #2b2926;
  --mp-blue: #007db8;
  --mp-orange: #ff7a00;
  color: #2b2926;
  background: #fff;
  border-color: #e6e2dc;
  border-radius: 24px;
  box-shadow: inset 0 1px 0 #fff, 0 12px 32px #2b292610;
}
#migration .mp-header {
  color: #2b2926;
  background: #f6f5f1;
  border-color: #e6e2dc;
}
#migration .mp-mark { border-color: #fff; background: #fff; box-shadow: 0 2px 8px #2b292608; }
#migration .mp-mark svg { stroke: #625e58; }
#migration .mp-mark svg rect:last-child { stroke: #e76b00; fill: #ff7a0012; }
#migration .mp-proposal { color: #625e58; }
#migration .mp-title { color: #2b2926; }
#migration .mp-project { color: #625e58; }
#migration .mp-project span { color: #4b4945; }
#migration .mp-tabs { gap: 8px; background: #fff; border-color: #e6e2dc; }
#migration .mp-tab {
  color: #4b4945;
  border-radius: 28px;
  background: #f6f5f1;
  border-color: #e6e2dc;
  box-shadow: none;
}
#migration .mp-tab:hover { color: #006da3; background: #fff; border-color: #9bcde3; }
#migration .mp-tab[aria-selected="true"] {
  color: #fff;
  background: #007db8;
  border-color: #007db8;
  box-shadow: inset 0 1px 0 #ffffff40, 0 3px 8px #007db812;
}
#migration .mp-tab[aria-selected="true"]:hover { color: #fff; background: #006da3; border-color: #006da3; }
#migration .mp-workspace :is(.mp-tab, .mp-panel):focus-visible { outline-color: #007db8; }
#migration :is(.mp-panel-intro p, .mp-table thead th, .mp-table tbody td, .mp-panel-note, .mp-checklist p, .mp-footer p) { color: #625e58; }
#migration .mp-table :is(th, td),
#migration .mp-checklist li { border-color: #e6e2dc; }
#migration .mp-status { color: #625e58; background: #f1efeb; border-color: #e1ddd6; }
#migration .mp-status-blue { color: #365d45; background: #e5efe6; border-color: #d0e2d4; }
#migration .mp-status-orange { color: #8a480b; background: #fff0db; border-color: #f3d9b7; }
#migration .mp-check-symbol { background: #fff; border-color: #b8b2a8; }
#migration .mp-check-symbol svg { stroke: #487553; }
#migration .mp-check-pass { background: #e5efe6; border-color: #bcd4c2; }
#migration .mp-check-review { color: #8a480b; background: #fff0db; border-color: #edcc9f; }
#migration .mp-footer { background: #f6f5f1; border-color: #e6e2dc; }
#migration .mp-footer-dot { background: #ff7a00; }
#migration .feature-disclosure {
  background: #faf9f7;
  border-color: #e6e2dc;
  box-shadow: inset 0 1px 0 #fff;
}
#migration .feature-disclosure > summary { color: #2b2926; }
#migration .feature-disclosure > summary:hover { color: #007db8; }
#migration :is(.feature-disclosure > summary > span, .feature-panel details p, .migration-scope) { color: #625e58; }
#migration :is(.explorer, .feature-panel details) { border-color: #e6e2dc; }
#migration .feature-panel summary:hover { color: #007db8; }

.partnership-close { background: transparent; }
.partnership-close .aurora-scene {
  --aurora-colors: repeating-linear-gradient(100deg, #2b6491 10%, #205987 15%, #123e68 20%, #103452 25%, #326e9a 30%);
  --aurora-shadow: repeating-linear-gradient(100deg, #fff0 0%, #fff0 7%, #ffffff10 10%, #ffffff10 12%, #fff0 16%);
  inset: 24px clamp(16px, 3vw, 48px);
  border: 1px solid #6a9fc0;
  border-radius: 28px;
  background: linear-gradient(140deg, #205987f5, #123e68f5 55%, #103452f5);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 #ffffff12, 0 18px 40px #0c28452e;
  opacity: 1;
}
.partnership-close .aurora-scene::before { opacity: .14; }
.partnership-close .aurora-scene::after { background: linear-gradient(180deg, #d5edff08, #1034520d); }
.partnership-close .aurora-band { background: linear-gradient(90deg, transparent, #ffc48a12, #ff7a0008, transparent); }
.partnership-close .aurora-band:nth-child(2) { background: linear-gradient(90deg, transparent, #a9c9df12, #a9c9df05, transparent); }
.partnership-close .close-inner h2 { color: #fff1db; }
.partnership-close .close-brands .winspeed-wordmark { background: #fff1db; }
.partnership-close .close-brands > img { background: #eed1aa; border-radius: 2px; box-shadow: 0 0 0 10px #eed1aa; }
.partnership-close .close-inner > p,
.partnership-close .next-steps p { color: #e4ded4; }
.partnership-close .next-steps {
  border-color: #fff;
  background: #ffffffc9;
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px #2b29260b;
}
.partnership-close .next-steps strong { color: #2b2926; }
.partnership-close .close-inner > p.close-note { color: #625e58; }

@media (max-width: 760px) {
  #capacity .scope-tabs button { font-size: 14px; }
  #security .security-demo { border-width: 7px; }
  .partnership-close .aurora-scene { inset: 16px 10px; border-radius: 22px; }
}
@media (max-width: 620px) {
  #proof .case-intro > img { width: min(280px, 100%); }
  #proof .case-route { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; font-size: 17px; }
  #proof .case-route span { white-space: normal; }
  #proof .case-route i { display: none; }
  #expertise .expertise-details summary { padding: 21px 62px 21px 20px; font-size: 19px; }
  #expertise .expertise-details summary::after { right: 18px; top: 19px; }
  #expertise .expertise-details p { padding: 0 20px 22px; }
}
@media (max-width: 400px) {
  #capacity .delivery-stage-head { flex-direction: column; align-items: flex-start; gap: 6px; }
  #security .security-demo { padding: 22px 16px; }
  #migration .mp-tabs { gap: 5px; }
}
@media (forced-colors: active) {
  #capacity .capacity-number,
  #proof .case-facts strong {
    background: none;
    -webkit-text-fill-color: CanvasText;
    color: CanvasText;
  }
}