.nav.scrolled {position: relative; background: #fff; box-shadow: 0 1px 12px rgba(15,23,42,.08)}
.nav.scrolled .nav__logo-img {filter: none}
.nav__links a[aria-current="page"] {color: var(--accent); font-weight: 700}
.invoice-hero {background: linear-gradient(120deg,#0f172a,#163d68 72%,#0057b8); color:#fff; padding: 100px 0 90px}
.invoice-hero__inner {min-height: 230px; display:flex; align-items:center}
.invoice-hero__copy {max-width: 800px}
.invoice-eyebrow {display:inline-block; margin-bottom:22px; letter-spacing:.15em; font-size:12px; font-weight:800; color:#b9d7ff}
.invoice-hero h1 {font-size:clamp(36px,5vw,62px); line-height:1.12; letter-spacing:-.04em; margin-bottom:22px}
.invoice-hero h1 span {color:#7db8ff}
.invoice-hero p {font-size:18px; line-height:1.65; max-width:620px; color:#d6e4f6}
.invoice-section {background:#f5f8fc; padding:90px 0 110px}
.invoice-grid {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); grid-template-areas:"info card"; gap:clamp(32px,6vw,100px); align-items:start}
.invoice-info {grid-area:info; padding-top:18px}
.invoice-info .section-tag {color:var(--accent); font-weight:800; font-size:12px; letter-spacing:.17em}
.invoice-info h2 {font-size:clamp(28px,3vw,38px); line-height:1.2; margin:14px 0 34px; color:var(--dark)}
.invoice-steps {list-style:none; display:grid; gap:24px}
.invoice-steps li {display:flex; align-items:flex-start; gap:20px}
.invoice-steps li>span {width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:50%; background:#dfeeff; color:var(--accent); font-weight:800; font-size:13px}
.invoice-steps strong {display:block; margin:2px 0 4px; color:var(--dark); font-size:16px}
.invoice-steps p {color:var(--text-2); font-size:15px; line-height:1.55}
.invoice-help {margin-top:44px; border-top:1px solid var(--border); padding-top:28px; display:flex; flex-direction:column; gap:4px}
.invoice-help strong {margin-bottom:6px}.invoice-help a {color:var(--accent); font-weight:600}
.invoice-card {grid-area:card; background:#fff; border:1px solid #e5ebf3; box-shadow:0 16px 48px rgba(15,35,66,.08); border-radius:16px; padding:clamp(24px,4vw,42px)}
.invoice-card__head {display:flex; align-items:center; gap:16px; margin-bottom:32px}
.invoice-card__head>div {min-width:0}
.invoice-card__icon {display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; background:#eaf3ff; color:var(--accent); border-radius:12px; font-size:26px; font-weight:700}
.invoice-card h2 {font-size:22px; line-height:1.25; color:var(--dark)}
.invoice-card__head p {font-size:14px; color:var(--text-2); margin-top:4px}
.invoice-card .form__group {margin-bottom:22px}
.invoice-card .form__group label {display:block; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:8px}
.invoice-card .form__group input {width:100%; border:1px solid #cbd5e1; border-radius:8px; padding:14px 15px; color:var(--dark); background:#fff; font:inherit; min-height:50px}
.invoice-card .form__group select {width:100%; border:1px solid #cbd5e1; border-radius:8px; padding:14px 15px; color:var(--dark); background:#fff; font:inherit; min-height:50px}
.invoice-card .form__group input:focus,.invoice-card .form__group select:focus {outline:3px solid #c7e0ff; border-color:var(--accent)}
.invoice-card small {display:block; font-size:12px; color:var(--text-2); margin-top:6px}
.invoice-divider {height:1px; background:#e2e8f0; margin:29px 0}
.invoice-card .form__consent {display:flex; align-items:flex-start; gap:12px; font-size:13px; line-height:1.5; color:var(--dark); margin:26px 0 12px}
.invoice-card .form__consent input {margin-top:3px; flex:0 0 auto; accent-color:var(--accent)}
.invoice-privacy,.invoice-note {font-size:12px; line-height:1.6; color:var(--text-2)}
.invoice-privacy {margin-bottom:25px}.invoice-privacy a {color:var(--accent); text-decoration:underline}
.invoice-note {margin-top:14px; text-align:center}
.invoice-error {background:#fff1f2; color:#991b1b; border-radius:8px; padding:12px 14px; margin-bottom:16px; font-size:14px}
.invoice-honeypot {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
.invoice-success {text-align:center; padding:20px 0}.invoice-success__check {display:grid; place-items:center; margin:0 auto 20px; width:64px; height:64px; border-radius:50%; background:#e0f5eb; color:#177849; font-size:32px}.invoice-success p {margin:18px auto; max-width:400px}.invoice-success strong {display:block; color:var(--accent); overflow-wrap:anywhere}.invoice-success .btn {margin-top:14px}
[hidden] {display:none !important}
@media(max-width:800px){
  .invoice-hero{display:none}
  .invoice-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"card" "info";gap:36px}
  .invoice-section{padding:20px 0 70px}
  .invoice-info{padding-top:0}
  .invoice-card{min-width:0}
  .invoice-card__icon{display:none}
  .invoice-help{margin-top:30px}
  .nav__inner{padding:10px 20px}
  .nav__logo-img{height:50px}
}
@media(max-width:480px){
  .invoice-section .container{padding:0 16px}
  .invoice-card{padding:22px 20px}
  .invoice-card__head{margin-bottom:24px}
}