.outcome-page main{overflow:clip}
.outcome-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2.5rem,7vw,6rem);align-items:center;padding:5.5rem 0 6rem}
.outcome-hero h1{max-width:17ch;margin:0 0 1.6rem;font-size:clamp(38px,4.8vw,64px);line-height:1.04;letter-spacing:-.05em;text-shadow:none}
.outcome-hero h1 span{color:#087293}
.design-record{position:relative;padding:2rem;border:1px solid #cfe0e6;border-radius:16px;background:#f3f7f8;box-shadow:0 22px 60px rgba(16,36,45,.08)}
.design-record::before{content:"";position:absolute;inset:1rem;border:1px solid rgba(8,124,167,.12);border-radius:10px;pointer-events:none}
.design-record-label{position:relative;margin:0 0 1.2rem;color:#087293!important;font-size:12px!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.record-core{position:relative;display:grid;gap:.45rem;padding:1.5rem;border-radius:10px;background:#10242d;color:#fff}
.record-core span{font-size:12px;color:#9ed6e8;text-transform:uppercase;letter-spacing:.1em}
.record-core strong{font-size:19px;line-height:1.35}
.record-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.record-grid div{display:grid;gap:.25rem;min-height:108px;padding:1rem;border:1px solid #d7e4e8;border-radius:9px;background:#fff}
.record-grid span{color:#087293;font-size:11px;font-weight:800}
.record-grid strong{font-size:16px}
.record-grid small{color:#5f7079;font-size:12px;line-height:1.45}
.record-note{position:relative;margin:1rem 0 0;color:#62737c!important;font-size:12px!important}
.outcome-section-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,7vw,6rem);align-items:start}
.outcome-section-grid .clean-section-title{position:sticky;top:2rem;margin:0}
.outcome-capabilities{display:grid;gap:0;border-top:1px solid #d5e1e6}
.outcome-capabilities article{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #d5e1e6}
.outcome-capabilities article>span{color:#087293;font-size:12px;font-weight:800}
.outcome-capabilities h3{margin:0 0 .5rem;font-size:21px;letter-spacing:-.02em}
.outcome-capabilities p{margin:0;font-size:15px}
.input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.input-grid article{padding:1.5rem;border:1px solid #dce7eb;border-radius:10px;background:#fff}
.input-grid span{display:block;margin-bottom:.8rem;color:#10242d;font-size:18px;font-weight:750}
.input-grid p{margin:0;font-size:14px}
.outcome-path{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,6rem);align-items:center}
.outcome-path h2{max-width:18ch}
.outcome-path ol{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.outcome-path li{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1.1rem;border:1px solid #d3e1e6;border-radius:10px;background:#fff}
.outcome-path li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f3f7;color:#087293;font-size:13px;font-weight:800}
.outcome-path li div{display:grid;gap:.25rem}
.outcome-path li strong{font-size:16px}
.outcome-path li small{color:#5c6e77;font-size:13px;line-height:1.45}
.outcome-cta{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}
.outcome-cta h2{max-width:18ch}
.outcome-cta p{max-width:60ch;margin-bottom:0}
.outcome-cta-actions{display:grid;gap:1rem;justify-items:start;min-width:260px}
.outcome-photo{margin:0}
.outcome-photo img{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover;border-radius:16px}
.outcome-photo figcaption{margin-top:1rem;color:#53666f;font-size:13px;line-height:1.5}
.outcome-photo small{display:block;color:#6d7d84;font-size:11px}
.prototype-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.prototype-loop article{padding:1.5rem;border:1px solid #dce7eb;border-radius:10px;background:#fff}
.prototype-loop span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:1.2rem;border-radius:50%;background:#e6f3f7;color:#087293;font-size:12px;font-weight:800}
.prototype-loop strong{display:block;margin-bottom:.65rem;font-size:17px;line-height:1.35}
.prototype-loop p{margin:0;font-size:14px}
.prototype-guardrail{margin:1.2rem 0 0;padding:1rem 1.2rem;border-left:4px solid #087ca7;background:#f3f7f8;color:#4f626c!important;font-size:14px!important}
.supply-record{position:relative;padding:2rem;border:1px solid #cfe0e6;border-radius:16px;background:#f3f7f8;box-shadow:0 22px 60px rgba(16,36,45,.08)}
.supply-record::before{content:"";position:absolute;inset:1rem;border:1px solid rgba(8,124,167,.12);border-radius:10px;pointer-events:none}
.supply-record-head{position:relative;display:grid;gap:.45rem;padding:1.35rem;border-radius:10px;background:#10242d;color:#fff}
.supply-record-head span{color:#9ed6e8;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.supply-record-head strong{max-width:34ch;font-size:18px;line-height:1.4}
.supply-record-flow{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.supply-record-flow div{display:grid;grid-template-columns:32px 1fr;gap:.25rem .65rem;min-height:104px;padding:1rem;border:1px solid #d7e4e8;border-radius:9px;background:#fff}
.supply-record-flow span{grid-row:1/3;display:grid;place-items:center;align-self:start;width:28px;height:28px;border-radius:50%;background:#e6f3f7;color:#087293;font-size:11px;font-weight:800}
.supply-record-flow strong{font-size:15px;line-height:1.35}
.supply-record-flow small{color:#5f7079;font-size:12px;line-height:1.45}
.supply-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.supply-path article{padding:1.5rem;border:1px solid #dce7eb;border-radius:10px;background:#fff}
.supply-path span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:1.2rem;border-radius:50%;background:#e6f3f7;color:#087293;font-size:12px;font-weight:800}
.supply-path strong{display:block;margin-bottom:.65rem;font-size:17px;line-height:1.35}
.supply-path p{margin:0;font-size:14px}
.supply-links{display:grid;gap:.65rem;margin-top:1.4rem}
.change-record{position:relative;padding:2rem;border:1px solid #cfe0e6;border-radius:16px;background:#f3f7f8;box-shadow:0 22px 60px rgba(16,36,45,.08)}
.change-record::before{content:"";position:absolute;inset:1rem;border:1px solid rgba(8,124,167,.12);border-radius:10px;pointer-events:none}
.change-record-head{position:relative;display:grid;gap:.45rem;padding:1.35rem;border-radius:10px;background:#10242d;color:#fff}
.change-record-head span{color:#9ed6e8;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.change-record-head strong{max-width:35ch;font-size:18px;line-height:1.4}
.change-track{position:relative;display:grid;gap:.6rem;margin-top:.75rem}
.change-track div{display:grid;grid-template-columns:32px minmax(90px,.65fr) 1.35fr;gap:.75rem;align-items:center;padding:.8rem 1rem;border:1px solid #d7e4e8;border-radius:9px;background:#fff}
.change-track span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f3f7;color:#087293;font-size:11px;font-weight:800}
.change-track strong{font-size:15px}
.change-track small{color:#5f7079;font-size:12px;line-height:1.45}
.change-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.change-path article{padding:1.5rem;border:1px solid #dce7eb;border-radius:10px;background:#fff}
.change-path span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:1.2rem;border-radius:50%;background:#e6f3f7;color:#087293;font-size:12px;font-weight:800}
.change-path strong{display:block;margin-bottom:.65rem;font-size:17px;line-height:1.35}
.change-path p{margin:0;font-size:14px}
.path-record{position:relative;padding:2rem;border:1px solid #cfe0e6;border-radius:16px;background:#f3f7f8;box-shadow:0 22px 60px rgba(16,36,45,.08)}
.path-record::before{content:"";position:absolute;inset:1rem;border:1px solid rgba(8,124,167,.12);border-radius:10px;pointer-events:none}
.path-record-head{position:relative;display:grid;gap:.45rem;padding:1.35rem;border-radius:10px;background:#10242d;color:#fff}
.path-record-head span{color:#9ed6e8;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.path-record-head strong{max-width:35ch;font-size:18px;line-height:1.4}
.path-record-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.path-record-grid div{display:grid;grid-template-columns:30px 1fr;gap:.25rem .65rem;min-height:100px;padding:1rem;border:1px solid #d7e4e8;border-radius:9px;background:#fff}
.path-record-grid span{grid-row:1/3;display:grid;place-items:center;align-self:start;width:28px;height:28px;border-radius:50%;background:#e6f3f7;color:#087293;font-size:11px;font-weight:800}
.path-record-grid strong{font-size:15px;line-height:1.35}
.path-record-grid small{color:#5f7079;font-size:12px;line-height:1.45}
.define-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.define-path article{padding:1.5rem;border:1px solid #dce7eb;border-radius:10px;background:#fff}
.define-path span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:1.2rem;border-radius:50%;background:#e6f3f7;color:#087293;font-size:12px;font-weight:800}
.define-path strong{display:block;margin-bottom:.65rem;font-size:17px;line-height:1.35}
.define-path p{margin:0;font-size:14px}
.specific-path-links{display:grid;gap:.7rem;margin-top:1.4rem}
@media(max-width:900px){.outcome-hero,.outcome-section-grid,.outcome-path{grid-template-columns:1fr}.outcome-section-grid .clean-section-title{position:static}.input-grid{grid-template-columns:1fr 1fr}.outcome-cta{grid-template-columns:1fr}.outcome-cta-actions{min-width:0}}
@media(max-width:1050px){.prototype-loop,.supply-path,.change-path,.define-path{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.outcome-page .clean-text-link{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:420px){.outcome-page .clean-header{width:calc(100% - 2rem);gap:.75rem}.outcome-page .clean-brand{flex:0 0 60px}.outcome-page .clean-header>.clean-button{max-width:calc(100% - 72px);min-height:44px;padding:.55rem .7rem;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25}}
@media(max-width:560px){.outcome-hero{padding:3.25rem 0 4rem}.outcome-hero h1{font-size:38px}.design-record,.supply-record,.change-record,.path-record{padding:1.25rem}.record-grid,.input-grid,.prototype-loop,.supply-record-flow,.supply-path,.change-path,.path-record-grid,.define-path{grid-template-columns:1fr}.record-grid div,.supply-record-flow div,.path-record-grid div{min-height:0}.change-track div{grid-template-columns:30px 1fr}.change-track small{grid-column:2}.outcome-capabilities article{grid-template-columns:32px 1fr}.outcome-cta-actions{width:100%}.outcome-cta-actions .clean-button{width:100%;box-sizing:border-box}}
