:root{--bg:#f8fafc;--card:#fff;--ink:#111827;--muted:#667085;--line:#e5eaf0;--blue:#2563eb;--soft:#eff6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{width:min(1080px,100% - 40px);margin-inline:auto}.header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:9px;font-size:25px;font-weight:800;display:flex}.logo{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:inline-flex}.dot{color:var(--blue);margin-left:-9px}.nav nav{color:#48546b;gap:24px;font-size:14px;font-weight:600;display:flex}.nav nav a:hover,.breadcrumbs a:hover{color:var(--blue)}.hero{text-align:center;max-width:690px;margin:0 auto;padding:96px 0 72px}.eyebrow,.category{letter-spacing:1.3px;color:var(--blue);font-size:11px;font-weight:800}.hero h1{letter-spacing:-3px;margin:22px 0;font-size:clamp(46px,7vw,72px);line-height:1.09}.hero h1 span{color:var(--blue)}.hero p{color:var(--muted);max-width:540px;margin:0 auto 32px;font-size:18px;line-height:1.6}.search{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:550px;height:62px;margin:0 auto;padding:0 20px;display:flex;box-shadow:0 12px 40px #182d5b0b}.search span{color:#64748b;font-size:32px}.search input{border:0;outline:0;flex:1;min-width:0;font-size:16px}.catalog{padding-bottom:75px}.section-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-head h2,.related h2{letter-spacing:-.6px;margin:0;font-size:23px}.section-head span{color:var(--muted);font-size:13px}.toolgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:17px;flex-direction:column;align-items:flex-start;min-height:215px;padding:24px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tile:hover{border-color:#bfd1f9;transform:translateY(-3px);box-shadow:0 16px 32px #11284b0b}.tile-icon{width:49px;height:49px;color:var(--blue);background:var(--soft);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tile .category{margin-top:18px}.tile h3{letter-spacing:-.35px;margin:8px 0;font-size:17px}.tile p{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.5}.tile-arrow{color:var(--blue);margin-top:18px;font-size:13px;font-weight:700}.info{color:#385780;background:#eaf2ff;border-radius:13px;margin:0 auto 80px;padding:18px 23px;font-size:14px;line-height:1.6}.empty{color:var(--muted);padding:30px}.footer{border-top:1px solid var(--line);background:#fff}.footerin{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:28px 0;font-size:12px;display:flex}.toolpage{padding-top:28px;padding-bottom:70px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:38px;font-size:12px;display:flex}.toolheading{align-items:center;gap:17px;display:flex}.toolheading h1{letter-spacing:-1px;margin:0 0 8px;font-size:clamp(27px,4vw,39px)}.toolheading p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.trust{color:#64748b;flex-wrap:wrap;gap:20px;margin:21px 0 24px;font-size:12px;display:flex}.workspace{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:800px;padding:32px;box-shadow:0 12px 45px #1f345307}.app-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;display:flex}.app-header h2{letter-spacing:-.3px;margin:0;font-size:19px}.app-header span{color:#64748b;letter-spacing:1px;font-size:10px;font-weight:700}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.field{color:#344054;flex-direction:column;gap:9px;font-size:13px;font-weight:700;display:flex}.field input,.field select{min-height:47px;color:var(--ink);background:#fff;border:1px solid #d7e0eb;border-radius:10px;outline:none;width:100%;padding:13px 14px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb14}.narrow{max-width:230px;margin-bottom:17px}.results{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:13px;padding-top:22px;display:grid}.result{border:1px solid var(--line);background:#fafcff;border-radius:12px;flex-direction:column;gap:10px;padding:17px;display:flex}.result span{color:var(--muted);font-size:12px}.result strong{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:23px}.result-large{background:var(--soft);border-color:#dbeafe;grid-column:1/-1}.result-large strong{color:#1d4ed8;font-size:36px}.hint{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.7}.editorial{color:#475467;max-width:800px;margin:40px 0;line-height:1.7}.editorial h2{color:var(--ink);margin:25px 0 8px;font-size:20px}.editorial p{margin:0;font-size:14px}.related{padding:28px 0 40px}.related h2{margin-bottom:20px}.related .tile{min-height:175px}.related .tile h3{margin-top:15px}.support{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:16px;max-width:800px;padding:22px;display:flex}.support span{font-size:28px}.support strong{font-size:15px}.support p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.6}.upload{color:#374151;background:#f8fafc;border:2px dashed #bdd0ec;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;padding:20px;font-size:14px;font-weight:700;display:flex}.upload input{max-width:100%;font-size:13px}.check{color:#475467;align-items:center;gap:9px;margin:8px 0 20px;font-size:13px;display:flex}.primary{background:var(--blue);color:#fff;border:none;border-radius:11px;min-height:48px;padding:14px 20px;font-weight:700}.primary:hover{background:#1d4ed8}.error{color:#b91c1c;font-size:13px}@media (max-width:700px){.shell{width:min(100% - 28px,1080px)}.nav{height:65px}.nav nav{gap:12px;font-size:12px}.hero{padding:67px 0 52px}.hero h1{letter-spacing:-2px}.hero p{font-size:15px}.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile{min-height:200px;padding:16px}.tile h3{font-size:15px}.tile p{font-size:12px}.tile-icon{width:42px;height:42px}.workspace{padding:18px}.toolheading{align-items:flex-start}.toolpage{padding-top:18px}.breadcrumbs{margin-bottom:25px}.formgrid{gap:12px}.footerin{flex-direction:column;align-items:flex-start}}@media (max-width:440px){.toolgrid{grid-template-columns:1fr}.tile{min-height:0}.formgrid{grid-template-columns:1fr}.hero h1{font-size:44px}.results{grid-template-columns:1fr}.result-large{grid-column:auto}.app-header span{display:none}.hero{padding:44px 0 34px}.hero h1{margin:18px 0;font-size:clamp(34px,10vw,40px)}.hero p{margin-bottom:24px}.search{height:56px;padding-inline:16px}.section-head{margin-bottom:16px}.catalog{padding-bottom:44px}.catalog .tile .category{margin-top:10px}.catalog .tile h3{margin:6px 0}.catalog .tile-arrow{margin-top:12px}.catalog .tile-icon{width:36px;height:36px}.info{margin-bottom:48px;padding:18px}}.editorial .instructions{margin:18px 0 24px;padding-left:22px;font-size:14px}.editorial .instructions li{margin:9px 0;padding-left:4px}.editorial .formulas{background:var(--soft);overflow-wrap:anywhere;border-radius:12px;margin:14px 0 26px;padding:16px 20px;font-size:14px;list-style:none}.editorial .formulas li+li{margin-top:8px}.worked-example{background:var(--card);border:1px solid var(--line);border-radius:15px;margin:28px 0;padding:24px}.editorial .worked-example h2{margin:0 0 12px}.editorial .example-inputs{color:var(--muted);font-size:13px}.example-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0;display:grid}.example-results div{border:1px solid var(--line);background:#fafcff;border-radius:10px;padding:14px}.example-results dt{color:var(--muted);font-size:12px}.example-results dd{color:#1d4ed8;overflow-wrap:anywhere;margin:7px 0 0;font-size:22px;font-weight:700}.faqs{margin-top:32px}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{cursor:pointer;color:var(--ink);padding:16px 0;font-size:14px;font-weight:700}.faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.editorial .faq-item p{padding:0 0 18px}.support a{color:var(--blue);font-weight:700}@media (max-width:440px){.worked-example{padding:18px}.example-results{grid-template-columns:1fr}.editorial .formulas{padding:14px 16px}}.week-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.week-controls>.field{width:190px;max-width:100%}.week-actions{flex-wrap:wrap;gap:8px;display:flex}.secondary{color:#344054;background:#fff;border:1px solid #d7e0eb;border-radius:10px;min-height:44px;padding:11px 14px;font-size:13px;font-weight:700}.secondary:hover{background:#eff6ff;border-color:#93b4ee}.week-intro{margin-bottom:24px}.week-days{flex-direction:column;gap:14px;display:flex}.week-day{border:1px solid var(--line);background:#fafcff;border-radius:12px;min-width:0;margin:0;padding:14px 16px 16px}.week-day legend{color:#344054;padding:0 6px;font-size:14px;font-weight:700}.week-day-fields{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(80px,.75fr) minmax(95px,.8fr);align-items:start;gap:12px;display:grid}.week-day .field{gap:7px;font-size:12px}.week-day .field input{min-width:0;padding:10px 11px}.day-paid{flex-direction:column;gap:10px;padding:0 0 0 4px;display:flex}.day-paid>span{color:#667085;font-size:12px;font-weight:700}.day-paid strong{color:#1d4ed8;font-size:15px;line-height:1.6}.day-paid small{color:#64748b;font-size:11px}.week-day .error{margin-bottom:0}.full-day{margin:14px 0 0}.week-results{margin-top:26px}.timesheet-download{margin-top:20px}@media (max-width:600px){.week-day-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.day-paid{gap:8px;padding:0}.week-day{padding:12px}.week-controls>.field,.week-actions{width:100%}.week-actions button{flex:1}.timesheet-download{width:100%}}.compressor-source{overflow-wrap:anywhere;margin:0 0 20px}.size-presets{flex-wrap:wrap;gap:8px;display:flex}.size-presets button{color:#475467;background:#fff;border:1px solid #d7e0eb;border-radius:9px;min-height:44px;padding:10px 13px;font-size:13px;font-weight:700}.size-presets button[aria-pressed=true]{background:var(--soft);border-color:var(--blue);color:#1d4ed8}.format-field{color:#344054;border:0;min-width:0;margin:0;padding:0;font-size:13px;font-weight:700}.format-field legend{margin-bottom:9px;padding:0}.format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.format-option{cursor:pointer;position:relative}.format-option input{opacity:0;width:1px;height:1px;position:absolute}.format-option span{color:#344054;background:#fff;border:1px solid #d7e0eb;border-radius:10px;justify-content:center;align-items:center;min-height:47px;padding:13px 14px;display:flex}.format-option input:checked+span{color:#fff;background:#2563eb;border-color:#2563eb}.format-option input:focus-visible+span{outline-offset:3px;outline:2px solid #2563eb}.format-field:disabled .format-option{cursor:not-allowed}.format-field:disabled .format-option span{opacity:.65}.compressor-action{margin-top:18px}.compression-result{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.compression-result h3{margin:0 0 18px;font-size:19px}.compression-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.compression-stats div{background:var(--soft);border:1px solid #dbeafe;border-radius:12px;padding:16px}.compression-stats dt{color:var(--muted);font-size:12px}.compression-stats dd{color:#1d4ed8;overflow-wrap:anywhere;margin:8px 0 0;font-size:20px;font-weight:700}.compression-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.compression-previews figure{min-width:0;margin:0}.compression-previews img{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#f1f5f9 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:10px;width:100%;height:190px;display:block}.compression-previews figcaption{color:var(--muted);margin-top:8px;font-size:12px}.download-image{justify-content:center;align-items:center;display:inline-flex}@media (max-width:440px){.compression-stats dd{font-size:17px}.compression-stats div{padding:12px}.compression-previews{gap:10px}.compression-previews img{height:130px}.compressor-action,.download-image{width:100%}}.logo svg{width:100%;height:100%;display:block}.skip-link{z-index:20;background:var(--blue);color:#fff;border-radius:10px;padding:12px 18px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}#main-content,#tools{scroll-margin-top:90px}.footer-copy{flex-direction:column;gap:9px;line-height:1.5;display:flex}.footer-links{flex-wrap:wrap;gap:20px;font-size:13px;font-weight:600;display:flex}.footer-links a:hover{color:var(--blue)}.infopage{padding-top:28px;padding-bottom:70px}.infopage .breadcrumbs{margin-bottom:24px}.info-card{background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:800px;padding:40px}.info-card h1{letter-spacing:-1.1px;margin:14px 0 16px;font-size:clamp(30px,4vw,42px)}.info-intro{color:var(--muted);max-width:620px;margin:0 0 28px;font-size:18px;line-height:1.6}.info-content{color:#475467;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.info-content h2{color:var(--ink);letter-spacing:-.3px;margin:30px 0 10px;font-size:20px;line-height:1.4}.info-content h2:first-child{margin-top:0}.info-content p{margin:10px 0}.info-content a{color:#1d4ed8;text-underline-offset:3px;text-decoration:underline}.info-content a:hover{color:#1e40af}.contact-callout{background:var(--soft);border:1px solid #dbeafe;border-radius:13px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:30px;padding:22px;display:flex}.contact-callout span{color:var(--muted);font-size:13px}.contact-callout a{font-size:clamp(18px,4vw,24px);font-weight:700}.policy-date{color:var(--muted);font-size:13px}.back-to-tools{color:var(--blue);margin-top:26px;font-size:14px;font-weight:700;display:inline-block}@media (max-width:700px){.infopage{padding-top:18px}.info-card{padding:26px}.info-intro{font-size:16px}.footer-links{gap:18px}}@media (max-width:440px){.info-card{padding:22px 18px}.infopage{padding-bottom:48px}.info-content{font-size:14px}.contact-callout{padding:18px}}