.invoice-campaign-visual{display:none}
.hero[data-theme="invoice"]{background:radial-gradient(ellipse at 90% 15%,#47c5aa66,transparent 55%),linear-gradient(115deg,#173b66 0%,#195878 48%,#238e91 100%)}
.hero[data-theme="invoice"] .hero-inner{grid-template-columns:1.05fr 1fr;gap:50px}
.hero[data-theme="invoice"] .hero-eyebrow{font-size:21px;color:#d1eee8}
.hero[data-theme="invoice"] h1{font-size:clamp(35px,3.65vw,54px);line-height:1.18;letter-spacing:-1.5px;color:#fff;margin:12px 0 20px}
.hero[data-theme="invoice"] h1 span{color:#ffcf42}
.hero[data-theme="invoice"] .hero-description{font-size:16px;color:#e0efef;max-width:480px}
.hero[data-theme="invoice"] .button-white-outline{background:#ffcf42;color:#173b66;border-color:#ffcf42}
.hero[data-theme="invoice"] .button-white-outline:hover{background:#ffdd77;border-color:#ffdd77}
.hero[data-theme="invoice"] .hero-visual>.hero-art,.hero[data-theme="invoice"] .hero-visual>.hero-seal{display:none}
.hero[data-theme="invoice"] .invoice-campaign-visual{display:flex;flex-direction:column;gap:24px;width:100%;max-width:510px;text-align:left}
.invoice-qnb{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #ffffff80;border-radius:9px;padding:28px;box-shadow:0 16px 40px #08233e24}
.invoice-qnb img{width:63%;height:90px;object-fit:contain}
.invoice-qnb-offer{border-left:1px solid #e4eaf0;padding-left:23px;color:#214b7b;white-space:nowrap;font-size:14px;line-height:1.6}
.invoice-qnb-offer strong{display:block;font-size:18px;color:#198474;font-weight:600}
.invoice-partners-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px;color:#fff;font-size:17px;font-weight:500}
.invoice-partners-heading span{font-size:11px;color:#183e53;background:#c7f0df;padding:4px 12px;border-radius:20px;font-weight:600}
.invoice-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.invoice-partner{background:#fff;border-radius:7px;padding:17px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:11px;box-shadow:0 10px 24px #08233e12}
.invoice-partner img{width:66px;height:66px;object-fit:contain}
.invoice-partner span{font-size:12px;color:#214b7b;font-weight:500;text-align:center;line-height:1.4}
@media(max-width:1000px) and (min-width:601px){.hero[data-theme="invoice"] .hero-inner{gap:24px;width:calc(100% - 80px)}.hero[data-theme="invoice"] h1{font-size:36px}.invoice-qnb{padding:20px 16px;gap:12px}.invoice-qnb-offer{padding-left:12px;font-size:12px}.invoice-qnb-offer strong{font-size:15px}.invoice-qnb img{height:74px}.invoice-partner img{width:54px;height:54px}.invoice-partner span{font-size:10px}.invoice-partners-heading{font-size:14px}}
@media(max-width:600px){.hero[data-theme="invoice"] .hero-inner{grid-template-columns:1fr;gap:27px;min-height:0;padding-bottom:54px}.hero[data-theme="invoice"] .hero-copy{padding-top:34px}.hero[data-theme="invoice"] .hero-eyebrow{font-size:16px}.hero[data-theme="invoice"] h1{font-size:34px;letter-spacing:-1px;margin:10px 0 17px}.hero[data-theme="invoice"] .hero-description{font-size:13px;line-height:1.7}.hero[data-theme="invoice"] .hero-visual{height:auto;margin:0 auto}.hero[data-theme="invoice"] .invoice-campaign-visual{gap:20px}.invoice-qnb{padding:18px 16px;gap:12px}.invoice-qnb img{height:65px;width:60%}.invoice-qnb-offer{padding-left:12px;font-size:12px}.invoice-qnb-offer strong{font-size:14px}.invoice-partners-heading{font-size:14px}.invoice-partners-heading span{font-size:10px;padding:3px 9px}.invoice-partners{gap:8px}.invoice-partner{padding:13px 5px;gap:9px}.invoice-partner img{width:52px;height:52px}.invoice-partner span{font-size:10px}}