
#dc-root #outcomes{position:relative;isolation:isolate;background:radial-gradient(ellipse at 4% 15%,#225f40 0,transparent 45%),#0b3023;overflow:hidden;padding-top:88px;padding-bottom:96px}
#outcomes:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 54%,#c1eb8610 54.05%,transparent 54.15%),linear-gradient(115deg,transparent 70%,#c1eb8610 70.05%,transparent 70.15%)}
#dc-root #outcomes .outcomes-heading{margin-bottom:44px;padding-bottom:30px;border-bottom:1px solid #d3edbe36;align-items:end}
#dc-root #outcomes .outcomes-heading h2{margin:0 0 14px}
#dc-root #outcomes .outcomes-heading .section-subtitle{margin:0}
#dc-root #outcomes .outcomes-heading>p{max-width:310px;color:#dae7ce;border-left:2px solid #b9eb71;padding-left:20px}
#dc-root #outcomes .outcomes-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr);gap:20px;align-items:stretch}
#dc-root #outcomes article{position:relative;border-radius:0;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;box-sizing:border-box}
#dc-root #outcomes .outcome-feature{display:flex;padding:36px;background:linear-gradient(145deg,#d7f5a9,#b6e66f 75%);box-shadow:inset 0 0 0 1px #edffce;color:#113d2b;overflow:hidden}
#outcomes .outcome-index{position:absolute;top:24px;right:26px;font-family:'IBM Plex Serif',serif;font-style:italic;font-size:36px;line-height:1;color:#bfe69280;pointer-events:none}
#outcomes .outcome-feature .outcome-index{font-size:64px;top:20px;right:28px;color:#24593a4d}
#dc-root #outcomes .agent-lineart{position:relative;margin:62px -12px 28px;padding:25px 0;background:linear-gradient(#39613c14 1px,transparent 1px),linear-gradient(90deg,#39613c14 1px,transparent 1px);background-size:24px 24px;border-top:1px solid #35623b30;border-bottom:1px solid #35623b30;transform:none}
#dc-root #outcomes .agent-lineart svg{height:auto;max-height:205px;filter:drop-shadow(0 10px 12px #446a3320)}
#dc-root #outcomes .outcome-feature h3{font-size:clamp(32px,3vw,42px)!important;font-weight:600!important;line-height:1.13!important;letter-spacing:-.02em!important;margin-bottom:18px}
#dc-root #outcomes .outcome-feature>p{max-width:34ch;color:#21462e}
#dc-root #outcomes .agent-flow{gap:8px;margin:28px 0 36px;font-size:12px;font-weight:600}
#dc-root #outcomes .agent-flow span{background:#173f2c;color:#f4f9ee;border:0;padding:9px 12px}
#dc-root #outcomes .feature-bottom{font-size:13px;padding-top:22px;border-color:#315e3d55}
#dc-root #outcomes .outcome-support{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
#dc-root #outcomes .outcome-mini{min-height:250px;gap:24px;padding:28px;background:linear-gradient(140deg,#1c5039,#103c2c);border:1px solid #b2d97b40;overflow:hidden}
#dc-root #outcomes .outcome-mini:after{content:'';position:absolute;bottom:0;left:0;width:48px;height:3px;background:#bdeb7b;transition:width .4s ease}
#dc-root #outcomes .outcome-icon{width:52px;height:52px;padding:9px;box-sizing:border-box;border:1px solid #b2d97b60;background:#b2d97b0c;color:#c1ed88}
#dc-root #outcomes .outcome-mini h3{font-size:24px!important;line-height:1.25!important;max-width:18ch;color:#f4f8ee;margin-bottom:10px}
#dc-root #outcomes .outcome-mini p{color:#cedfc7;font-size:15px!important;line-height:1.55!important}
#dc-root #outcomes .outcome-mini:nth-child(1),#dc-root #outcomes .outcome-mini:nth-child(4){background:#f1f5e9;border-color:#f1f5e9}
#dc-root #outcomes .outcome-mini:nth-child(1) h3,#dc-root #outcomes .outcome-mini:nth-child(4) h3{color:#123e2d}
#dc-root #outcomes .outcome-mini:nth-child(1) p,#dc-root #outcomes .outcome-mini:nth-child(4) p{color:#48614e}
#dc-root #outcomes .outcome-mini:nth-child(1) .outcome-icon,#dc-root #outcomes .outcome-mini:nth-child(4) .outcome-icon{color:#315f3c;background:#dfebd0;border-color:#b4c99d}
#dc-root #outcomes .outcome-mini:nth-child(1) .outcome-index,#dc-root #outcomes .outcome-mini:nth-child(4) .outcome-index{color:#78956a}
#dc-root #outcomes .outcome-wide{min-height:148px;flex-direction:row;align-items:center;padding-right:72px;background:linear-gradient(110deg,#24583b,#123b2b);border-color:#bde87b80}
#dc-root #outcomes .outcome-wide h3{max-width:none}
#outcomes .outcome-feature:after{content:'';position:absolute;inset:-50% -120%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff50 49%,transparent 56%);transform:translateX(-65%)}
#outcomes.outcomes-arrived .outcome-feature:after{animation:outcome-sheen 3.8s ease-out both}
#outcomes.outcomes-arrived .agent-lineart path[stroke-dasharray]{animation:outcome-signal 4s linear both}
#outcomes.outcomes-arrived .outcome-icon svg{animation:outcome-icon-enter 1s ease-out both}
#outcomes.outcomes-arrived .outcome-mini:nth-child(2) .outcome-icon svg{animation-delay:.12s}
#outcomes.outcomes-arrived .outcome-mini:nth-child(3) .outcome-icon svg{animation-delay:.24s}
#outcomes.outcomes-arrived .outcome-mini:nth-child(4) .outcome-icon svg{animation-delay:.36s}
#outcomes.outcomes-arrived .outcome-mini:nth-child(5) .outcome-icon svg{animation-delay:.48s}
@keyframes outcome-sheen{to{transform:translateX(65%)}}
@keyframes outcome-signal{to{stroke-dashoffset:-80}}
@keyframes outcome-icon-enter{from{transform:translateY(7px) scale(.88);opacity:.3}to{transform:none;opacity:1}}
@media(hover:hover){#dc-root #outcomes article:hover{transform:translateY(-5px);box-shadow:0 18px 36px #001c2560;border-color:#d4f9a0}#dc-root #outcomes .outcome-mini:hover:after{width:100%}#outcomes .outcome-feature:hover .agent-lineart svg{transform:scale(1.025)}#outcomes .agent-lineart svg{transition:transform .4s ease}}
@media(min-width:768px) and (max-width:1050px){#dc-root #outcomes .outcomes-layout{grid-template-columns:1fr 1.35fr}#dc-root #outcomes .outcome-mini{padding:22px;min-height:270px}#dc-root #outcomes .outcome-mini h3{font-size:22px!important}#dc-root #outcomes .outcome-feature{padding:26px}}
@media(max-width:767px){#dc-root #outcomes .outcomes-layout,#dc-root #outcomes .outcome-support{grid-template-columns:1fr!important}#dc-root #outcomes .outcomes-heading{padding-bottom:24px;margin-bottom:28px}#dc-root #outcomes .outcome-feature{display:flex;padding:28px}#dc-root #outcomes .agent-lineart{margin-top:44px}#dc-root #outcomes .outcome-mini{min-height:0;display:flex;flex-direction:row;align-items:flex-start;padding:28px 24px;gap:20px}#dc-root #outcomes .outcome-mini>div:last-child{padding-top:38px;margin-left:-72px}#dc-root #outcomes .outcome-mini .outcome-icon{margin-bottom:22px}#dc-root #outcomes .outcome-mini h3{margin-top:30px;max-width:100%}#dc-root #outcomes .outcome-wide{padding-right:24px}#dc-root #outcomes .outcome-index{top:26px;right:24px}#dc-root #outcomes .outcome-mini p{max-width:100%}}
@media(prefers-reduced-motion:reduce){#dc-root #outcomes *,#dc-root #outcomes *:after{animation:none!important;transition:none!important}#dc-root #outcomes article:hover{transform:none}}
