/* source_agent=codex / machine=mac-mini. Editable figures; no image of text. */
.roi-diagram{container-type:inline-size;display:block!important;position:relative;isolation:isolate;aspect-ratio:16/10!important;background:linear-gradient(135deg,#f9fbff,#e8f1ff)!important;color:#103f87;overflow:hidden;margin:0}
.roi-diagram-inner{height:100%;padding:5cqw 5.5cqw 3cqw;display:flex;flex-direction:column;box-sizing:border-box}
.roi-diagram-heading{display:flex;flex-direction:column;gap:1cqw;line-height:1.4}
.roi-diagram-heading>span{font-size:clamp(9px,2.5cqw,13px);font-weight:700;letter-spacing:.08em}
.roi-diagram-heading>strong{font-size:clamp(16px,4.5cqw,25px);font-weight:800}
.roi-diagram-layout{flex:1;min-height:0;display:grid;grid-template-columns:.85fr 1.15fr;gap:5cqw;padding-block:4cqw 2cqw;align-items:stretch}
.roi-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;min-height:0}
.roi-column{display:grid;grid-template-rows:auto 1fr auto;gap:1.3cqw;min-height:0;text-align:center}
.roi-column>strong{font-size:clamp(15px,4cqw,24px);line-height:1.1;white-space:nowrap}
.roi-column>strong>span{font-size:.55em}
.roi-column>span{font-size:clamp(9px,2.4cqw,13px);font-weight:700;line-height:1.4;white-space:nowrap}
.roi-bar-track{position:relative;min-height:0;border-bottom:1px solid #1a49744d}
.roi-bar-track>i{display:block;position:absolute;left:12%;right:12%;bottom:0;transform-origin:bottom;border-radius:3px 3px 0 0}
.roi-bar-before{height:100%;background:linear-gradient(100deg,#a7ccff,#6da8ee)}
.roi-bar-after{height:52%;background:linear-gradient(100deg,#2477c5,#07519d)}
.roi-bar-track>.roi-bar-created{top:0;bottom:52%;background:linear-gradient(120deg,#b8d9fc33,#75b1f24d);border:1px dashed #629ad1;border-radius:3px 3px 0 0;display:grid;place-items:center;font-style:normal}
.roi-bar-created>span{font-size:clamp(10px,2.2cqw,12px);letter-spacing:0;line-height:1.2;white-space:nowrap}
.roi-diagram-results{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:3cqw}
.roi-diagram-results>p{margin:0!important;font-size:clamp(9px,2.7cqw,14px);line-height:1.3;font-weight:700}
.roi-diagram-results>p>strong{display:block;font-size:clamp(15px,4.2cqw,24px);white-space:nowrap;line-height:1.2;margin-top:.8cqw}
.roi-diagram-results>p>strong>span{font-size:1.8em;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.roi-diagram-results>p>small{display:block;font-size:clamp(10px,2.3cqw,12px);font-weight:400;margin-top:.5cqw}
.roi-created-hours{border-top:1px solid #b3cbe5;padding-top:2cqw;line-height:1.35}
.roi-created-hours>span{display:block;font-size:clamp(10px,2.4cqw,12px);white-space:nowrap}
.roi-created-hours>strong{display:block;font-size:clamp(20px,6.3cqw,36px);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em}
.roi-created-hours>strong>small{font-size:.3em;letter-spacing:0;margin-left:.6em}
.roi-next-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw}
.roi-next-work>span{text-align:center;font-size:clamp(10px,2cqw,11px);line-height:1.5;padding:1.5cqw .5cqw;background:#dceafd;border-radius:4px;white-space:nowrap}
.roi-diagram-condition{font-size:clamp(10px,2cqw,11px);line-height:1.4;letter-spacing:0;text-align:center;margin-top:1cqw}
.roi-diagram[data-diagram-state=running] :is(.roi-bar-before,.roi-bar-after){animation:roi-bar-in 1.2s cubic-bezier(.2,.65,.3,1) both}
.roi-diagram[data-diagram-state=running] .roi-bar-after{animation-delay:.18s}
.roi-diagram[data-diagram-state=running] .roi-bar-created{animation:roi-created-in 1.2s ease .65s both}
.roi-diagram[data-diagram-state=running] .roi-next-work>span{animation:roi-work-glow 4.8s ease-in-out 1.6s infinite}
.roi-diagram[data-diagram-state=running] .roi-next-work>span:nth-child(2){animation-delay:3.2s}
.roi-diagram[data-diagram-state=running] .roi-next-work>span:nth-child(3){animation-delay:4.8s}
@keyframes roi-bar-in{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
@keyframes roi-created-in{from{opacity:.25}to{opacity:1}}
@keyframes roi-work-glow{0%,30%,100%{background:#dceafd;color:#103f87}10%,20%{background:#155ca5;color:white}}
/* The page/body CTAs remain buttons; the whole service card is a single link target. */
.service-card{position:relative}
.service-card .service-button::before{content:"";position:absolute;inset:0;z-index:1;border-radius:12px;background:none;border:0;box-shadow:none;transform:none}
.service-card .service-button:is(:hover,:active){transform:none;filter:none}
.service-card:focus-within{outline:3px solid #5297ff;outline-offset:7px;border-radius:12px}
.service-card .service-button:focus-visible{outline:0}
@media(prefers-reduced-motion:reduce){.roi-diagram *{animation:none!important;transition:none!important}}

.roi-diagram{min-height:260px}.article-visual .roi-diagram{max-height:none!important}
/* Give the chart its full rail; reserve a separate row for conditions. */
.roi-diagram{place-items:normal!important}
.roi-diagram-inner{position:absolute;inset:0;width:100%;height:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.roi-diagram-layout{grid-template-columns:1fr 1.25fr;gap:4cqw;padding-block:3cqw 2cqw}
.roi-diagram-results{min-height:0;display:grid;grid-template-rows:auto auto;align-content:space-between;gap:1cqw}
.roi-diagram-results>p>strong{font-size:clamp(15px,3.7cqw,22px)}
.roi-diagram-results>p>strong>span{font-size:1.6em}
.roi-created-hours{padding-top:1cqw}
.roi-created-hours>strong{font-size:clamp(20px,6cqw,34px)}
.roi-next-work>span{padding-block:1cqw}

/* source_agent=codex / machine=mac-mini. Two readable lines of model assumptions on the homepage. */
#media .roi-diagram-condition>span{display:block}

/* source_agent=codex / machine=mac-mini. Native text determines figure height, including at larger text sizes. */
.roi-diagram{aspect-ratio:auto!important;min-height:260px}
.roi-diagram-inner{position:relative;inset:auto;min-height:inherit;height:auto;grid-template-rows:auto minmax(min-content,1fr) auto auto}
.roi-diagram-layout{display:flex;flex-wrap:wrap;min-width:0;min-height:130px}
.roi-comparison{flex:1 1 min-content;min-width:min-content;grid-template-columns:repeat(2,minmax(min-content,1fr))}
.roi-diagram-results{flex:1.25 1 max-content}
.roi-column{min-width:0;grid-template-rows:auto minmax(64px,1fr) auto}
.roi-column>span,.roi-created-hours>span,.roi-next-work>span{white-space:normal;overflow-wrap:anywhere}
.roi-diagram-results>p>strong{white-space:normal;overflow-wrap:anywhere}
.roi-created-hours>strong{display:flex;align-items:baseline;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}
.roi-created-hours>strong>small{margin-left:.6em}
.article-visual .roi-diagram{max-height:none!important}
.case-metric strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.metric-value>span[aria-hidden]{flex-wrap:wrap;max-width:100%}
.metric-counter{white-space:normal;overflow-wrap:anywhere}

.case-copy .case-button{white-space:normal;overflow-wrap:anywhere}
.article-result strong{max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}