/* Approved H2 content and image retained; layout aligned to the shared landing system. */
.ku-invoice {color:var(--ku-lp-ink);font-family:inherit;line-height:1.65;max-width:1080px;margin:0 auto;padding:0 28px 72px}
.ku-invoice section {padding:52px 0;border-bottom:1px solid var(--ku-lp-line)}
.ku-invoice .ku-invoice-hero {padding:70px 0 48px}
.ku-invoice h1,.ku-invoice h2,.ku-invoice h3 {color:var(--ku-lp-heading);line-height:1.15;letter-spacing:-.025em;font-weight:650}
.ku-invoice h1 {font-size:clamp(2.25rem,4.5vw,3.7rem);max-width:880px;margin:12px 0 22px}
.ku-invoice h2 {font-size:clamp(1.75rem,3vw,2.4rem);max-width:840px;margin:0 0 24px}
.ku-invoice h3 {font-size:1.4rem;margin:0 0 20px}
.ku-invoice p {font-size:1.08rem;max-width:790px;margin:0 0 18px}
.ku-invoice .ku-invoice-lead {font-size:1.25rem;max-width:810px}
.ku-invoice .ku-invoice-eyebrow {font-size:.85rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.ku-invoice a {color:var(--ku-lp-accent-hover);text-decoration:underline;text-underline-offset:3px}
.ku-invoice a:hover {color:var(--ku-lp-accent-hover)}
.ku-invoice .ku-invoice-button {display:inline-flex;align-items:center;gap:14px;border-radius:7px;padding:15px 23px;background:var(--ku-lp-accent);color:var(--ku-lp-surface);text-decoration:none;font-size:1rem;font-weight:650;margin:6px 0 14px;min-height:48px;box-sizing:border-box}
.ku-invoice .ku-invoice-button:hover {background:var(--ku-lp-accent-hover);color:var(--ku-lp-surface)}
.ku-invoice a:focus-visible,.ku-invoice summary:focus-visible {outline:3px solid var(--ku-lp-focus);outline-offset:5px}
.ku-invoice .ku-invoice-note {font-size:.9rem;color:var(--ku-lp-muted)}
.ku-invoice-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ku-invoice .ku-invoice-card {padding:28px;background:var(--ku-lp-surface);border:1px solid var(--ku-lp-line);border-radius:12px;margin-bottom:20px}
.ku-invoice .ku-invoice-card p {font-size:1.02rem}
.ku-invoice .ku-invoice-panel {background:var(--ku-lp-surface);padding:36px;border-radius:12px;margin-top:28px;border-bottom:0}
.ku-invoice-scope {padding-left:22px;max-width:850px;margin-bottom:28px}
.ku-invoice-scope li {padding-left:5px;margin:0 0 17px;font-size:1.08rem}
.ku-invoice details {border-top:1px solid var(--ku-lp-line);padding:18px 0}
.ku-invoice details:last-child {border-bottom:1px solid var(--ku-lp-line)}
.ku-invoice summary {font-size:1.08rem;font-weight:650;cursor:pointer;min-height:32px}
.ku-invoice details p {margin:18px 0 0}
.ku-invoice .ku-invoice-deadlines p {font-size:1rem}
.ku-invoice-related {max-width:1080px;margin:0 auto 40px;padding:24px 28px;border:1px solid var(--ku-lp-line);border-radius:12px}
.ku-invoice-related a {color:var(--ku-lp-accent-hover);text-decoration:underline;font-weight:650}
.ku-invoice-related p {margin:12px 0 0}
@media(max-width:650px) {
.ku-invoice {padding:0 22px 45px}
}
@media(max-width:650px) {
.ku-invoice section {padding:35px 0}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-hero {padding:36px 0 30px}
}
@media(max-width:650px) {
.ku-invoice h1 {font-size:2.3rem}
}
@media(max-width:650px) {
.ku-invoice h2 {font-size:1.85rem}
}
@media(max-width:650px) {
.ku-invoice p {font-size:1.02rem}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-lead {font-size:1.12rem}
}
@media(max-width:650px) {
.ku-invoice-grid {grid-template-columns:1fr;gap:0}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-card {padding:24px}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-panel {padding:25px 22px}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-button {padding:14px 18px;font-size:.98rem;max-width:100%}
}
@media(max-width:650px) {
.ku-invoice-scope li {font-size:1.02rem}
}
@media(max-width:650px) {
.ku-invoice-related {margin:0 22px 30px;padding:22px}
}
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px}
.ku-invoice-hero-copy {min-width:0}
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated h1 {font-size:clamp(2.1rem,3.3vw,3.2rem)}
.ku-invoice-hero-art {margin:0;min-width:0;align-self:center}
.ku-invoice-hero-art img {display:block;width:100%;height:auto;border-radius:14px}
.ku-invoice-hero-art figcaption {font-size:.8rem;line-height:1.5;color:var(--ku-lp-muted);text-align:center;margin-top:12px}
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated .ku-invoice-note {margin-bottom:0}
@media(max-width:900px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated {grid-template-columns:1fr;gap:26px}
}
@media(max-width:900px) {
.ku-invoice-hero-art {max-width:600px;width:100%;justify-self:center}
}
@media(max-width:900px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated h1 {font-size:2.3rem}
}
@media(max-width:650px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated {gap:24px}
}
@media(max-width:650px) {
.ku-invoice-hero-art figcaption {font-size:.76rem}
}
.ku-invoice {
  --invoice-ink: var(--ku-lp-ink);
  --invoice-muted: var(--ku-lp-muted);
  --invoice-accent: var(--ku-lp-accent);
  max-width: none;
  margin: 0;
  padding: 0 0 64px;
  color: var(--invoice-ink);
  background: var(--ku-lp-surface);
}
.ku-invoice * { box-sizing: border-box; }
.ku-invoice > section {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  padding: 54px 0;
  border-bottom: 0;
  background: var(--ku-lp-surface);
}
.ku-invoice > section + section { border-top: 1px solid var(--ku-lp-line); }
.ku-invoice h1,
.ku-invoice h2,
.ku-invoice h3 { color: var(--ku-lp-heading); }
.ku-invoice h2 {
  max-width: 900px;
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.17;
  letter-spacing: -.02em;
}
.ku-invoice h3 { font-size: 23px; line-height: 1.25; margin-bottom: 14px; }
.ku-invoice p,
.ku-invoice li { font-size: 17px; line-height: 1.65; }
.ku-invoice p { margin: 0 0 16px; }
.ku-invoice a { color: var(--ku-lp-accent-hover); }
.ku-invoice .ku-invoice-button {
  justify-content: center;
  background: var(--invoice-accent);
  color: var(--ku-lp-surface);
  border-radius: 10px;
  font-size: 17px;
  padding: 14px 22px;
  margin: 6px 0 16px;
}
.ku-invoice .ku-invoice-button:hover { background: var(--ku-lp-accent-hover); color: var(--ku-lp-surface); }
.ku-invoice .ku-invoice-note { font-size: 15px; color: var(--invoice-muted); }
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated {
  width: 100%;
  padding: 52px max(32px, calc((100% - 1240px) / 2)) 58px;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: 54px;
  background: var(--ku-lp-surface);
  border-bottom: 1px solid var(--ku-lp-line);
}
.ku-invoice .ku-invoice-hero + section { border-top: 0; }
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated h1 {
  font-size: clamp(38px, 3.8vw, 54px);
  line-height: 1.08;
  letter-spacing: -.035em;
  margin: 12px 0 22px;
}
.ku-invoice .ku-invoice-eyebrow {
  color: var(--invoice-muted);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .07em;
  margin-bottom: 18px;
}
.ku-invoice .ku-invoice-lead { font-size: 20px; line-height: 1.55; color: var(--invoice-muted); }
.ku-invoice .ku-invoice-hero-art {
  width: 100%;
  margin: 0;
  padding: 20px 20px 22px;
  border: 1px solid var(--ku-lp-line);
  border-radius: 26px;
  background: var(--ku-lp-surface);
  box-shadow: 0 22px 60px -32px var(--ku-lp-shadow-color);
}
.ku-invoice .ku-invoice-hero-art img { width: 100%; border-radius: 16px; }
.ku-invoice .ku-invoice-hero-art figcaption { color: var(--invoice-muted); margin-top: 14px; }
.ku-invoice .ku-invoice-grid { gap: 20px; }
.ku-invoice .ku-invoice-card {
  padding: 28px;
  background: var(--ku-lp-surface);
  border: 1px solid var(--ku-lp-line);
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 8px 24px -24px var(--ku-lp-shadow-color);
}
.ku-invoice .ku-invoice-card p:last-child { margin-bottom: 0; }
.ku-invoice .ku-invoice-scope { max-width: 850px; margin-bottom: 24px; }
.ku-invoice .ku-invoice-scope li { margin-bottom: 14px; }
.ku-invoice .ku-invoice-panel {
  padding: 36px;
  margin: 0 auto;
  border: 1px solid var(--ku-lp-line);
  border-radius: 16px;
  background: var(--ku-lp-surface);
  border-inline-start: 4px solid var(--invoice-accent);
}
.ku-invoice .ku-invoice-panel p:last-child { margin-bottom: 0; }
.ku-invoice .ku-invoice-panel + section { border-top: 0; }
.ku-invoice details { border-color: var(--ku-lp-line); }
.ku-invoice details p { color: var(--invoice-muted); }
.ku-invoice section[aria-labelledby="invoice-contact"] {
  padding: 44px;
  border: 1px solid var(--ku-lp-line);
  border-top: 3px solid var(--invoice-accent);
  border-radius: 18px;
  background: var(--ku-lp-surface);
  color: var(--invoice-ink);
}
.ku-invoice section[aria-labelledby="invoice-contact"] h2 { color: var(--ku-lp-heading); }
.ku-invoice section[aria-labelledby="invoice-contact"] p { color: var(--invoice-muted); }
.ku-invoice section[aria-labelledby="invoice-contact"] a:not(.ku-invoice-button) { color: var(--ku-lp-accent-hover); }
@media (min-width: 1001px) and (max-width: 1200px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated { gap: 32px; }
}
@media (max-width: 1000px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 1000px) {
.ku-invoice .ku-invoice-hero-copy { max-width: 760px; }
}
@media (max-width: 1000px) {
.ku-invoice .ku-invoice-hero-art { width: min(540px, 100%); justify-self: center; }
}
@media (max-width: 700px) {
.ku-invoice { padding-bottom: 36px; }
}
@media (max-width: 700px) {
.ku-invoice > section { width: calc(100% - 36px); padding: 36px 0; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated {
    padding: 30px 18px 38px;
    gap: 30px;
  }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-hero.ku-invoice-hero-illustrated h1 { font-size: 36px; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-lead { font-size: 18px; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-button { width: 100%; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-grid { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-card { padding: 24px; margin-bottom: 0; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-grid + p { margin-top: 20px; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-panel { padding: 26px 22px; }
}
@media (max-width: 700px) {
.ku-invoice .ku-invoice-hero-art { padding: 16px; border-radius: 20px; }
}
@media (max-width: 700px) {
.ku-invoice section[aria-labelledby="invoice-contact"] { padding: 26px 22px; }
}
@media (forced-colors: active) {
.ku-invoice .ku-invoice-card,
  .ku-invoice .ku-invoice-panel,
  .ku-invoice .ku-invoice-hero-art { border: 1px solid CanvasText; }
}
.ku-service-landing { background: var(--ku-lp-surface); }
.ku-invoice .ku-invoice-card { border-top: 3px solid var(--invoice-accent); }
.ku-invoice a:focus-visible,
.ku-invoice summary:focus-visible { outline-color: var(--invoice-accent); }
