/* Purposeful motion: selection, reading position and delivery progression. */
.bx-page-guide { border-bottom: 1px solid var(--bx-line); background: #fff; }
.bx-page-guide .bx-shell { display:flex; align-items:center; gap:24px; overflow-x:auto; padding-block:20px; }
.bx-page-guide span { font-size:11px; text-transform:uppercase; letter-spacing:.09em; color:var(--bx-slate); }
.bx-page-guide a { flex-shrink:0; padding:7px 0; border-bottom:2px solid transparent; font-size:13px; font-weight:700; }
.bx-page-guide a:hover, .bx-page-guide a[aria-current] { color:var(--bx-blue); border-color:var(--bx-blue); }
.bx-scope-workspace { background:#f3f6fd; }
.bx-scope-workspace-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:34px; align-items:start; }
.bx-scope-workspace fieldset { display:grid; gap:12px; margin:0; padding:0; border:0; min-width:0; }
.bx-scope-option { display:flex; gap:15px; align-items:flex-start; padding:21px; background:#fff; border:1px solid #d5dff1; border-radius:13px; cursor:pointer; transition:border-color .18s,background .18s; }
.bx-scope-option:hover { border-color:var(--bx-blue); }
.bx-scope-option:has(input:checked) { border-color:var(--bx-blue); background:#eaf0ff; }
.bx-scope-option input { width:20px; height:20px; flex-shrink:0; margin:2px 0 0; accent-color:var(--bx-blue); cursor:pointer; }
.bx-scope-option strong { display:block; font-size:16px; }
.bx-scope-option span span { display:block; margin-top:7px; color:var(--bx-slate); line-height:1.65; font-size:14px; }
.bx-scope-note { position:sticky; top:110px; padding:30px; border-radius:20px; color:#fff; background:#101c40; }
.bx-scope-note > img { display:block; width:30px; height:46px; object-fit:contain; margin-bottom:24px; }
.bx-scope-note h3 { font-family:var(--bx-display); font-size:28px; line-height:1.12; margin:12px 0 20px; }
.bx-scope-note [role=status] { font-size:14px; color:#c5d2ee; line-height:1.6; }
.bx-scope-note ul { padding-left:20px; font-size:14px; line-height:1.8; }
.bx-scope-note li { animation:bx-note-enter .22s ease-out both; }
.bx-scope-note button { margin-top:15px; width:100%; }
.bx-scope-note button:disabled { opacity:.55; cursor:default; }
.bx-scope-note .bx-scope-hint { font-size:12px; line-height:1.65; color:#bac6e2; margin:18px 0 0; }
.bx-delivery-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; }
.bx-delivery-layout .bx-section-intro p:last-child { color:#c0cdec; line-height:1.7; }
.bx-delivery-step { border-bottom:1px solid #344268; }
.bx-delivery-step summary { display:flex; align-items:center; gap:18px; padding:24px 0; cursor:pointer; list-style:none; }
.bx-delivery-step summary::-webkit-details-marker { display:none; }
.bx-delivery-step summary > span { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border:1px solid #6075ac; border-radius:50%; font-size:13px; color:#c7d4f4; transition:background .2s; }
.bx-delivery-step h3 { margin:0; color:white; font-size:20px; }
.bx-delivery-step .bx-icon { margin-left:auto; flex-shrink:0; color:#c7d4f4; transition:transform .2s; }
.bx-delivery-step[open] summary > span { background:var(--bx-blue); border-color:var(--bx-blue); color:#fff; }
.bx-delivery-step[open] .bx-icon { transform:rotate(45deg); }
.bx-delivery-step > div { padding:0 20px 24px 60px; color:#ccd7ef; font-size:15px; line-height:1.8; animation:bx-note-enter .24s ease-out; }
.bx-delivery-step p { margin:0; }
.bx-motion-paused *, .bx-motion-paused::before, .bx-motion-paused::after { animation-play-state:paused !important; }
.bx-marquee:focus-within .bx-marquee-track { animation-play-state:paused; }
.bx-dynamic-section a:not(.bx-button) { color:var(--bx-blue); text-decoration:underline; text-underline-offset:3px; }
.bx-service-intro-copy, .bx-service-overview { max-width:70ch; }
@keyframes bx-note-enter { from { opacity:.4; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:900px) { .bx-scope-workspace-grid,.bx-delivery-layout { grid-template-columns:1fr; gap:25px; } .bx-scope-note { position:static; } .bx-page-guide span { display:none; } }
@media(max-width:520px) { .bx-scope-option { padding:17px; } .bx-scope-note { padding:24px; } .bx-delivery-step h3 { font-size:17px; } .bx-delivery-step > div { padding-left:0; } .bx-page-guide .bx-shell { gap:20px; } }
@media(prefers-reduced-motion:reduce) { .bx-scope-note li,.bx-delivery-step > div { animation:none; } .bx-delivery-step .bx-icon { transition:none; } }