.sv-main{background:var(--wash)}.sv-hero{padding:76px 0 48px;text-align:center;background:white}.sv-hero h1{font-size:clamp(2.5rem,4.7vw,4.2rem);line-height:1.08;letter-spacing:-.045em;max-width:1000px;margin:24px auto}.sv-hero h1 span{color:var(--purple)}.sv-lead{font-size:19px;max-width:740px;margin:0 auto 24px;color:var(--muted)}.sv-jumps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sv-jumps a{padding:12px 20px;border:1px solid var(--stroke);border-radius:30px;background:white;color:var(--purple);font-weight:650;text-decoration:none}.sv-jumps span{margin-left:12px}.sv-small,.sv-help,.sv-footnote{font-size:13px;line-height:1.65;color:var(--muted)}.sv-hero .sv-small{margin-top:20px}.sv-content{padding-bottom:50px}.sv-card{background:white;border:1px solid var(--stroke);border-radius:26px;padding:36px;margin:24px 0 48px;box-shadow:var(--shadow);scroll-margin-top:105px}.sv-kicker{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin:0 0 14px}.sv-card h2,.sv-bottom h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.18;letter-spacing:-.035em;margin:0 0 14px}.sv-intro{color:var(--muted);margin:0 0 30px;max-width:760px}.sv-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:36px;align-items:start}.sv-form label{display:block;font-size:14px;font-weight:650;margin:20px 0 9px}.sv-form>label:first-child{margin-top:0}.sv-input{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--stroke);border-radius:12px;padding:0 14px;min-height:52px}.sv-input input{width:100%;border:0;background:transparent;padding:14px 0;font:inherit;min-width:0;color:var(--ink)}.sv-input span{color:var(--muted)}.sv-input:focus-within{outline:2px solid var(--bright);outline-offset:2px}.sv-input input:focus{outline:none}.sv-form select{font:inherit;color:var(--ink);width:100%;border:1px solid var(--stroke);border-radius:12px;padding:14px;background:white}.sv-help{margin:8px 0 18px}.sv-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.sv-primary{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 21px;border:0;border-radius:12px;background:var(--purple);color:white!important;font:650 14px/1.5 Manrope,sans-serif;text-decoration:none;cursor:pointer;box-shadow:var(--shadow)}.sv-primary:hover{background:var(--color-primary-160)}.sv-text{font:650 13px Manrope,sans-serif;background:none;border:0;color:var(--purple);text-decoration:underline;cursor:pointer;padding:8px 0}.sv-result{background:var(--wash);border:1px solid var(--stroke);border-radius:20px;padding:30px;min-height:310px}.sv-result h3{font-size:25px;line-height:1.3;margin:15px 0}.sv-result p{color:var(--muted)}.sv-result .sv-kicker{color:var(--purple)}.sv-flow{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0;font-size:12px;border-bottom:1px solid var(--stroke);margin-bottom:20px}.sv-amount{display:block;font-size:clamp(2.5rem,4vw,3.8rem);font-weight:700;line-height:1.1;letter-spacing:-.05em;color:var(--purple);overflow-wrap:anywhere}.sv-result dl{margin:24px 0 0}.sv-result dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--stroke);padding:12px 0;font-size:14px}.sv-result dd{margin:0;font-weight:700;text-align:right}.sv-result dt{color:var(--muted)}.sv-method{border-top:1px solid var(--stroke);margin-top:30px;padding-top:20px;font-size:14px;color:var(--muted)}.sv-method summary,.sv-advanced summary{cursor:pointer;font-weight:650;color:var(--ink)}.sv-advanced{margin-top:18px;font-size:14px}.sv-stepper{display:flex;align-items:center;gap:10px}.sv-stepper button{background:white;color:var(--purple);border:1px solid var(--stroke);border-radius:10px;width:44px;height:44px;font-size:24px;cursor:pointer}.sv-stepper input{width:110px;text-align:center;border:1px solid var(--stroke);border-radius:10px;font:700 26px Manrope,sans-serif;color:var(--purple);padding:8px;appearance:textfield}.sv-stepper input::-webkit-inner-spin-button{appearance:none}.sv-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px;border-radius:24px;background:var(--deep);border:1px solid var(--stroke)}.sv-bottom p{color:var(--muted)}.sv-footnote{max-width:850px;margin:24px auto;text-align:center}.sv-main button:focus-visible,.sv-main a:focus-visible,.sv-main select:focus-visible,.sv-main summary:focus-visible,.sv-stepper input:focus-visible{outline:3px solid var(--bright);outline-offset:3px}@media(max-width:800px){.sv-hero{padding:48px 0 24px}.sv-grid{grid-template-columns:1fr;gap:24px}.sv-card{padding:24px}.sv-bottom{display:block;padding:24px}.sv-bottom .sv-primary{margin-top:12px}.sv-result{min-height:0;padding:24px}}@media(max-width:420px){.sv-card{padding:20px 16px}.sv-result{padding:20px}.sv-lead{font-size:17px}.sv-hero h1{font-size:2.5rem}.sv-actions{gap:12px}.sv-primary{width:100%}}
.sv-main>.sv-hero>.section-inner,.sv-main>.sv-content{width:calc(100% - 64px);max-width:1180px;margin-left:auto;margin-right:auto}@media(max-width:560px){.sv-main>.sv-hero>.section-inner,.sv-main>.sv-content{width:calc(100% - 32px)}}

/* Use shared TapHero palette: neutral surfaces, purple actions and deep-purple CTA. */
.sv-result{border-top:4px solid var(--purple)}.sv-bottom{color:white;border-color:var(--deep)}.sv-bottom h2,.sv-bottom p,.sv-bottom .sv-kicker{color:white}.sv-bottom .sv-primary{background:white;color:var(--purple)!important}.sv-bottom .sv-primary:hover{background:var(--wash)}
.sv-select{position:relative}.sv-select select{appearance:none;-webkit-appearance:none;padding-right:48px}.sv-select iconsax-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ink)}
.sv-role{border:0;padding:0;margin:0;min-width:0}.sv-role legend{font-size:16px;font-weight:650;line-height:1.5;margin-bottom:12px;padding:0}.sv-role-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sv-role-options label{display:flex;align-items:center;gap:10px;margin:0;padding:14px;min-height:60px;border:1px solid var(--stroke);border-radius:12px;cursor:pointer;line-height:1.4}.sv-role-options input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--purple)}.sv-role-options label:has(input:checked){border-color:var(--purple);background:var(--wash);color:var(--purple)}.sv-role-options label:focus-within{outline:2px solid var(--bright);outline-offset:2px}@media(max-width:480px){.sv-role-options{grid-template-columns:1fr}}
#time-savings > .sv-intro{max-width:none}
.sv-question-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;margin:20px 0}.sv-question-row label{margin:0;line-height:1.5}.sv-question-row input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--stroke);border-radius:12px;background:white;padding:12px;font:inherit;color:var(--ink)}.sv-question-row input:focus-visible{outline:2px solid var(--bright);outline-offset:2px}@media(max-width:420px){.sv-question-row{grid-template-columns:minmax(0,1fr) 96px;gap:12px}}
.sv-time-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px;color:var(--purple)}.sv-time-heading>iconsax-icon{display:block;width:40px;height:40px;flex:0 0 40px}.sv-card .sv-time-heading h2.sv-kicker{font-size:12px;font-weight:750;letter-spacing:.12em;line-height:1.5;margin:0;color:var(--purple)}.sv-card .sv-time-headline{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.18;letter-spacing:-.035em;margin:0 0 14px}
.sv-question-row{grid-template-columns:minmax(0,1fr) 172px}.sv-unit-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;align-items:center}.sv-unit-stepper button{min-height:48px;border:1px solid var(--stroke);border-radius:10px;background:white;color:var(--purple);font-size:24px;cursor:pointer}.sv-unit-stepper input{text-align:center;padding:12px 2px;appearance:textfield;font-size:16px}.sv-unit-stepper input::-webkit-inner-spin-button,.sv-unit-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:360px){.sv-question-row{grid-template-columns:1fr}.sv-unit-stepper{width:172px;justify-self:end}}
.sv-task-intro{font-size:14px;line-height:1.6;margin:28px 0 18px;color:var(--muted)}.sv-task-note{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}
.sv-form [hidden]{display:none!important}
.sv-ai-mode{border:0;padding:0;margin:24px 0 0;min-width:0}.sv-ai-mode legend{font-size:14px;font-weight:650;padding:0;margin-bottom:12px}.sv-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sv-mode-options label{position:relative;margin:0;cursor:pointer}.sv-mode-options input{position:absolute;opacity:0;width:1px;height:1px}.sv-mode-options span{display:block;text-align:center;padding:14px 4px;border:1px solid var(--stroke);border-radius:12px;min-height:64px}.sv-mode-options small{display:block;font-size:11px;font-weight:400;margin-top:5px}.sv-mode-options input:checked+span{background:var(--purple);border-color:var(--purple);color:white}.sv-mode-options input:focus-visible+span{outline:3px solid var(--bright);outline-offset:3px}
@media(min-width:801px){#time-result{position:sticky;top:100px;align-self:start;min-height:0;max-height:calc(100dvh - 120px);overflow-y:auto}}
.sv-results-column{min-width:0}.sv-results-column .sv-ai-mode{margin:0 0 18px}.sv-results-column .sv-mode-options label{font-size:14px;font-weight:650}.sv-results-column #time-result{position:static;max-height:none;overflow:visible}@media(min-width:801px){.sv-results-column{position:sticky;top:100px;align-self:start;max-height:calc(100dvh - 120px);overflow-y:auto}}
.sv-task-automation{margin-top:20px;padding:24px;background:white;border:1px solid var(--stroke);border-radius:20px}.sv-task-automation h3{font-size:18px;margin:0 0 12px}.sv-task-automation ul{list-style:none;padding:0;margin:12px 0}.sv-task-automation li{font-size:14px;padding:10px 0;border-bottom:1px solid var(--stroke);line-height:1.6}.sv-task-automation strong{color:var(--purple)}
.sv-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--stroke);border-radius:14px;background:var(--wash)}.sv-mode-options label{min-width:0;margin:0}.sv-mode-options span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 6px;border:0;border-radius:10px;font-size:14px;line-height:1.2;touch-action:manipulation}.sv-mode-options input:checked+span{background:var(--purple);color:white;box-shadow:0 2px 5px #00000014}.sv-mode-options input:focus-visible+span{outline:2px solid var(--bright);outline-offset:1px}
.sv-compact-automation{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--stroke)}.sv-compact-automation li{font-size:12px;line-height:1.5;padding:3px 0;color:var(--muted)}.sv-compact-automation strong{color:var(--purple);font-weight:650}
.sv-mode-options input:not(:checked)+span{box-shadow:inset 0 0 0 1px var(--stroke);background:white}
#time-result .sv-period{display:inline-block;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:500;letter-spacing:-.02em;color:var(--muted);white-space:nowrap;vertical-align:baseline}

.sv-manager-section{border:1px solid var(--stroke);border-radius:12px;margin:16px 0;padding:16px}.sv-manager-section>summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;list-style:none}.sv-manager-section>summary:after{content:"+";margin-left:auto;color:var(--purple)}.sv-manager-section[open]>summary:after{content:"−"}.sv-section-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--purple);color:white}.sv-manager-section summary small{font-size:11px;font-weight:400;color:var(--muted)}.sv-manager-section summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px}@media(max-width:480px){.sv-manager-section{padding:12px}.sv-manager-section summary{flex-wrap:wrap}.sv-manager-section summary>span:nth-child(2){flex:1}.sv-manager-section summary small{flex-basis:100%;padding-left:38px}}

/* Consistent compact counters throughout both calculators. */
.sv-question-row{grid-template-columns:minmax(0,1fr) 144px;gap:12px}
.sv-unit-stepper,.sv-stepper{display:grid;grid-template-columns:36px 64px 36px;gap:4px;align-items:center;width:144px}
.sv-unit-stepper button,.sv-stepper button,.sv-unit-stepper input,.sv-stepper input{box-sizing:border-box;width:100%;height:36px;min-height:36px;margin:0;padding:4px;border:1px solid var(--stroke);border-radius:8px;line-height:1.2}
.sv-unit-stepper input,.sv-stepper input{font:400 16px Manrope,sans-serif;text-align:center;color:var(--ink)}
.sv-unit-stepper button,.sv-stepper button{font-size:20px}
@media(pointer:coarse){.sv-unit-stepper button,.sv-stepper button,.sv-unit-stepper input,.sv-stepper input{height:44px;min-height:44px}}
@media(max-width:360px){.sv-question-row{grid-template-columns:1fr}.sv-unit-stepper{width:144px;justify-self:end}}

/* Keep results concise, with task detail available on demand and no nested scrolling. */
.sv-results-column{max-height:none;overflow:visible}
.sv-automation-details{margin-top:16px;border-top:1px solid var(--stroke);padding-top:12px}
.sv-automation-details>summary{cursor:pointer;color:var(--purple);font-size:13px;font-weight:650;padding:6px 0}
.sv-automation-details>summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.sv-automation-details .sv-compact-automation{border-top:0;padding-top:4px;margin-top:6px}
@media(min-width:801px){.sv-results-column{max-height:none;overflow:visible}.sv-results-column:has(.sv-automation-details[open]){position:static}}
@media(max-height:760px){.sv-results-column{position:static}}

/* Section titles span the header; workload sits beneath the title. */
.sv-manager-section>summary{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;column-gap:10px;row-gap:4px;align-items:start}
.sv-manager-section>summary>.sv-section-number{grid-column:1;grid-row:1 / span 2}
.sv-manager-section>summary>span:nth-child(2){grid-column:2;grid-row:1;min-width:0;line-height:1.45}
.sv-manager-section>summary>small{grid-column:2;grid-row:2;padding:0;font-size:12px;line-height:1.4;font-weight:400}
.sv-manager-section>summary:after{grid-column:3;grid-row:1;margin:0;align-self:center;text-align:center}

.sv-software-entry{min-width:0;border:1px solid var(--stroke);border-radius:12px;padding:16px;margin:20px 0}.sv-software-entry legend{font-weight:700;padding:0 6px}.sv-software-entry input:not([type=checkbox]),.sv-software-entry select{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--stroke);border-radius:8px;padding:8px;font:inherit;background:white;color:var(--ink);margin:5px 0 12px}.sv-charge-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sv-software-entry .sv-keep,.sv-software-types label{display:flex;align-items:center;gap:8px;font-size:14px}.sv-software-entry input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple);flex-shrink:0}.sv-software-types{margin:8px 0 16px}.sv-software-types summary{cursor:pointer;font-size:14px;color:var(--purple)}.sv-software-types>div{margin-top:12px}.sv-software-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:12px}.sv-charge-fields[hidden]{display:none}

#cost-title{max-width:none;width:100%;text-wrap:wrap}
@media(min-width:1100px){#cost-title{white-space:nowrap;font-size:clamp(1.8rem,2.8vw,2.6rem)}}

/* Narrow counter fields and tighter control groups. */
.sv-question-row{grid-template-columns:minmax(0,1fr) 116px}
.sv-unit-stepper,.sv-stepper{grid-template-columns:32px 44px 32px;gap:4px;width:116px}
.sv-unit-stepper input,.sv-stepper input{padding:4px 0;font-size:14px}
@media(max-width:360px){.sv-question-row{grid-template-columns:1fr}.sv-unit-stepper{width:116px}}

/* Preserve button sizing; only the number field is narrower. */
.sv-question-row{grid-template-columns:minmax(0,1fr) 124px}
.sv-unit-stepper,.sv-stepper{grid-template-columns:36px 44px 36px;width:124px}
@media(max-width:360px){.sv-question-row{grid-template-columns:1fr}.sv-unit-stepper{width:124px}}

.sv-demo-cta{margin-top:20px;padding:20px;border:1px solid var(--stroke);border-radius:16px;background:white}.sv-demo-cta h3{font-size:18px;line-height:1.4;margin:0 0 8px}.sv-demo-cta p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}.sv-demo-cta .sv-primary{display:inline-flex;justify-content:center;text-align:center}
@media(min-width:801px) and (max-height:1000px){.sv-results-column:has(.sv-demo-cta){position:static}}