/* SmallBizSEO ROI Calculator — GPL-2.0-or-later. All rules scoped to the widget. */
.sbseo-roi{--sbseo-accent:#2463eb;--sbseo-ink:#19212e;color:var(--sbseo-ink);font-family:inherit;font-size:16px;line-height:1.5;width:100%;max-width:1180px;margin:58px auto 24px;text-align:left}
.sbseo-roi *,.sbseo-roi *:before,.sbseo-roi *:after{box-sizing:border-box}
.sbseo-roi [hidden]{display:none!important}
.sbseo-roi .sbseo-card{position:relative;border:1px solid #e2e6ed;border-radius:30px;background:#fff;box-shadow:0 12px 32px #19212e0d}
.sbseo-roi .sbseo-tabs{position:absolute;z-index:1;top:-33px;left:0;width:66%;display:flex;justify-content:center;gap:0;isolation:isolate}
.sbseo-roi .sbseo-tabs:before{content:"";position:absolute;inset:-7px calc(50% - 211px);z-index:-1;background:#fff;border-radius:100px}
.sbseo-roi .sbseo-tabs button{appearance:none;border:0;box-shadow:none;border-radius:100px;background:#e8edf4;color:var(--sbseo-ink);min-width:204px;min-height:54px;padding:12px 24px;font:inherit;font-size:21px;font-weight:700;cursor:pointer;letter-spacing:0;text-transform:none;margin:0}
.sbseo-roi .sbseo-tabs button[aria-selected=true]{color:#fff;background:var(--sbseo-accent)}
.sbseo-roi .sbseo-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.sbseo-roi .sbseo-inputs{padding:65px 55px 32px;min-width:0}
.sbseo-roi .sbseo-intro{font-weight:700;font-size:19px;margin:0 0 2px;color:var(--sbseo-ink)}
.sbseo-roi .sbseo-hint{font-size:13px;color:#637085;margin:0 0 32px}
.sbseo-roi .sbseo-field{margin:0 0 26px;min-width:0}
.sbseo-roi .sbseo-field-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;min-height:32px}
.sbseo-roi .sbseo-field label{margin:0;color:var(--sbseo-ink);font-size:16px;font-weight:700;line-height:1.4;flex:1;cursor:pointer}
.sbseo-roi .sbseo-edit{flex:0 0 130px;text-align:right}
.sbseo-roi .sbseo-value{appearance:none;border:0;background:transparent;color:var(--sbseo-ink);box-shadow:none;padding:4px 0 4px 6px;margin:0;font:inherit;font-size:16px;font-weight:700;cursor:text;line-height:1.4;text-transform:none;letter-spacing:0}
.sbseo-roi .sbseo-pencil{font-size:17px;margin-left:7px;color:#7b8595}
.sbseo-roi input[type=number]{appearance:textfield;-moz-appearance:textfield;border:1px solid var(--sbseo-accent);border-radius:5px;background:#fff;color:var(--sbseo-ink);height:32px;min-height:0;width:130px;max-width:100%;padding:2px 7px;margin:0;font:inherit;font-weight:700;text-align:right;box-shadow:none;line-height:1.3}
.sbseo-roi input[type=number]::-webkit-inner-spin-button,.sbseo-roi input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sbseo-roi input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:18px;border:0;border-radius:30px;background:linear-gradient(to right,var(--sbseo-accent) 0%,var(--sbseo-accent) var(--sbseo-fill,0%),#e6e8ec var(--sbseo-fill,0%),#e6e8ec 100%);padding:0;margin:0;display:block;cursor:pointer;box-shadow:none;min-height:0;max-width:none}
.sbseo-roi input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;border:0;border-radius:50%;background:#19212e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M8 14h12m-5-5 5 5-5 5' stroke='white' stroke-width='1.7' fill='none'/%3E%3C/svg%3E") center no-repeat;box-shadow:none}
.sbseo-roi input[type=range]::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#19212e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M8 14h12m-5-5 5 5-5 5' stroke='white' stroke-width='1.7' fill='none'/%3E%3C/svg%3E") center no-repeat;box-shadow:none}
.sbseo-roi button:focus-visible,.sbseo-roi input:focus-visible,.sbseo-roi summary:focus-visible{outline:3px solid #728fff;outline-offset:4px}
.sbseo-roi .sbseo-results{background:var(--sbseo-accent);color:#fff;border-radius:0 29px 29px 0;padding:36px 32px;min-width:0}
.sbseo-roi .sbseo-baseline{font-size:15px;font-weight:700;border-bottom:1px solid #ffffff59;padding-bottom:25px;margin-bottom:27px}
.sbseo-roi .sbseo-baseline strong,.sbseo-roi dd{display:block;background:#ffffff24;border-radius:9px;padding:9px 12px;margin:7px 0 0;font-weight:700;font-size:25px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#fff}
.sbseo-roi .sbseo-brand{font-size:21px;font-weight:800;letter-spacing:-.7px;margin:0 0 12px;line-height:1.4;color:#fff}
.sbseo-roi .sbseo-brand>span:first-child{font-weight:400}
.sbseo-roi .sbseo-brand-arrow{float:right;letter-spacing:0;font-size:27px;line-height:1}
.sbseo-roi .sbseo-results h2{font:inherit;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;margin:0 0 22px;color:#fff}
.sbseo-roi dl{padding:0;margin:0}
.sbseo-roi dl>div{margin:0 0 15px}
.sbseo-roi dt{font-size:15px;font-weight:600;line-height:1.4;color:#fff}
.sbseo-roi .sbseo-roi-total{margin:23px 0 0}
.sbseo-roi .sbseo-roi-total dd{background:#fff;color:var(--sbseo-accent);font-size:34px;font-weight:800;padding:10px 12px}
.sbseo-roi .sbseo-basis,.sbseo-roi .sbseo-zero{font-size:12px;line-height:1.6;margin:13px 0 0;color:#fff}
.sbseo-roi .sbseo-disclaimer{font-size:13px;line-height:1.8;color:#637085;margin:24px 0 12px}
.sbseo-roi .sbseo-method{font-size:13px;color:#526176;border-top:1px solid #e2e6ed;padding:13px 0;margin:0}
.sbseo-roi summary{cursor:pointer;font-weight:700;color:var(--sbseo-ink)}
.sbseo-roi .sbseo-method p{font:inherit;margin:10px 0}
.sbseo-roi .sbseo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.sbseo-roi .sbseo-inputs{padding:58px 28px 22px}.sbseo-roi .sbseo-results{padding:32px 23px}.sbseo-roi .sbseo-tabs button{min-width:150px;font-size:19px}.sbseo-roi .sbseo-tabs:before{inset:-7px calc(50% - 157px)}.sbseo-roi .sbseo-edit{flex-basis:112px}.sbseo-roi input[type=number]{width:112px}}
@media(max-width:767px){.sbseo-roi{margin-top:42px}.sbseo-roi .sbseo-grid{display:block}.sbseo-roi .sbseo-tabs{width:100%;top:-24px}.sbseo-roi .sbseo-tabs button{min-width:135px;min-height:42px;padding:8px 16px;font-size:17px}.sbseo-roi .sbseo-tabs:before{inset:-5px calc(50% - 140px)}.sbseo-roi .sbseo-inputs{padding:42px 20px 10px}.sbseo-roi .sbseo-intro,.sbseo-roi .sbseo-hint{text-align:center}.sbseo-roi .sbseo-field{margin-bottom:29px}.sbseo-roi .sbseo-field label{font-size:14px}.sbseo-roi .sbseo-value{font-size:14px}.sbseo-roi .sbseo-edit{flex-basis:104px}.sbseo-roi input[type=number]{width:104px}.sbseo-roi .sbseo-results{border-radius:0 0 29px 29px;padding:30px 24px}.sbseo-roi .sbseo-results h2 br{display:none}.sbseo-roi .sbseo-field-top{gap:5px}}
