/* Approved ROI guide styles, scoped to preserve shared site components. */
.roi-guide { --ink:#20212b;--muted:#666773;--purple:#6255e7;--pale:#f3f1ff;--line:#e5e3ed;--green:#207552 }
.roi-guide * { box-sizing:border-box }
.roi-guide { margin:0;color:var(--ink);background:#fff;font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
.roi-guide a { color:inherit;text-decoration:none }
.roi-guide button,
.roi-guide input { font:inherit }
.roi-guide button,
.roi-guide a,
.roi-guide input,
.roi-guide summary { touch-action:manipulation }
.roi-guide button { cursor:pointer }
.roi-guide a:hover { color:var(--purple) }
.roi-guide a:focus-visible,
.roi-guide button:focus-visible,
.roi-guide summary:focus-visible,
.roi-guide input:focus-visible { outline:3px solid #897cff;outline-offset:4px }
.roi-guide .wrap { max-width:1240px;margin:auto;padding:0 40px }
.roi-guide .concept { background:#252132;color:white;padding:9px 30px;display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:.1em }
.roi-guide .concept span { letter-spacing:0;color:#d0cbde;font-size:11px }
.roi-guide .concept a { margin-left:auto;color:#ded8ff;white-space:nowrap }
.roi-guide header { height:96px;max-width:1320px;margin:auto;display:flex;padding:0 40px;align-items:center;justify-content:space-between;gap:30px }
.roi-guide header img { display:block }
.roi-guide header nav { display:flex;gap:32px;font-size:14px }
.roi-guide details { position:relative }
.roi-guide summary { cursor:pointer }
.roi-guide .menu { position:absolute;z-index:8;top:35px;right:0;width:300px;background:white;border:1px solid var(--line);box-shadow:0 15px 50px #29214520;border-radius:12px;padding:12px }
.roi-guide .menu a { display:block;padding:10px;font-size:13px }
.roi-guide .menu .selected { background:var(--pale);color:var(--purple) }
.roi-guide small { font-size:10px;letter-spacing:.07em }
.roi-guide .menu small { margin-left:8px }
.roi-guide .btn { display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 21px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.5;border:1px solid transparent }
.roi-guide .btn:hover { filter:brightness(.96) }
.roi-guide .btn.primary { background:var(--purple);color:white }
.roi-guide .btn.dark { background:#282330;color:white }
.roi-guide .btn.outline { border-color:#d5d0e8;background:white }
.roi-guide .btn.small { font-size:12px;padding:11px 17px }
.roi-guide .hero { padding-top:26px;padding-bottom:78px }
.roi-guide .crumb { font-size:11px;color:#74717d;display:flex;gap:13px;align-items:center }
.roi-guide .crumb span { color:#c5c1ce }
.roi-guide .hero-grid { display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-top:57px;align-items:center }
.roi-guide .eyebrow,
.roi-guide .section-label { font-size:10px;letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:var(--purple) }
.roi-guide .dot { width:6px;height:6px;background:var(--purple);display:inline-block;border-radius:100%;margin-right:8px }
.roi-guide h1,
.roi-guide h2 { font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:1.12 }
.roi-guide h1 { font-size:57px;margin:21px 0 22px }
.roi-guide h1 em { font-style:normal;color:var(--purple) }
.roi-guide .lede { font-size:17px;line-height:1.65;max-width:430px;color:var(--muted) }
.roi-guide .actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:30px }
.roi-guide .meta { font-size:10px;color:#777380;display:flex;align-items:center;gap:9px;margin-top:26px }
.roi-guide .meta i { width:3px;height:3px;border-radius:50%;background:#b8b1c6 }
.roi-guide .evidence-art { position:relative;background:#f3f0fb;border:1px solid #e5dff3;border-radius:22px;padding:24px 28px 18px;overflow:hidden;min-height:450px;background-image:radial-gradient(#bcb2d92b 1px,transparent 1px);background-size:15px 15px }
.roi-guide .art-top { display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#777085;margin-bottom:24px;position:relative;z-index:1 }
.roi-guide .orb { position:absolute;width:230px;height:230px;border:1px solid #d4c7ef;border-radius:50%;opacity:.7;pointer-events:none }
.roi-guide .orb-one { top:0;right:-130px }
.roi-guide .orb-two { bottom:-140px;left:-40px;width:320px;height:320px }
.roi-guide .evidence-card { position:relative;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e0d9ef;border-radius:10px;padding:17px 14px;box-shadow:0 7px 22px #4e377708 }
.roi-guide .evidence-card h3 { font-size:18px;letter-spacing:-.035em;margin:2px 0 }
.roi-guide .evidence-card p { font-size:9px;margin:0;color:#777080 }
.roi-guide .evidence-card small { font-size:8px;color:#827494;letter-spacing:.12em }
.roi-guide .card-num { font-family:var(--font-display);font-size:21px;color:#a99abe;align-self:flex-start }
.roi-guide .card-one { margin-right:28px }
.roi-guide .card-two { margin-left:14px;margin-right:14px }
.roi-guide .card-three { margin-left:28px;border-color:#c9dfd2;background:#f9fefa }
.roi-guide .card-three small { color:var(--green) }
.roi-guide .connector { position:relative;z-index:1;color:#a28dbf;font-size:18px;margin:4px 0 4px 28px;display:flex;align-items:center;gap:10px }
.roi-guide .connector span { font-size:8px;letter-spacing:.02em;color:#92869e }
.roi-guide .mini-bars { display:flex;gap:3px;align-items:flex-end;height:28px;margin-left:auto }
.roi-guide .mini-bars i { width:5px;background:#cfc6fa;height:11px;border-radius:2px }
.roi-guide .mini-bars i:nth-child(2) { height:16px }
.roi-guide .mini-bars i:nth-child(3) { height:21px }
.roi-guide .mini-bars i:nth-child(4) { height:28px;background:var(--purple) }
.roi-guide .glyph,
.roi-guide .seal { margin-left:auto;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--pale);color:var(--purple);font-size:18px }
.roi-guide .seal { background:#e3f3e8;color:var(--green) }
.roi-guide .art-foot { position:relative;text-align:center;font-family:var(--font-display);font-style:italic;color:#867491;font-size:13px;margin-top:22px }
.roi-guide .thesis { background:#f9f8fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line) }
.roi-guide .thesis .wrap { display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:30px;padding-bottom:30px }
.roi-guide .thesis span { font-size:9px;letter-spacing:.12em;max-width:70px;color:#908799 }
.roi-guide .thesis p { font-size:19px;line-height:1.5;margin:0;letter-spacing:-.025em }
.roi-guide .thesis strong { font-weight:600 }
.roi-guide .thesis a { font-size:11px;color:var(--purple);max-width:170px }
.roi-guide .reading { display:grid;grid-template-columns:215px minmax(0,740px);gap:78px;padding-top:70px;padding-bottom:90px }
.roi-guide .toc { position:sticky;top:35px;align-self:start }
.roi-guide .toc>a { display:block;font-size:11px;color:#777280;padding:9px 0 }
.roi-guide .toc .eyebrow { margin-bottom:19px }
.roi-guide .toc>a:hover { color:var(--purple) }
.roi-guide .toc-cta { margin-top:30px;border-top:1px solid var(--line);padding-top:24px;max-width:180px }
.roi-guide .spark { color:var(--purple);font-size:32px }
.roi-guide .toc h3 { font-size:15px;font-weight:600;margin:4px 0 }
.roi-guide .toc p { font-size:11px;color:var(--muted) }
.roi-guide .toc-cta a { font-size:11px;font-weight:600;color:var(--purple) }
.roi-guide article p { font-size:15px;line-height:1.85;color:#5f5b68;margin:18px 0 }
.roi-guide article .intro p { font-size:17px;color:#48424e }
.roi-guide .intro strong { color:var(--ink) }
.roi-guide article section { padding-top:65px;scroll-margin-top:130px }
.roi-guide h2 { font-size:39px;margin:16px 0 22px }
.roi-guide h3 { font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.4 }
.roi-guide .return-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 }
.roi-guide .return-grid>div { padding:22px;border:1px solid var(--line);border-radius:10px }
.roi-guide .return-grid span { display:block;font-size:23px;color:var(--purple);line-height:1 }
.roi-guide .return-grid h3 { margin:15px 0 7px;font-size:15px }
.roi-guide .return-grid p { font-size:12px;line-height:1.7;margin:0 }
.roi-guide .note { border-left:2px solid #8f81e8;padding:14px 19px;background:#f9f8fc;font-size:12px;line-height:1.8;color:#70677d }
.roi-guide .note strong { color:#443c51 }
.roi-guide figure { margin:28px 0;padding:26px;border:1px solid var(--line);border-radius:13px }
.roi-guide figcaption { display:flex;align-items:center;justify-content:space-between;gap:14px }
.roi-guide figcaption h3 { font-size:16px;margin:7px 0 }
.roi-guide .pill { font-size:8px;white-space:nowrap;color:#7f778e;background:#f4f2f8;border:1px solid #e9e5f0;padding:4px 8px;border-radius:4px }
.roi-guide .legend { display:flex;gap:18px;font-size:9px;color:var(--muted);margin:22px 0 }
.roi-guide .legend span { display:flex;align-items:center;gap:6px }
.roi-guide .legend i { width:7px;height:7px;border-radius:2px }
.roi-guide .purple { background:var(--purple) }
.roi-guide .gray { background:#dedbe8 }
.roi-guide .bar-row { display:flex;align-items:center;gap:10px;margin:14px 0;font-size:10px }
.roi-guide .bar-row>span { width:55px;flex-shrink:0 }
.roi-guide .bar { height:34px;display:flex;border-radius:5px;overflow:hidden }
.roi-guide .baseline { width:calc((100% - 105px)*.7142857) }
.roi-guide .current { width:calc(100% - 105px) }
.roi-guide .bar b { display:grid;place-items:center;font-size:11px;font-weight:500 }
.roi-guide .features { background:var(--purple);color:white }
.roi-guide .maintenance { background:#e1ddeb;color:#76698e }
.roi-guide .baseline .features { width:60% }
.roi-guide .baseline .maintenance { width:40% }
.roi-guide .current .features { width:40% }
.roi-guide .current .maintenance { width:60% }
.roi-guide .figure-stats { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;gap:24px }
.roi-guide .figure-stats strong { font-size:26px;font-weight:500;letter-spacing:-.04em;display:block }
.roi-guide .figure-stats span { font-size:10px;color:#7c7389 }
.roi-guide .allocation>p { font-size:11px;margin-bottom:0 }
.roi-guide .pipe-label { font-size:9px;color:#877d91;margin-top:20px;margin-bottom:6px }
.roi-guide .pipe { display:flex;gap:5px }
.roi-guide .pipe>div { border-radius:4px;background:#eeecf3;padding:10px 9px;color:#80748d;font-size:9px;min-width:0 }
.roi-guide .pipe .build { background:#e6e0ff;color:var(--purple) }
.roi-guide .pipe .wait { background:#f8eacb;color:#96753b }
.roi-guide .pipe b { display:block;font-size:16px;font-weight:500 }
.roi-guide .pipe-result { display:flex;gap:15px;align-items:center;margin-top:22px;border-top:1px solid var(--line);padding-top:18px }
.roi-guide .pipe-result strong { font-size:17px }
.roi-guide .pipe-result span { font-size:10px;color:var(--muted) }
.roi-guide .claim-steps { padding:23px;background:#f7f5fc;border-radius:10px }
.roi-guide .claim-steps>div { display:flex;justify-content:space-between;align-items:center;gap:20px }
.roi-guide .claim-steps small { font-size:8px;max-width:130px;color:#89769d }
.roi-guide .claim-steps p { font-size:13px;color:#57406f;margin:7px 0 }
.roi-guide .claim-steps>span { color:#c4b3d3 }
.roi-guide .economic { display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line) }
.roi-guide .economic>span { font-size:11px;color:var(--purple);padding-top:4px }
.roi-guide .economic h3 { margin:0 }
.roi-guide .economic p { font-size:12px;margin:3px 0 }
.roi-guide .economic code { font:10px/1.6 ui-monospace,monospace;display:block;color:#82758e }
.roi-guide .roi-example { background:#fcfbfe }
.roi-guide .waterfall { display:flex;gap:22px;margin-top:27px;align-items:flex-start;padding-bottom:0;border-bottom:1px solid #dfd8e9;height:204px }
.roi-guide .waterfall>div { flex:1;display:flex;flex-direction:column;height:100%;justify-content:flex-end }
.roi-guide .waterfall small { font-size:8px;letter-spacing:0;color:#81738c }
.roi-guide .waterfall strong { font-size:23px;font-weight:500;letter-spacing:-.04em;margin:2px 0 8px }
.roi-guide .water { border-radius:4px 4px 0 0 }
.roi-guide .h120 { height:132px;background:#c3b8f7 }
.roi-guide .h40 { height:44px;background:#e5daed;margin-bottom:88px }
.roi-guide .h80 { height:88px;background:var(--purple) }
.roi-guide .roi-answer { display:flex;align-items:center;gap:28px;padding-top:25px }
.roi-guide .roi-answer>div { min-width:120px }
.roi-guide .roi-answer span { font-size:8px;letter-spacing:.1em;color:var(--purple);display:block }
.roi-guide .roi-answer strong { font-size:49px;font-weight:500;letter-spacing:-.06em;line-height:1.2;color:var(--purple) }
.roi-guide .roi-answer p { font-size:11px;margin:0 }
.roi-guide .footnote { font-size:9px!important;margin-bottom:0!important;color:#9b92a4!important }
.roi-guide .scorecard { border:1px solid var(--line);border-radius:9px;overflow:hidden }
.roi-guide .scorecard>div { display:grid;grid-template-columns:155px 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid var(--line) }
.roi-guide .scorecard>div:last-child { border:0;background:#f5f2ff }
.roi-guide .scorecard span { font-size:11px;font-weight:600 }
.roi-guide .scorecard p { font-size:11px;margin:0;line-height:1.7 }
.roi-guide .timeline { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 }
.roi-guide .timeline>div { border-top:2px solid #d4caf8;padding-top:15px }
.roi-guide .timeline span { font-size:25px;font-weight:500;letter-spacing:-.04em;color:var(--purple) }
.roi-guide .timeline h3 { font-size:13px;margin:12px 0 8px }
.roi-guide .timeline p { font-size:11px;line-height:1.8;margin:0 }
.roi-guide .sources { margin-top:48px;border-top:1px solid var(--line);padding-top:20px }
.roi-guide .sources summary { font-size:12px;font-weight:600 }
.roi-guide .sources summary span { float:right;font-size:9px;color:#8b8296;font-weight:400 }
.roi-guide .sources p,
.roi-guide .sources li { font-size:11px }
.roi-guide .sources a { color:var(--purple) }
.roi-guide .planner-section { background:#f1eefb;padding:70px 0 80px;border-block:1px solid #e4dff2 }
.roi-guide .planner-heading { display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:30px }
.roi-guide .planner-heading h2 { font-size:43px;margin-bottom:0 }
.roi-guide .planner-heading>p { font-size:14px;color:#7b718b;max-width:360px }
.roi-guide .wizard { display:grid;grid-template-columns:255px 1fr;border:1px solid #e1d8ef;border-radius:13px;background:white;overflow:hidden;box-shadow:0 20px 70px #4c34660a;min-height:465px }
.roi-guide .wizard>aside { background:#f9f7fe;padding:32px 25px;border-right:1px solid #e6e0ef }
.roi-guide .wizard ol { list-style:none;padding:0;counter-reset:step;margin:32px 0 56px }
.roi-guide .wizard li { counter-increment:step;display:flex;gap:12px;align-items:center;font-size:11px;color:#9d91aa;margin:21px 0 }
.roi-guide .wizard li:before { content:counter(step);display:grid;place-items:center;width:23px;height:23px;border:1px solid #ddd4e8;border-radius:100%;font-size:10px }
.roi-guide .wizard li.active { color:var(--purple);font-weight:600 }
.roi-guide .wizard li.active:before { background:var(--purple);color:white;border-color:var(--purple) }
.roi-guide .wizard aside p { font-size:10px;line-height:1.9;color:#9a8aa7;max-width:185px }
.roi-guide .wizard-body { padding:35px 42px }
.roi-guide .wizard-body > h3 { font-size:25px;font-weight:500;letter-spacing:-.045em;margin:9px 0 }
.roi-guide .wizard-body>p { font-size:12px;color:#92879c;margin-top:4px }
.roi-guide .choice-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 }
.roi-guide .choice { display:block;text-align:left;padding:18px;background:white;border:1px solid #e3dce9;border-radius:8px;color:var(--ink) }
.roi-guide .choice[aria-pressed=true] { background:#f6f3ff;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple) }
.roi-guide .choice strong { font-size:13px;display:flex;justify-content:space-between;align-items:center;font-weight:500 }
.roi-guide .choice strong:after { content:"○";color:#c2b6cf;font-size:19px;line-height:1 }
.roi-guide .choice[aria-pressed=true] strong:after { content:"●";color:var(--purple) }
.roi-guide .choice span { display:block;font-size:10px;line-height:1.7;margin-top:6px;color:#90819e }
.roi-guide .wizard-actions { display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:25px;border-top:1px solid var(--line);gap:16px }
.roi-guide .wizard-actions>span { font-size:10px;color:#9a8ca5 }
.roi-guide .back { border:0;background:none;color:#82768f;font-size:12px;padding:8px }
.roi-guide .fields { display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0 }
.roi-guide .fields label { font-size:11px;color:#776781 }
.roi-guide .fields input { display:block;width:100%;padding:10px 12px;border:1px solid #dfd6e9;border-radius:5px;margin-top:5px;font-size:12px;color:#4a3a59;background:white }
.roi-guide .fields input::placeholder { color:#b8abbf }
.roi-guide .check { display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #eee8f3;padding:12px 0;font-size:12px }
.roi-guide .check input { accent-color:var(--purple);margin-top:5px;flex-shrink:0 }
.roi-guide .check small { display:block;color:#97879f;font-size:10px;letter-spacing:0 }
.roi-guide .plan-summary { background:#f6f3fc;padding:18px;border:1px solid #e4dbee;border-radius:8px;margin:20px 0 }
.roi-guide .plan-summary p { font-size:12px;line-height:1.8;margin:6px 0;color:#72627f }
.roi-guide .plan-summary h4 { font-size:14px;margin:0;color:#564168 }
.roi-guide .plan-list { padding-left:18px;margin:15px 0 }
.roi-guide .wizard .plan-list li { display:list-item;font-size:11px;line-height:1.7;margin:6px 0;color:#8b749b }
.roi-guide .wizard .plan-list li:before { content:none }
.roi-guide .status { font-size:11px;color:var(--green);min-height:18px }
.roi-guide .placement { padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:65px }
.roi-guide .placement h2 { font-size:34px }
.roi-guide .placement p { font-size:12px;color:#8f8299 }
.roi-guide .placement code { font-size:10px;color:var(--purple) }
.roi-guide .placements>div { padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line) }
.roi-guide .placements small { font-size:8px;color:var(--purple) }
.roi-guide .placements h3 { font-size:14px;margin:8px 0 }
.roi-guide .placements p { font-size:11px;margin:0 }
.roi-guide footer { background:#16141b;color:#ada5b5;padding:60px 0 25px }
.roi-guide footer h3 { color:white;font-size:12px;font-weight:500;margin:0 0 18px }
.roi-guide footer a { display:block;font-size:10px;margin:11px 0 }
.roi-guide footer p { font-size:10px;color:#867a95;line-height:1.8 }
.roi-guide .footer-top { display:grid;grid-template-columns:1.05fr 1fr 1fr 1.15fr;gap:30px;padding-bottom:38px;border-bottom:1px solid #39313f }
.roi-guide .footer-top img { margin-bottom:12px }
.roi-guide .footer-bottom { display:grid;grid-template-columns:1.05fr 1fr 1fr 1.15fr;gap:30px;padding:35px 0 }
.roi-guide .footer-bottom>p { align-self:end }
.roi-guide .new-link { color:#c9b9ff }
.roi-guide .new-link small { font-size:7px;background:#403456;padding:2px 4px;margin-left:4px;border-radius:2px }
.roi-guide .legal { border-top:1px solid #39313f;padding-top:20px;font-size:9px;color:#74697f;display:flex;justify-content:space-between }
@media (min-width:1450px) {
.roi-guide .wrap { max-width:1320px }
.roi-guide .hero-grid { gap:70px }
.roi-guide h1 { font-size:64px }
.roi-guide .evidence-art { padding:28px 35px }
.roi-guide .evidence-card { padding:20px 17px }
.roi-guide .reading { gap:110px }
}
@media (max-width:1000px) {
.roi-guide header nav { gap:16px }
.roi-guide .hero-grid { gap:24px }
.roi-guide h1 { font-size:45px }
.roi-guide .evidence-art { padding:20px 16px }
.roi-guide .evidence-card h3 { font-size:15px }
.roi-guide .evidence-card p { font-size:8px }
.roi-guide .reading { gap:38px;grid-template-columns:175px minmax(0,1fr) }
.roi-guide .wizard { grid-template-columns:220px 1fr }
.roi-guide .wizard-body { padding:30px 25px }
.roi-guide .btn { font-size:11px;padding:12px 15px }
.roi-guide .meta { flex-wrap:wrap }
.roi-guide .glyph,
.roi-guide .seal { display:none }
}
@media (max-width:760px) {
.roi-guide .wrap { padding-left:23px;padding-right:23px }
.roi-guide .concept { padding:8px 16px;font-size:8px;gap:10px }
.roi-guide .concept span { display:none }
.roi-guide .concept a { font-size:8px }
.roi-guide header { height:75px;padding:0 23px }
.roi-guide header nav { display:none }
.roi-guide header img { width:120px }
.roi-guide header .btn { font-size:9px;padding:9px 12px }
.roi-guide .hero { padding-top:15px;padding-bottom:40px }
.roi-guide .crumb { font-size:8px;gap:7px }
.roi-guide .hero-grid { grid-template-columns:1fr;padding-top:35px;gap:35px }
.roi-guide h1 { font-size:45px }
.roi-guide .eyebrow { font-size:8px }
.roi-guide .lede { font-size:15px }
.roi-guide .evidence-art { max-width:510px;width:100%;margin:auto;padding:20px;min-height:auto }
.roi-guide .evidence-card { padding:16px 13px }
.roi-guide .evidence-card h3 { font-size:18px }
.roi-guide .evidence-card p { font-size:9px }
.roi-guide .glyph,
.roi-guide .seal { display:grid }
.roi-guide .thesis .wrap { align-items:flex-start;gap:16px;flex-wrap:wrap }
.roi-guide .thesis p { font-size:16px }
.roi-guide .thesis span { font-size:7px;max-width:47px }
.roi-guide .thesis a { margin-left:63px;max-width:none }
.roi-guide .reading { display:block;padding-top:35px;padding-bottom:45px }
.roi-guide .toc { position:static;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:30px;display:flex;gap:7px;flex-wrap:wrap }
.roi-guide .toc .eyebrow { width:100%;margin:0 }
.roi-guide .toc>a { font-size:9px;padding:4px 8px;background:#f6f3fc;border-radius:4px }
.roi-guide .toc-cta { display:none }
.roi-guide article .intro p { font-size:16px }
.roi-guide article section { padding-top:43px }
.roi-guide h2 { font-size:33px }
.roi-guide article p { font-size:14px }
.roi-guide .return-grid { gap:9px }
.roi-guide .return-grid>div { padding:16px }
.roi-guide .return-grid h3 { font-size:13px }
.roi-guide .return-grid p { font-size:11px }
.roi-guide figure { padding:18px }
.roi-guide figcaption { align-items:flex-start;flex-wrap:wrap }
.roi-guide .pill { font-size:7px }
.roi-guide .figure-stats { gap:10px }
.roi-guide .figure-stats strong { font-size:23px }
.roi-guide .figure-stats span { font-size:8px }
.roi-guide .pipe>div { font-size:7px;padding:8px 5px }
.roi-guide .pipe-result { align-items:flex-start;flex-direction:column;gap:3px }
.roi-guide .claim-steps>div { display:block }
.roi-guide .claim-steps small { max-width:none }
.roi-guide .economic code { font-size:8px;overflow-wrap:anywhere }
.roi-guide .waterfall { gap:13px }
.roi-guide .waterfall small { font-size:7px;line-height:1.4 }
.roi-guide .roi-answer { gap:15px;align-items:flex-start }
.roi-guide .roi-answer>div { min-width:92px }
.roi-guide .roi-answer strong { font-size:40px }
.roi-guide .roi-answer p { font-size:9px }
.roi-guide .scorecard>div { grid-template-columns:90px 1fr;gap:12px;padding:12px }
.roi-guide .scorecard span,
.roi-guide .scorecard p { font-size:10px }
.roi-guide .timeline { gap:12px }
.roi-guide .timeline span { font-size:22px }
.roi-guide .timeline h3 { font-size:12px }
.roi-guide .timeline p { font-size:10px }
.roi-guide .sources summary span { float:none;display:block;padding-left:15px }
.roi-guide .planner-section { padding:45px 0 }
.roi-guide .planner-heading { display:block }
.roi-guide .planner-heading h2 { font-size:35px }
.roi-guide .planner-heading>p { font-size:13px }
.roi-guide .wizard { display:block }
.roi-guide .wizard>aside { padding:16px 20px;border-right:0;border-bottom:1px solid var(--line) }
.roi-guide .wizard aside>.eyebrow,
.roi-guide .wizard aside>p { display:none }
.roi-guide .wizard ol { display:flex;gap:12px;justify-content:space-between;margin:0 }
.roi-guide .wizard li { font-size:0;gap:0;margin:0 }
.roi-guide .wizard li.active { font-size:10px;gap:8px }
.roi-guide .wizard li:before { flex-shrink:0 }
.roi-guide .wizard-body { padding:25px 20px }
.roi-guide .wizard-body > h3 { font-size:23px }
.roi-guide .choice-grid { gap:9px }
.roi-guide .choice { padding:13px }
.roi-guide .choice strong { font-size:11px }
.roi-guide .choice span { font-size:9px }
.roi-guide .fields { grid-template-columns:1fr }
.roi-guide .wizard-actions>span { font-size:9px }
.roi-guide .placement { display:block;padding-top:40px;padding-bottom:35px }
.roi-guide .placements { margin-top:25px }
.roi-guide .footer-top,
.roi-guide .footer-bottom { grid-template-columns:1fr 1fr;gap:25px }
.roi-guide .footer-top>div:first-child { grid-column:1/-1 }
.roi-guide .footer-top>div:last-child { grid-column:1/-1 }
.roi-guide footer { padding-top:35px }
.roi-guide .legal { font-size:8px;gap:15px }
}
@media (prefers-reduced-motion:reduce) {

}
.roi-guide .answer-block { padding:23px 25px;background:#f6f3ff;border:1px solid #e4ddf5;border-radius:10px;margin:28px 0 }
.roi-guide .answer-block p { font-size:13px;color:#665773;line-height:1.9;margin:12px 0 0 }
.roi-guide .research { padding:25px;margin:30px 0;border:1px solid #d5e3dc;background:#f9fcfa;border-radius:11px }
.roi-guide .research-top { display:flex;justify-content:space-between;gap:15px;align-items:center }
.roi-guide .research .eyebrow { color:#327b5b;font-size:8px }
.roi-guide .research h3 { font-size:20px;font-weight:500;margin:17px 0 8px;letter-spacing:-.035em }
.roi-guide .research p { font-size:12px;line-height:1.85 }
.roi-guide .research a { font-size:10px;color:#297154;text-decoration:underline;text-underline-offset:4px;margin-right:15px }
.roi-guide .research .research-scope { font-size:10px;color:#7c8c82;border-top:1px solid #dae5de;padding-top:15px }
.roi-guide .benchmark-bars { margin:24px 0 }
.roi-guide .benchmark-bars>div { display:grid;grid-template-columns:100px minmax(0,1fr) 40px;gap:12px;align-items:center;margin:13px 0;font-size:10px;color:#718379 }
.roi-guide .benchmark-bars i { display:block;height:14px;width:var(--w);background:#a7caba;border-radius:2px }
.roi-guide .benchmark-bars>div:nth-child(2) i { background:#368465 }
.roi-guide .benchmark-bars strong { color:#306e52;font-size:13px }
.roi-guide .compact { margin-top:35px }
.roi-guide .faq h3 { font-size:15px;margin-top:28px }
.roi-guide .faq p { font-size:13px }
@media (max-width:760px) {
.roi-guide .research,
.roi-guide .answer-block { padding:18px }
.roi-guide .research-top { flex-wrap:wrap;gap:8px }
.roi-guide .benchmark-bars>div { grid-template-columns:85px minmax(0,1fr) 35px;gap:9px;font-size:9px }
.roi-guide .research h3 { font-size:18px }
}
.roi-guide { --lime:#d6f32f;--lime-ink:#14113f;--lime-soft:#f7fbdf }
.roi-guide .dot { background:var(--lime);box-shadow:0 0 0 3px #d6f32f26 }
.roi-guide .seal { background:var(--lime);color:var(--lime-ink) }
.roi-guide .card-three { border-color:#dce7ad;background:#fcfef3 }
.roi-guide .thesis .wrap>span { background:var(--lime);color:var(--lime-ink);padding:7px 9px;border-radius:4px;max-width:85px }
.roi-guide .wizard li.active:before { background:var(--lime);color:var(--lime-ink);border-color:#c2da36 }
.roi-guide .choice[aria-pressed=true] strong:after { color:var(--lime-ink);background:var(--lime);border-radius:50%;font-size:12px;display:grid;place-items:center;width:19px;height:19px }
.roi-guide .wizard-actions .btn.primary { background:var(--lime);color:var(--lime-ink);border-color:#cadf54 }
.roi-guide .timeline>div { border-top-color:var(--lime) }
.roi-guide .new-link small { background:var(--lime);color:var(--lime-ink) }
.roi-guide .metric-starter { background:#fafbed;border:1px solid #e4e9c9;border-radius:8px;padding:17px 19px;margin:25px 0 }
.roi-guide .metric-starter>strong { font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#535935 }
.roi-guide .metric-links { display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 }
.roi-guide .metric-links a { display:inline-block;background:white;border:1px solid #dfe3cb;padding:5px 9px;border-radius:5px;font-size:10px;line-height:1.6;color:#53458c }
.roi-guide .metric-links a:hover { border-color:var(--purple);background:var(--pale) }
.roi-guide .metric-starter p { font-size:11px;color:#777763;line-height:1.8;margin:8px 0 0 }
.roi-guide .metric-starter a,
.roi-guide .metric-item a,
.roi-guide .metric-common a { color:var(--purple);text-decoration:underline;text-underline-offset:3px }
.roi-guide .metric-starter small { font-size:10px;letter-spacing:0;color:#8b896f }
.roi-guide .phase-metrics { border:1px solid var(--line);border-radius:10px;padding:23px }
.roi-guide .phase-metrics>h3 { margin:0;font-size:16px }
.roi-guide .phase-metrics>p { font-size:11px }
.roi-guide .phase-row { display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0 }
.roi-guide .phase-row:last-child { padding-bottom:0 }
.roi-guide .phase-row>strong { font-size:11px;padding-top:13px;color:#686f2b }
.roi-guide .phase-row p { font-size:11px;margin:6px 0 }
.roi-guide .metric-plan { margin:25px 0;border:1px solid #e3e8ca;border-radius:9px;overflow:hidden }
.roi-guide .metric-plan>h4 { margin:0;padding:15px 20px 5px;background:var(--lime-soft);font-size:14px }
.roi-guide .metric-plan>p { margin:0;padding:0 20px 17px;background:var(--lime-soft);font-size:11px;color:#777a62;line-height:1.8 }
.roi-guide .metric-phase { padding:17px 20px;border-top:1px solid var(--line) }
.roi-guide .metric-phase h5 { font-size:11px;margin:0 0 13px;color:#756281 }
.roi-guide .metric-item { margin:10px 0 }
.roi-guide .metric-item a { font-size:12px;font-weight:500 }
.roi-guide .metric-item p { font-size:10px;line-height:1.8;color:#8c7d96;margin:3px 0 12px }
.roi-guide .metric-common { background:#faf9fd;padding:17px 20px;border-top:1px solid var(--line) }
.roi-guide .metric-common strong { font-size:11px }
.roi-guide .metric-common p { font-size:10px;line-height:1.9;color:#8b7b95;margin-bottom:0 }
.roi-guide .sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap }
@media (max-width:760px) {
.roi-guide .thesis .wrap>span { max-width:64px;font-size:7px }
.roi-guide .phase-metrics { padding:17px }
.roi-guide .phase-row { grid-template-columns:1fr;gap:3px }
.roi-guide .phase-row>strong { padding-top:0 }
.roi-guide .metric-plan>h4,
.roi-guide .metric-plan>p,
.roi-guide .metric-phase,
.roi-guide .metric-common { padding-left:15px;padding-right:15px }
.roi-guide .metric-links a { font-size:9px }
}
.roi-guide .goal-art .evidence-card h3 { max-width:285px;font-size:17px;line-height:1.35;margin:4px 0 8px }
.roi-guide .goal-art .evidence-card p { font-size:9px;line-height:1.6 }
.roi-guide .goal-art .card-num { padding-top:1px }
.roi-guide .goal-art .art-foot { font-size:11px }
.roi-guide .framework { padding:56px 0 38px;background:#f8f7fc;border-block:1px solid var(--line) }
.roi-guide .framework-heading { display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:end;margin-bottom:35px }
.roi-guide .framework-heading h2 { font-size:38px;margin:14px 0 0;line-height:1.17 }
.roi-guide .framework-heading>p { font-size:15px;line-height:1.85;color:#6f657a;max-width:460px;margin:0 0 3px }
.roi-guide .framework-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none }
.roi-guide .framework-steps>li { border-top:2px solid #d8d0ee;padding-top:20px }
.roi-guide .framework-steps>li:first-child { border-top-color:var(--lime) }
.roi-guide .framework-number { display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eeebf8;color:var(--purple);font-size:11px }
.roi-guide .framework-steps>li:first-child .framework-number { background:var(--lime);color:var(--lime-ink) }
.roi-guide .framework-steps h3 { font-size:17px;margin:14px 0 10px;font-weight:500 }
.roi-guide .framework-steps p { font-size:12px;line-height:1.85;color:#797080;margin:0 0 18px;max-width:320px }
.roi-guide .framework-steps a { font-size:11px;font-weight:500;color:var(--purple) }
.roi-guide .framework-loop { display:flex;gap:12px;align-items:center;border-top:1px solid #e5deee;margin-top:30px;padding-top:18px;color:#8d8196 }
.roi-guide .framework-loop>span { font-size:22px;color:var(--purple);line-height:1 }
.roi-guide .framework-loop p { font-size:11px;margin:0 }
.roi-guide .reading { padding-top:55px }
@media (max-width:1000px) {
.roi-guide .framework-heading { gap:35px }
.roi-guide .framework-heading h2 { font-size:33px }
.roi-guide .framework-steps { gap:23px }
.roi-guide .framework-steps h3 { font-size:15px }
.roi-guide .goal-art .evidence-card h3 { font-size:15px }
}
@media (max-width:760px) {
.roi-guide .framework { padding:36px 0 26px }
.roi-guide .framework-heading { display:block;margin-bottom:25px }
.roi-guide .framework-heading h2 { font-size:32px }
.roi-guide .framework-heading>p { font-size:14px;margin-top:20px }
.roi-guide .framework-steps { display:block }
.roi-guide .framework-steps>li { padding:20px 0;margin-top:9px }
.roi-guide .framework-steps h3 { font-size:17px }
.roi-guide .framework-steps p { font-size:13px;max-width:none;margin-bottom:12px }
.roi-guide .framework-loop { margin-top:5px;align-items:flex-start }
.roi-guide .framework-loop p { font-size:11px }
.roi-guide .goal-art .evidence-card h3 { font-size:16px }
.roi-guide .goal-art .evidence-card p { font-size:8px }
.roi-guide .goal-art .art-foot { font-size:10px }
.roi-guide .reading { padding-top:35px }
}
.roi-guide .framework-marker { display:block;width:25px;height:5px;background:#d2c9f1;border-radius:3px;margin:7px 0 24px }
.roi-guide .framework-steps>li:first-child .framework-marker { background:var(--lime) }
.roi-guide .economic>.economic-marker { display:block;flex-shrink:0;width:7px;height:7px;background:#b9aceb;border-radius:2px;padding:0;margin-top:8px }
.roi-guide .framework-heading h2 { max-width:500px }
.roi-guide { font-size:17px }
.roi-guide .toc>a { font-size:14px;line-height:1.6;padding:9px 0 }
.roi-guide .toc .eyebrow { font-size:12px;letter-spacing:.1em }
.roi-guide .toc-cta { max-width:none }
.roi-guide .toc h3 { font-size:18px }
.roi-guide .toc p,
.roi-guide .toc-cta a { font-size:13px;line-height:1.7 }
.roi-guide .reading { grid-template-columns:245px minmax(0,740px);gap:60px }
.roi-guide .eyebrow,
.roi-guide .section-label { font-size:12px }
.roi-guide .crumb { font-size:12px }
.roi-guide .meta { font-size:12px;line-height:1.7 }
.roi-guide .lede { font-size:18px }
.roi-guide .btn { font-size:14px }
.roi-guide .framework-heading>p { font-size:17px }
.roi-guide .framework-steps h3 { font-size:19px }
.roi-guide .framework-steps p { font-size:15px;line-height:1.75 }
.roi-guide .framework-steps a { font-size:14px }
.roi-guide .framework-loop p { font-size:14px }
.roi-guide .art-top { font-size:10px }
.roi-guide .evidence-card small { font-size:10px }
.roi-guide .goal-art .evidence-card p { font-size:12px;line-height:1.6 }
.roi-guide .goal-art .evidence-card h3 { font-size:18px }
.roi-guide .connector span { font-size:11px }
.roi-guide .goal-art .art-foot { font-size:13px }
.roi-guide .goal-art .seal { flex-shrink:0 }
.roi-guide .hero-grid { align-items:center }
.roi-guide article p { font-size:17px;line-height:1.8 }
.roi-guide article .intro p { font-size:18px }
.roi-guide .return-grid h3 { font-size:17px }
.roi-guide .return-grid p { font-size:15px }
.roi-guide .note { font-size:14px }
.roi-guide .pill { font-size:11px;white-space:normal }
.roi-guide .legend { font-size:12px;flex-wrap:wrap }
.roi-guide .bar-row { font-size:13px }
.roi-guide .bar-row>span { width:64px }
.roi-guide .bar b { font-size:13px }
.roi-guide .baseline { width:calc((100% - 116px)*.7142857) }
.roi-guide .current { width:calc(100% - 116px) }
.roi-guide .figure-stats span { font-size:13px }
.roi-guide .allocation>p { font-size:14px }
.roi-guide .pipe-label { font-size:12px }
.roi-guide .pipe>div { font-size:11px;overflow-wrap:anywhere }
.roi-guide .pipe-result span { font-size:13px }
.roi-guide .claim-steps small { font-size:10px }
.roi-guide .claim-steps p { font-size:15px }
.roi-guide .economic p { font-size:15px }
.roi-guide .economic code { font-size:12px;overflow-wrap:anywhere }
.roi-guide .waterfall small { font-size:11px;line-height:1.5 }
.roi-guide .roi-answer p { font-size:14px }
.roi-guide .roi-answer span { font-size:11px }
.roi-guide .roi-answer>div { min-width:135px }
.roi-guide .footnote { font-size:12px!important;color:#817689!important }
.roi-guide .scorecard span,
.roi-guide .scorecard p { font-size:14px }
.roi-guide .timeline h3 { font-size:16px }
.roi-guide .timeline p { font-size:14px }
.roi-guide .sources summary { font-size:15px }
.roi-guide .sources summary span { font-size:12px }
.roi-guide .sources p,
.roi-guide .sources li { font-size:14px }
.roi-guide .research .eyebrow { font-size:10px }
.roi-guide .research p { font-size:15px }
.roi-guide .research a { font-size:13px;display:inline-block;margin-top:5px }
.roi-guide .research .research-scope { font-size:13px }
.roi-guide .benchmark-bars>div { font-size:12px;grid-template-columns:115px minmax(0,1fr) 44px }
.roi-guide .benchmark-bars strong { font-size:15px }
.roi-guide .faq h3 { font-size:18px }
.roi-guide .faq p { font-size:16px }
.roi-guide .metric-starter>strong { font-size:12px }
.roi-guide .metric-links a { font-size:13px;padding:6px 10px }
.roi-guide .metric-starter p,
.roi-guide .metric-starter small { font-size:14px;line-height:1.75 }
.roi-guide .phase-metrics>h3 { font-size:19px }
.roi-guide .phase-metrics>p,
.roi-guide .phase-row p { font-size:14px }
.roi-guide .phase-row { grid-template-columns:100px 1fr;gap:15px }
.roi-guide .phase-row>strong { font-size:13px }
.roi-guide .planner-heading>p { font-size:16px }
.roi-guide .wizard { grid-template-columns:260px minmax(0,1fr) }
.roi-guide .wizard li { font-size:13px }
.roi-guide .wizard aside p { font-size:12px;max-width:none }
.roi-guide .wizard-body>p { font-size:14px }
.roi-guide .choice strong { font-size:15px;gap:8px }
.roi-guide .choice strong:after { flex-shrink:0 }
.roi-guide .choice span { font-size:13px }
.roi-guide .fields label { font-size:14px }
.roi-guide .fields input { font-size:15px }
.roi-guide .check { font-size:14px }
.roi-guide .check small { font-size:12px;line-height:1.75 }
.roi-guide .wizard-actions>span { font-size:12px }
.roi-guide .back { font-size:14px }
.roi-guide .plan-summary h4 { font-size:17px }
.roi-guide .plan-summary p { font-size:14px }
.roi-guide .wizard .plan-list li { font-size:14px }
.roi-guide .metric-plan>h4 { font-size:17px }
.roi-guide .metric-plan>p { font-size:14px }
.roi-guide .metric-phase h5 { font-size:14px }
.roi-guide .metric-item a { font-size:15px }
.roi-guide .metric-item p { font-size:13px }
.roi-guide .metric-common strong { font-size:14px }
.roi-guide .metric-common p { font-size:13px }
.roi-guide .wizard-body>p[style] { font-size:12px!important }
.roi-guide .status { font-size:13px }
.roi-guide .placement p,
.roi-guide .placements p { font-size:14px }
.roi-guide .placements small { font-size:11px }
.roi-guide .placements h3 { font-size:17px }
.roi-guide .placement code { font-size:12px }
.roi-guide footer h3 { font-size:15px }
.roi-guide footer a,
.roi-guide footer p { font-size:13px }
.roi-guide .legal { font-size:11px }
.roi-guide .new-link small { font-size:9px }
.roi-guide .concept { font-size:11px }
.roi-guide .concept span { font-size:12px }
@media (min-width:1450px) {
.roi-guide .reading { gap:95px }
}
@media (max-width:1000px) {
.roi-guide .reading { grid-template-columns:205px minmax(0,1fr);gap:30px }
.roi-guide .toc>a { font-size:13px }
.roi-guide .wizard { grid-template-columns:210px minmax(0,1fr) }
.roi-guide .wizard>aside { padding:28px 20px }
.roi-guide .wizard-body { padding:30px 25px }
.roi-guide .goal-art .evidence-card h3 { font-size:16px }
.roi-guide .goal-art .evidence-card p { font-size:11px }
.roi-guide .goal-art .art-top { font-size:9px }
.roi-guide .framework-heading>p { font-size:15px }
.roi-guide .framework-steps h3 { font-size:17px }
.roi-guide .framework-steps p { font-size:14px }
.roi-guide .framework-steps a { font-size:13px }
.roi-guide .concept { flex-wrap:wrap;gap:8px 20px }
.roi-guide .concept a { margin-left:0 }
}
@media (max-width:760px) {
.roi-guide .reading { display:block }
.roi-guide .toc>a { font-size:13px;padding:7px 10px }
.roi-guide .toc .eyebrow { font-size:12px;margin-bottom:5px }
.roi-guide .eyebrow,
.roi-guide .section-label { font-size:11px }
.roi-guide .crumb { font-size:10px;flex-wrap:wrap }
.roi-guide .meta { font-size:11px }
.roi-guide .lede { font-size:17px }
.roi-guide .btn { font-size:13px }
.roi-guide .framework-heading>p { font-size:16px }
.roi-guide .framework-steps h3 { font-size:19px }
.roi-guide .framework-steps p { font-size:15px }
.roi-guide .framework-steps a { font-size:14px }
.roi-guide .framework-loop p { font-size:13px }
.roi-guide article p,
.roi-guide article .intro p { font-size:16px }
.roi-guide .goal-art .art-foot { font-size:12px }
.roi-guide .goal-art .evidence-card h3 { font-size:16px }
.roi-guide .goal-art .evidence-card p { font-size:11px }
.roi-guide .connector span { font-size:10px }
.roi-guide .return-grid h3 { font-size:16px }
.roi-guide .return-grid p { font-size:14px }
.roi-guide .note { font-size:14px }
.roi-guide .figure-stats span { font-size:12px }
.roi-guide .figure-stats strong { font-size:23px }
.roi-guide .pipe>div { font-size:10px }
.roi-guide .pipe-result span { font-size:12px }
.roi-guide .economic code { font-size:11px }
.roi-guide .waterfall { height:230px;gap:10px }
.roi-guide .waterfall small { font-size:10px }
.roi-guide .roi-answer { flex-direction:column;gap:14px }
.roi-guide .roi-answer p { font-size:14px }
.roi-guide .scorecard>div { grid-template-columns:100px 1fr;gap:12px }
.roi-guide .scorecard span,
.roi-guide .scorecard p { font-size:13px }
.roi-guide .timeline { grid-template-columns:1fr;gap:22px }
.roi-guide .timeline h3 { font-size:17px }
.roi-guide .timeline p { font-size:15px }
.roi-guide .sources summary { font-size:14px }
.roi-guide .sources summary span { font-size:11px }
.roi-guide .research .eyebrow { font-size:10px }
.roi-guide .research p { font-size:14px }
.roi-guide .research .research-scope { font-size:12px }
.roi-guide .research a { font-size:12px }
.roi-guide .benchmark-bars>div { grid-template-columns:100px minmax(0,1fr) 40px;font-size:11px }
.roi-guide .metric-links a { font-size:12px }
.roi-guide .metric-starter p { font-size:13px }
.roi-guide .phase-row { grid-template-columns:1fr }
.roi-guide .phase-metrics>p,
.roi-guide .phase-row p { font-size:13px }
.roi-guide .wizard { display:block }
.roi-guide .wizard li { font-size:0 }
.roi-guide .wizard li.active { font-size:12px }
.roi-guide .wizard-body { padding:25px 20px }
.roi-guide .choice strong { font-size:14px }
.roi-guide .choice span { font-size:12px }
.roi-guide .fields input { font-size:16px }
.roi-guide .check { font-size:14px }
.roi-guide .check small { font-size:12px }
.roi-guide .wizard-actions { flex-wrap:wrap }
.roi-guide .wizard-actions>span { font-size:11px }
.roi-guide .placement p,
.roi-guide .placements p { font-size:14px }
.roi-guide .footer-top,
.roi-guide .footer-bottom { gap:25px 18px }
.roi-guide .legal { font-size:10px;flex-wrap:wrap }
.roi-guide .concept { font-size:9px;gap:7px }
.roi-guide .concept a { font-size:9px }
}
.roi-guide .framework-art .art-top { font-size:10px;letter-spacing:.11em;line-height:1.7 }
.roi-guide .framework-art .evidence-card { color:var(--ink);text-decoration:none;transition:border-color .15s ease }
.roi-guide .framework-art .evidence-card:hover { border-color:var(--purple) }
.roi-guide .framework-art .evidence-card h3 { max-width:none }
.roi-guide .framework-art .evidence-card p { font-size:13px;line-height:1.65;max-width:345px }
.roi-guide .framework-art-detail { display:block;font-size:11px;color:#8a7c98;margin-top:9px }
.roi-guide .framework-art .card-three .framework-art-detail { color:#738153 }
.roi-guide .framework-art .art-foot { font:12px/1.6 var(--font-sans);color:#82728f }
.roi-guide .scenario-intro { font-size:14px;line-height:1.8;color:#817589;margin:16px 0 }
.roi-guide .framework-art .evidence-card>div { min-width:0 }
@media (max-width:1000px) {
.roi-guide .framework-art .evidence-card p { font-size:12px }
.roi-guide .framework-art-detail { font-size:10px }
}
@media (max-width:760px) {
.roi-guide .framework-art .art-top { font-size:9px }
.roi-guide .framework-art .evidence-card p { font-size:12px }
.roi-guide .framework-art .evidence-card h3 { font-size:17px }
.roi-guide .framework-art .card-three { margin-left:14px }
.roi-guide .framework-art-detail { font-size:11px }
.roi-guide .scenario-intro { font-size:13px }
}
.roi-guide .inline-metric,
.roi-guide .source-ref { color:var(--purple);text-decoration:underline;text-underline-offset:3px }
.roi-guide .source-ref { font-size:.85em;white-space:nowrap }
.roi-guide .formula { background:#f6f3ff;border-left:3px solid var(--purple);padding:18px 22px;margin:20px 0;font-size:15px;line-height:1.8;color:#55436f }
.roi-guide #economics>h3,
.roi-guide #benefit>h3 { font-size:23px;margin-top:32px }
.roi-guide #benefit>h3 { padding-top:14px;border-top:1px solid var(--line) }
@media (min-width:761px) {
.roi-guide .toc { max-height:calc(100vh - 150px);overflow-y:auto;padding-right:10px;scrollbar-width:thin }
.roi-guide .toc>a { padding-block:7px }
}
@media (max-width:760px) {
.roi-guide .formula { font-size:14px;padding:16px }
.roi-guide #economics>h3,
.roi-guide #benefit>h3 { font-size:21px }
}
.roi-guide .wizard-body { min-width:0 }
.roi-guide .wizard-body>p,
.roi-guide .wizard aside p { font-size:14px;color:#746b80 }
.roi-guide .wizard li { font-size:14px }
.roi-guide .wizard-body h4 { font-size:17px;line-height:1.45;margin:24px 0 12px }
.roi-guide .wizard-body .fields label,
.roi-guide .metric-fields label { font-size:14px;color:#62566f }
.roi-guide .fields .wide { grid-column:1/-1 }
.roi-guide .wizard-body input,
.roi-guide .wizard-body select { font-size:14px;line-height:1.5;font-family:inherit;color:#322b41 }
.roi-guide .wizard-body .fields input,
.roi-guide .metric-fields input,
.roi-guide .metric-fields select,
.roi-guide .fields select { display:block;width:100%;font:15px/1.5 Inter,-apple-system,sans-serif;padding:10px 12px;border:1px solid #d8d0e4;border-radius:5px;background:white;margin-top:6px;color:#393143 }
.roi-guide .wizard-body input::placeholder { color:#94899f }
.roi-guide .wizard-body select:focus-visible { outline:3px solid #897cff;outline-offset:3px }
.roi-guide .example-callout { display:flex;align-items:center;gap:20px;border:1px solid #dce6ad;background:#f9fce9;padding:20px;border-radius:9px;margin:24px 0 }
.roi-guide .example-callout strong { font-size:15px }
.roi-guide .example-callout p { font-size:13px;color:#68734f;line-height:1.6;margin:6px 0 0 }
.roi-guide .example-callout button { flex-shrink:0;max-width:185px }
.roi-guide .metric-picks { display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 10px }
.roi-guide .metric-picks label { padding:8px 12px;background:#f8f6fc;border:1px solid #ded7ea;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px }
.roi-guide .metric-picks input { accent-color:#6255e7 }
.roi-guide .metric-editor { border:1px solid #e3dcee;border-radius:9px;padding:22px;margin:18px 0 }
.roi-guide .wizard-body .metric-editor h4 { margin:0;font-size:18px }
.roi-guide .metric-editor h4 a { color:#6255e7;text-decoration:underline;text-underline-offset:4px }
.roi-guide .metric-editor>p { font-size:14px;color:#796d86;line-height:1.65;margin:9px 0 20px }
.roi-guide .metric-fields { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.roi-guide .evidence-fields { border-top:1px solid #eee9f5;padding-top:18px;margin-top:18px }
.roi-guide .evidence-fields>label:first-child { grid-column:1/-1 }
.roi-guide .selection-status { font-size:14px;color:#8b4c24 }
.roi-guide .wizard .check { font-size:14px }
.roi-guide .wizard .check small { font-size:13px }
.roi-guide .evidence-checks { border-block:1px solid #e3dcee;padding-block:18px;margin-top:24px }
.roi-guide .evidence-checks summary { font-size:16px;font-weight:600 }
.roi-guide .wizard.show-board { grid-template-columns:1fr }
.roi-guide .wizard.show-board>aside { padding:20px 32px;border-bottom:1px solid #e6e0ef;border-right:0 }
.roi-guide .wizard.show-board aside>p,
.roi-guide .wizard.show-board aside>.eyebrow { display:none }
.roi-guide .wizard.show-board ol { display:flex;flex-wrap:wrap;gap:24px;margin:0 }
.roi-guide .wizard.show-board li { margin:0;font-size:12px }
.roi-guide .export-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:25px }
.roi-guide .export-hint { font-size:13px!important;margin-bottom:24px }
.roi-guide .board-followup { background:#faf9fd;border:1px solid #e4ddef;border-radius:9px;padding:20px 24px;margin:25px 0 }
.roi-guide .board-followup h4 { margin:0 0 10px }
.roi-guide .wizard .board-followup ul { padding-left:20px }
.roi-guide .wizard .board-followup li { display:list-item;font-size:14px;color:#75657f;margin:8px 0;line-height:1.6 }
.roi-guide .wizard .board-followup li:before { display:none }
.roi-guide .wizard .status { font-size:14px }
.roi-guide .wizard-body .metric-plan p { font-size:14px }
.roi-guide .wizard-body .metric-phase h5 { font-size:16px }
.roi-guide .wizard-body .metric-phase a { font-size:14px }
.roi-guide .wizard .choice strong { font-size:16px }
.roi-guide .wizard .choice span { font-size:14px }
.roi-guide .wizard .wizard-actions>span { font-size:13px }
.roi-guide .wizard .back { font-size:14px }
@media (max-width:1000px) {
.roi-guide .example-callout { display:block }
.roi-guide .example-callout button { margin-top:14px;max-width:none }
}
@media (max-width:760px) {
.roi-guide .wizard li { font-size:0 }
.roi-guide .wizard li.active { font-size:13px }
.roi-guide .wizard.show-board li { font-size:0 }
.roi-guide .wizard.show-board li.active { font-size:13px }
.roi-guide .wizard.show-board ol { gap:12px }
.roi-guide .wizard.show-board>aside { padding:20px }
.roi-guide .wizard-body { padding:25px 18px }
.roi-guide .metric-editor { padding:18px 14px }
.roi-guide .metric-fields { grid-template-columns:1fr }
.roi-guide .wizard input,
.roi-guide .wizard select { font-size:16px!important }
.roi-guide .fields .wide { grid-column:auto }
.roi-guide .evidence-fields>label:first-child { grid-column:auto }
.roi-guide .wizard-body .fields { grid-template-columns:1fr }
.roi-guide .choice-grid { grid-template-columns:1fr }
.roi-guide .export-actions .btn { width:100% }
.roi-guide .planner-heading h2 { font-size:35px }
}
.page-engineering-roi { scroll-behavior: smooth; }
.roi-guide [id] { scroll-margin-top: 130px; }

@media (prefers-reduced-motion: reduce) { .page-engineering-roi { scroll-behavior: auto; } }

.roi-guide .meta { flex-wrap: wrap; }

.roi-guide .btn { white-space: normal; }