.pay-product-page{--py-navy:#0b2e57;--py-ink:#102846;--py-muted:#607185;--py-line:#dbe4ed;--py-soft:#f4f7fa;background:#fff;color:var(--py-ink)}.pay-product-page *{box-sizing:border-box}.py-kicker{margin:0 0 18px;color:#087f70;font-size:11px;font-weight:800;letter-spacing:.16em}.py-category{background:#fff;border-bottom:1px solid var(--py-line)}.py-category .wrap{display:flex;justify-content:center}.py-category span{padding:13px 24px;color:#68798b;border-right:1px solid var(--py-line);font-size:11px}.py-category span:last-child{border:0}.py-category b{color:var(--py-navy)}.py-category a{color:inherit;text-decoration:none}.py-hero{padding:76px 0 88px;background:#f5f8fb;border-bottom:1px solid var(--py-line)}.py-hero-grid,.py-split{display:grid;grid-template-columns:.93fr 1.07fr;gap:76px;align-items:center}.py-hero h1,.py-inputs h2,.py-workflow h2,.py-review h2,.py-payslip h2,.py-nepal h2,.py-faq h2,.py-final h2{margin:0;color:var(--py-navy);font-size:clamp(38px,4.5vw,62px);line-height:1.01;letter-spacing:-.058em}.py-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:.95}.py-hero-grid>div:first-child>p:not(.py-kicker){max-width:630px;margin:27px 0 0;color:var(--py-muted);font-size:18px;line-height:1.7}.py-actions{display:flex;gap:10px;margin-top:30px}.py-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:0 18px;color:var(--py-navy);background:#fff;border:1px solid #cbd7e3;border-radius:9px;text-decoration:none;font-size:13px;font-weight:750}.py-actions a:first-child{color:#fff;background:var(--py-navy);border-color:var(--py-navy)}.py-hero small{display:block;margin-top:14px;color:#718094}.py-run{background:#fff;border:1px solid #cddae6;box-shadow:0 22px 55px rgba(17,48,82,.1);transform:rotate(.5deg)}.py-run header,.py-slip header,.py-exception header,.py-exception footer{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--py-line)}.py-run header span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.py-run header img{width:22px}.py-run header em{color:#9a6412;font-size:10px;font-style:normal;font-weight:750}.py-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.py-summary article{padding:15px;background:var(--py-soft)}.py-summary span,.py-summary small{display:block;color:#718094;font-size:10px}.py-summary b{display:block;margin:5px 0;color:var(--py-navy);font-size:28px}.py-row{display:grid;grid-template-columns:34px 1fr auto 54px;gap:11px;align-items:center;margin:0 18px 9px;padding:12px;border:1px solid var(--py-line)}.py-row>i{width:30px;height:30px;display:grid;place-items:center;background:#e8eef5;font-size:9px;font-style:normal}.py-row span b,.py-row span small{display:block}.py-row span b{font-size:12px}.py-row span small{color:#718094;font-size:9px}.py-row strong{font-size:11px}.py-row em{color:#9a6412;font-size:9px;font-style:normal;font-weight:750;text-align:right}.py-row--ready em{color:#087f70}.py-run>footer{padding:5px 18px 15px;color:#8491a0;font-size:9px}.py-inputs,.py-workflow,.py-review,.py-payslip,.py-nepal,.py-faq{padding:96px 0}.py-input-heading{display:grid;grid-template-columns:1fr 1fr;gap:75px}.py-input-heading>p{margin:0;color:var(--py-muted);font-size:16px;line-height:1.75}.py-input-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--py-line)}.py-input-grid article{padding:25px 22px 0 0;border-right:1px solid var(--py-line)}.py-input-grid article+article{padding-left:22px}.py-input-grid article:last-child{border:0}.py-input-grid span{color:#087f70;font-size:10px}.py-input-grid h3{margin:18px 0 8px;font-size:18px}.py-input-grid p{margin:0;color:var(--py-muted);font-size:12px;line-height:1.6}.py-input-grid a{display:inline-block;margin-top:13px;color:#0b5dac;font-size:11px;font-weight:750;text-decoration:none}.py-workflow{background:var(--py-navy);color:#fff}.py-workflow .py-kicker{color:#7fe3ce}.py-workflow h2{color:#fff}.py-workflow .py-split>div>p:not(.py-kicker){color:#c1cfdd;line-height:1.75}.py-workflow ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}.py-workflow li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}.py-workflow li i{color:#7fe3ce;font-size:11px;font-style:normal}.py-workflow li b,.py-workflow li small{display:block}.py-workflow li small{margin-top:7px;color:#bdcad8;line-height:1.55}.py-exception,.py-slip{background:#fff;border:1px solid #cddae6;box-shadow:0 18px 45px rgba(17,48,82,.08)}.py-exception header span{color:#9a6412;font-size:10px;font-weight:750}.py-exception dl{margin:0;padding:5px 20px}.py-exception dl div{display:grid;grid-template-columns:150px 1fr;padding:13px 0;border-bottom:1px solid var(--py-line)}.py-exception dl div:last-child{border:0}.py-exception dt{color:#748396;font-size:11px}.py-exception dd{margin:0;font-size:12px;font-weight:700}.py-exception footer{border:0;background:var(--py-soft)}.py-exception footer span{color:#68798b;font-size:10px}.py-exception footer em{color:#9a6412;font-size:10px;font-style:normal;font-weight:750}.py-review .py-split>div:last-child>p:not(.py-kicker),.py-payslip .py-split>div:first-child>p:not(.py-kicker){color:var(--py-muted);line-height:1.75}.py-review ul{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--py-line)}.py-review li{padding:12px 0;border-bottom:1px solid var(--py-line);font-size:12px}.py-payslip{background:var(--py-soft);border-block:1px solid var(--py-line)}.py-note{padding:14px;border-left:3px solid #0b7890;background:#fff;font-size:11px!important}.py-slip header span{color:#087f70;font-size:10px;font-weight:750}.py-slip>div{padding:16px 20px;border-bottom:1px solid var(--py-line)}.py-slip>div small,.py-slip>div b{display:block}.py-slip>div small{color:#748396;font-size:9px}.py-slip>div b{margin-top:5px}.py-slip dl{margin:0;padding:6px 20px}.py-slip dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--py-line)}.py-slip dt,.py-slip dd{font-size:12px}.py-slip dd{margin:0;font-weight:700}.py-slip .py-total{font-size:14px}.py-slip footer{padding:5px 20px 16px;color:#8491a0;font-size:9px}.py-nepal{background:var(--py-navy);color:#fff}.py-nepal .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.py-nepal .py-kicker{color:#7fe3ce}.py-nepal h2{color:#fff}.py-nepal .wrap>p{margin:0;color:#c1cfdd;font-size:15px;line-height:1.75}.py-faq .py-split{align-items:start}.py-faq details{border-top:1px solid var(--py-line)}.py-faq details:last-child{border-bottom:1px solid var(--py-line)}.py-faq summary{display:flex;justify-content:space-between;gap:25px;padding:21px 0;cursor:pointer;list-style:none;font-weight:750}.py-faq summary::-webkit-details-marker{display:none}.py-faq summary i{font-style:normal}.py-faq details[open] summary i{transform:rotate(45deg)}.py-faq details p{max-width:680px;margin:-5px 0 22px;color:var(--py-muted);font-size:14px;line-height:1.7}.py-final{padding:65px 0;background:#e9f1f8}.py-final .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.py-final h2{font-size:clamp(34px,4vw,52px)}.py-final .py-actions{flex:0 0 auto;margin:0}
@media(max-width:900px){.py-hero-grid,.py-split,.py-input-heading,.py-nepal .wrap{grid-template-columns:1fr;gap:42px}.py-run{transform:none}.py-input-grid{grid-template-columns:1fr 1fr}.py-final .wrap{display:block}.py-final .py-actions{margin-top:28px}}
@media(max-width:700px){.py-category .wrap{display:block}.py-category span{display:block;padding:9px 0;border-right:0;border-bottom:1px solid var(--py-line)}.py-hero{padding:54px 0 64px}.py-hero h1{font-size:46px}.py-actions{flex-direction:column}.py-actions a{width:100%}.py-inputs,.py-workflow,.py-review,.py-payslip,.py-nepal,.py-faq{padding:68px 0}.py-input-grid{grid-template-columns:1fr}.py-input-grid article,.py-input-grid article+article{padding:20px 0;border-right:0;border-bottom:1px solid var(--py-line)}.py-row{grid-template-columns:30px 1fr auto}.py-row em{grid-column:2;text-align:left}.py-exception dl div{grid-template-columns:120px 1fr}.py-final .py-actions{align-items:stretch}}