/* A continuous workload is the visual thread through the offering. */
.autonomy-hero { grid-template-columns: 1fr 1.08fr; gap: 28px; padding-top: 65px; padding-bottom: 60px; }
.autonomy-hero h1 { max-width: 10.5ch; font-size: clamp(44px, 4.9vw, 74px); }
.workload-art { width: calc(100% + 45px); margin-left: -15px; }
.workload-art svg { display: block; width: 100%; height: auto; }
.workload-art figcaption { text-align: center; color: var(--muted); font-size: 12px; }
.workload-signal { animation: workload-transit 12s linear infinite; animation-delay: var(--delay, 0s); }
.workload-loop { animation-duration: 18s; }
@keyframes workload-transit { to { stroke-dashoffset: -100; } }
.autonomy-thesis { background: #fff; }
.autonomy-thesis h2, .autonomy-controls h2 { max-width: 14ch; }
.autonomy-delivery { border-bottom: 1px solid var(--line); }
.delivery-steps { padding: 0; margin: 0; list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.delivery-steps li { border-top: 1px solid #a8b9d7; padding-top: 24px; }
.delivery-steps li > span { display: block; font-size: 13px; color: var(--blue); margin-bottom: 28px; }
.delivery-steps h3 { font-size: 25px; line-height: 1.2; letter-spacing: -.04em; }
.delivery-steps p { margin-top: 18px; font-size: 14px; color: var(--muted); }
.delivery-steps .delivery-output { color: var(--ink); font-size: 13px; padding-top: 18px; border-top: 1px solid var(--line); }
.model-fit { background: #fff; }
.model-path { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; border-top: 2px solid var(--blue); padding-top: 28px; }
.model-path > div { position: relative; }
.model-path > div::before { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--blue); top: -34px; }
.model-path span { font-size: 12px; color: var(--muted); }
.model-path h3 { font-size: 28px; margin-top: 14px; }
.model-path p { color: var(--muted); font-size: 15px; margin-top: 18px; max-width: 31ch; }
.cooma-foundation { margin-top: 45px; padding-top: 28px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; }
.cooma-foundation p { font-size: 15px; color: var(--muted); }
.cooma-foundation a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.cooma-foundation .fine-print { margin: 0; }
.impact-section { background: var(--navy); color: #fff; }
.impact-heading { max-width: 760px; }
.impact-section .eyebrow { color: #f3ce04; }
.impact-heading > p:last-child { color: #bdcbe1; font-size: 17px; margin-top: 27px; max-width: 58ch; }
.impact-art { display: grid; grid-template-columns: 1fr .4fr 1.4fr .4fr 1fr; align-items: center; padding: 55px 0; margin: 40px 0; border-block: 1px solid #354968; }
.impact-stage { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 9px; }
.impact-stage strong { font-size: 20px; font-weight: 550; }
.impact-stage > span:last-child { font-size: 12px; color: #bdcbe1; }
.impact-stage > span:first-child { height: 66px; margin-bottom: 16px; }
.token-marks { display: flex; align-items: center; gap: 7px; }
.token-marks i { display: block; width: 10px; height: 32px; border: 1px solid #9bb8f3; transform: skewY(-25deg); animation: workload-token 6s ease-in-out infinite; }
.token-marks i:nth-child(2) { animation-delay: -.4s; height: 42px; }.token-marks i:nth-child(3) { animation-delay: -.8s; height: 53px; }.token-marks i:nth-child(4) { animation-delay: -1.2s; height: 42px; }.token-marks i:nth-child(5) { animation-delay: -1.6s; }
.outcome-mark { display: block; width: 66px; border: 1px solid #8ca6d3; transform: rotate(-8deg); }
.outcome-mark svg { width: 100%; fill: none; stroke: var(--yellow); stroke-width: 2; transform: rotate(8deg); }
.value-marks { display: flex; align-items: end; gap: 8px; padding-bottom: 5px; }
.value-marks i { display: block; width: 17px; height: 24px; background: #f3ce04; }.value-marks i:nth-child(2) { height: 42px; opacity: .8; }.value-marks i:nth-child(3) { height: 60px; opacity: .6; }
.impact-link { height: 1px; background: #58719a; position: relative; margin-top: -42px; overflow: hidden; }
.impact-link::after { content: ''; position: absolute; height: 1px; width: 30%; background: #f3ce04; animation: impact-pass 4s linear infinite; }
@keyframes impact-pass { from { left: -30%; } to { left: 100%; } }
@keyframes workload-token { 0%, 100% { opacity: .45; } 45% { opacity: 1; } }
.impact-equations { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.impact-equations h3 { font-size: 24px; letter-spacing: -.03em; }
.impact-equations p { color: #bdcbe1; font-size: 15px; margin-top: 15px; }
.impact-note { color: #bdcbe1; font-size: 13px; max-width: 100ch; margin-top: 32px; }
.impact-section .text-link { margin-top: 26px; border-color: #8193af; }.impact-section .text-link:hover { color: #f3ce04; }
.workload-example { background: #fff; }.autonomy-controls { border-block: 1px solid var(--line); }
.workload-art:not(.motion-ready) *, .impact-art:not(.motion-ready) *, .impact-art:not(.motion-ready) *::after { animation-play-state: paused; }
@media (max-width: 1100px) { .delivery-steps { grid-template-columns: repeat(2,1fr); gap: 38px; } .autonomy-hero { grid-template-columns: 1fr 1fr; } }
@media (max-width: 960px) { .autonomy-hero { grid-template-columns: 1fr; } .autonomy-hero h1 { max-width: 15ch; } .workload-art { width: 100%; max-width: 700px; margin: 0 auto; } }
@media (max-width: 700px) {
 .autonomy-hero { padding-top: 42px; padding-bottom: 44px; gap: 22px; }.autonomy-hero h1 { font-size: 45px; max-width: 11ch; }
 .workload-art { width: calc(100% + 32px); margin-left: -16px; }.workload-art figcaption { font-size: 11px; padding: 0 20px; }
 .delivery-steps { grid-template-columns: 1fr; gap: 30px; }.delivery-steps li { display: grid; grid-template-columns: 26px 1fr; gap: 18px; }.delivery-steps li > span { margin-top: 3px; }.delivery-steps p { font-size: 15px; }
 .model-path { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--blue); padding: 0 0 0 24px; gap: 32px; }.model-path > div::before { top: 6px; left: -29.5px; }.model-path h3 { font-size: 27px; }
 .cooma-foundation { grid-template-columns: 1fr; gap: 15px; margin-top: 32px; }
 .impact-art { grid-template-columns: 1fr; gap: 26px; padding: 32px 0; margin: 32px 0; }.impact-stage > span:first-child { margin-bottom: 5px; }.impact-link { width: 70px; margin: 0 auto; }.impact-stage strong { font-size: 22px; }
 .impact-equations { grid-template-columns: 1fr; gap: 30px; }.impact-equations h3 { font-size: 23px; }.impact-heading > p:last-child { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .workload-art *, .impact-art *, .impact-art *::after { animation: none !important; } }