@import url('/assets/fonts/fonts.css');
:root{--brand:#00a4ff;--ink:#101820;--text:#172635;--muted:#586674;--line:#dce3e9;--paper:#fff;--background:#f3f6f8;--radius:14px;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:#05689f;text-underline-offset:4px}a:hover{color:#004e78}a:focus-visible{outline:3px solid #007fc5;outline-offset:5px}button,input{font:inherit}svg{flex-shrink:0}.icon{width:19px;height:19px}p{margin:0}h1,h2,h3{margin:0;font-weight:500}h1{font-family:Outfit,Inter,sans-serif;font-size:clamp(27px,5vw,36px);line-height:1.2;letter-spacing:-.025em}h2{font-family:Outfit,Inter,sans-serif;font-size:24px;letter-spacing:-.015em}h3{font-size:15px;font-weight:600;line-height:1.45}.skip-link{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-150%);padding:12px 18px;background:white;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--ink);border-bottom:2px solid var(--brand)}.header-inner{max-width:1120px;min-height:108px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:244px;height:51px;object-fit:contain}.header-label{display:flex;align-items:center;gap:9px;color:#d5e0e8;font-size:13px}.header-label .icon{color:var(--brand);width:16px;height:16px}
main{width:min(100%,704px);padding:42px 24px 46px;margin:0 auto;flex:1;outline:none}.page-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#536371;font-size:12px;line-height:1.5;margin:0 0 19px;text-align:center}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.invoice-card,.state-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 25px #102f4910;overflow:hidden}.invoice-summary{padding:36px 40px 30px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:#38627e;margin-bottom:13px}.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 32px}.invoice-details dt{color:var(--muted);font-size:12px;margin-bottom:8px}.invoice-details dd{margin:0;font-size:15px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}.amount-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.amount-label{font-size:13px;color:var(--muted);margin-bottom:5px}.amount{font-family:Outfit,Inter,sans-serif;font-size:clamp(42px,9vw,58px);font-weight:400;letter-spacing:-.04em;line-height:1.08}.currency{font-size:11px;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);padding:6px 8px;border-radius:5px;margin-bottom:6px}.payment-section{padding:30px 40px 28px;border-top:1px solid var(--line)}.section-intro{color:var(--muted);font-size:14px;line-height:1.65;margin:7px 0 25px}.setup-note,.preview-note{display:flex;align-items:flex-start;gap:13px;background:#f2f7fa;border:1px solid #dde9f1;padding:20px;border-radius:var(--radius)}.setup-note>.icon,.preview-note>.icon{color:#28719b;margin-top:2px}.setup-note p,.preview-note p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;width:fit-content;max-width:100%;border-radius:3px;background:var(--brand);color:#092238;padding:12px 18px;text-decoration:none;font-size:16px;line-height:20px;font-weight:600;margin-top:22px}.button:hover{background:#27b1ff;color:#092238}.button .icon{width:16px;height:16px}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;line-height:1.5;color:var(--muted);margin-top:23px}.secure-note .icon{width:13px;height:13px}.help{font-size:12px;text-align:center;line-height:1.9;color:var(--muted);margin-top:27px;overflow-wrap:anywhere}.help a{color:#38556b;text-decoration-color:#b9c9d5}.loading{font-size:14px;line-height:1.6;color:var(--muted);padding:22px 0}.form-error{color:#9e2626;font-size:14px;line-height:1.65;margin:16px 0}.text-link{font-size:14px;line-height:1.6;display:inline-block;margin-top:18px;min-height:35px}.state-card{padding:48px 40px;text-align:center}.state-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#00689f;margin:0 auto 27px}.state-icon .icon{width:30px;height:30px}.state-invoice{color:#4a6375;font-size:14px;margin-top:17px}.state-message{max-width:430px;margin:21px auto 0;font-size:15px;line-height:1.85;color:var(--muted)}.state-contact{font-size:14px;line-height:1.7;margin-top:18px;overflow-wrap:anywhere}.state-card .button{max-width:300px;margin:26px auto 0}.site-footer{background:#eaf0f4;border-top:1px solid #dbe5ec;color:#536573}.footer-inner{max-width:1120px;padding:29px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner strong{color:#354c5d;font-size:12px;font-weight:600}.footer-inner p{font-size:10px;letter-spacing:.025em;line-height:1.9;margin-top:8px}.phone{color:#354c5d;font-size:13px;text-decoration:none;padding:10px 0}
@media(max-width:540px){.button{width:100%}.header-inner{min-height:88px;padding:20px}.logo{width:202px;height:auto}.header-label{font-size:0;gap:0}.header-label .icon{width:19px;height:19px}main{padding:28px 16px 34px}.page-note{font-size:11px;margin-bottom:15px}.invoice-summary{padding:27px 23px 25px}.invoice-details{gap:18px;margin:25px 0 29px;grid-template-columns:1fr}.invoice-details dt{margin-bottom:5px}.invoice-details dd{font-size:14px}.payment-section{padding:26px 23px}.setup-note,.preview-note{padding:16px}.secure-note{font-size:11px}.state-card{padding:38px 23px}.footer-inner{padding:24px;align-items:flex-start;flex-direction:column;gap:8px}.phone{font-size:13px;white-space:nowrap}.footer-inner p{font-size:11px}.help{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}[hidden]{display:none!important}