.invoice-section { position:relative; padding:88px 0; background:linear-gradient(115deg,#061910 0%,#0b3522 46%,#165134 76%,#092719 100%); border-block:1px solid #507854; }
.invoice-section::before { content:''; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,transparent,#9cdb70 35%,#efe8aa 65%,transparent); }
.invoice-inner { display:grid; grid-template-columns:minmax(0,440px) minmax(0,1fr); gap:64px; align-items:center; }
.invoice-inner > img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:6px; box-shadow:0 28px 64px #0006,0 0 0 1px #ffffff30; }
.invoice-copy { min-width:0; max-width:650px; }
.invoice-kicker { display:flex; align-items:center; gap:12px; margin-bottom:22px; color:#a6d9af; font-size:11px; font-weight:750; letter-spacing:0; }
.invoice-kicker::before { content:''; width:30px; height:2px; background:#d5ed67; flex-shrink:0; }
.invoice-copy h2 { margin:0 0 24px; color:#fff; font-size:40px; line-height:1.2; letter-spacing:0; }
.invoice-copy h2 em { color:#d4ef9c; font-family:Georgia,serif; font-weight:400; }
.invoice-copy p { margin:0 0 24px; max-width:560px; color:#c5d5cb; font-size:16px; line-height:1.75; }
.invoice-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:30px 0 22px; padding:0; }
.invoice-facts > div { padding:18px 0 20px; border-top:1px solid #bddca370; border-bottom:1px solid #bddca340; min-width:0; }
.invoice-facts dt { display:flex; align-items:center; gap:8px; margin:0 0 20px; color:#c4d6c9; font-size:9px; font-weight:650; }
.invoice-facts dt span { display:grid; place-items:center; width:24px; height:24px; border:1px solid #c8eaa350; border-radius:50%; color:#d4ef9c; font-size:10px; flex-shrink:0; }
.invoice-facts dd { margin:0; color:#f5f5dc; font-size:34px; font-weight:700; line-height:1.1; letter-spacing:0; }
.invoice-facts small { display:block; margin-top:12px; color:#c4d6c9; font-size:12px; font-weight:400; line-height:1.4; }
.invoice-copy .invoice-secondary { font-size:13px; color:#a6bdae; margin-bottom:24px; }
.invoice-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; max-width:100%; padding:14px 18px; border:1px solid #b9e88c; border-radius:4px; color:#102a19; background:#b9e88c; font-size:14px; line-height:1.5; font-weight:750; text-decoration:none; }
.invoice-contact span { font-size:22px; flex-shrink:0; }
.invoice-contact:hover { background:#d1f4af; color:#102a19; }
.invoice-contact:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@media(max-width:1050px) {
 .invoice-inner { gap:32px; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); }
 .invoice-copy h2 { font-size:32px; }
 .invoice-facts dd { font-size:28px; }
}
@media(max-width:760px) {
 .invoice-section { padding:40px 0; }
 .invoice-inner { grid-template-columns:minmax(0,1fr); gap:32px; }
 .invoice-inner > img { max-width:440px; margin-inline:auto; }
 .invoice-copy h2 { font-size:30px; }
 .invoice-kicker { font-size:10px; gap:8px; }
 .invoice-facts { gap:10px; }
 .invoice-facts > div { padding:16px 0; }
 .invoice-facts dt { flex-direction:column; align-items:flex-start; gap:10px; font-size:8px; }
 .invoice-facts dd { font-size:22px; }
 .invoice-facts small { font-size:11px; }
 .invoice-contact { width:100%; font-size:13px; }
}
