body[data-page="solutions"] .scenario-studio-section { padding-top:52px; padding-bottom:52px; }
body[data-page="solutions"] .scenario-studio { position:relative; scroll-margin-top:86px; }
.ss-route-anchor { position:absolute; top:0; left:0; scroll-margin-top:86px; }
.solution-details { background:linear-gradient(#fff,#f8fbff 60%,#fff); color:var(--scenario-body); padding:18px 24px 60px; }
.sd-container { max-width:1232px; margin:auto; }
.solution-details [hidden] { display:none!important; }
.sd-article + .sd-article { margin-top:80px; }
.sd-article[hidden] + .sd-article { margin-top:0; }
.sd-heading { display:flex; justify-content:space-between; gap:32px; align-items:center; padding:25px 0 28px; }
.sd-eyebrow { display:block; font:12px/1.8 ui-monospace,monospace; color:var(--scenario-muted); letter-spacing:1.7px; }
.sd-heading h2 { font-size:30px; color:var(--scenario-ink); font-weight:600; line-height:1.5; margin:13px 0 14px; }
.sd-heading p { font-size:14px; line-height:1.9; color:var(--scenario-body); max-width:790px; }
.sd-heading > a { white-space:nowrap; font-size:12px; color:var(--scenario-blue); display:flex; gap:12px; align-items:center; }
.sd-heading > a span { font-size:21px; }
.sd-scope { border-top:1px solid #dfebf7; border-bottom:1px solid #dfebf7; padding:24px 0; }
.sd-scope > div { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sd-scope > div > span { margin-right:8px; color:var(--scenario-muted); font-size:12px; }
.sd-scope b { padding:7px 11px; border:1px solid #d9e7fa; background:#f4f9ff; border-radius:5px; font-size:12px; font-weight:400; color:var(--scenario-body); }
.sd-scope > p { display:flex; align-items:baseline; gap:21px; font-size:12px; line-height:1.9; color:var(--scenario-body); margin-top:19px; max-width:1070px; }
.sd-scope strong { font-size:12px; font-weight:400; color:var(--scenario-muted); flex-shrink:0; }
.sd-implementation,.sd-delivery,.sd-acceptance,.sd-decisions { padding-top:66px; scroll-margin-top:96px; }
.sd-section-heading { margin-bottom:28px; }
.sd-section-heading > span { color:var(--scenario-muted); font:12px/1.8 ui-monospace,monospace; letter-spacing:1.7px; }
.sd-section-heading h3 { color:var(--scenario-ink); font-size:25px; font-weight:500; margin:10px 0; line-height:1.5; }
.sd-section-heading p { color:var(--scenario-body); font-size:13px; line-height:1.9; }
.sd-path { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sd-path button { display:flex; flex-direction:column; text-align:left; padding:16px 20px; border-radius:10px; border:1px solid #dae7f6; color:var(--scenario-body); background:#f7fbff; min-width:0; transition:background .3s,border-color .3s,box-shadow .3s; }
.sd-path button > span { display:flex; width:100%; justify-content:space-between; align-items:center; color:var(--scenario-muted); font:12px/1.5 ui-monospace,monospace; }
.sd-path i { font:18px/1 sans-serif; opacity:.5; transition:transform .35s; }
.sd-path strong { color:inherit; font-size:18px; font-weight:500; margin:10px 0 0; }
.sd-path small { color:var(--scenario-muted); font:12px/1.5 ui-monospace,monospace; letter-spacing:1.5px; }
.sd-path button[aria-pressed="true"] { border-color:#7cafef; background:linear-gradient(130deg,#fff,#eaf4ff); color:var(--scenario-blue); box-shadow:0 8px 20px #457db411; }
.sd-path button:hover { border-color:#8bb3e9; background:#fff; }
.sd-path button:hover i { transform:translate(2px,-2px); }
.sd-stage-panels { margin-top:16px; }
.sd-stage-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); border:1px solid #d9e8f8; border-radius:12px; overflow:hidden; background:#fff; }
.sd-stage-panel + .sd-stage-panel { margin-top:20px; }
.sd-stage-panel[hidden] + .sd-stage-panel { margin-top:0; }
.sd-stage-main { padding:24px 28px; align-self:center; }
.sd-stage-main h4 { color:var(--scenario-ink); font-size:22px; font-weight:550; line-height:1.5; margin:0 0 12px; }
.sd-stage-main > p { color:var(--scenario-body); font-size:15px; line-height:1.85; margin:0; }
.sd-stage-boundary { grid-column:1/-1; border-top:1px solid #dfeaf6; margin:0; padding:15px 28px; display:flex; gap:18px; align-items:baseline; background:#f6faff; }
.sd-stage-boundary > span { color:var(--scenario-blue); font-size:14px; font-weight:500; white-space:nowrap; }
.solution-details .sd-stage-boundary p { font-size:14px; line-height:1.8; color:var(--scenario-body); margin:0; }
.sd-io { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:8px; padding:24px; background:radial-gradient(ellipse at 100% 20%,#cfe9ff70,transparent),#f4f9ff; border-left:1px solid #e0ebf8; }
.sd-io > div { height:100%; padding:15px 16px; background:#ffffffde; border:1px solid #d4e6fb; border-radius:8px; }
.sd-io span { font-size:14px; line-height:1.5; font-weight:550; color:#35659b; }
.sd-io p { color:var(--scenario-body); font-size:14px; line-height:1.8; margin:8px 0 0; text-wrap:balance; }
.sd-io > i { font-style:normal; font-size:20px; line-height:1; color:#6b96c8; text-align:center; }
.sd-delivery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #dbe7f5; border-bottom:1px solid #dbe7f5; padding:30px 0; }
.sd-delivery-grid > div { padding:2px 30px; border-right:1px solid #dbe7f5; }
.sd-delivery-grid > div:first-child { padding-left:0; }
.sd-delivery-grid > div:last-child { border:0; padding-right:0; }
.sd-delivery-grid span { color:var(--scenario-muted); font:12px/1.5 ui-monospace,monospace; }
.sd-delivery-grid h4 { color:var(--scenario-ink); font-weight:500; font-size:17px; margin:18px 0 10px; line-height:1.6; }
.sd-delivery-grid p { font-size:12px; color:var(--scenario-body); line-height:2; }
.sd-table-wrap { border:1px solid #dce8f7; border-radius:12px; overflow:hidden; background:#ffffffc9; }
.sd-table-wrap table { border-collapse:collapse; width:100%; table-layout:fixed; text-align:left; font-size:12px; line-height:1.9; }
.sd-table-wrap th,.sd-table-wrap td { padding:21px 25px; border-bottom:1px solid #e4edf8; vertical-align:top; }
.sd-table-wrap thead th { background:#f0f7ff; color:var(--scenario-body); font-weight:400; font-size:12px; }
.sd-table-wrap th:first-child { width:18%; }
.sd-table-wrap th:last-child { width:28%; }
.sd-table-wrap tbody th { font-weight:500; color:var(--scenario-ink); }
.sd-table-wrap td { color:var(--scenario-body); }
.sd-table-wrap tr:last-child th,.sd-table-wrap tr:last-child td { border-bottom:0; }
.sd-questions details { border-top:1px solid #dce8f7; }
.sd-questions details:last-child { border-bottom:1px solid #dce8f7; }
.sd-questions summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px 2px; color:var(--scenario-body); font-size:15px; line-height:1.8; }
.sd-questions summary::-webkit-details-marker { display:none; }
.sd-questions summary span { color:var(--scenario-blue); font-size:21px; transition:transform .42s; }
.sd-questions details[data-expanded=true] summary span { transform:rotate(45deg); }
.sd-questions details[data-expanded=true] summary { color:var(--scenario-blue); }
.sd-questions details > div { padding:0 40px 25px 2px; }
.sd-questions p { font-size:13px; color:var(--scenario-body); line-height:2; max-width:980px; }
.sd-questions .cs-accordion-animating { overflow:hidden; }
.sd-end { margin-top:64px; padding:35px 40px; background:linear-gradient(120deg,#eef6ff,#e1f0ff85); border:1px solid #cfe3fa; border-radius:15px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.sd-end h3 { font-size:23px; color:var(--scenario-ink); font-weight:500; margin:11px 0; }
.sd-end p { font-size:12px; line-height:1.9; color:var(--scenario-body); }
.sd-end a { padding:14px 20px; color:white; background:var(--scenario-blue); border-radius:6px; font-size:12px; white-space:nowrap; display:flex; gap:25px; align-items:center; transition:background .3s; }
.sd-end a:hover { background:#0057d6; }
.sd-end a span { font-size:19px; }
.sd-reference { text-align:right; margin-top:18px; color:var(--scenario-muted); font-size:12px; line-height:1.9; }
.sd-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.solution-details a:focus-visible,.solution-details button:focus-visible,.solution-details summary:focus-visible { outline:2px solid #438df2; outline-offset:5px; }
@media(max-width:1000px) { .sd-stage-panel { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }.sd-stage-main { padding:22px; }.sd-io { padding:18px; gap:6px; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); }.sd-io > div { padding:13px 12px; }.sd-stage-boundary { padding-inline:22px; } }
@media(max-width:900px) { .sd-heading h2 { font-size:25px; }.sd-path button { padding:16px; }.sd-table-wrap th,.sd-table-wrap td { padding:18px; } }
@media(max-width:760px) { .sd-stage-panel { grid-template-columns:1fr; }.sd-stage-main { padding:22px; }.sd-io { border-left:0; border-top:1px solid #e0ebf8; padding:18px 22px; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); gap:10px; }.sd-stage-main h4 { font-size:21px; } }
@media(max-width:600px) {
  body[data-page="solutions"] .scenario-studio-section { padding-top:40px; padding-bottom:28px; }
  .solution-details { padding:0 20px 35px; }.sd-heading { display:block; }.sd-heading h2 { font-size:25px; }.sd-heading > a { margin-top:22px; }.sd-heading p { font-size:13px; }.sd-scope > div { gap:8px; }.sd-scope > div > span { flex-basis:100%; margin-bottom:6px; }.sd-scope > p { display:block; }.sd-scope strong { display:block; margin-bottom:8px; }.sd-eyebrow { font-size:12px; letter-spacing:1px; }
  .sd-implementation,.sd-delivery,.sd-acceptance,.sd-decisions { padding-top:42px; }.sd-section-heading h3 { font-size:23px; }.sd-section-heading p { font-size:12px; }.sd-path { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.sd-path button { padding:14px 16px; }.sd-path strong { font-size:16px; margin:8px 0 0; }
  .sd-stage-main { padding:20px; }.sd-stage-main h4 { font-size:20px; margin-bottom:10px; }.sd-stage-boundary { display:block; padding:14px 20px; }.solution-details .sd-stage-boundary p { margin-top:5px; }.sd-io { padding:16px 20px; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); gap:6px; }.sd-io > div { padding:12px; }
  .sd-delivery-grid { grid-template-columns:1fr; padding:0; }.sd-delivery-grid > div,.sd-delivery-grid > div:first-child,.sd-delivery-grid > div:last-child { padding:24px 0; border:0; }.sd-delivery-grid > div + div { border-top:1px solid #e2ebf5; }.sd-delivery-grid h4 { margin-top:12px; }.sd-table-wrap th,.sd-table-wrap td { padding:14px 10px; font-size:12px; }.sd-table-wrap th:first-child { width:25%; }.sd-table-wrap th:last-child { width:29%; }.sd-questions summary { font-size:14px; }.sd-questions details > div { padding-right:5px; }.sd-end { display:block; padding:25px; margin-top:42px; }.sd-end h3 { font-size:23px; }.sd-end a { width:fit-content; margin-top:22px; }.sd-reference { text-align:left; font-size:12px; }
}
@media(max-width:380px) { .sd-io { grid-template-columns:1fr; gap:8px; }.sd-io > div { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; }.sd-io p { margin:0; }.sd-io > i { transform:rotate(90deg); font-size:18px; justify-self:center; }.sd-stage-main,.sd-stage-boundary { padding-inline:17px; } }
@media(prefers-reduced-motion:reduce) { .solution-details * { transition:none!important; } body[data-page="solutions"],html:has(body[data-page="solutions"]) { scroll-behavior:auto; } }