.roi-page #article-main{max-width:1320px}.roi-page .roi-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding:65px 0 90px;align-items:center}.roi-hero .article-back{margin-bottom:46px}.roi-hero .eyebrow{letter-spacing:.19em;font-size:11px}.roi-hero h1{font-size:clamp(52px,6.5vw,94px);line-height:1.02;letter-spacing:-.065em;margin:25px 0 30px;font-weight:400}.roi-hero h1 em,.roi-section-title em{font-style:normal;color:#abe8c7}.roi-intro{font-size:clamp(21px,2vw,29px);line-height:1.45;color:#e4ece7}.roi-hero-detail{max-width:390px;font-size:16px;line-height:1.7;color:#abbcb2}.roi-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.roi-primary{display:inline-flex;justify-content:space-between;gap:26px;align-items:center;background:#b3e9cd;color:#10251b!important;border:1px solid #b3e9cd;padding:16px 21px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border-radius:2px;min-height:48px}.roi-primary:hover{background:#d0f2df}.roi-primary:disabled{opacity:.5;cursor:default}.roi-link{font:inherit;font-size:13px;color:#cbd9d0;background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:none}.roi-small{font-size:12px;line-height:1.65;color:#a4b5aa}.roi-trajectory{margin:70px 0 0;min-width:0;border-top:1px solid #aac8b733;padding-top:22px}.roi-chart-heading{display:flex;justify-content:space-between;gap:20px}.roi-chart-heading>span:last-child{font-size:11px;color:#a7b8ae}.roi-trajectory svg{display:block;width:100%;overflow:visible;margin:30px 0 5px}.roi-trajectory svg text{font:11px 'DM Sans Variable',sans-serif;fill:#b4c4b9}.roi-cost-line{stroke:#8c9f94;stroke-width:2;stroke-dasharray:5 6;fill:none}.roi-value-line{stroke:#e0e9e3;stroke-width:2.5;fill:none}.roi-chart-legend{display:flex;gap:24px;font-size:11px;flex-wrap:wrap}.roi-chart-legend span{display:flex;gap:8px;align-items:center}.roi-chart-legend i{width:20px;border-top:2px solid #e0e9e3}.roi-chart-legend span+span i{border-top:2px dashed #8c9f94}.roi-trajectory figcaption{font-size:12px;line-height:1.6;color:#a4b5aa;margin-top:20px}.roi-hero-foot{border-top:1px solid #aac8b733;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.12em;color:#8b9f92}.roi-section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #aac8b755;padding-top:45px;margin-bottom:40px}.roi-section-title h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:20px 0 0}.roi-section-title>p{font-size:13px;color:#aebdb3;line-height:1.7}.roi-workspace{scroll-margin-top:110px}.roi-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7%;align-items:start}.roi-step{padding:0 0 32px;border:0;border-bottom:1px solid #aac8b733;margin:0 0 30px;min-width:0}.roi-step legend{font-size:23px;letter-spacing:-.035em}.roi-step legend>span{font-size:11px;color:#9bafa1;margin-right:18px;vertical-align:middle}.roi-step>p,.roi-assumptions>p{font-size:14px;line-height:1.65;color:#aebdb3;margin:18px 0 28px}.roi-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}.roi-field{min-width:0}.roi-field:first-child:last-child{grid-column:1/-1}.roi-field label{display:block;font-size:13px;line-height:1.5;margin-bottom:9px;min-height:39px;color:#dce6df}.roi-input{display:flex;align-items:center;background:#10201a99;border:1px solid #aac8b74d;min-height:54px;border-radius:2px}.roi-input:focus-within{border-color:#b3e9cd;outline:1px solid #b3e9cd}.roi-input input{font:inherit;font-size:23px;color:#edf3ef;width:100%;min-width:0;border:0;outline:0;background:none;padding:11px 0 11px 13px;font-variant-numeric:tabular-nums}.roi-input>span{font-size:11px;white-space:nowrap;padding:0 10px;color:#b0c3b6}.roi-field small{display:block;font-size:11px;line-height:1.6;color:#9fafA4;margin-top:9px}.roi-error{font-size:12px;color:#f0b6a6;line-height:1.5}.roi-input:has([aria-invalid=true]){border-color:#f0b6a6}.roi-assumptions summary{cursor:pointer;padding:10px 0 20px;font-size:15px;list-style:none}.roi-assumptions summary>span{float:right;color:#b3e9cd}.roi-assumptions[open] summary>span{transform:rotate(45deg)}.roi-form-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #aac8b733;margin-top:28px;padding-top:26px}.roi-form-end label{font-size:13px}.roi-form-end select{font:inherit;background:#10201a;color:#dce6df;border:1px solid #aac8b74d;padding:10px;margin-left:8px}.roi-result{position:sticky;top:110px;background:#111e19eF;border:1px solid #accab844;border-top:2px solid #b3e9cd;padding:clamp(22px,3vw,40px);min-width:0}.roi-result h3{font-weight:400;font-size:clamp(27px,3vw,39px);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.roi-status{font-size:12px;line-height:1.6;color:#b9c9be}.roi-total{padding:25px 0;border-bottom:1px solid #aac8b733}.roi-total>span{font-size:13px}.roi-total strong{display:block;font-size:clamp(40px,4.5vw,60px);font-weight:400;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#c3edd6;overflow-wrap:anywhere;margin:10px 0}.roi-total p{font-size:12px;line-height:1.6;color:#aebeb2;margin:0;max-width:290px}.roi-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 15px;margin:27px 0 20px}.roi-metrics dt{font-size:11px;color:#b3c1b7;margin-bottom:9px}.roi-metrics dd{margin:0;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;overflow-wrap:anywhere}.roi-reconcile{border-top:1px solid #aac8b733;padding-top:22px;margin-top:24px}.roi-reconcile>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5;margin-bottom:12px}.roi-reconcile strong{font-weight:500;white-space:nowrap}.roi-reconcile>p,.roi-stress small{font-size:11px;line-height:1.6;color:#aabaae}.roi-stress{border-top:1px solid #aac8b733;padding-top:24px;margin-top:24px}.roi-stress h4{font-size:17px;font-weight:400;margin:12px 0}.roi-stress p{font-size:15px;line-height:1.6}.roi-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}.roi-result-actions .roi-primary{font-size:12px;padding:13px}.roi-contact{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #aac8b733;padding-top:22px;margin-top:24px;font-size:14px;color:#c7e9d6;text-decoration:none}.roi-method{margin:100px 0 65px;scroll-margin-top:115px}.roi-method h2{font-size:36px;font-weight:400;letter-spacing:-.04em}.roi-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin:40px 0}.roi-method-grid span{font-size:10px;letter-spacing:.15em;color:#a7bdae}.roi-method-grid h3{font-size:22px;font-weight:400}.roi-method p{font-size:14px;line-height:1.8;color:#b2c1b6}.roi-method summary{cursor:pointer;font-size:14px;border-top:1px solid #aac8b733;padding:22px 0}.roi-page .article-opening{margin-top:70px}.roi-page .roi-article-heading{font-size:44px;line-height:1.1;letter-spacing:-.035em;font-weight:400}.roi-page .article-hero{max-width:1060px;margin-left:auto;margin-right:auto}.roi-prompt{margin:0 0 50px;padding:28px 0;border-block:1px solid #b3e9cd55}.roi-prompt h2{font-size:30px!important;line-height:1.18!important;margin:12px 0!important}.roi-prompt p{font-size:15px!important}.roi-prompt a{display:inline-flex;gap:24px;color:#b3e9cd}.roi-prompt .eyebrow{font-size:10px!important}.roi-page :is(a,button,summary,select):focus-visible{outline:2px solid #b3e9cd;outline-offset:5px}.roi-noscript{padding:18px;border:1px solid #b3e9cd55}.roi-page [hidden]{display:none!important}
@media(max-width:900px){.roi-page .roi-hero{grid-template-columns:1fr;padding-top:30px;gap:10px}.roi-hero-copy{max-width:620px}.roi-trajectory{margin-top:30px;max-width:650px;width:100%}.roi-workbench{grid-template-columns:1fr;gap:35px}.roi-result{position:static}.roi-section-title{align-items:start;flex-direction:column;gap:10px}.roi-method-grid{grid-template-columns:1fr;gap:25px}.roi-method-grid h3{margin:13px 0}.roi-method-grid p{margin:10px 0}.roi-chart-heading{flex-wrap:wrap}.roi-result-actions .roi-primary{font-size:14px}.roi-hero .article-back{margin-bottom:32px}.roi-page .roi-hero{padding-bottom:55px}.roi-method{margin-top:70px}}
@media(max-width:420px){.roi-fields{grid-template-columns:1fr}.roi-field label{min-height:0}.roi-hero h1{font-size:49px}.roi-chart-legend{gap:12px;font-size:10px}.roi-form-end .roi-primary{width:100%}.roi-metrics dd{font-size:20px}.roi-hero-foot{font-size:8px}.roi-page .roi-article-heading{font-size:34px}}
@media print{body.roi-page{background:#fff!important;color:#111!important}.roi-page :is(canvas,.vignette,.site-header,#mobile-nav,.social-dock,#motion,.progress,.article-opening,.article-hero,.reading-layout,.article-afterword,.article-footer,.roi-hero,.roi-section-title,.roi-method,.roi-result-actions,.roi-contact,.roi-small,form){display:none!important}.roi-page #article-main{padding:0!important}.roi-workbench{display:block}.roi-result{position:static;background:#fff;color:#111;border:1px solid #777;padding:20px}.roi-result *{color:#111!important}.roi-result:after{content:'Planning estimate in GBP. Full assumptions: use Download my summary. de-alwis.com/how-to-measure-ai-roi/';display:block;font-size:11px;margin-top:25px}}

.roi-page #article-main{width:min(1320px,88%);margin-inline:auto;padding-top:125px}.roi-print-summary{display:none}@media print{.roi-page .roi-result>*{display:none!important}.roi-page .roi-result .roi-print-summary{display:block!important;white-space:pre-wrap;font:12px/1.6 sans-serif}.roi-page .roi-result:after{display:none}}

@media(max-width:600px){.roi-trajectory svg text{font-size:15px}}
/* Second visual pass: sculptural entrance, open editorial workbench. */
.roi-page .roi-hero{grid-template-columns:1fr 1.05fr;gap:2%;padding-top:40px;padding-bottom:100px;min-height:760px}
.roi-hero h1{font-size:clamp(54px,6.25vw,90px);letter-spacing:-.065em}.roi-hero .article-back{margin-bottom:36px}.roi-hero-detail{max-width:350px}.roi-hero-copy{position:relative;z-index:1}
.roi-sculpture{margin:70px -30px 0 0;min-width:0;align-self:center}.roi-sculpture-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.17em;color:#92a398;padding:0 25px}.roi-sculpture-meta span+span{color:#657e70}.roi-sculpture svg{display:block;width:100%;overflow:visible}.roi-ribbon{transform-origin:320px 291px;animation:roi-ribbon-breathe 14s ease-in-out infinite}.roi-art-notes path{fill:none;stroke:#8ea798;stroke-width:.6;opacity:.5}.roi-art-notes circle{fill:#cbd7cf}.roi-art-notes text{font:8px 'DM Sans Variable',sans-serif;letter-spacing:1.2px;fill:#96aa9c}.roi-sculpture figcaption{display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:12px;line-height:1.7;color:#a8baae;margin-top:-28px}.roi-sculpture figcaption a{display:grid;place-items:center;border:1px solid #9eb5a444;border-radius:50%;width:48px;height:48px;color:#c6e0d0;font-size:20px;text-decoration:none;transition:border-color .2s,transform .2s}.roi-sculpture figcaption a:hover{border-color:#b3e9cd;transform:translateY(3px)}
@keyframes roi-ribbon-breathe{0%,100%{transform:translateY(5px) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
body:has(#motion[aria-pressed=true]) .roi-ribbon{animation-play-state:paused}
.roi-primary{border-radius:0;padding:17px 23px}.roi-result{background:linear-gradient(145deg,#18251e99,#101b1555);border:1px solid #b8cbb326;border-top:1px solid #c4ddbd77;padding:34px}.roi-result h3{font-weight:400}.roi-total{padding-top:22px}.roi-total strong{font-size:clamp(44px,4.9vw,66px)}.roi-metrics{gap:27px 18px}.roi-reconcile{border-top-color:#9db89d26}.roi-input{background:#14221a55;border-color:#b6cfb333;border-radius:0;min-height:60px}.roi-input input{font-size:25px}.roi-step{padding-bottom:40px;margin-bottom:38px}.roi-step legend{font-size:25px}.roi-fields{gap:29px 24px}.roi-field small{color:#a1b2a5}.roi-section-title{padding-top:50px;margin-bottom:56px}.roi-section-title>p{max-width:300px}.roi-assumptions summary{padding-bottom:24px}.roi-method{margin-top:80px}.roi-method-grid{gap:6%}.roi-method-grid>div+div{border-left:1px solid #b4c9b326;padding-left:22px}
.roi-projection{margin-top:65px;border-block:1px solid #a9c3ad33}.roi-projection>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:28px;padding:25px 0;font-size:20px;font-weight:400;letter-spacing:-.025em}.roi-projection>summary>span{font-size:10px;letter-spacing:.13em;color:#9caf9f;margin-right:auto}.roi-projection>summary i{font-style:normal;color:#c0dac7;font-size:26px;margin-left:15px}.roi-projection[open]>summary i{transform:rotate(45deg)}.roi-projection .roi-trajectory{max-width:780px;margin:20px auto 45px;border:0;padding:0}.roi-projection .roi-hero-foot{display:none}
.roi-page .article-body .roi-faq{border:0;border-top:1px solid #aecab338;margin:0;padding:0;background:none}.roi-page .article-body .roi-faq:last-of-type{border-bottom:1px solid #aecab338}.roi-faq summary{list-style:none;display:grid;grid-template-columns:26px 1fr 22px;gap:18px;align-items:start;padding:26px 0;cursor:pointer;font-size:18px;line-height:1.5;color:#dae5dc;letter-spacing:-.02em}.roi-faq summary::-webkit-details-marker,.roi-projection>summary::-webkit-details-marker{display:none}.roi-faq-number{font-size:10px;letter-spacing:.1em;color:#8fa493;padding-top:7px}.roi-faq summary i{font-size:25px;font-style:normal;line-height:1.2;color:#b4d5bc;transition:transform .2s}.roi-faq[open] summary i{transform:rotate(45deg)}.roi-faq[open] summary{color:#bce2c6}.roi-page .roi-faq-answer{padding:0 42px 25px 44px}.roi-page .roi-faq-answer p{font-size:16px;line-height:1.85;margin:0;color:#adbdaf}.roi-faq summary:hover{color:#c6eace}.roi-faq summary:focus-visible{outline:1px solid #c6eace;outline-offset:4px}
@media(max-width:1000px){.roi-page .roi-hero{grid-template-columns:1fr 1fr;min-height:650px}.roi-hero h1{font-size:61px}.roi-sculpture{margin-right:0}.roi-sculpture-meta{padding:0;font-size:8px;letter-spacing:.08em}.roi-sculpture-meta span+span{display:none}.roi-art-notes text{font-size:10px}.roi-sculpture figcaption{padding:0;font-size:11px}.roi-sculpture figcaption a{width:40px;height:40px}.roi-result{padding:28px}}
@media(max-width:760px){.roi-page .roi-hero{grid-template-columns:1fr;gap:0;padding-top:20px;padding-bottom:60px;min-height:0}.roi-hero h1{font-size:clamp(49px,9.5vw,72px)}.roi-sculpture{width:100%;max-width:550px;margin:48px auto 0}.roi-sculpture-meta{font-size:9px;letter-spacing:.12em}.roi-sculpture-meta span+span{display:inline}.roi-sculpture figcaption{margin-top:-24px}.roi-art-notes text{font-size:11px}.roi-result{padding:24px}.roi-method-grid>div+div{border-left:0;padding-left:0}.roi-projection>summary{font-size:16px;gap:12px;flex-wrap:wrap}.roi-projection>summary>span{width:100%;font-size:9px}.roi-projection>summary i{margin-left:auto}.roi-faq summary{font-size:16px;grid-template-columns:20px 1fr 18px;gap:11px;padding:23px 0}.roi-page .roi-faq-answer{padding:0 15px 23px 31px}.roi-page .roi-faq-answer p{font-size:15px}.roi-section-title{margin-bottom:40px}.roi-sculpture svg{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.roi-ribbon{animation:none}.roi-faq summary i,.roi-sculpture figcaption a{transition:none}}
@media print{.roi-sculpture,.roi-projection{display:none!important}.roi-result{background:#fff!important}}

/* Editable controls remain distinct after the brief arrival cue ends. */
.roi-input-cue{display:flex;align-items:center;gap:12px;margin:0 0 30px;padding:13px 0;border-bottom:1px solid #b3e9cd33;color:#c4e6d2;font-size:13px;line-height:1.6}.roi-input-cue>span{font-size:23px;color:#b3e9cd}
.roi-input,.roi-form-end select{position:relative;border-color:#b3e9cd80;background-color:#b3e9cd0b;transition:border-color .2s,background-color .2s}.roi-input:hover,.roi-form-end select:hover{border-color:#b3e9cdcc;background-color:#b3e9cd12}.roi-input:focus-within{border-color:#c8f4dd;outline:1px solid #c8f4dd;background-color:#b3e9cd12}.roi-input:has([aria-invalid=true]){border-color:#f0b6a6}
.roi-input-arrival{animation:roi-edit-invitation 2s ease-in-out 2}
@keyframes roi-edit-invitation{0%,100%{box-shadow:0 0 0 0 #b3e9cd00}50%{box-shadow:0 0 0 4px #b3e9cd24;border-color:#ceffe5;background-color:#b3e9cd18}}
body:has(#motion[aria-pressed=true]) .roi-input-arrival{animation:none}
@media(prefers-reduced-motion:reduce){.roi-input-arrival{animation:none}.roi-input,.roi-form-end select{transition:none}}
@media print{.roi-input-cue{display:none!important}}