:root{--primary-blue:#3b66f5;--primary-red:#e53935;--light-blue-bg:#eaf6ff;--light-yellow-bg:#fffbeb;--light-grey-border:#e0e0e0;--text-dark:#212121;--text-light:#616161;--container-bg:#fff;--page-bg:#f7f8fa;--border-radius:16px;--shadow:0 8px 24px rgba(0,0,0,0.05)}.calculator-container{width:100%;display:flex;flex-direction:column;gap:60px}.headersect{background:linear-gradient(120deg,#f2f4ff 0,#faf0f8 100%);padding:80px 50px 0;border-radius:var(--border-radius);text-align:center}.headersect h1{font-size:60px;margin:0 0 15px 0;line-height:1.2;font-family:var(--primaryfont-regular);max-width:800px;margin:0 auto 20px}.headersect p{max-width:710px;margin:0 auto 50px auto;font-size:20px;line-height:1.6}.tabs{display:flex;justify-content:center}.tab-button{padding:12px 24px;font-size:15px;border:1px solid transparent;cursor:pointer;transition:all .3s ease}.tab-button.active{background-color:var(--primary-blue);color:white}.tab-button.inactive{background-color:var(--container-bg);color:var(--text-dark);border:1px solid var(--light-grey-border)}.main-content .content-wrap{display:grid;grid-template-columns:1fr 2fr;gap:30px}.input-form{background-color:var(--container-bg);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:25px}.input-form h2{font-size:20px;margin:0}.input-group{display:flex;flex-direction:column;gap:15px}.day-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;margin-bottom:10px}.day-input label{font-size:15px;color:var(--text-dark)}.day-input .start-day-label-container{position:relative;cursor:pointer}.day-input .start-day-label-text{font-size:12px;margin-bottom:-5px;color:#3061e3}.day-input .day-label{display:flex;align-items:center;gap:8px}.day-input .day-label.is-dropdown::after{content:'▼';font-size:10px}.day-dropdown{display:none;position:absolute;top:100%;left:0;background-color:var(--container-bg);border:1px solid var(--light-grey-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:5px;margin-top:5px;z-index:10}.day-dropdown.show{display:block}.day-dropdown-item{padding:8px 12px;border-radius:6px}.day-dropdown-item:hover{background-color:#f0f0f0}.day-input input{width:120px;padding:10px;border:1px solid var(--light-grey-border);border-radius:8px;text-align:right;font-size:14px;font-family:'Inter',sans-serif}.day-input input::placeholder{text-align:center;color:#b0bec5;font-size:12px}.pay-rate-group label{font-size:15px}.results-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;grid-auto-rows:min-content}.result-card{padding:30px;border-radius:var(--border-radius);display:flex;flex-direction:column;border-radius:12.92px;border:2px solid #c3daed;background:linear-gradient(180deg,#e4f3ff 40.06%,#FFF 114.05%)}.result-card h2{font-size:20px;margin:0 0 25px 0}.result-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #d0e8fa}.result-row:last-of-type{border-bottom:0}.result-row span:first-child{color:var(--text-dark)}.result-row span:last-child{background-color:var(--container-bg);padding:8px 16px;border-radius:8px;min-width:50px;text-align:center;border-radius:5px;border:0 solid var(--Grey-Gr5-DCDCDC,#dcdcdc);background:#f0f8ff}.total-row{background-color:#d1e9fc;display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:12px;margin-top:auto;border-radius:5.168px;border:0 solid #dcdcdc;background:#d9eeff;font-family:var(--zf-primary-bold)}.total-row span:last-child{font-size:20px}.hidden{display:none}.cta-section{grid-column:1 / -1;background-color:#fffad8;border-radius:var(--border-radius);padding:40px;text-align:center}.cta-section h2{font-size:28px;max-width:630px;margin:0 auto 25px auto;line-height:1.3}.cta-button{background-color:var(--primary-red);color:white;padding:14px 30px;font-size:16px;border:0;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#c62828}.how-to-section .content-wrap{max-width:1000px;padding:60px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.section-title{font-size:32px;color:var(--text-dark);text-align:center;margin:0}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.step-card{background-color:var(--container-bg);border-radius:var(--border-radius);padding:30px;text-align:center;box-shadow:var(--shadow)}.step-badge{display:inline-block;background-color:#e3f2fd;color:var(--primary-blue);padding:6px 12px;border-radius:12px;font-size:12px;margin-bottom:20px}.step-card p{font-size:18px;margin:0;line-height:1.5}.calculations-table{width:100%;border-collapse:collapse;box-shadow:var(--shadow);border-radius:var(--border-radius);overflow:hidden}.calculations-table th,.calculations-table td{padding:16px;text-align:left;border:1px solid var(--light-grey-border)}.calculations-table thead th{background-color:var(--primary-blue);color:white;font-size:16px}.calculations-table tbody td{background-color:var(--container-bg);font-size:15px}.calculations-table td:not(:first-child){text-align:center}.zwc-faq-ans ul{margin-top:0}@media(max-width:1024px){.calculator-container{gap:40px}.headersect h1{font-size:50px}.headersect p{font-size:18px;margin-bottom:40px}.main-content .content-wrap{grid-template-columns:1fr}}@media(max-width:991px){.results-section{grid-template-columns:1fr}.main-content .content-wrap{grid-template-columns:2fr 1.5fr}}@media(max-width:767px){.calculator-container{gap:30px}.headersect{padding:60px 20px 0}.headersect h1{font-size:40px}.headersect p{font-size:16px}.main-content .content-wrap{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr}.results-section{grid-template-columns:1fr}.how-to-section .content-wrap{padding:40px 0}.section-title{font-size:28px}.cta-section h2{font-size:24px}.main-content .content-wrap{max-width:500px;margin:auto}.steps-container{max-width:350px}.result-card h2{font-size:18px;margin:0 0 10px 0}.result-row{padding:10px 0}.result-row span{font-size:15px}}@media(max-width:480px){.headersect{padding:40px 15px 0}.headersect h1{font-size:32px}.input-form,.result-card{padding:20px}.cta-section{padding:30px 20px;width:90%;margin:auto}.cta-section h2{font-size:20px;max-width:320px}.calculations-table{width:90%}.calculations-table th,.calculations-table td{padding:12px;font-size:14px}.day-input{grid-template-columns:1fr auto;gap:8px}.calculations-table th,.calculations-table td{padding:12px;font-size:14px}.steps-container{max-width:290px}.calculations-table thead th{font-size:14px}}