:root{font-family:system-ui,sans-serif;color:#172638;background:#f7f8f6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8dedf}header a{text-decoration:none;color:#172638;font-size:17px;font-weight:800;letter-spacing:1px}header a span{display:block;font-size:9px;letter-spacing:4px;margin-top:4px}.secure{font-size:11px;color:#516476}main{padding-block:55px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#5c738c}h1{font-size:52px;line-height:1.1;letter-spacing:-2px;margin:20px 0}em{font-style:normal;color:#b84e23}.intro{line-height:1.8;max-width:650px;color:#556576;font-size:15px}#status{padding:17px 20px;background:#e8f1f9;border-radius:8px;font-size:13px;line-height:1.6}section{background:#fff;border:1px solid #dbe2e8;border-radius:15px;padding:32px;margin-top:30px}.project-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:27px;letter-spacing:-1px;margin:9px 0}.test{font-size:9px;background:#fff0d8;color:#795116;padding:9px;border-radius:5px}h3{font-size:15px;margin-top:30px}.scope{white-space:pre-wrap;line-height:1.8;font-size:14px;color:#4f6073}.schedule{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce4eb;border-radius:9px;margin:28px 0;overflow:hidden}.schedule article{padding:23px;border-right:1px solid #dce4eb}.schedule article:last-child{border:0}.schedule span{font-size:8px;letter-spacing:1px;font-weight:800}.schedule b{display:block;margin-top:15px;font-size:31px}.schedule small{font-size:13px;font-weight:400}.schedule p{font-size:11px;color:#607286}.terms,.fine{font-size:12px;line-height:1.9;color:#586c7e}.pay-panel{margin-top:30px;background:#f1f5f9;border-radius:9px;padding:25px}.pay-panel>span{font-size:12px}.pay-panel>strong{display:block;font-size:38px;margin:12px 0}#payment-state{font-size:13px;line-height:1.7}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;margin:20px 0}.consent input{width:18px;height:18px;flex-shrink:0}button{font:inherit;cursor:pointer}#pay{padding:16px 25px;background:#b84e23;color:#fff;border:0;border-radius:6px;font-weight:700;font-size:13px}#pay:disabled{opacity:.5;cursor:not-allowed}.refresh{color:#214d70;border:0;background:transparent;padding:8px 0;text-decoration:underline;font-size:12px}.contact{font-size:13px;color:#52667b;margin-top:30px}.contact a{color:#172638}footer{font-size:10px;color:#627083;border-top:1px solid #d8dedf;padding-block:25px 40px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3c85b7;outline-offset:4px}@media(max-width:600px){header,main,footer{padding-inline:20px}header{gap:20px}.secure{font-size:9px}h1{font-size:36px;letter-spacing:-1.5px}main{padding-top:35px}section{padding:20px}.project-head{align-items:flex-start;flex-direction:column}.schedule{grid-template-columns:1fr}.schedule article{border-right:0;border-bottom:1px solid #dce4eb;padding:18px}.schedule b{margin-top:10px}.pay-panel{padding:20px}#pay{width:100%;line-height:1.5}}

/* Keep billing actions separate and comfortably tappable on phones. */
.refresh{display:table;min-height:44px;max-width:100%;padding:12px 0;line-height:1.6;text-align:left}