:root{--ink:#101318;--muted:#667085;--gold:#f2be37;--line:#dfe3e8;--soft:#f4f6f8;--dark:#05070d;--good:#187543;--bad:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--soft);color:var(--ink)}a{color:inherit}.hero{background:var(--dark);color:#fff;padding:0 max(24px,calc((100vw - 1120px)/2)) 72px}.topbar{min-height:92px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo{height:68px}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.desktop-nav a{color:#d7dce5;text-decoration:none;font-size:14px;font-weight:800}.desktop-nav .download{background:var(--gold);color:#111318;padding:12px 17px;border-radius:10px}.menu-toggle{display:none;margin-left:auto;background:#151922;border:1px solid #303541;color:#fff;border-radius:10px;padding:10px 13px;font-weight:850}.mobile-menu{position:absolute;right:20px;top:76px;z-index:10;background:#11141b;border:1px solid #303642;border-radius:15px;padding:10px;display:grid;width:min(340px,calc(100vw - 40px))}.mobile-menu[hidden]{display:none}.mobile-menu a{color:#fff;text-decoration:none;padding:12px}.eyebrow{padding-top:65px;color:var(--gold);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.05em;margin:17px 0}.hero p{max-width:760px;color:#bbc2ce;font-size:19px;line-height:1.6}.layout{width:min(1120px,calc(100% - 48px));margin:-28px auto 70px}.calculator,.info-card,.app-cta{background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:0 12px 35px rgba(15,23,42,.08)}.calculator{padding:28px}.calculator>h2{margin:0 0 22px;font-size:clamp(25px,3vw,34px);letter-spacing:-.025em}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px}.field input{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;font:inherit}.field input:focus,.field select:focus{outline:3px solid rgba(242,190,55,.28);border-color:#ca9411}.days{display:grid;gap:10px}.day-row{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(3,minmax(100px,1fr) ) minmax(105px,1fr) 42px;gap:10px;align-items:end;padding:13px;background:#f8f9fb;border:1px solid #e7e9ed;border-radius:14px}.day-row .result{padding:12px 8px;font-weight:900;text-align:center}.remove{height:44px;border:0;border-radius:10px;background:#eceff3;cursor:pointer;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{border:0;border-radius:11px;padding:14px 18px;font:inherit;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(15,23,42,.12)}.primary{background:var(--gold);color:#111318}.secondary{background:#eceff3;color:#222834}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-top:24px}.metric{min-height:105px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#11141b;color:#fff}.metric span{display:block;color:#aeb6c3;font-size:12px;margin-bottom:8px}.metric strong{font-size:clamp(23px,2.2vw,30px);letter-spacing:-.03em}.metric.balance.positive strong{color:#5fd38a}.metric.balance.negative strong{color:#ff8077}.metric-highlight{background:linear-gradient(135deg,#f8ca44,#edb92d)!important;border-color:#d6a321!important;color:#111318!important;box-shadow:0 8px 18px rgba(198,145,0,.18)}.metric-highlight span{color:#5a4200!important}.metric-highlight strong{font-size:clamp(27px,2.7vw,36px)}.hint{margin-top:16px;color:var(--muted);font-size:13px}.info-card{padding:30px;margin-top:22px}.info-card h2,.app-cta h2{font-size:clamp(27px,3vw,40px);margin:0 0 10px}.info-card p,.app-cta p{color:var(--muted);line-height:1.65}.app-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:32px;background:linear-gradient(135deg,#fff7df,#fff)}.app-cta a{flex:0 0 auto;background:var(--gold);text-decoration:none;font-weight:900;padding:15px 20px;border-radius:11px}.footer{background:var(--dark);color:#aeb6c3;padding:42px max(24px,calc((100vw - 1120px)/2))}.footer a{color:#d3d8df;margin-right:20px}@media(max-width:820px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding:0 20px 58px}.logo{height:52px}.eyebrow{padding-top:48px}.layout{width:min(100% - 28px,680px)}.calculator{padding:18px}.settings{grid-template-columns:1fr}.day-row{grid-template-columns:repeat(2,1fr);padding:14px}.day-row .name{grid-column:1/-1}.day-row .result{background:#fff;border-radius:9px}.remove{grid-column:2;justify-self:end;width:44px}.summary{grid-template-columns:repeat(2,1fr)}.metric{min-height:96px;padding:15px}.app-cta{align-items:stretch;flex-direction:column}.app-cta a{text-align:center}}@media(max-width:430px){.summary{grid-template-columns:1fr}.day-row{grid-template-columns:1fr}.day-row .name,.remove{grid-column:1}.remove{justify-self:stretch;width:auto}}
.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;font:inherit;background:#fff}
.field small{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.4}.calculator-error{display:none;margin:0 0 16px;padding:13px 15px;border:1px solid #f2b8b5;border-radius:11px;background:#fff1f0;color:#7a1a14;font-weight:750}.calculator-error.visible{display:block}.metric-highlight{background:var(--gold)!important;color:#111318!important}.metric-highlight span{color:#4d3a00}.result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.copy-status{font-size:14px;font-weight:800;color:var(--good)}.calculation-note{margin:15px 0 0;color:#475467;font-size:14px;line-height:1.5}
.paid-break-option{display:flex;gap:10px;grid-column:1/-1;align-items:flex-start;margin:0 0 22px;padding:14px 15px;border:1px solid #e1e5eb;border-radius:12px;background:#f8f9fb}.paid-break-option input{flex:0 0 auto;margin:3px 0 0}.paid-break-option small{margin:0;color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}
.holiday-mode{grid-column:1/-1;padding:14px 15px;border:1px solid #e1e5eb;border-radius:12px;background:#f8f9fb}.holiday-mode select{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;font:inherit;background:#fff}.holiday-mode small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.holiday-shift-list{display:grid;gap:14px;margin:0 0 14px}.holiday-shift-row{padding:18px;border:1px solid #e1e5eb;border-radius:16px;background:#f8f9fb}.holiday-shift-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.holiday-shift-heading h3{margin:0;font-size:18px}.remove-holiday-shift{border:0;background:transparent;color:#b42318;font:inherit;font-weight:800;cursor:pointer}.holiday-shift-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.add-holiday-shift{margin:0}
@media(max-width:820px){.holiday-shift-fields{grid-template-columns:1fr}}
#model{min-height:62px;padding:15px 48px 15px 17px;border:2px solid #d8a91f;border-radius:14px;background:linear-gradient(180deg,#fffdf7,#fff7df);color:#101318;font-size:18px;font-weight:850;box-shadow:0 7px 20px rgba(184,132,0,.14);cursor:pointer}#model:focus{outline:3px solid rgba(242,190,55,.3);outline-offset:2px}.field:has(#model){grid-column:1/-1;padding:18px;border:1px solid #ead28c;border-radius:16px;background:#fffaf0}.field:has(#model)>label{font-size:16px;margin-bottom:10px;color:#6f4d00}#editor{margin-top:4px;padding:18px!important;border:1px solid #e1e5eb;border-radius:16px;background:#f8f9fb}#editor>label{font-size:16px;margin-bottom:12px}#editor [data-add]{min-width:100px}#editor [data-add="E"]{background:#fff0bd}#editor [data-add="L"]{background:#ffd8b5}#editor [data-add="N"]{background:#dfe2ff}#editor [data-add="O"]{background:#dff5e7}