/* OXO calculators: scoped styles, no framework and no third-party resources. */
.roi-page{--roi-bg:#111620;--roi-panel:#141b27;--roi-line:rgba(214,224,242,.13);--roi-muted:#aab5c7;--roi-white:#f1f5fb;--roi-accent:#c6c3ff;--roi-blue:#85c3ef;--roi-success:#a3e7c8;--roi-loss:#ffb5ab;color:var(--roi-white)}
.roi-page *, .roi-page *::before,.roi-page *::after{box-sizing:border-box}
.roi-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.roi-breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:132px;color:var(--roi-muted);font-size:12px;letter-spacing:.025em}
.roi-breadcrumbs a{color:inherit;text-decoration:none}.roi-breadcrumbs a:hover{color:#fff}.roi-breadcrumbs span[aria-hidden]{opacity:.4}
.roi-hero{padding:45px 0 36px;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:end}
.roi-page .roi-eyebrow{display:flex;align-items:center;gap:9px;color:var(--roi-accent);font-size:10px;font-weight:650;letter-spacing:.19em;text-transform:uppercase;margin:0 0 22px}
.roi-eyebrow::before{content:'';display:block;width:6px;height:6px;background:var(--roi-accent);border-radius:50%;box-shadow:0 0 18px #c6c3ff60}
.roi-page h1{font-size:clamp(36px,4.5vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:550;margin:0;max-width:850px}
.roi-page h1 span{color:var(--roi-accent)}
.roi-hero__copy{color:var(--roi-muted);font-size:15px;line-height:1.75;max-width:670px;margin:22px 0 0}
.roi-hero__aside{border-left:1px solid var(--roi-line);padding:5px 0 7px 28px;align-self:end}
.roi-hero__aside p{font-size:13px;line-height:1.75;color:var(--roi-muted);margin:0 0 16px}.roi-hero__aside strong{color:var(--roi-white);font-weight:550}
.roi-privacy-note{display:flex;align-items:flex-start;gap:8px;font-size:11px!important;color:#bfc9d8!important}.roi-privacy-note svg{width:14px;height:14px;flex:none;margin-top:2px;stroke:currentColor;fill:none;stroke-width:1.5}
.roi-market-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 34px}.roi-market-nav>a{font-size:11px;color:var(--roi-muted);text-decoration:none;padding:10px 14px;border:1px solid var(--roi-line);border-radius:100px;line-height:1.2;transition:background .15s,color .15s}.roi-market-nav>a:hover{color:#fff;background:#ffffff0a}.roi-market-nav>a[aria-current=page]{background:#d2d5ed;color:#111823;border-color:#d2d5ed}.roi-market-nav>a span{opacity:.65;margin-left:6px;font-size:10px}
.roi-calculator{position:relative;scroll-margin-top:112px}.roi-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:24px}
.roi-inputs,.roi-results{min-width:0}.roi-inputs{background:linear-gradient(150deg,#161e2b 0%,#101722 100%);border:1px solid var(--roi-line);border-radius:20px;padding:30px}
.roi-form-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--roi-line)}
.roi-page .roi-form-header h2{font-size:19px;letter-spacing:-.03em;margin:0;line-height:1.25;font-weight:550}.roi-form-header small{display:block;font-size:11px;margin-top:6px;color:var(--roi-muted);line-height:1.6}
.roi-currency{font-size:10px;letter-spacing:.08em;font-weight:600;white-space:nowrap;border:1px solid #ffffff20;background:#ffffff05;padding:7px 9px;border-radius:6px;color:#d4ddeb}
.roi-fieldset{border:0;padding:25px 0 0;margin:0;min-width:0}.roi-fieldset+.roi-fieldset{border-top:1px solid var(--roi-line);margin-top:26px}.roi-fieldset legend{float:left;width:100%;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;letter-spacing:-.01em;padding:0 0 22px}.roi-fieldset legend span{font-family:monospace;font-size:10px;line-height:21px;text-align:center;width:22px;height:22px;color:var(--roi-accent);background:#c6c3ff10;border:1px solid #c6c3ff24;border-radius:50%;flex:none}.roi-fieldset__body{clear:both}
.roi-model{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:10px;background:#070d1680;border:1px solid #ffffff0b;margin-bottom:24px}.roi-model label{position:relative;font-size:11px;font-weight:500;cursor:pointer;text-align:center}.roi-model input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.roi-model label span{display:block;border-radius:7px;padding:12px 9px;color:var(--roi-muted);transition:all .15s}.roi-model input:checked+span{color:var(--roi-white);background:#2b3546;box-shadow:0 2px 5px #0003}.roi-model input:focus-visible+span{outline:2px solid var(--roi-accent);outline-offset:2px}
.roi-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px 22px}.roi-field{min-width:0}.roi-field--wide{grid-column:1/-1}.roi-field[hidden]{display:none!important}.roi-field__top{display:flex;gap:9px;justify-content:space-between;align-items:center;min-height:36px}.roi-field label{display:block;margin:0;font-size:12px;color:#d9e1ed;line-height:1.5;font-weight:500;max-width:60%}.roi-value{display:flex;align-items:center;position:relative;background:#080e17a6;border:1px solid #a6b9d12e;border-radius:7px;min-width:78px;max-width:128px;flex-shrink:0}.roi-field--wide .roi-value{min-width:100px}.roi-value:focus-within{border-color:var(--roi-accent);box-shadow:0 0 0 2px #c6c3ff12}.roi-value>span{font-size:11px;color:var(--roi-muted);padding:0 0 0 10px;pointer-events:none}.roi-value input{font-family:inherit;font-size:16px!important;font-weight:500;line-height:1.2;color:var(--roi-white);background:transparent!important;border:0!important;border-radius:7px;margin:0!important;width:100%!important;min-height:38px;padding:8px 9px!important;outline:0;min-width:0;box-shadow:none!important;text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.roi-value input::-webkit-inner-spin-button,.roi-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-value input:focus-visible{outline:0}.roi-value>span:last-child{padding:0 8px 0 0}
.roi-range{width:100%;height:34px;margin:7px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;display:block;touch-action:pan-y;--range-fill:25%;border:0;padding:0;border-radius:0;min-width:0;color:inherit}.roi-range::-webkit-slider-runnable-track{height:4px;border-radius:20px;background:linear-gradient(to right,#c7c7e9 0%,#c7c7e9 var(--range-fill),#303b4b var(--range-fill),#303b4b 100%)}.roi-range::-moz-range-track{height:4px;border-radius:20px;background:#303b4b}.roi-range::-moz-range-progress{height:4px;border-radius:20px;background:#c7c7e9}.roi-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;background:linear-gradient(145deg,#fff,#bbc4db);border:3px solid #eceefa;border-radius:50%;box-shadow:0 0 0 5px #c6c3ff0a,0 2px 6px #0004;transition:box-shadow .15s}.roi-range::-moz-range-thumb{width:14px;height:14px;background:#d9dff0;border:3px solid #eceefa;border-radius:50%;box-shadow:0 0 0 5px #c6c3ff0a}.roi-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #c6c3ff19}.roi-range:focus-visible{outline:2px solid var(--roi-accent);outline-offset:3px;border-radius:6px}
.roi-range-labels{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.3;color:#7f8da2;font-variant-numeric:tabular-nums}.roi-field__help{font-size:11px;color:#8e9bae;line-height:1.65;margin:9px 0 0}
.roi-keywords{margin:20px 0 0;border:1px solid var(--roi-line);border-radius:10px;background:#080e172e;overflow:hidden}.roi-keywords>summary{cursor:pointer;font-size:11px;line-height:1.5;color:#c3cadd;padding:13px 14px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.roi-keywords>summary::-webkit-details-marker{display:none}.roi-keywords>summary::after{content:'+';color:var(--roi-accent);font-size:19px;font-weight:300}.roi-keywords[open]>summary::after{content:'−'}.roi-keywords__body{padding:0 14px 17px}.roi-keywords__body p{font-size:11px;color:var(--roi-muted);line-height:1.7;margin:0 0 12px}.roi-keywords__body label{display:block;font-size:10px;line-height:1.5;color:#d2dbe9;margin:12px 0 7px}.roi-keywords__body select,.roi-keywords__body input{width:100%;min-width:0;border:1px solid #6b7c9659;border-radius:7px;background:#0d1420;color:#e0e8f5;padding:11px;font-family:inherit;font-size:13px;min-height:42px}.roi-keywords__body option{background:#111925;color:#f0f3fa}.roi-keywords__body .roi-keyword-examples{font-size:10px;color:#a8bad3;padding:10px 0;border-bottom:1px solid #ffffff0c;margin-bottom:4px}.roi-keyword-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.roi-keywords__body button{margin-top:15px}.roi-keyword-status{margin-top:10px!important;margin-bottom:0!important;color:var(--roi-accent)!important;font-size:10px!important}.roi-keyword-status:empty{display:none}
.roi-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;font-family:inherit;font-weight:500;font-size:11px;line-height:1.3;border:1px solid #d6e1f329;border-radius:8px;padding:11px 15px;color:#dbe3ef;background:#f3f5ff06;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.roi-button:hover{background:#f3f5ff0e;border-color:#d6e1f35c}.roi-button svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}.roi-button--subtle{background:transparent;color:#aab5c8}.roi-button:focus-visible,.roi-page a:focus-visible,.roi-page summary:focus-visible,.roi-page select:focus-visible,.roi-page input:focus-visible{outline:2px solid var(--roi-accent);outline-offset:4px}.roi-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--roi-line)}.roi-action-status{font-size:10px;line-height:1.6;color:var(--roi-accent);min-height:17px;margin:10px 0 0}.roi-example-note{font-size:10px;line-height:1.7;color:#8492a7;margin:16px 0 0;max-width:470px}
.roi-results{position:sticky;top:110px;border:1px solid #d7d8fa2b;border-radius:20px;background:radial-gradient(ellipse at 90% 0%,#3b3d613d,transparent 65%),linear-gradient(165deg,#1b2434,#111925 90%);padding:30px;overflow:hidden;scroll-margin-top:100px;box-shadow:0 22px 65px #00000015}.roi-result-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.roi-result-heading h2{margin:0!important;font-size:12px!important;letter-spacing:.09em!important;text-transform:uppercase;font-weight:500!important;color:#c3cce0}.roi-live{font-size:9px;letter-spacing:.04em;display:flex;gap:6px;align-items:center;white-space:nowrap;color:#a9bac6;background:#a3e7c80a;border:1px solid #a3e7c817;padding:5px 8px;border-radius:50px}.roi-live::before{content:'';width:4px;height:4px;background:#a3e7c8;border-radius:50%}.roi-live::after{content:'Live Estimate'}.roi-primary-label{font-size:11px;color:#aebbd0;margin:0 0 12px;line-height:1.6}.roi-net{font-variant-numeric:tabular-nums;font-size:clamp(36px,3.6vw,57px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:0;overflow-wrap:anywhere;color:#f0f3fc}.roi-net-currency-note{font-size:10px;color:#8d9eb6;margin:8px 0 0}.roi-top-metrics{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin:25px 0 0;padding:0 0 26px;border-bottom:1px solid var(--roi-line)}.roi-top-metrics>div+div{border-left:1px solid var(--roi-line);padding-left:24px}.roi-top-metrics dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em;line-height:1.5;color:#91a0b8;margin:0 0 9px}.roi-top-metrics dd{margin:0;font-size:25px;line-height:1.1;letter-spacing:-.045em;font-weight:500;color:var(--roi-success)}.roi-top-metrics dd[data-result=breakEven]{font-size:22px;color:#e2e8f4}.roi-top-metrics small{display:block;font-size:9px;line-height:1.5;color:#8e9cb0;margin-top:6px}.roi-results.is-negative .roi-top-metrics dd[data-result=roi]{color:var(--roi-loss)}
.roi-breakdown{margin:22px 0 0;display:flex;flex-direction:column;gap:13px}.roi-breakdown>div{display:flex;justify-content:space-between;align-items:start;gap:18px;font-size:11px;line-height:1.4}.roi-breakdown dt{color:#9fadc2}.roi-breakdown dd{margin:0;color:#dce4f3;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.roi-breakdown>div:last-child{padding-top:14px;border-top:1px solid #d3def10c}.roi-breakdown>div:last-child dt{color:#cad3e4}.roi-breakdown>div:last-child dd{font-weight:600;color:#f1f5ff}
.roi-chart-block{padding-top:25px;margin-top:4px}.roi-chart-title{font-size:11px!important;font-weight:500!important;letter-spacing:-.01em!important;margin:0 0 11px!important}.roi-chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:9px;color:#92a1b7}.roi-chart-legend span{display:inline-flex;align-items:center;gap:6px}.roi-chart-legend i{width:14px;height:2px;background:var(--roi-accent);display:block;border-radius:1px}.roi-chart-legend span+span i{background:#79acd4}.roi-chart{display:block;width:100%;height:auto;overflow:visible;margin:9px 0 0}.roi-chart text{font-family:inherit;font-size:10px;fill:#7d8da6}.roi-chart__grid{stroke:#b6c7e413;stroke-width:1}.roi-chart__area{fill:#bfc0ff0a}.roi-chart__contribution{fill:none;stroke:#c6c3ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.roi-chart__cost{fill:none;stroke:#79acd4;stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round}.roi-chart__break{stroke:#a3e7c82b;stroke-width:1;stroke-dasharray:3 4}.roi-chart__dot{fill:#a3e7c8;stroke:#172030;stroke-width:2}.roi-results-footnote{font-size:10px;line-height:1.7;color:#8f9eb3;margin:4px 0 0}.roi-results-footnote strong{color:#bfc9d9;font-weight:500}.roi-monthly{border-top:1px solid var(--roi-line);margin-top:20px;padding-top:14px}.roi-monthly>summary{font-size:11px;color:#bdc9dc;cursor:pointer;line-height:1.6}.roi-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px;border-radius:8px;border:1px solid #ffffff12;scrollbar-color:#667489 #101722;scrollbar-width:thin}.roi-table-scroll table{border-collapse:collapse;width:100%;font-size:9px;color:#a8b5c8;line-height:1.5;text-align:right;min-width:450px}.roi-table-scroll caption{text-align:left;padding:9px 12px;font-size:9px;color:#8a9aaf;background:#080e1740}.roi-table-scroll th,.roi-table-scroll td{padding:9px 11px;border-bottom:1px solid #ffffff09;font-variant-numeric:tabular-nums}.roi-table-scroll th{font-weight:500;color:#cbd6e7}.roi-table-scroll thead th{font-size:8px;max-width:100px;background:#090f1850;vertical-align:bottom}.roi-table-scroll tr:last-child td,.roi-table-scroll tr:last-child th{border-bottom:0}
.roi-help-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--roi-line);border-bottom:1px solid var(--roi-line);padding:30px 0;margin:54px 0 0}.roi-help-summary h2{font-size:12px!important;letter-spacing:-.01em!important;margin:0 0 9px!important;line-height:1.4!important;font-weight:550!important}.roi-help-summary p{font-size:11px;line-height:1.75;margin:0;color:var(--roi-muted)}.roi-help-summary>div{padding:0 20px}.roi-help-summary>div:first-child{padding-left:0}.roi-help-summary>div+div{border-left:1px solid var(--roi-line)}
.roi-section{padding:64px 0;border-bottom:1px solid var(--roi-line)}.roi-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:28px}.roi-section h2,.roi-section-heading h2{font-size:clamp(25px,2.8vw,38px);line-height:1.13;letter-spacing:-.045em;font-weight:500;margin:0;max-width:540px}.roi-section-heading p{font-size:13px;line-height:1.8;color:var(--roi-muted);margin:0}.roi-local-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roi-local-card{border:1px solid var(--roi-line);border-radius:13px;background:#141b2738;padding:23px;min-width:0}.roi-local-card>span{font-size:9px;color:var(--roi-accent);font-family:monospace;letter-spacing:.08em}.roi-local-card h3{font-size:16px;line-height:1.35;letter-spacing:-.02em;margin:15px 0 12px;font-weight:500}.roi-local-card p{font-size:11px;line-height:1.8;color:var(--roi-muted);margin:0 0 15px}.roi-keyword-tags{display:flex;flex-wrap:wrap;gap:6px}.roi-keyword-tags span{border:1px solid #aab5cc1a;border-radius:5px;color:#b2bfd3;background:#bbc4d506;font-size:9px;line-height:1.5;padding:5px 7px}.roi-local-card .roi-card-note{font-size:9px;margin:12px 0 0;color:#7d8da4}.roi-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.roi-related a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--roi-line);border-radius:7px;padding:12px 15px;font-size:11px;line-height:1.5;color:#c4cee0;text-decoration:none}.roi-related a:hover{color:#fff;border-color:#c9d4e65a}.roi-related a::after{content:'↗';color:var(--roi-accent)}
.roi-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.roi-method h2{margin-bottom:18px}.roi-method p,.roi-method li{font-size:12px;line-height:1.85;color:var(--roi-muted)}.roi-method ol{padding-left:20px;margin:0}.roi-method li{padding:0 0 17px 7px}.roi-method strong{font-weight:500;color:#d4ddec}.roi-formula{margin-top:22px;border-left:2px solid var(--roi-accent);padding:14px 18px;background:#c6c3ff07;color:#c9d2e3;font-family:monospace;font-size:11px;line-height:1.8}.roi-formula small{display:block;color:#8999b2;margin-top:5px;font-family:inherit;font-size:9px}
.roi-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.roi-faq details{border-bottom:1px solid var(--roi-line);padding:0 0 17px;margin:0 0 17px}.roi-faq details:last-child{margin-bottom:0}.roi-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:start;gap:25px;font-size:13px;line-height:1.6;color:#d9e1ee;font-weight:450}.roi-faq summary::-webkit-details-marker{display:none}.roi-faq summary::after{content:'+';color:#9caec8;font-size:18px;line-height:1.15}.roi-faq details[open] summary::after{content:'−'}.roi-faq p{font-size:12px;line-height:1.85;color:var(--roi-muted);margin:14px 0 0;max-width:620px}.roi-faq a,.roi-method a,.roi-article-body a{color:#d4d1ff;text-decoration:underline;text-decoration-color:#d4d1ff4d;text-underline-offset:4px}.roi-faq a:hover,.roi-method a:hover,.roi-article-body a:hover{text-decoration-color:#d4d1ff}
.roi-cta{margin:54px 0 68px;padding:32px;border:1px solid #b4bed424;border-radius:15px;background:linear-gradient(115deg,#1b2435,#131a26);display:flex;justify-content:space-between;align-items:center;gap:30px}.roi-cta h2{font-size:24px;letter-spacing:-.035em;line-height:1.25;margin:0 0 10px;font-weight:500}.roi-cta p{font-size:12px;line-height:1.75;color:var(--roi-muted);margin:0;max-width:620px}.roi-cta .button{flex-shrink:0;font-size:12px;white-space:nowrap}
.roi-mobile-summary{display:none}.roi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.roi-nojs{padding:18px 20px;border:1px solid #b4c4e34d;background:#202c40;margin-bottom:20px;border-radius:10px;font-size:13px;line-height:1.7;color:#e8edf8}.roi-new-tool{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;border:1px solid var(--roi-line);border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#44476f40,transparent 70%),#141c2a;padding:42px;margin:20px 0 40px}.roi-new-tool h2{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:13px 0 16px}.roi-new-tool p{font-size:13px;line-height:1.85;color:var(--roi-muted);margin:0 0 24px}.roi-tool-visual{border:1px solid #e4e8ff21;border-radius:12px;background:#111a29;padding:23px;align-self:center;transform:perspective(800px) rotateY(-6deg) rotateX(3deg);box-shadow:20px 22px 50px #0002}.roi-tool-visual>p{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#aebdd7;margin:0 0 13px}.roi-tool-visual>strong{font-size:40px;letter-spacing:-.05em;font-weight:500;display:block}.roi-tool-visual small{display:block;color:#a3e7c8;font-size:11px;line-height:1.6;margin-top:8px}.roi-tool-visual svg{display:block;width:100%;height:auto;margin-top:19px}.roi-tool-visual__label{font-size:8px!important;color:#7385a2!important;margin:9px 0 0!important;letter-spacing:0!important;text-transform:none!important}.roi-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.roi-location-tile{display:block;border:1px solid var(--roi-line);border-radius:12px;padding:25px 22px;background:#141d2b30;text-decoration:none;color:var(--roi-white);transition:background .15s}.roi-location-tile:hover{background:#202d426b}.roi-location-tile>span{font-size:10px;color:#9bacc6;display:block;letter-spacing:.05em}.roi-location-tile h3{font-size:20px;font-weight:500;letter-spacing:-.025em;margin:16px 0 10px}.roi-location-tile p{font-size:11px;line-height:1.75;color:var(--roi-muted);margin:0}.roi-location-tile>small{display:block;color:var(--roi-accent);font-size:10px;margin-top:25px}
.roi-article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:60px;margin-top:35px;margin-bottom:70px}.roi-article-toc{position:sticky;top:120px;align-self:start;border-top:1px solid var(--roi-line);padding-top:18px}.roi-article-toc h2{font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase;color:#8fa1bb;margin:0 0 15px!important}.roi-article-toc a{display:block;font-size:11px;color:#afbdd0;text-decoration:none;line-height:1.6;padding:9px 0}.roi-article-body{max-width:900px}.roi-article-body>section{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--roi-line);scroll-margin-top:120px}.roi-article-body h2{font-size:29px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px;font-weight:500}.roi-article-body h3{font-size:18px;line-height:1.35;letter-spacing:-.025em;margin:28px 0 13px;font-weight:500}.roi-article-body p,.roi-article-body li{font-size:13px;line-height:1.95;color:#aab7ca}.roi-article-body p{margin:0 0 17px}.roi-article-body ul,.roi-article-body ol{padding-left:20px;margin:17px 0}.roi-article-body li{padding-left:4px;margin-bottom:11px}.roi-article-body strong{color:#dae2f0;font-weight:550}.roi-article-body figure{margin:32px 0}.roi-article-body figure img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #c8d3e724;border-radius:12px;box-shadow:0 12px 40px #0002}.roi-article-body figure.roi-mobile-shot img{width:min(360px,100%);margin-inline:auto}.roi-article-body figcaption{font-size:10px;line-height:1.75;color:#8596af;margin-top:12px}.roi-article-date{font-size:11px;letter-spacing:.02em;color:#91a1b7;margin:17px 0 0}.roi-article-body .roi-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roi-article-body .roi-location-tile h3{margin:14px 0 10px}.roi-inline-example{padding:23px;border:1px solid var(--roi-line);border-radius:11px;background:#151e2d;margin:25px 0}.roi-inline-example p:last-child{margin-bottom:0}
@media(min-width:1600px){.roi-page h1{font-size:70px}.roi-net{font-size:59px}}
@media(max-width:1150px){.roi-wrap{width:calc(100% - 56px)}.roi-hero{gap:35px}.roi-inputs,.roi-results{padding:24px}.roi-grid{gap:18px}.roi-fields{gap:21px 16px}.roi-field label{font-size:12px}.roi-value{max-width:108px;min-width:68px}.roi-top-metrics{gap:15px}.roi-top-metrics>div+div{padding-left:18px}.roi-top-metrics dd[data-result=breakEven]{font-size:20px}}
@media(max-width:1100px){.roi-hero{grid-template-columns:1.3fr .7fr;gap:30px}.roi-page h1{font-size:46px}.roi-hero__aside{padding-left:22px}.roi-hero__aside p{font-size:11px}.roi-grid{grid-template-columns:1fr}.roi-results{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.roi-results>.roi-result-heading{grid-column:1/-1}.roi-result-primary{align-self:start}.roi-results>.roi-results-detail{grid-column:2;grid-row:2/4}.roi-results .roi-chart-block{padding-top:0;margin-top:0}.roi-results>.roi-monthly{grid-column:1/-1}.roi-net{font-size:48px}.roi-top-metrics{margin-top:25px;padding-bottom:0;border:0;display:block}.roi-top-metrics>div+div{border:0;padding:18px 0 0}.roi-top-metrics dd{font-size:25px}.roi-results .roi-breakdown{margin-top:0}.roi-mobile-summary.is-visible{display:flex;justify-content:space-between;align-items:center;gap:15px;position:fixed;z-index:75;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 15px;border:1px solid #c6c3ff40;border-radius:12px;background:#192235f5;backdrop-filter:blur(16px);box-shadow:0 10px 50px #0006}.roi-mobile-summary small{display:block;color:#9eadc6;font-size:9px}.roi-mobile-summary strong{display:block;font-size:18px;letter-spacing:-.035em;color:#f0f3ff;font-weight:500;margin-top:3px}.roi-mobile-summary a{font-size:10px;text-decoration:none;border-radius:6px;padding:10px 12px;color:#162030;background:#d2d5e9;white-space:nowrap;font-weight:550}.roi-local-cards{gap:13px}.roi-local-card{padding:20px}.roi-method,.roi-faq-layout{grid-template-columns:.75fr 1.25fr;gap:38px}.roi-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roi-article-layout{grid-template-columns:170px minmax(0,1fr);gap:36px}}
@media(max-width:680px){.roi-wrap{width:calc(100% - 36px)}.roi-breadcrumbs{padding-top:104px;font-size:10px;gap:7px}.roi-hero{display:block;padding:29px 0 24px}.roi-page h1{font-size:40px;letter-spacing:-.05em;line-height:1.08}.roi-page .roi-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:17px}.roi-hero__copy{font-size:13px;line-height:1.8;margin-top:18px}.roi-hero__aside{border-left:0;padding:0;margin-top:20px}.roi-hero__aside>p:first-child{display:none}.roi-hero__aside .roi-privacy-note{font-size:10px!important;margin:0}.roi-market-nav{gap:7px;margin-bottom:25px}.roi-market-nav>a{padding:10px 11px;font-size:10px}.roi-market-nav>a span{font-size:9px;margin-left:4px}.roi-inputs,.roi-results{padding:22px 19px;border-radius:14px}.roi-form-header{padding-bottom:20px;gap:12px}.roi-page .roi-form-header h2{font-size:17px}.roi-form-header small{font-size:10px;max-width:250px}.roi-fieldset{padding-top:23px}.roi-fieldset legend{font-size:12px;padding-bottom:20px}.roi-fields{grid-template-columns:1fr;gap:23px}.roi-field--wide{grid-column:auto}.roi-field label{font-size:12px;max-width:63%}.roi-value{max-width:138px;min-width:105px}.roi-value input{font-size:16px!important;min-height:44px;padding:10px!important}.roi-value>span{font-size:11px}.roi-field__help{font-size:11px;margin-top:8px}.roi-range{height:44px;margin-top:7px}.roi-range::-webkit-slider-runnable-track{height:5px}.roi-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8.5px}.roi-range::-moz-range-track,.roi-range::-moz-range-progress{height:5px}.roi-range::-moz-range-thumb{width:16px;height:16px}.roi-range-labels{font-size:9px}.roi-model label{font-size:11px}.roi-model label span{padding:13px 7px}.roi-keywords>summary{font-size:11px;padding:14px}.roi-keywords__body input,.roi-keywords__body select{font-size:16px;min-height:44px}.roi-keyword-controls{gap:12px;grid-template-columns:1fr 1fr}.roi-keywords__body label{font-size:10px;min-height:30px}.roi-button{min-height:44px;font-size:11px}.roi-actions{gap:8px;flex-wrap:nowrap}.roi-actions>.roi-button{flex:1}.roi-example-note{font-size:10px}.roi-results{display:block;scroll-margin-top:92px}.roi-result-heading{margin-bottom:27px}.roi-result-heading h2{font-size:11px!important}.roi-live{font-size:8px}.roi-primary-label{font-size:11px}.roi-net{font-size:48px}.roi-top-metrics{display:grid;grid-template-columns:1fr 1.15fr;margin-top:26px;padding-bottom:25px;border-bottom:1px solid var(--roi-line)}.roi-top-metrics>div+div{border-left:1px solid var(--roi-line);padding:0 0 0 19px}.roi-top-metrics dd{font-size:26px}.roi-top-metrics dd[data-result=breakEven]{font-size:23px}.roi-results .roi-breakdown{margin-top:24px}.roi-results .roi-chart-block{padding-top:25px}.roi-breakdown>div{font-size:11px}.roi-chart{margin:10px 0 0}.roi-chart text{font-size:20px}.roi-help-summary{grid-template-columns:1fr;margin-top:35px;padding:22px 0;gap:19px}.roi-help-summary>div{padding:0}.roi-help-summary>div+div{border-left:0;border-top:1px solid var(--roi-line);padding-top:18px}.roi-help-summary h2{font-size:12px!important}.roi-help-summary p{font-size:11px}.roi-section{padding:40px 0}.roi-section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.roi-section h2,.roi-section-heading h2{font-size:29px}.roi-section-heading p{font-size:12px;line-height:1.85}.roi-local-cards{grid-template-columns:1fr;gap:13px}.roi-local-card{padding:23px}.roi-local-card h3{font-size:17px;margin:12px 0}.roi-local-card p{font-size:12px;line-height:1.8}.roi-keyword-tags span{font-size:10px}.roi-method,.roi-faq-layout{display:block}.roi-method>div+div{margin-top:26px}.roi-method p,.roi-method li{font-size:12px}.roi-faq-layout>div{margin-top:27px}.roi-faq summary{font-size:13px}.roi-faq p{font-size:12px}.roi-related{display:grid;grid-template-columns:1fr;margin-top:22px}.roi-related a{font-size:11px;min-height:45px;padding:13px 15px}.roi-cta{padding:25px 22px;display:block;margin:35px 0 48px;border-radius:13px}.roi-cta h2{font-size:25px}.roi-cta p{font-size:12px}.roi-cta .button{margin-top:23px;display:flex;width:100%;font-size:12px;justify-content:center}.roi-new-tool{display:block;padding:26px 23px}.roi-new-tool h2{font-size:29px}.roi-new-tool p{font-size:12px}.roi-new-tool .button{width:100%;justify-content:center;display:flex}.roi-tool-visual{margin:32px 0 6px;transform:none;padding:23px}.roi-location-grid{gap:12px}.roi-location-tile{padding:20px 16px}.roi-location-tile h3{font-size:19px}.roi-location-tile p{font-size:10px}.roi-location-tile>small{font-size:9px;margin-top:18px}.roi-article-layout{display:block;margin-top:20px}.roi-article-toc{position:static;margin:0 0 34px;padding:18px 0 14px;border-bottom:1px solid var(--roi-line)}.roi-article-toc h2{margin-bottom:10px!important}.roi-article-toc a{padding:6px 0;font-size:11px}.roi-article-body h2{font-size:27px}.roi-article-body h3{font-size:19px}.roi-article-body p,.roi-article-body li{font-size:13px;line-height:1.9}.roi-article-body>section{padding-bottom:30px;margin-bottom:32px}.roi-article-body figure{margin:27px 0}.roi-inline-example{padding:20px}.roi-article-body .roi-location-grid{grid-template-columns:1fr}.roi-article-body .roi-location-tile p{font-size:12px}.roi-article-body .roi-location-tile h3{font-size:21px}.roi-article-body .roi-location-tile>small{font-size:10px}}
@media(max-width:370px){.roi-wrap{width:calc(100% - 28px)}.roi-page h1{font-size:35px}.roi-inputs,.roi-results{padding:20px 16px}.roi-field label{font-size:12px;max-width:56%}.roi-value{min-width:100px;max-width:115px}.roi-net{font-size:42px}.roi-top-metrics dd[data-result=breakEven]{font-size:21px}.roi-keyword-controls{grid-template-columns:1fr}.roi-keywords__body label{min-height:0}.roi-actions{flex-wrap:wrap}.roi-currency{font-size:9px;padding:7px}.roi-market-nav>a{font-size:9px;padding:10px}.roi-location-grid{grid-template-columns:1fr}}
.roi-page:has(#oxo-privacy-controls:not([hidden])) .roi-mobile-summary,.roi-page:has(dialog[open]) .roi-mobile-summary{display:none!important}
@media(prefers-reduced-motion:reduce){.roi-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.header,.mobile-nav,.oxo-footer,.roi-market-nav,.roi-keywords,.roi-actions,.roi-mobile-summary,.roi-cta,.roi-article-toc{display:none!important}.roi-page{color:#111!important;--roi-white:#111;--roi-muted:#444;--roi-line:#ddd;--roi-accent:#444;--roi-success:#222;--roi-loss:#222}.roi-wrap{width:100%;margin:0}.roi-breadcrumbs{padding-top:0}.roi-hero{padding-top:20px}.roi-inputs,.roi-results,.roi-local-card{background:#fff!important;box-shadow:none;border-color:#ccc}.roi-grid{grid-template-columns:1fr 1fr}.roi-results{position:static;display:block}.roi-results *,.roi-inputs *{color:#222!important}.roi-chart text{fill:#333}.roi-chart__contribution{stroke:#111}.roi-chart__cost{stroke:#888}.roi-range{display:none}.roi-value{background:#fff}.roi-net{font-size:34px}.roi-section{break-inside:avoid}}

/* Laptop usability: concise controls and a result card that fits a short screen. */
.roi-value input{min-height:44px}
.roi-model label{display:flex;font-size:12px}
.roi-model label span{display:flex;align-items:center;justify-content:center;flex:1}
.roi-calculator-context{max-width:920px;margin:30px 0 0;font-size:13px;line-height:1.85;color:var(--roi-muted)}
.roi-calculator-context+.roi-help-summary{margin-top:28px}
.roi-results .roi-result-heading{margin-bottom:22px}
.roi-results .roi-breakdown{gap:11px;margin-top:18px}
.roi-results .roi-results-footnote{margin-top:17px;font-size:11px;line-height:1.65}
.roi-analysis-link{grid-column:1/-1;width:100%;margin-top:20px;min-height:44px;font-size:12px;justify-content:space-between}
.roi-analysis{margin-top:24px;border:1px solid var(--roi-line);border-radius:14px;background:#121b29;scroll-margin-top:110px}
.roi-analysis>summary{cursor:pointer;list-style:none;padding:22px 25px;display:flex;align-items:center;gap:12px;color:#dce4f3;font-size:14px;line-height:1.5}
.roi-analysis>summary::-webkit-details-marker{display:none}
.roi-analysis>summary::after{content:'+';margin-left:auto;font-size:23px;line-height:1;color:var(--roi-accent)}
.roi-analysis[open]>summary::after{content:'−'}
.roi-analysis>summary small{font-size:11px;color:var(--roi-muted)}
.roi-analysis__body{padding:0 25px 25px}
.roi-analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;padding-top:20px;border-top:1px solid var(--roi-line)}
.roi-analysis-grid>section{min-width:0}
.roi-analysis .roi-chart-block{padding:0;margin:0}
.roi-analysis .roi-chart-title,.roi-analysis .roi-monthly h3{font-size:14px!important;line-height:1.5!important;letter-spacing:-.015em!important;font-weight:500!important;margin:0 0 15px!important}
.roi-analysis .roi-chart-legend{font-size:11px;gap:12px}
.roi-analysis .roi-chart text{font-size:20px}
.roi-analysis .roi-monthly{border:0;padding:0;margin:0}
.roi-analysis .roi-table-scroll{margin-top:0}
.roi-analysis .roi-table-scroll table{font-size:11px}
.roi-analysis .roi-table-scroll thead th{font-size:10px}
.roi-analysis .roi-table-scroll caption{font-size:10px;line-height:1.7}
.roi-analysis .roi-breakdown{font-size:12px}
.roi-analysis__body>.roi-button{margin-top:24px;min-height:44px}
.roi-mobile-summary{max-width:960px;margin-inline:auto}
.roi-mobile-summary__extra strong{font-size:16px}
@media(min-width:1101px){.roi-results{top:96px}.roi-results .roi-top-metrics{margin-top:20px;padding-bottom:20px}.roi-results .roi-primary-label{margin-bottom:9px}.roi-results .roi-net{font-size:50px}}
@media(min-width:681px) and (max-height:820px){
 .roi-calculator-page .roi-breadcrumbs{padding-top:104px;font-size:11px}
 .roi-calculator-page .roi-hero{padding:20px 0 18px;gap:30px;grid-template-columns:1.6fr .4fr}
 .roi-calculator-page .roi-hero h1{font-size:36px;line-height:1.08;letter-spacing:-.045em}
 .roi-calculator-page .roi-hero h1 br{display:none}
 .roi-calculator-page .roi-hero h1 span{display:block;margin-top:8px;font-size:23px;line-height:1.25;letter-spacing:-.025em}
 .roi-calculator-page .roi-hero__copy{font-size:13px;line-height:1.65;margin-top:10px}
 .roi-calculator-page .roi-hero__aside{padding-left:20px}
 .roi-calculator-page .roi-hero__aside>p:first-child{display:none}
 .roi-calculator-page .roi-privacy-note{font-size:10px!important}
 .roi-calculator-page .roi-market-nav{margin-bottom:20px}
 .roi-inputs,.roi-results{padding:24px}
 .roi-form-header{padding-bottom:16px}
 .roi-form-header small{margin-top:4px}
 .roi-fieldset{padding-top:19px}
 .roi-fieldset legend{padding-bottom:16px}
 .roi-model{margin-bottom:18px}
 .roi-results .roi-result-heading{margin-bottom:18px}
 .roi-results .roi-top-metrics{margin-top:18px;padding-bottom:18px}
 .roi-results .roi-breakdown{margin-top:17px;gap:10px}
 .roi-results .roi-results-footnote{margin-top:14px}
 .roi-analysis-link{margin-top:17px}
}
@media(min-width:681px) and (max-width:1100px){.roi-results .roi-breakdown{margin-top:0}.roi-results .roi-top-metrics{border:0;padding-bottom:0}.roi-results .roi-results-footnote{margin-top:18px}.roi-results .roi-analysis-link{margin-top:20px}.roi-analysis-grid{grid-template-columns:1fr 1.1fr;gap:24px}}
@media(max-width:680px){
 .roi-analysis{margin-top:18px;scroll-margin-top:92px}
 .roi-analysis>summary{padding:18px;flex-wrap:wrap;font-size:13px;gap:3px 10px}
 .roi-analysis>summary small{font-size:10px;width:calc(100% - 30px);order:2}
 .roi-analysis>summary::after{position:relative;align-self:center}
 .roi-analysis__body{padding:0 18px 20px}
 .roi-analysis-grid{grid-template-columns:1fr;gap:28px;padding-top:18px}
 .roi-analysis .roi-chart text{font-size:20px}
 .roi-analysis .roi-chart-title,.roi-analysis .roi-monthly h3{font-size:13px!important}
 .roi-analysis .roi-chart-legend{font-size:10px}
 .roi-analysis .roi-table-scroll th,.roi-analysis .roi-table-scroll td{padding:10px 11px}
 .roi-mobile-summary__extra{display:none}
 .roi-results .roi-net{font-size:46px}
 .roi-results .roi-breakdown{margin-top:23px}
 .roi-results .roi-top-metrics{padding-bottom:21px}
 .roi-analysis-link{font-size:11px}
 .roi-calculator-context{font-size:12px;margin-top:25px}
}
@media(min-width:1101px) and (max-height:650px){
 .roi-results{position:relative;top:0}
 .roi-mobile-summary.is-visible{display:flex;justify-content:space-between;align-items:center;gap:15px;position:fixed;z-index:75;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 15px;border:1px solid #c6c3ff40;border-radius:12px;background:#192235f5;backdrop-filter:blur(16px);box-shadow:0 10px 50px #0006}
 .roi-mobile-summary small{display:block;color:#9eadc6;font-size:10px}
 .roi-mobile-summary strong{display:block;font-size:18px;letter-spacing:-.035em;color:#f0f3ff;font-weight:500;margin-top:3px}
 .roi-mobile-summary a{font-size:11px;text-decoration:none;border-radius:6px;padding:12px 14px;color:#162030;background:#d2d5e9;white-space:nowrap;font-weight:550}
}
@media print{.roi-analysis{background:#fff;border-color:#ccc}.roi-analysis *{color:#222!important}.roi-analysis-link,.roi-mobile-summary{display:none!important}}