.pay-tab{color:var(--blue)!important}.invoice-pay{padding:140px 7vw;background:linear-gradient(135deg,#071620 0%,#0b2333 100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.invoice-intro{position:sticky;top:50px}.invoice-intro h2{font:700 clamp(65px,8vw,120px)/.88 Space Grotesk;margin:35px 0;letter-spacing:-.055em;text-transform:uppercase}.invoice-intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--blue)}.invoice-intro>p:not(.section-kicker){color:#a5b6be;font-size:17px;line-height:1.7;max-width:520px}.secure-note{display:flex;gap:18px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px;color:#8fa5ae}.secure-note span{color:var(--blue)}.secure-note p{margin:0;font-size:12px;line-height:1.7}.secure-note strong{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.invoice-panel{background:var(--paper);color:var(--ink);padding:48px}.invoice-panel form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:grid;gap:9px}.field:nth-child(2),.invoice-number{grid-column:1/-1}.field label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#536970}.field input{border:0;border-bottom:1px solid #aab7b9;background:transparent;padding:14px 0;font:500 16px Manrope;color:var(--ink);outline:none}.field input:focus{border-color:#08a9bd}.field input.invalid{border-color:#d64045}.lookup-button{grid-column:1/-1;margin-top:12px;border:0;background:var(--ink);color:#fff;padding:21px 24px;font:800 14px Manrope;display:flex;justify-content:space-between;cursor:pointer}.lookup-button:hover{background:#0c3447}.form-status{grid-column:1/-1;margin:0;color:#b22c32;font-size:12px;min-height:18px}.invoice-result{margin-top:35px;border-top:5px solid var(--blue);background:#fff;padding:30px}.invoice-result-head,.balance{display:flex;justify-content:space-between;align-items:center}.invoice-result-head span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#168b98}.invoice-result-head strong{font:700 24px Space Grotesk}.invoice-result dl{display:grid;grid-template-columns:1fr 1fr;margin:28px 0}.invoice-result dl div{padding:18px 0;border-top:1px solid #dce2e3}.invoice-result dt{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#6c7e82}.invoice-result dd{margin:8px 0 0;font-size:13px;line-height:1.5}.balance{border-top:2px solid var(--ink);padding:25px 0}.balance span{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.balance strong{font:700 34px Space Grotesk}.square-pending{width:100%;border:0;background:#c7d0d2;color:#68787c;padding:19px;font:800 13px Manrope;cursor:not-allowed}.invoice-result>small{display:block;text-align:center;margin-top:12px;color:#7b898c}@media(max-width:900px){.invoice-pay{grid-template-columns:1fr;padding:100px 7vw}.invoice-intro{position:static}.invoice-panel{padding:32px}.topbar nav .pay-tab{order:4}}@media(max-width:560px){.invoice-panel form{grid-template-columns:1fr}.field{grid-column:1/-1}.invoice-panel{padding:24px}.invoice-result dl{grid-template-columns:1fr}.balance strong{font-size:27px}}