.sab-object-flow,
.sab-object-workspace,
.sab-readiness {
    position: relative;
    padding: 108px 0;
    overflow: hidden;
}

.sab-object-flow *,
.sab-object-workspace *,
.sab-readiness * { box-sizing: border-box; }

.sab-object-flow {
    color: var(--home-text);
    background:
        radial-gradient(circle at 92% 14%, rgba(66, 195, 190, .1), transparent 28%),
        linear-gradient(145deg, #f7f9fd, #fff 56%, #f7f5ff);
}

.sab-object-workspace {
    color: #fff;
    background:
        radial-gradient(circle at 6% 84%, rgba(48, 181, 187, .16), transparent 30%),
        radial-gradient(circle at 94% 10%, rgba(117, 88, 205, .2), transparent 34%),
        linear-gradient(135deg, #111820, #15131e 64%, #1d1730);
}

.sab-readiness {
    color: var(--home-text);
    background:
        radial-gradient(circle at 5% 18%, rgba(94, 113, 231, .09), transparent 27%),
        linear-gradient(145deg, #fff, #f6f8fc 55%, #f7f4ff);
}

.sab-object-flow__head,
.sab-object-workspace__head,
.sab-readiness__head {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .65fr);
    align-items: end;
    gap: clamp(48px, 7vw, 120px);
    margin-bottom: 52px;
}

.sab-object-flow__head h2,
.sab-object-workspace__head h2,
.sab-readiness__head h2 {
    max-width: 920px;
    margin: 0;
    color: inherit;
    font-size: clamp(38px, 3.15vw, 56px);
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -.035em;
}

.sab-object-flow__head h2 span,
.sab-object-workspace__head h2 span,
.sab-readiness__head h2 span {
    color: transparent;
    background: linear-gradient(108deg, #765bd1, #3e9fc5);
    -webkit-background-clip: text;
    background-clip: text;
}

.sab-object-flow__head > p,
.sab-object-workspace__head > p,
.sab-readiness__head > p {
    margin: 0 0 4px;
    color: var(--home-muted);
    font-size: 17px;
    line-height: 1.7;
}

.sab-object-workspace .indev-home-section-label { color: rgba(255, 255, 255, .52); }
.sab-object-workspace__head > p { color: rgba(255, 255, 255, .65); }

.sab-object-flow__layout {
    display: grid;
    grid-template-columns: minmax(360px, .7fr) minmax(0, 1.3fr);
    gap: 22px;
    align-items: stretch;
}

.sab-object-flow__steps {
    --flow-line-height: 0px;
    position: relative;
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sab-object-flow__steps::before,
.sab-object-flow__steps::after {
    position: absolute;
    top: 52px;
    left: 54px;
    width: 2px;
    border-radius: 2px;
    content: "";
}

.sab-object-flow__steps::before {
    bottom: 52px;
    background: #dfe4ed;
}

.sab-object-flow__steps::after {
    z-index: 1;
    height: var(--flow-line-height);
    background: linear-gradient(180deg, #42beb3, #5672dc, #765bd1);
    transition: height .65s cubic-bezier(.2,.8,.2,1);
}

.sab-object-flow__steps li {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 21px 23px;
    min-height: 106px;
    border: 1px solid transparent;
    border-radius: 20px;
    background: transparent;
    box-shadow: none;
    transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

.sab-object-flow__steps li.is-active {
    border-color: rgba(87, 115, 225, .36);
    background: linear-gradient(135deg, #fff, #f1efff);
    box-shadow: 0 20px 45px rgba(71, 71, 135, .11);
    transform: none;
}

.sab-object-flow__steps li > span {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border-radius: 19px;
    color: #6d73de;
    background: #eef2ff;
    font-size: 14px;
    font-weight: 700;
    transition: color .35s ease, background .35s ease, box-shadow .35s ease, transform .35s ease;
}

.sab-object-flow__steps li.is-active > span {
    color: #fff;
    background: linear-gradient(135deg, #765bd1, #39b8b1);
    box-shadow: 0 10px 25px rgba(70, 130, 190, .24);
    transform: scale(1.06);
}

.sab-object-flow__steps h3 { margin: 0; color: #282d37; font-size: 19px; line-height: 1.28; font-weight: 600; letter-spacing: 0; }
.sab-object-flow__steps p { margin: 7px 0 0; color: #6a717d; font-size: 14px; line-height: 1.5; }

.sab-object-builder,
.sab-object-desk,
.sab-readiness-panel {
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(38, 50, 78, .12);
}

.sab-object-ui__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 18px;
    color: #8a929f;
    border-bottom: 1px solid #e7ebf1;
    background: #fafbfe;
    font-size: 11px;
}

.sab-object-ui__bar > div { display: flex; gap: 6px; }
.sab-object-ui__bar > div i { width: 7px; height: 7px; border-radius: 50%; background: #b7bfd0; }
.sab-object-ui__bar > div i:nth-child(1) { background: #7560d2; }
.sab-object-ui__bar > div i:nth-child(2) { background: #4c93cf; }
.sab-object-ui__bar > div i:nth-child(3) { background: #48c6b8; }
.sab-object-ui__bar > span { font-weight: 600; }
.sab-object-ui__bar > em { display: flex; align-items: center; gap: 6px; font-style: normal; }
.sab-object-ui__bar > em i { width: 7px; height: 7px; border-radius: 50%; background: #48c6a9; box-shadow: 0 0 0 4px rgba(72, 198, 169, .1); }
.sab-object-ui__bar.is-dark { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.08); background: #111d30; }

.sab-object-builder__body { display: grid; grid-template-columns: 205px minmax(0, 1fr); min-height: 475px; }
.sab-object-tree { padding: 20px 14px; border-right: 1px solid #e8ecf2; background: #f7f9fc; transition: background .3s ease, box-shadow .3s ease; }
.sab-object-tree__title { display: flex; align-items: center; justify-content: space-between; margin: 0 7px 18px; color: #8a919e; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.sab-object-tree__title button { display: grid; place-items: center; width: 25px; height: 25px; padding: 0; color: #5f6fcf; border: 1px solid #dce2ee; border-radius: 8px; background: #fff; }
.sab-object-tree__node { display: flex; align-items: center; gap: 8px; min-height: 37px; padding: 7px 9px; color: #4d5665; border-radius: 10px; font-size: 11px; }
.sab-object-tree__node i { width: 12px; height: 12px; border: 2px solid #8791a2; border-radius: 4px; }
.sab-object-tree__node small { margin-left: auto; color: #9aa2ae; }
.sab-object-tree__node.is-root { color: #263449; font-weight: 600; }
.sab-object-tree__node.is-child { margin-left: 8px; }
.sab-object-tree__node.is-leaf { margin-left: 25px; }
.sab-object-tree__node.is-leaf i { border-radius: 50%; border: 0; background: #a8b2c1; }
.sab-object-tree__node.is-selected { color: #325da2; background: #e7f0ff; }
.sab-object-tree__node.is-selected i { background: #4f83d1; box-shadow: 0 0 0 4px rgba(79,131,209,.12); }

.sab-object-builder__main { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; padding: 22px; background: linear-gradient(145deg, #fbfcfe, #f4f7fb); }
.sab-object-builder__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 0 19px; border-bottom: 1px solid #e6eaf0; }
.sab-object-builder__top div > * { display: block; }
.sab-object-builder__top small { color: #8b94a1; font-size: 10px; text-transform: uppercase; }
.sab-object-builder__top strong { margin-top: 4px; color: #1f2d43; font-size: 20px; line-height: 1.2; }
.sab-object-builder__top span { margin-top: 4px; color: #56aa92; font-size: 10px; }
.sab-object-builder__top button { padding: 10px 12px; color: #fff; border: 0; border-radius: 10px; background: linear-gradient(135deg, #2a5c9e, #4475ba); font-size: 10px; }
.sab-object-builder__systems { padding: 18px 0; }
.sab-object-builder__section-title { display: flex; justify-content: space-between; margin-bottom: 11px; color: #7c8491; font-size: 10px; }
.sab-object-builder__section-title span { color: #2f3949; font-weight: 700; }
.sab-object-builder__section-title em { font-style: normal; }
.sab-object-system { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 10px 11px; border: 1px solid #e7ebf1; border-radius: 12px; background: #fff; }
.sab-object-system + .sab-object-system { margin-top: 8px; }
.sab-object-system > i { width: 34px; height: 34px; border-radius: 10px; background: #e9f1ff; }
.sab-object-system > i.is-violet { background: #f0eaff; }
.sab-object-system > i.is-cyan { background: #e6f8f5; }
.sab-object-system span > * { display: block; }
.sab-object-system strong { color: #364152; font-size: 11px; line-height: 1.25; }
.sab-object-system small { margin-top: 3px; color: #8d96a3; font-size: 9px; }
.sab-object-system b { padding: 5px 7px; color: #2e9d7d; border-radius: 7px; background: #e8f8f2; font-size: 9px; }
.sab-object-builder__ready { display: grid; grid-template-columns: 62px minmax(0,1fr) 30px; align-items: center; gap: 13px; padding: 13px; border: 1px solid #dfe8ed; border-radius: 15px; background: linear-gradient(135deg, #f2fbf8, #f4f3ff); }
.sab-object-builder__ring { display: grid; place-items: center; align-content: center; width: 62px; height: 62px; border-radius: 50%; background: radial-gradient(circle at center, #fff 59%, transparent 60%), conic-gradient(#43bd91 0 86%, #e1e7ed 86%); }
.sab-object-builder__ring strong { color: #24517c; font-size: 15px; line-height: 1; }
.sab-object-builder__ring span { margin-top: 3px; color: #8993a0; font-size: 7px; }
.sab-object-builder__ready > div:nth-child(2) > * { display: block; }
.sab-object-builder__ready > div:nth-child(2) strong { color: #314052; font-size: 12px; }
.sab-object-builder__ready > div:nth-child(2) span { margin-top: 4px; color: #7e8896; font-size: 9px; }
.sab-object-builder__ready > i { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; border-radius: 50%; background: #44bd94; font-style: normal; }
.sab-object-builder [data-flow-target] {
    transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

.sab-object-builder [data-flow-target].is-highlighted {
    position: relative;
    z-index: 2;
    background-color: rgba(241, 243, 255, .92);
    box-shadow: 0 0 0 6px rgba(88, 111, 222, .12), 0 14px 34px rgba(66, 78, 126, .12);
}

.sab-object-builder .sab-object-tree.is-highlighted {
    box-shadow: inset 0 0 0 2px rgba(88, 111, 222, .27);
}
.sab-object-builder__footer { display: grid; grid-template-columns: auto minmax(120px, 1fr); gap: 15px; align-items: center; min-height: 47px; padding: 0 18px; color: #737d8c; border-top: 1px solid #e5e9ef; font-size: 10px; }
.sab-object-builder__footer > div { height: 4px; overflow: hidden; border-radius: 4px; background: #e2e7ed; }
.sab-object-builder__footer > div i { display: block; width: 25%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #725bd1, #42beb3); transition: width .5s ease; }

@keyframes sabFlowPulse { 50% { box-shadow: inset 0 0 0 2px rgba(89, 113, 222, .24), 0 0 30px rgba(78, 126, 197, .13); } }

.sab-object-workspace__layout { display: grid; grid-template-columns: minmax(320px, .62fr) minmax(0, 1.38fr); gap: 22px; align-items: stretch; }
.sab-object-context { display: grid; gap: 12px; }
.sab-object-context article { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 17px; align-items: start; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.055); transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.sab-object-context article:hover { transform: translateX(6px); border-color: rgba(72,196,183,.28); background: rgba(255,255,255,.075); }
.sab-object-context article > i { display: grid; place-items: center; width: 48px; height: 48px; color: #fff; border-radius: 15px; background: linear-gradient(135deg, #765bd1, #3faeb8); font-size: 11px; font-style: normal; font-weight: 700; }
.sab-object-context h3 { margin: 1px 0 7px; color: #fff; font-size: 18px; line-height: 1.3; letter-spacing: 0; }
.sab-object-context p { margin: 0; color: rgba(255,255,255,.6); font-size: 13px; line-height: 1.55; }
.sab-object-desk { border-color: rgba(255,255,255,.1); background: #f6f8fb; box-shadow: 0 35px 90px rgba(0,0,0,.3); }
.sab-object-desk__hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 27px; color: #fff; background: linear-gradient(115deg, #173c6e, #346bad 65%, #675ac8); }
.sab-object-desk__hero small { color: rgba(255,255,255,.65); font-size: 9px; text-transform: uppercase; }
.sab-object-desk__hero h3 { margin: 5px 0 7px; color: #fff; font-size: 23px; }
.sab-object-desk__hero span { color: rgba(255,255,255,.67); font-size: 10px; }
.sab-object-desk__hero span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #4ad2b5; }
.sab-object-desk__score { display: grid; place-items: center; align-content: center; width: 92px; height: 92px; flex: 0 0 92px; border: 8px solid rgba(255,255,255,.18); border-top-color: #53d3ac; border-right-color: #53d3ac; border-radius: 50%; }
.sab-object-desk__score strong { font-size: 23px; line-height: 1; }
.sab-object-desk__score span { margin-top: 4px; font-size: 7px; text-transform: uppercase; }
.sab-object-desk__stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; padding: 14px; }
.sab-object-desk__stats > div { padding: 13px; border: 1px solid #e4e9f0; border-radius: 12px; background: #fff; }
.sab-object-desk__stats small, .sab-object-desk__stats strong, .sab-object-desk__stats span { display: block; }
.sab-object-desk__stats small { color: #8993a1; font-size: 8px; text-transform: uppercase; }
.sab-object-desk__stats strong { margin-top: 6px; color: #244068; font-size: 18px; }
.sab-object-desk__stats span { margin-top: 4px; font-size: 8px; }
.sab-object-desk__stats .is-good { color: #31a980; }
.sab-object-desk__stats .is-warn { color: #e89735; }
.sab-object-desk__tabs { display: flex; gap: 4px; padding: 0 14px; border-bottom: 1px solid #e2e7ee; }
.sab-object-desk__tabs span { padding: 11px 12px; color: #7b8492; border-bottom: 2px solid transparent; font-size: 9px; }
.sab-object-desk__tabs span.is-active { color: #3b68aa; border-color: #4a7bc0; font-weight: 700; }
.sab-object-desk__table { padding: 8px 14px 3px; }
.sab-object-desk__row { display: grid; grid-template-columns: minmax(0,1fr) 70px 78px; align-items: center; min-height: 53px; color: #566171; border-bottom: 1px solid #e5e9ef; font-size: 9px; }
.sab-object-desk__row.is-head { min-height: 30px; color: #99a1ad; font-size: 8px; text-transform: uppercase; }
.sab-object-desk__row > span:first-child { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; column-gap: 9px; }
.sab-object-desk__row > span:first-child i { grid-row: 1 / 3; width: 28px; height: 28px; border-radius: 8px; background: #e8f0ff; }
.sab-object-desk__row > span:first-child i.is-check { background: #e8f8f2; }
.sab-object-desk__row > span:first-child i.is-alert { background: #fff3e5; }
.sab-object-desk__row b { color: #354152; font-size: 10px; }
.sab-object-desk__row small { color: #929aa6; font-size: 8px; }
.sab-object-desk__row em { display: inline-block; padding: 5px 7px; border-radius: 7px; font-size: 8px; font-style: normal; }
.sab-object-desk__row em.is-progress { color: #386ab0; background: #e9f1ff; }
.sab-object-desk__row em.is-ready { color: #2c9a75; background: #e6f7f0; }
.sab-object-desk__row em.is-attention { color: #ce7824; background: #fff0df; }
.sab-object-desk__bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 14px; color: #818b98; font-size: 8px; }
.sab-object-desk__bottom span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #48c4ad; }
.sab-object-desk__bottom button { padding: 8px 10px; color: #fff; border: 0; border-radius: 8px; background: #2e5f9e; font-size: 8px; }

.sab-readiness__layout { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr); gap: 22px; align-items: stretch; }
.sab-readiness-panel__summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; border-bottom: 1px solid #e6eaf0; }
.sab-readiness-panel__summary > div:first-child > * { display: block; }
.sab-readiness-panel__summary small { color: #8b94a1; font-size: 9px; text-transform: uppercase; }
.sab-readiness-panel__summary strong { margin-top: 5px; color: #273446; font-size: 21px; }
.sab-readiness-panel__summary > div:last-child { text-align: right; }
.sab-readiness-panel__summary b { display: block; color: #416fc0; font-size: 28px; }
.sab-readiness-panel__summary span { color: #36a67d; font-size: 9px; }
.sab-readiness-panel__systems { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 15px; }
.sab-readiness-panel__systems article { display: grid; grid-template-columns: 76px minmax(0,1fr); grid-template-rows: 1fr auto; gap: 11px; align-items: center; min-height: 175px; padding: 15px; border: 1px solid #e4e8ef; border-radius: 17px; background: linear-gradient(145deg,#fff,#fafbfe); }
.sab-readiness-panel__systems article > button { grid-column: 1 / -1; width: 100%; padding: 8px; color: #4b72ba; border: 1px solid #dce4ef; border-radius: 8px; background: #fff; }
.sab-readiness-ring { position: relative; width: 76px; height: 76px; }
.sab-readiness-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.sab-readiness-ring circle { fill: none; stroke: #e6eaf0; stroke-width: 8; }
.sab-readiness-ring circle.is-value { stroke-dasharray: calc(var(--indicator, 0) * 2.64) 264; stroke-linecap: round; transition: stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1); }
.sab-readiness-ring circle.is-critical { stroke: #ef5151; }
.sab-readiness-ring circle.is-warning { stroke: #f0a323; }
.sab-readiness-ring circle.is-normal { stroke: #2fad74; }
.sab-readiness-ring strong { position: absolute; inset: 0; display: grid; place-items: center; color: #314054; font-size: 18px; }
.sab-readiness-panel__systems h3 { margin: 0; color: #354052; font-size: 12px; line-height: 1.35; }
.sab-readiness-panel__systems span { display: inline-block; margin-top: 9px; padding: 5px 7px; border-radius: 7px; font-size: 8px; }
.sab-readiness-panel__systems span.is-critical { color: #d74343; background: #fff0f0; }
.sab-readiness-panel__systems span.is-warning { color: #bd7717; background: #fff5e5; }
.sab-readiness-panel__systems span.is-normal { color: #278e64; background: #eaf8f2; }
.sab-readiness-panel__trend { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 15px; align-items: end; margin: 0 15px 15px; padding: 15px 17px 8px; border: 1px solid #e4e9ef; border-radius: 14px; background: #fbfcfe; }
.sab-readiness-panel__trend small, .sab-readiness-panel__trend strong { display: block; }
.sab-readiness-panel__trend small { color: #8a94a1; font-size: 9px; }
.sab-readiness-panel__trend strong { margin-top: 6px; color: #2d4058; font-size: 17px; }
.sab-readiness-panel__trend svg { width: 100%; height: 72px; overflow: visible; }
.sab-readiness-panel__trend .is-area { fill: url(#sabTrend); }
.sab-readiness-panel__trend .is-line { fill: none; stroke: #45bdaa; stroke-width: 3; stroke-linecap: round; }
.sab-readiness-panel__trend circle { fill: #45bdaa; stroke: #fff; stroke-width: 3; }
.sab-readiness__benefits { display: grid; gap: 11px; }
.sab-readiness__quote { position: relative; min-height: 118px; padding: 25px 27px; overflow: hidden; color: #fff; border-radius: 21px; background: linear-gradient(135deg,#765bd1,#348bcb); }
.sab-readiness__quote span { position: absolute; top: -17px; right: 17px; color: rgba(255,255,255,.14); font-size: 120px; line-height: 1; }
.sab-readiness .sab-readiness__quote p { position: relative; z-index: 1; max-width: 340px; margin: 0; color: #fff; font-size: 20px; line-height: 1.35; }
.sab-readiness__benefits article { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 14px; align-items: start; padding: 17px 19px; border: 1px solid #e2e7ee; border-radius: 16px; background: rgba(255,255,255,.83); }
.sab-readiness__benefits article > i { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; border-radius: 13px; background: linear-gradient(135deg,#765bd1,#42bdb1); font-size: 10px; font-style: normal; font-weight: 700; }
.sab-readiness__benefits h3 { margin: 1px 0 5px; color: #303743; font-size: 16px; }
.sab-readiness__benefits p { margin: 0; color: #747c88; font-size: 12px; line-height: 1.5; }
.sab-readiness__note { display: flex; align-items: center; gap: 11px; padding: 13px 15px; color: #68717d; font-size: 11px; line-height: 1.45; }
.sab-readiness__note i { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; color: #fff; border-radius: 50%; background: #43bb92; font-style: normal; }

.sab-object-flow.is-reveal-ready .sab-object-flow__head,
.sab-object-flow.is-reveal-ready .sab-object-flow__steps,
.sab-object-flow.is-reveal-ready .sab-object-builder,
.sab-object-workspace.is-reveal-ready .sab-object-workspace__head,
.sab-object-workspace.is-reveal-ready .sab-object-context,
.sab-object-workspace.is-reveal-ready .sab-object-desk,
.sab-readiness.is-reveal-ready .sab-readiness__head,
.sab-readiness.is-reveal-ready .sab-readiness-panel,
.sab-readiness.is-reveal-ready .sab-readiness__benefits {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease;
}

.sab-object-flow.is-in-view .sab-object-flow__head,
.sab-object-flow.is-in-view .sab-object-flow__steps,
.sab-object-flow.is-in-view .sab-object-builder,
.sab-object-workspace.is-in-view .sab-object-workspace__head,
.sab-object-workspace.is-in-view .sab-object-context,
.sab-object-workspace.is-in-view .sab-object-desk,
.sab-readiness.is-in-view .sab-readiness__head,
.sab-readiness.is-in-view .sab-readiness-panel,
.sab-readiness.is-in-view .sab-readiness__benefits { opacity: 1; transform: none; }

.sab-object-flow.is-in-view .sab-object-builder,
.sab-object-workspace.is-in-view .sab-object-desk,
.sab-readiness.is-in-view .sab-readiness__benefits { transition-delay: 130ms; }

@media (max-width: 1199px) {
    .sab-object-flow__head,
    .sab-object-workspace__head,
    .sab-readiness__head { grid-template-columns: minmax(0,1fr); gap: 22px; }
    .sab-object-flow__head > p,
    .sab-object-workspace__head > p,
    .sab-readiness__head > p { max-width: 780px; }
    .sab-object-flow__layout,
    .sab-object-workspace__layout,
    .sab-readiness__layout { grid-template-columns: minmax(0,1fr); }
    .sab-object-flow__steps { grid-template-columns: minmax(0,1fr); }
    .sab-object-flow__steps li.is-active { transform: none; }
    .sab-object-context { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .sab-readiness__benefits { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .sab-readiness__quote,
    .sab-readiness__note { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    .sab-object-flow,
    .sab-object-workspace,
    .sab-readiness { padding: 72px 0; }
    .sab-object-flow__head,
    .sab-object-workspace__head,
    .sab-readiness__head { margin-bottom: 34px; }
    .sab-object-flow__head h2,
    .sab-object-workspace__head h2,
    .sab-readiness__head h2 { font-size: 34px; }
    .sab-object-flow__head > p,
    .sab-object-workspace__head > p,
    .sab-readiness__head > p { font-size: 15px; }
    .sab-object-flow__steps,
    .sab-object-context,
    .sab-readiness__benefits { grid-template-columns: minmax(0,1fr); }
    .sab-object-flow__steps li { grid-template-columns: 50px minmax(0,1fr); gap: 14px; padding: 18px; }
    .sab-object-flow__steps li > span { width: 50px; height: 50px; border-radius: 15px; }
    .sab-object-flow__steps::before,
    .sab-object-flow__steps::after { top: 43px; left: 43px; }
    .sab-object-flow__steps::before { bottom: 43px; }
    .sab-object-builder__body { grid-template-columns: minmax(0,1fr); }
    .sab-object-tree { display: none; }
    .sab-object-builder__main { padding: 16px; }
    .sab-object-builder__top { align-items: flex-start; }
    .sab-object-builder__top button { display: none; }
    .sab-object-builder__footer { grid-template-columns: minmax(0,1fr); padding: 12px 16px; }
    .sab-object-context article { padding: 20px; }
    .sab-object-desk__hero { padding: 20px; }
    .sab-object-desk__hero h3 { font-size: 19px; }
    .sab-object-desk__score { width: 76px; height: 76px; flex-basis: 76px; border-width: 7px; }
    .sab-object-desk__score strong { font-size: 19px; }
    .sab-object-desk__stats { grid-template-columns: minmax(0,1fr); }
    .sab-object-desk__tabs { overflow-x: auto; }
    .sab-object-desk__tabs span { white-space: nowrap; }
    .sab-object-desk__row { grid-template-columns: minmax(0,1fr) 56px; }
    .sab-object-desk__row > span:last-child { display: none; }
    .sab-object-desk__bottom { align-items: flex-start; flex-direction: column; }
    .sab-readiness-panel__summary { align-items: flex-start; }
    .sab-readiness-panel__systems { grid-template-columns: minmax(0,1fr); }
    .sab-readiness-panel__systems article { grid-template-columns: 76px minmax(0,1fr) 34px; grid-template-rows: 1fr; min-height: 0; }
    .sab-readiness-panel__systems article > button { grid-column: auto; width: 34px; }
    .sab-readiness-panel__trend { grid-template-columns: minmax(0,1fr); }
    .sab-readiness__quote,
    .sab-readiness__note { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .sab-object-builder [data-flow-target] { transition: none; }
    .sab-readiness-ring circle.is-value { transition: none; }
}

/* Object layout and readiness content v5. */
@media (min-width: 1200px) {
    .sab-object-workspace__layout {
        grid-template-columns: minmax(0, 1.16fr) minmax(410px, .84fr);
    }
    .sab-object-workspace .sab-object-desk {
        order: 1;
        justify-self: start;
    }
    .sab-object-workspace .sab-object-context { order: 2; }
}

.sab-readiness__head h2,
.sab-readiness__head h2 span { letter-spacing: normal; }

.sab-readiness__benefits {
    align-content: start;
    gap: 14px;
}

.sab-readiness__quote {
    min-height: 132px;
    display: flex;
    align-items: center;
}

.sab-readiness__copy-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 7px;
    border: 1px solid #e1e6ee;
    border-radius: 17px;
    background: rgba(255, 255, 255, .78);
}

.sab-readiness__copy-tabs button {
    display: grid;
    justify-items: start;
    align-content: center;
    min-width: 0;
    min-height: 72px;
    padding: 11px;
    color: #747e8c;
    border: 0;
    border-radius: 12px;
    background: transparent;
    text-align: left;
    transition: color .35s ease, background .35s ease, box-shadow .35s ease, transform .35s ease;
}

.sab-readiness__copy-tabs button:hover,
.sab-readiness__copy-tabs button:focus-visible { color: #4568a8; }

.sab-readiness__copy-tabs button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #6959c9, #3e9ebc);
    box-shadow: 0 12px 26px rgba(75, 91, 176, .2);
    transform: translateY(-1px);
}

.sab-readiness__copy-tabs i,
.sab-readiness__copy-tabs span { display: block; }
.sab-readiness__copy-tabs i { margin-bottom: 6px; font-size: 9px; font-style: normal; font-weight: 700; opacity: .72; }
.sab-readiness__copy-tabs span { max-width: 100%; font-size: 11px; line-height: 1.25; font-weight: 700; }

.sab-readiness__copy-panels {
    min-height: 264px;
    padding: 22px 23px;
    overflow: hidden;
    border: 1px solid #e1e6ee;
    border-radius: 19px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 22px 48px rgba(44, 55, 82, .08);
}

.sab-readiness__copy-panels [data-readiness-copy-panel] { animation: sabReadinessCopyIn .48s ease both; }
.sab-readiness__copy-panels ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.sab-readiness__copy-panels li {
    position: relative;
    padding-left: 27px;
    color: #626c79;
    font-size: 13px;
    line-height: 1.52;
}
.sab-readiness__copy-panels li::before {
    position: absolute;
    top: .42em;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #fff 0 25%, transparent 27%), linear-gradient(135deg, #765bd1, #42bdb1);
    box-shadow: 0 0 0 4px rgba(91, 110, 210, .08);
    content: "";
}

.sab-readiness__copy-progress {
    height: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: #e0e5ec;
}
.sab-readiness__copy-progress i {
    display: block;
    width: 33.333%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #765bd1, #42bdb1);
    transition: width .55s cubic-bezier(.2, .8, .2, 1);
}

.sab-readiness-panel__systems article.is-live {
    border-color: rgba(87, 111, 216, .28);
    box-shadow: 0 16px 34px rgba(60, 74, 112, .13), 0 0 0 4px rgba(87, 111, 216, .08);
    transform: translateY(-4px);
}

.sab-readiness-panel__systems article {
    transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease;
}

.sab-readiness-panel__summary > div:last-child span {
    display: inline-block;
    animation: sabReadinessGain 2.2s ease-in-out infinite;
}

.sab-readiness-panel__trend .is-line {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}
.sab-readiness-panel__trend.is-animating .is-line { animation: sabReadinessLine 1.65s cubic-bezier(.2, .8, .2, 1) forwards; }
.sab-readiness-panel__trend.is-animating circle { animation: sabReadinessDot 1.7s 1.25s ease-in-out infinite; }

@keyframes sabReadinessCopyIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}
@keyframes sabReadinessLine { to { stroke-dashoffset: 0; } }
@keyframes sabReadinessDot {
    50% { r: 8px; opacity: .58; }
}
@keyframes sabReadinessGain {
    50% { opacity: .62; transform: translateY(-1px); }
}

@media (max-width: 1199px) {
    .sab-object-workspace .sab-object-desk,
    .sab-object-workspace .sab-object-context { order: initial; }
    .sab-readiness__copy-panels { min-height: 226px; }
}

@media (max-width: 767px) {
    .sab-readiness__copy-tabs { grid-template-columns: minmax(0, 1fr); }
    .sab-readiness__copy-tabs button {
        grid-template-columns: 28px minmax(0, 1fr);
        align-items: center;
        min-height: 52px;
        padding: 10px 13px;
    }
    .sab-readiness__copy-tabs i { margin: 0; }
    .sab-readiness__copy-panels { min-height: 0; padding: 19px; }
    .sab-readiness__copy-panels li { font-size: 12px; }
}

/* Compact readiness benefit lists v8. */
.sab-readiness__copy-panels {
    min-height: 204px;
    padding: 17px 19px;
}
.sab-readiness__copy-panels ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-content: flex-start;
    gap: 6px !important;
    height: auto !important;
    min-height: 0 !important;
}
.sab-readiness__copy-panels li {
    margin: 0 !important;
    line-height: 1.38;
}
.sab-readiness__copy-panels li + li { margin-top: 0 !important; }

@media (max-width: 767px) {
    .sab-readiness__copy-panels {
        min-height: 0;
        padding: 15px 16px;
    }
    .sab-readiness__copy-panels ul { gap: 5px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .sab-readiness__copy-tabs button,
    .sab-readiness__copy-progress i,
    .sab-readiness-panel__systems article { transition: none; }
    .sab-readiness__copy-panels [data-readiness-copy-panel],
    .sab-readiness-panel__summary > div:last-child span,
    .sab-readiness-panel__trend.is-animating .is-line,
    .sab-readiness-panel__trend.is-animating circle { animation: none; }
    .sab-readiness-panel__trend .is-line { stroke-dashoffset: 0; }
}

/* Object card v4: slide 4 content and synchronized workspace states. */
.sab-object-workspace__head h2,
.sab-object-workspace__head h2 span,
.sab-object-context h3,
.sab-object-desk__hero h3 {
    letter-spacing: normal;
}

.sab-object-workspace__layout {
    grid-template-columns: minmax(410px, .84fr) minmax(0, 1.16fr);
    gap: 28px;
}

.sab-object-context {
    --workspace-line-height: 0px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sab-object-context::before,
.sab-object-context::after {
    position: absolute;
    top: 40px;
    left: 42px;
    width: 2px;
    border-radius: 2px;
    content: "";
}

.sab-object-context::before {
    bottom: 40px;
    background: rgba(255, 255, 255, .13);
}

.sab-object-context::after {
    z-index: 1;
    height: var(--workspace-line-height);
    background: linear-gradient(180deg, #42beb3, #5672dc, #8a69dd);
    transition: height .65s cubic-bezier(.2, .8, .2, 1);
}

.sab-object-context li {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    min-height: 80px;
    padding: 14px 16px 14px 18px;
    border: 1px solid transparent;
    border-radius: 18px;
    background: transparent;
    cursor: default;
    transition: border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

.sab-object-context li.is-active {
    border-color: rgba(103, 112, 226, .34);
    background: linear-gradient(135deg, rgba(255, 255, 255, .105), rgba(111, 86, 201, .13));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

.sab-object-context li > i {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    color: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 14px;
    background: #1d2130;
    box-shadow: 0 0 0 7px #14151f;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    transition: color .35s ease, border-color .35s ease, background .35s ease, transform .35s ease;
}

.sab-object-context li.is-active > i {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #765bd1, #3faeb8);
    transform: scale(1.05);
}

.sab-object-context h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 16px;
    line-height: 1.28;
}

.sab-object-context p {
    margin: 0;
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    line-height: 1.48;
}

.sab-object-desk {
    align-self: center;
    width: 100%;
    max-width: 700px;
    justify-self: end;
    overflow: hidden;
}

.sab-object-desk [data-workspace-target] {
    position: relative;
    transition: background-color .4s ease, box-shadow .4s ease, transform .4s ease;
}

.sab-object-desk [data-workspace-target].is-highlighted {
    z-index: 3;
    background-color: rgba(239, 244, 255, .96);
    box-shadow: 0 0 0 5px rgba(92, 112, 218, .15), 0 14px 32px rgba(40, 55, 94, .15);
    transform: translateY(-1px);
}

.sab-object-desk__score {
    --score: 0;
    position: relative;
    border: 0;
    overflow: hidden;
    background: conic-gradient(#53d3ac calc(var(--score) * 1%), rgba(255, 255, 255, .18) 0);
    isolation: isolate;
}

.sab-object-desk__score::before {
    position: absolute;
    inset: 8px;
    z-index: -1;
    border-radius: 50%;
    background: linear-gradient(145deg, #315f9f, #4c62af);
    content: "";
}

.sab-object-desk__score.is-highlighted {
    background: conic-gradient(#63e0bb calc(var(--score) * 1%), rgba(255, 255, 255, .2) 0);
    box-shadow: 0 0 0 7px rgba(83, 211, 172, .15), 0 0 34px rgba(83, 211, 172, .28);
    transform: scale(1.07);
}

.sab-object-desk__table.is-highlighted {
    background-color: #f4f7ff;
    box-shadow: inset 0 0 0 2px rgba(92, 112, 218, .16);
}

.sab-object-desk__row[data-workspace-target].is-highlighted {
    padding-inline: 8px;
    border-radius: 10px;
}

.sab-object-desk__bottom.is-highlighted {
    margin: 0 8px 8px;
    border-radius: 11px;
}

.sab-object-desk__footer {
    display: grid;
    grid-template-columns: auto minmax(90px, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    color: #7c8795;
    border-top: 1px solid #e4e8ee;
    background: #fff;
    font-size: 9px;
}

.sab-object-desk__footer > div {
    height: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: #e1e6ed;
}

.sab-object-desk__footer > div i {
    display: block;
    width: 20%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #765bd1, #42beb3);
    transition: width .55s cubic-bezier(.2, .8, .2, 1);
}

@keyframes sabObjectDeskLive {
    50% { opacity: .55; transform: scale(.86); }
}

.sab-object-desk .sab-object-ui__bar em i,
.sab-object-desk__hero span i,
.sab-object-desk__bottom span i {
    animation: sabObjectDeskLive 1.8s ease-in-out infinite;
}

@media (max-width: 1199px) {
    .sab-object-workspace__layout { grid-template-columns: minmax(0, 1fr); }
    .sab-object-desk { max-width: none; justify-self: stretch; }
}

@media (max-width: 767px) {
    .sab-object-context li {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        min-height: 0;
        padding: 14px;
    }
    .sab-object-context li > i { width: 42px; height: 42px; border-radius: 13px; }
    .sab-object-context::before,
    .sab-object-context::after { top: 35px; left: 35px; }
    .sab-object-context::before { bottom: 35px; }
    .sab-object-context h3 { font-size: 15px; }
    .sab-object-context p { font-size: 11px; }
    .sab-object-desk__footer { grid-template-columns: minmax(0, 1fr); padding-block: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .sab-object-context::after,
    .sab-object-context li,
    .sab-object-context li > i,
    .sab-object-desk [data-workspace-target],
    .sab-object-desk__footer > div i { transition: none; }
    .sab-object-desk .sab-object-ui__bar em i,
    .sab-object-desk__hero span i,
    .sab-object-desk__bottom span i { animation: none; }
}

@media (min-width: 1200px) {
    .sab-object-workspace__layout {
        grid-template-columns: minmax(0, 1.16fr) minmax(410px, .84fr);
    }
}

.sab-readiness__layout { align-items: start; }
.sab-readiness-panel__systems article > div:nth-child(2) { min-width: 0; }
.sab-readiness-panel__systems h3 {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: normal;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .sab-readiness-panel__systems article {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto 1fr auto;
        justify-items: center;
        align-content: start;
        gap: 10px;
        min-height: 218px;
        text-align: center;
    }
    .sab-readiness-panel__systems article > button {
        grid-column: auto;
        align-self: end;
    }
    .sab-readiness-panel__systems h3 {
        max-width: 190px;
        min-height: 31px;
        margin-inline: auto;
        font-size: 12px;
    }
    .sab-readiness-panel__systems span { margin-top: 6px; }
}

/* Layout refinement v7. */
@media (min-width: 1200px) {
    .sab-object-flow__layout {
        grid-template-columns: minmax(400px, .82fr) minmax(0, 1.18fr);
        gap: clamp(42px, 4vw, 58px);
    }
    .sab-object-builder {
        width: 100%;
        max-width: 790px;
        justify-self: end;
    }
    .sab-readiness__layout {
        grid-template-columns: minmax(0, 1.15fr) minmax(460px, .85fr);
        gap: clamp(42px, 4vw, 58px);
    }
    .sab-readiness-panel {
        width: 100%;
        max-width: 780px;
        justify-self: start;
    }
}

.sab-object-context {
    gap: 12px;
}
.sab-object-context::before,
.sab-object-context::after {
    top: 52px;
    left: 54px;
}
.sab-object-context::before { bottom: 52px; }
.sab-object-context li {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 20px;
    min-height: 106px;
    padding: 21px 23px;
    border-radius: 20px;
}
.sab-object-context li > i {
    width: 62px;
    height: 62px;
    border-radius: 19px;
    box-shadow: 0 0 0 8px #14151f;
    font-size: 12px;
}
.sab-object-context h3 {
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.28;
}
.sab-object-context p {
    font-size: 13px;
    line-height: 1.5;
}
.sab-object-desk__bottom.is-highlighted {
    margin: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px rgba(92, 112, 218, .18), 0 -8px 24px rgba(40, 55, 94, .08);
    transform: none;
}

.sab-readiness__copy-tabs {
    gap: 9px;
    padding: 8px;
}
.sab-readiness__copy-tabs button {
    min-height: 88px;
    padding: 14px;
}
.sab-readiness__copy-tabs i {
    margin-bottom: 8px;
    font-size: 11px;
}
.sab-readiness__copy-tabs span {
    font-size: 14px;
    line-height: 1.28;
}
.sab-readiness__copy-panels {
    min-height: 232px;
    padding: 19px 20px;
}
.sab-readiness__copy-panels ul { gap: 10px; }
.sab-readiness__copy-panels li {
    padding-left: 24px;
    font-size: 13px;
    line-height: 1.44;
}
.sab-readiness__copy-panels li::before {
    top: .38em;
    width: 13px;
    height: 13px;
}

@media (max-width: 767px) {
    .sab-object-context { gap: 9px; }
    .sab-object-context li {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 14px;
        min-height: 0;
        padding: 18px;
    }
    .sab-object-context li > i {
        width: 50px;
        height: 50px;
        border-radius: 15px;
        box-shadow: 0 0 0 7px #14151f;
    }
    .sab-object-context::before,
    .sab-object-context::after { top: 43px; left: 43px; }
    .sab-object-context::before { bottom: 43px; }
    .sab-object-context h3 { font-size: 16px; }
    .sab-object-context p { font-size: 12px; }
    .sab-readiness__copy-tabs button {
        min-height: 58px;
        padding: 11px 14px;
    }
    .sab-readiness__copy-tabs i { margin: 0; font-size: 10px; }
    .sab-readiness__copy-tabs span { font-size: 13px; }
    .sab-readiness__copy-panels { min-height: 0; padding: 17px; }
    .sab-readiness__copy-panels ul { gap: 9px; }
    .sab-readiness__copy-panels li { font-size: 12px; }
}