/* One menu: five connected workflow services, three independently scoped projects. */
body[data-copy-version] #site-main #main-offers .split-offers{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:32px;align-items:stretch}
body[data-copy-version] #site-main #main-offers .flagship{height:100%;min-height:1020px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:40px;background:#0a0a0a;color:#fff;box-sizing:border-box}
body[data-copy-version] #site-main #main-offers .flagship h3{font-size:clamp(46px,4.4vw,68px);line-height:.98;text-wrap:balance}
body[data-copy-version] #site-main #main-offers .connected-services{position:relative;width:100%}
body[data-copy-version] #site-main #main-offers .workflow-menu-group+.workflow-menu-group{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff28}
body[data-copy-version] #site-main #main-offers .connected-services ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:3px}
body[data-copy-version] #site-main #main-offers .connected-services li{margin:0;padding:0;position:relative;overflow:hidden}
body[data-copy-version] #site-main #main-offers .workflow-step-button{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:48px;padding:9px 12px;text-align:left;border:0;border-left:2px solid #ffffff25;border-radius:0;background:transparent;color:#fff;font:500 15px/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
body[data-copy-version] #site-main #main-offers .workflow-step-button .workflow-index{padding:2px 6px 2px 2px;box-sizing:border-box;font:800 italic 29px/1.15 Barlow,"Arial Narrow",sans-serif;background:linear-gradient(100deg,#00d9cb,#4fa3ff 55%,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body[data-copy-version] #site-main #main-offers .workflow-step-button[aria-pressed=true]{border-color:#39cfff;background:linear-gradient(100deg,#00d9cb1c,#8b5cf61a);color:#fff;font-weight:700}
body[data-copy-version] #site-main #main-offers .workflow-step-button[aria-pressed=true] .workflow-index{filter:drop-shadow(0 0 8px #39cfff70)}
body[data-copy-version] #site-main #main-offers .workflow-step-button::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(100deg,#00d9cb,#4fa3ff 55%,#8b5cf6);transform:scaleX(0);transform-origin:left}
body[data-copy-version] #site-main #main-offers[data-workflow-running=true] .workflow-step-button[aria-pressed=true]::after{animation:workflow-read-progress 3s linear both}
body[data-copy-version] #site-main #main-offers .workflow-step-button:focus-visible{outline:2px solid #39cfff;outline-offset:3px}
body[data-copy-version] #site-main #main-offers .workflow-step-button:hover{background:#ffffff0d}
body[data-copy-version] #site-main #main-offers .workflow-stack{min-width:0;display:grid;gap:28px}
body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-stack{min-height:1020px;gap:0}
body[data-copy-version] #site-main #main-offers .workflow-page{display:grid;grid-template-rows:repeat(4,minmax(245px,1fr));min-width:0;align-content:stretch}
body[data-copy-version] #site-main #main-offers .workflow-page:has(details[open]){grid-template-rows:repeat(4,minmax(245px,auto))}
body[data-copy-version] #site-main #main-offers .workflow-page[hidden]{display:none!important}
body[data-copy-version] #site-main #main-offers .workflow-page.is-entering{animation:workflow-page-enter .42s cubic-bezier(.22,1,.36,1) both}
body[data-copy-version] #site-main #main-offers .workflow-page>.service{min-width:0;min-height:245px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px 18px;align-content:center;border-top:1px solid #bbb;padding:23px 18px 23px 0;position:relative;background:transparent;color:#111;box-sizing:border-box;transition:background .3s,border-color .3s}
body[data-copy-version] #site-main #main-offers .workflow-page>.service:last-child{border-bottom:1px solid #bbb}
body[data-copy-version] #site-main #main-offers .workflow-page>.service.is-current{border-top-color:#00d9cb;background:linear-gradient(110deg,#00d9cb0b,#8b5cf608)}
body[data-copy-version] #site-main #main-offers .workflow-page>.service>.number{grid-column:1;grid-row:1;align-self:start;font:800 italic 39px/1 Barlow,"Arial Narrow",sans-serif;background:linear-gradient(100deg,#00d9cb,#4fa3ff 55%,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:2px 8px 3px 3px;width:100%;box-sizing:border-box;line-height:1.15}
body[data-copy-version] #site-main #main-offers .workflow-page .service-copy{grid-column:2;min-width:0}
body[data-copy-version] #site-main #main-offers .workflow-page .service-copy h3{font:800 italic 33px/1.06 Barlow,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:0;margin:0 0 12px;text-wrap:pretty;padding-right:10px;color:#111}
body[data-copy-version] #site-main #main-offers .workflow-page .service-copy p{font:400 16px/1.65 Inter,Arial,sans-serif;margin:0 0 8px;text-wrap:pretty;max-width:none;color:#111}
body[data-copy-version] #site-main #main-offers .workflow-page .service-copy .workflow-result{font-size:16px;color:#46515a}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions{grid-column:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 22px;min-width:0;margin:0}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions>a{display:inline-flex;align-items:center;gap:15px;font:600 14px/1.5 Inter,Arial,sans-serif;color:#111;text-decoration:none;margin:0;min-height:44px;max-width:100%}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions>a .arrow{color:#39b8ff;font-size:23px}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions details{position:static;min-width:0;margin:0}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions details[open]{width:100%;flex-basis:100%}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions summary,body[data-copy-version] #site-main #main-offers .workflow-page .service-actions details[open] summary{position:static;display:flex;align-items:center;gap:20px;justify-content:space-between;width:auto;min-width:0;max-width:none;min-height:44px;margin:0;font:400 13px/1.5 Inter,Arial,sans-serif;color:#46515a;cursor:pointer}
body[data-copy-version] #site-main #main-offers .workflow-page .service-actions details[open] summary{width:100%}
body[data-copy-version] #site-main #main-offers .workflow-page .scope-content{background:#0a0a0a;padding:18px 20px;border-left:2px solid #39cfff;margin:10px 0 0;min-width:0}
body[data-copy-version] #site-main #main-offers .workflow-page .scope-content p{font:400 15px/1.65 Inter,Arial,sans-serif;color:#39cfff!important;margin:0 0 15px;text-wrap:pretty}
body[data-copy-version] #site-main #main-offers .workflow-page .scope-content p:last-child{margin-bottom:0}
body[data-copy-version] #site-main #main-offers .workflow-page .scope-content strong{font-weight:600;background:linear-gradient(100deg,#00d9cb,#4fa3ff 55%,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
/* Keep row colours stable; only the existing scope inset remains dark. */
body[data-copy-version] #site-main #main-offers .workflow-page>.service::before{display:none!important}
body[data-copy-version] #site-main #main-offers .workflow-page>.service:is(:hover,:focus-within,.is-active){color:#111;background:transparent;border-color:#bbb}
body[data-copy-version] #site-main #main-offers .workflow-page>.service.is-current{border-top-color:#00d9cb;background:linear-gradient(110deg,#00d9cb0b,#8b5cf608)}
body[data-copy-version] #site-main #main-offers .workflow-page .service:is(:hover,:focus-within,.is-active) .service-copy h3,
body[data-copy-version] #site-main #main-offers .workflow-page .service:is(:hover,:focus-within,.is-active) .service-copy p,
body[data-copy-version] #site-main #main-offers .workflow-page .service:is(:hover,:focus-within,.is-active) .service-actions>a{color:#111!important}
body[data-copy-version] #site-main #main-offers .workflow-page .service:is(:hover,:focus-within,.is-active) .service-copy .workflow-result{color:#46515a!important}
body[data-copy-version] #site-main #main-offers .workflow-page .service:is(:hover,:focus-within,.is-active) .service-actions details summary,body[data-copy-version] #site-main #main-offers .workflow-page .service .service-actions details summary{color:#46515a!important}
body[data-copy-version] #site-main #main-offers .workflow-page .service summary span{color:#00a7b5!important}
@keyframes workflow-read-progress{to{transform:scaleX(1)}}
@keyframes workflow-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){body[data-copy-version] #site-main #main-offers .flagship{padding:30px;gap:28px}body[data-copy-version] #site-main #main-offers .workflow-page>.service{column-gap:14px;grid-template-columns:46px minmax(0,1fr)}body[data-copy-version] #site-main #main-offers .workflow-page .service-copy h3{font-size:30px}body[data-copy-version] #site-main #main-offers .workflow-page .service-actions{gap:0 16px}}
@media(max-width:760px){body[data-copy-version] #site-main #main-offers .split-offers{grid-template-columns:1fr;gap:28px}body[data-copy-version] #site-main #main-offers .flagship{min-height:0;height:auto;padding:30px 24px;gap:32px}body[data-copy-version] #site-main #main-offers .flagship h3{font-size:48px}body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-stack{min-height:980px}body[data-copy-version] #site-main #main-offers .workflow-page>.service{padding:24px 6px 24px 0;grid-template-columns:46px minmax(0,1fr);column-gap:13px}body[data-copy-version] #site-main #main-offers .workflow-page .service-copy h3{font-size:31px}body[data-copy-version] #site-main #main-offers .workflow-page .service-copy p{font-size:15px}body[data-copy-version] #site-main #main-offers .workflow-page .service-actions>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){body[data-copy-version] #site-main #main-offers .workflow-page.is-entering,body[data-copy-version] #site-main #main-offers .workflow-step-button::after{animation:none!important}body[data-copy-version] #site-main #main-offers .workflow-page>.service,body[data-copy-version] #site-main #main-offers .workflow-step-button{transition:none}}

@media(max-width:800px){body[data-copy-version] #site-main #main-offers .workflow-page .service-actions{align-items:flex-start}}

/* Rich: the entire offer section heading stays black. */
body[data-copy-version] #site-main #main-offers h2,body[data-copy-version] #site-main #main-offers h2 *{color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;background:none!important}

@media (max-width:760px) {
  body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-stack {
    min-height: 0 !important;
  }
  body[data-copy-version] #site-main #main-offers .workflow-stack[hidden],
  body[data-copy-version] #site-main #main-offers .workflow-page > .service[hidden] {
    display: none !important;
  }
  body[data-copy-version] #site-main #main-offers .workflow-page {
    grid-template-rows: auto;
  }
  body[data-copy-version] #site-main #main-offers .workflow-page:has(details[open]) {
    grid-template-rows: auto;
  }
  body[data-copy-version] #site-main #main-offers .workflow-page > .service {
    scroll-margin-top: 105px;
  }
}

#main-offers .workflow-inline[hidden] {
  display: none;
}

body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-stack[hidden] {
  display: none !important;
}
body[data-copy-version] #site-main #main-offers .flagship {
  min-height: 0;
  height: auto;
  justify-content: flex-start;
  gap: 24px;
}
body[data-copy-version] #site-main #main-offers .connected-services ol {
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #4d7182;
}
body[data-copy-version] #site-main #main-offers .connected-services li {
  overflow: visible;
}
#main-offers .connected-services li::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 21px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #67b7d2;
}
#main-offers .connected-services li:has([aria-pressed="true"])::before {
  background: #00dfd0;
  box-shadow: 0 0 9px #00dfd0;
}
body[data-copy-version] #site-main #main-offers .workflow-step-button {
  grid-template-columns: 34px minmax(0, 1fr) 14px;
  padding: 8px;
  border-left-color: transparent;
  font-size: 14px;
}
#main-offers .workflow-step-button::before {
  content: "+";
  grid-column: 3;
  grid-row: 1;
  color: #4bccfa;
  font-size: 17px;
}
body[data-copy-version] #site-main #main-offers .workflow-step-button[data-animated-selection] {
  border-left-color: #00dfd0;
  background: linear-gradient(100deg, #103031, #21182f);
}
#main-offers .workflow-step-button[data-animated-selection]::before {
  content: "−";
}
#main-offers .workflow-inline {
  padding: 10px 12px 12px;
  background: #141d24;
  border-left: 2px solid #00dfd0;
  color: #ceebf7;
  font-size: 13px;
}
#main-offers .workflow-inline p {
  margin: 0;
  color: inherit;
}

/* Keep the connected list and its disclosure in a single vertical column. */
body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .connected-services li {
  display: block;
  padding: 0;
}
body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-step-button {
  grid-template-columns: 35px minmax(0, 1fr) 16px;
  column-gap: 7px;
  min-height: 44px;
  padding: 6px 8px;
  font-weight: 650;
  text-transform: none;
}
body[data-copy-version] #site-main #main-offers[data-workflow-enhanced=true] .workflow-step-button .workflow-index {
  padding-inline: 2px;
  font-size: 26px;
  white-space: nowrap;
}
#main-offers[data-workflow-enhanced=true] .workflow-step-button > span:last-child {
  min-width: 0;
  text-transform: none;
  overflow-wrap: normal;
}
#main-offers[data-workflow-enhanced=true] .workflow-step-button::before {
  content: "↗";
}
#main-offers[data-workflow-enhanced=true] .workflow-step-button[data-animated-selection] {
  border-bottom: 1px solid #55a2fa;
}
#main-offers[data-workflow-enhanced=true] .workflow-step-button[data-animated-selection]::before {
  content: "−";
}
#main-offers[data-workflow-enhanced=true] .workflow-inline {
  padding: 8px 12px 10px 50px;
  border-left: 0;
  line-height: 1.45;
}

/* The rotating inset highlights the timeline independently of the full cards. */
body[data-copy-version] #site-main #main-offers .connected-services:has([data-animated-selection]) .workflow-step-button[aria-pressed="true"]:not([data-animated-selection]) {
  border-left-color: transparent;
  background: transparent;
}
#main-offers .connected-services:has([data-animated-selection]) li:has([aria-pressed="true"]:not([data-animated-selection]))::before {
  background: #67b7d2;
  box-shadow: none;
}
#main-offers .connected-services li:has([data-animated-selection])::before {
  background: #00dfd0;
  box-shadow: 0 0 9px #00dfd0;
}
@media (prefers-reduced-motion: no-preference) {
  #main-offers .workflow-inline:not([hidden]) {
    animation: workflow-inset-reveal .25s ease-out;
  }
}
@keyframes workflow-inset-reveal {
  from { opacity: .35; }
  to { opacity: 1; }
}