/* Webseite für Kleinunternehmer — August 2026 experience layer.
   Page-scoped, progressive, responsive and compatible with dossier.css. */
body.kmu26 {
  --k26-ink: #0b0b0c;
  --k26-ink-2: #171719;
  --k26-paper: #ffffff;
  --k26-cloud: #f1f2ed;
  --k26-line: #d8dbd4;
  --k26-muted: #5b6571;
  --k26-lime: #d7ff4f;
  --k26-lime-soft: #f3ffd0;
  --k26-max: 1180px;
  color: var(--k26-ink);
  background: var(--k26-paper);
}
html:has(body.kmu26) { scroll-behavior: auto; }
.kmu26 main { overflow: clip; }
.kmu26 .container { max-width: var(--k26-max); }
.kmu26 h2[id],
.kmu26 #paket-finder { scroll-margin-top: 146px; }
.kmu26 a { text-underline-offset: .2em; }
.kmu26 :where(a, button, summary, [tabindex="0"]):focus-visible {
  outline: 3px solid var(--k26-lime);
  outline-offset: 3px;
}

/* Launch hero */
.kmu26 .dsr-hero.kmu26-hero {
  min-height: min(900px, 100svh);
  display: flex;
  align-items: center;
  padding: 122px 0 76px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    var(--k26-ink);
  background-size: 56px 56px;
}
.kmu26 .kmu26-hero::before {
  right: -10%;
  bottom: -42%;
  width: min(760px, 54vw);
  height: min(760px, 54vw);
  background: radial-gradient(circle, rgba(215,255,79,.14), rgba(215,255,79,0) 67%);
}
.kmu26 .kmu26-hero::after { display: none; }
.kmu26 .kmu26-hero .breadcrumb { margin-bottom: 34px; font-size: .72rem; }
.kmu26 .kmu26-hero .dsr-hero-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);
  gap: clamp(48px, 7vw, 88px);
  align-items: center;
}
.kmu26 .kmu26-hero .dsr-hero-eyebrow {
  padding: 0;
  color: rgba(255,255,255,.65);
  background: transparent;
  border: 0;
  font-size: .66rem;
  letter-spacing: .15em;
}
.kmu26 .kmu26-hero .dsr-hero-eyebrow::before {
  width: 9px;
  height: 9px;
  flex-basis: 9px;
  background: var(--k26-lime);
  box-shadow: none;
}
.kmu26 .kmu26-hero h1 {
  max-width: 760px;
  margin: 24px 0 24px;
  overflow-wrap: normal;
  word-break: normal;
  font-size: clamp(3.35rem, 4.3vw, 4.5rem);
  line-height: .89;
  letter-spacing: -.067em;
  text-wrap: balance;
}
.kmu26 .kmu26-hero h1 .dsr-x {
  display: inline;
  color: var(--k26-lime);
  -webkit-text-stroke: 0;
  text-decoration: none;
}
.kmu26 .kmu26-hero .dsr-hero-sub {
  max-width: 620px;
  color: rgba(255,255,255,.65);
  font-size: 1rem;
  line-height: 1.68;
}
.kmu26 .kmu26-hero .dsr-hero-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin-top: 27px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.kmu26 .kmu26-hero .dsr-hero-checklist li {
  min-height: 52px;
  display: flex;
  align-items: center;
  padding: 11px 0 11px 26px;
  border-bottom: 1px solid rgba(255,255,255,.16);
  font-size: .78rem;
}
.kmu26 .kmu26-hero .dsr-hero-checklist li::before {
  top: 18px;
  width: 11px;
  height: 11px;
  border: 3px solid var(--k26-lime);
}
.kmu26-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.kmu26 .kmu26-hero .dsr-hero-cta {
  margin-top: 0;
  min-height: 54px;
  padding: 15px 22px;
  color: var(--k26-ink);
  background: var(--k26-lime);
  border: 1px solid var(--k26-lime);
  border-radius: 9px;
  font-size: .84rem;
}
.kmu26 .kmu26-hero .dsr-hero-cta:hover {
  color: var(--k26-ink);
  background: #fff;
  box-shadow: 6px 6px 0 var(--k26-lime);
}
.kmu26-hero-secondary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.42);
  font-size: .78rem;
  font-weight: 760;
}
.kmu26-hero-secondary:hover { color: var(--k26-lime); border-color: var(--k26-lime); }

.kmu26 .kmu26-launch-plan {
  position: relative;
  padding: 14px;
  background: #111113;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  box-shadow: 18px 18px 0 var(--k26-lime);
}
.kmu26-launch-plan-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 5px 5px 15px;
  color: rgba(255,255,255,.52);
  font: 800 .61rem/1.3 monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kmu26-mini-browser {
  overflow: hidden;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 11px;
}
.kmu26-mini-browser-bar {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 11px;
  color: #737b84;
  background: #eceee9;
  border-bottom: 1px solid #cfd3cb;
  font-size: .53rem;
}
.kmu26-mini-browser-bar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #aeb4aa;
}
.kmu26-mini-browser-bar span { margin-left: 7px; }
.kmu26-mini-browser-body {
  min-height: 244px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 26px 28px;
  color: var(--k26-ink);
  background:
    radial-gradient(circle at 87% 24%, rgba(215,255,79,.78) 0 58px, transparent 59px),
    linear-gradient(120deg, #fff 0 63%, #f0f1ec 63%);
}
.kmu26-mini-kicker {
  margin-bottom: 12px;
  font-size: .5rem;
  font-weight: 850;
  letter-spacing: .14em;
}
.kmu26-mini-browser-body strong {
  max-width: 8ch;
  color: var(--k26-ink);
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 900;
  line-height: .89;
  letter-spacing: -.06em;
}
.kmu26-mini-copy {
  max-width: 28ch;
  margin-top: 13px;
  color: #626c77;
  font-size: .65rem;
  line-height: 1.45;
}
.kmu26-mini-button {
  margin-top: 18px;
  padding: 8px 11px;
  color: #fff;
  background: var(--k26-ink);
  border-radius: 5px;
  font-size: .58rem;
  font-weight: 800;
}
.kmu26 .kmu26-launch-plan .dsr-hero-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
}
.kmu26 .kmu26-launch-plan .dsr-hero-stat {
  min-height: 90px;
  padding: 15px;
  background: #1a1a1d;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 9px;
}
.kmu26 .kmu26-launch-plan .stat-num {
  color: #fff;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
  letter-spacing: -.045em;
}
.kmu26 .kmu26-launch-plan .stat-lbl {
  margin-top: 6px;
  color: rgba(255,255,255,.46);
  font-size: .57rem;
  line-height: 1.38;
}

/* Trust + persistent chapter navigation */
.kmu26 .trust-row { border-bottom: 1px solid var(--k26-line); }
.kmu26 .trust-row-grid { min-height: 74px; }
.kmu26 .trust-row-item {
  color: #4d5661;
  font-size: .68rem;
  font-weight: 730;
  letter-spacing: .025em;
}
.kmu26 .trust-row-item svg { color: var(--k26-ink); }
.kmu26-chapters {
  position: sticky;
  top: 72px;
  z-index: 890;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid var(--k26-line);
  backdrop-filter: blur(18px) saturate(160%);
}
.kmu26-chapters .container {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 9px;
  overflow-x: auto;
  scrollbar-width: none;
}
.kmu26-chapters .container::-webkit-scrollbar { display: none; }
.kmu26-chapters-label {
  flex: 0 0 auto;
  margin-right: 7px;
  color: #808893;
  font: 800 .58rem/1 monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.kmu26-chapters a {
  min-height: 36px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 8px 11px;
  color: #515b67;
  border-radius: 6px;
  font-size: .69rem;
  font-weight: 760;
}
.kmu26-chapters a:hover,
.kmu26-chapters a[aria-current="location"] {
  color: var(--k26-ink);
  background: var(--k26-lime-soft);
}

/* Editorial showroom contact sheet */
.kmu26 .kmu26-showcase {
  padding: 84px 0 78px;
  color: var(--k26-ink);
  background: #f0f1ed;
  border-bottom: 1px solid var(--k26-line);
}
.kmu26-showcase-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .6fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 38px;
}
.kmu26 .kmu26-showcase .section-tag {
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 0 18px;
  color: #626b75;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .13em;
}
.kmu26 .kmu26-showcase .section-tag::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--k26-lime);
  border: 1px solid var(--k26-ink);
  border-radius: 50%;
  transform: translateY(-50%);
}
.kmu26-showcase-head h2 {
  max-width: 780px;
  margin: 0;
  color: var(--k26-ink);
  font-size: clamp(3rem, 4.5vw, 4.75rem);
  font-weight: 900;
  line-height: .93;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.kmu26-showcase-head p {
  margin: 0;
  color: #5e6872;
  font-size: .82rem;
  line-height: 1.68;
}
.kmu26-showcase-cta {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 22px;
  padding: 13px 16px;
  color: #fff;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 7px;
  font-size: .69rem;
  font-weight: 820;
}
.kmu26-showcase-cta:hover { color: var(--k26-ink); background: #fff; }
.kmu26-gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}
.kmu26-gallery figure { margin: 0; min-width: 0; }
.kmu26-gallery-card {
  grid-column: span 4;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(11,11,12,.18);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(11,11,12,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kmu26-gallery-card--wide { grid-column: span 6; }
.kmu26-gallery-card:hover {
  transform: translateY(-3px);
  border-color: rgba(11,11,12,.46);
  box-shadow: 0 16px 38px rgba(11,11,12,.1);
}
.kmu26-browser-frame {
  overflow: hidden;
  background: #0f0f10;
  border: 0;
  border-radius: 0;
}
.kmu26-browser-bar {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  color: rgba(255,255,255,.42);
  background: #1f1f22;
  border-bottom: 1px solid rgba(255,255,255,.12);
  font: 650 .52rem/1 monospace;
}
.kmu26-browser-bar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7f858d;
}
.kmu26-browser-bar i:first-child { background: var(--k26-lime); }
.kmu26-browser-bar b { margin-left: 7px; font-weight: 650; }
.kmu26-browser-frame img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  display: block;
  object-fit: contain;
  background: #0b0b0c;
}
.kmu26-gallery-card figcaption {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
}
.kmu26-gallery figcaption small {
  display: block;
  color: #6d7680;
  font: 850 .56rem/1 monospace;
  letter-spacing: .12em;
}
.kmu26-gallery-card figcaption strong {
  display: block;
  margin-top: 7px;
  color: var(--k26-ink);
  font-size: 1rem;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.kmu26-gallery-card figcaption > span {
  flex: none;
  padding: 7px 9px;
  color: #535c66;
  background: #f2f3ef;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 760;
}
.kmu26-gallery-note {
  max-width: 75ch;
  margin: 22px 0 0;
  color: #69727b;
  font-size: .68rem;
  line-height: 1.65;
}

/* Answer-first briefing */
.kmu26 .kmu26-briefing {
  padding: 74px 0;
  background: var(--k26-lime);
  border-bottom: 1px solid var(--k26-ink);
}
.kmu26 .kmu26-briefing .container {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: 70px;
  align-items: center;
}
.kmu26-briefing-copy .pillar-section-eyebrow {
  margin-bottom: 20px;
  color: #3d460e;
}
.kmu26-briefing-copy h2 {
  max-width: 760px;
  margin: 0 0 25px;
  color: var(--k26-ink);
  font-size: clamp(3rem, 5vw, 5.1rem);
  font-weight: 900;
  line-height: .91;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.kmu26-briefing-copy p {
  max-width: 63ch;
  margin: 0 0 14px;
  color: #39400f;
  font-size: .95rem;
  line-height: 1.7;
}
.kmu26-briefing-copy p strong { color: var(--k26-ink); }
.kmu26-briefing-facts {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--k26-ink);
  border-radius: 14px;
  box-shadow: 12px 12px 0 var(--k26-ink);
}
.kmu26-briefing-facts > div {
  min-height: 110px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 20px;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--k26-line);
}
.kmu26-briefing-facts > div:last-child { border-bottom: 0; }
.kmu26-briefing-facts dt {
  color: #858d97;
  font: 800 .68rem/1 monospace;
  letter-spacing: .08em;
}
.kmu26-briefing-facts dd { margin: 0; }
.kmu26-briefing-facts dd strong {
  display: block;
  color: var(--k26-ink);
  font-size: 1.05rem;
  font-weight: 850;
}
.kmu26-briefing-facts dd span {
  display: block;
  margin-top: 3px;
  color: var(--k26-muted);
  font-size: .76rem;
  line-height: 1.45;
}

/* Editorial section rhythm */
.kmu26 .pillar-section { padding-block: 92px; }
.kmu26 .pillar-section-header {
  margin-bottom: 42px;
  grid-template-columns: minmax(200px, .42fr) minmax(0, 1fr);
  column-gap: 64px;
}
.kmu26 .pillar-section-header h2 {
  max-width: 19ch;
  font-size: clamp(2.4rem, 3vw, 3.05rem);
  line-height: .98;
  letter-spacing: -.045em;
  hyphens: manual;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
.kmu26 .pillar-section-header .pillar-section-sub {
  max-width: 60ch;
  font-size: .94rem;
  line-height: 1.68;
}
.kmu26 .pillar-section-eyebrow {
  color: #4f5863;
  font-size: .63rem;
  letter-spacing: .14em;
}
.kmu26 .pillar-section-eyebrow::before { background: var(--k26-lime); }

/* Digital front-desk operating board */
.kmu26 .kmu26-benefits {
  padding: clamp(84px, 8vw, 124px) 0 clamp(92px, 9vw, 138px);
  background: #f7f7f4;
}
.kmu26-section-meta {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 17px;
  border-top: 1px solid var(--k26-ink);
}
.kmu26-section-meta > span {
  color: #58616b;
  font: 800 .63rem/1.2 monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.kmu26-section-meta > strong {
  color: var(--k26-ink);
  font-size: .84rem;
  font-weight: 760;
  line-height: 1.48;
}
.kmu26-benefits-head,
.kmu26-needs-head {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: clamp(48px, 7vw, 92px);
  align-items: end;
}
.kmu26-benefits-head h2,
.kmu26-needs-head h2 {
  max-width: 940px;
  margin: 0;
  color: var(--k26-ink);
  font-size: clamp(3.8rem, 6.2vw, 6.55rem);
  font-weight: 920;
  line-height: .86;
  letter-spacing: -.072em;
  text-wrap: balance;
}
.kmu26-benefits-head p,
.kmu26-needs-head p {
  max-width: 64ch;
  margin: 28px 0 0;
  color: #56606b;
  font-size: .91rem;
  line-height: 1.68;
}
.kmu26-benefit-console {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  margin: 58px 0 0;
  color: #fff;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 18px;
  box-shadow: 0 22px 64px rgba(11,11,12,.13);
  overflow: hidden;
}
.kmu26-benefit-core {
  position: relative;
  min-height: 518px;
  display: flex;
  flex-direction: column;
  padding: 36px;
  color: var(--k26-ink);
  background: #eeefeb;
  border-right: 1px solid rgba(11,11,12,.14);
}
.kmu26-benefit-core::before {
  content: "";
  position: absolute;
  top: 36px;
  left: 36px;
  width: 42px;
  height: 3px;
  background: var(--k26-lime);
}
.kmu26-benefit-core > span {
  margin-top: 18px;
  font: 820 .62rem/1.2 monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.kmu26-benefit-core > strong {
  margin-top: auto;
  color: var(--k26-ink);
  font-size: clamp(5rem, 7.3vw, 7.7rem);
  font-weight: 920;
  line-height: .78;
  letter-spacing: -.09em;
}
.kmu26-benefit-core > p {
  max-width: 24ch;
  margin: 24px 0 34px;
  color: #555f69;
  font-size: .79rem;
  line-height: 1.58;
}
.kmu26-benefit-core > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kmu26-benefit-core > div span {
  padding: 7px 9px;
  color: var(--k26-ink);
  border: 1px solid rgba(11,11,12,.38);
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 800;
}
.kmu26-benefit-feed { padding: 18px 28px; }
.kmu26-benefit-feed article {
  min-height: 96px;
  display: grid;
  grid-template-columns: 48px 200px minmax(0, 1fr) 66px;
  gap: 18px;
  align-items: center;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,.14);
  transition: background-color .2s ease, padding-inline .2s ease;
}
.kmu26-benefit-feed article:last-child { border-bottom: 0; }
.kmu26-benefit-feed article:hover { padding-inline: 17px; background: rgba(255,255,255,.045); }
.kmu26-benefit-feed article > span {
  color: var(--k26-lime);
  font: 820 .72rem/1 monospace;
  letter-spacing: .08em;
}
.kmu26-benefit-feed article > strong {
  color: #fff;
  font-size: 1.08rem;
  font-weight: 840;
  line-height: 1.15;
}
.kmu26-benefit-feed article > p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: .72rem;
  line-height: 1.48;
}
.kmu26-benefit-feed article > b {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: var(--k26-lime);
  font: 780 .57rem/1 monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kmu26-benefit-feed article > b::before {
  content: "";
  width: 7px;
  height: 7px;
  background: var(--k26-lime);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(215,255,79,.12);
}

/* Cost ownership section */
.kmu26 .kmu26-costs {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    var(--k26-ink);
  background-size: 56px 56px;
}
.kmu26 .kmu26-costs .pillar-section-body { max-width: 760px; margin-left: 0; }
.kmu26-cost-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 38px 0 18px;
}
.kmu26-cost-facts > div {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  background: #18181b;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 10px;
}
.kmu26-cost-facts > div:first-child { color: var(--k26-ink); background: var(--k26-lime); border-color: var(--k26-lime); }
.kmu26.dsr .kmu26-costs .kmu26-cost-facts > div:first-child strong,
.kmu26.dsr .kmu26-costs .kmu26-cost-facts > div:first-child span { color: var(--k26-ink); }
.kmu26-cost-facts strong {
  color: inherit;
  font-size: clamp(1.65rem, 3vw, 2.5rem);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.05em;
}
.kmu26-cost-facts span {
  margin-top: 8px;
  color: inherit;
  opacity: .64;
  font-size: .65rem;
  font-weight: 720;
}
.kmu26 .kmu26-costs .cost-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 14px;
  box-shadow: 12px 12px 0 var(--k26-lime);
  overscroll-behavior-inline: contain;
}
.kmu26 .kmu26-costs .cost-table { min-width: 820px; }
.kmu26 .kmu26-costs .cost-table th {
  padding: 18px;
  color: #fff;
  background: var(--k26-ink);
  border-color: rgba(255,255,255,.18);
  font-size: .68rem;
}
.kmu26 .kmu26-costs .cost-table th:first-child { padding-left: 32px; }
.kmu26 .kmu26-costs .cost-table td {
  padding: 17px 18px;
  color: #4c5662;
  background: #fff;
  border-color: var(--k26-line);
  font-size: .76rem;
}
.kmu26 .kmu26-costs .cost-table td:first-child { padding-left: 32px; }
.kmu26 .kmu26-costs .cost-table .highlight-row td {
  color: var(--k26-ink);
  background: var(--k26-lime);
  border-color: rgba(11,11,12,.22);
  font-weight: 750;
}
.kmu26 .kmu26-cost-note {
  max-width: 78ch;
  margin: 34px 0 0;
  color: rgba(255,255,255,.62);
  font-size: .86rem;
  line-height: 1.72;
}

/* One foundation, sector-specific focus */
.kmu26 .kmu26-needs {
  padding: clamp(84px, 8vw, 124px) 0 clamp(92px, 9vw, 138px);
  color: var(--k26-ink);
  background: #f0f1ed;
  border-block: 1px solid var(--k26-line);
}
.kmu26-needs-head p { color: #56606b; }
.kmu26-needs-system {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  margin: 58px 0 0;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 18px;
  box-shadow: 0 22px 64px rgba(11,11,12,.14);
  overflow: hidden;
}
.kmu26-needs-core {
  min-height: 574px;
  display: flex;
  flex-direction: column;
  padding: 36px;
  color: var(--k26-ink);
  background: #fff;
}
.kmu26-needs-core > span {
  font: 820 .62rem/1.2 monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.kmu26-needs-core h3 {
  max-width: 10ch;
  margin: 70px 0 34px;
  color: var(--k26-ink);
  font-size: 2.55rem;
  font-weight: 900;
  line-height: .96;
  letter-spacing: -.055em;
}
.kmu26-needs-core ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--k26-line);
}
.kmu26-needs-core li {
  position: relative;
  padding: 13px 0 13px 25px;
  color: #515b65;
  border-bottom: 1px solid var(--k26-line);
  font-size: .69rem;
  font-weight: 700;
}
.kmu26-needs-core li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #78813e;
  font-weight: 900;
}
.kmu26-needs-core a {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 12px 14px;
  color: #fff;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 7px;
  font-size: .66rem;
  font-weight: 820;
}
.kmu26-needs-core a:hover { color: var(--k26-ink); background: var(--k26-lime); }
.kmu26-needs-matrix { padding: 20px 30px; }
.kmu26-needs-labels,
.kmu26-needs-matrix article {
  display: grid;
  grid-template-columns: 52px 175px minmax(0, 1fr) 124px;
  gap: 18px;
  align-items: center;
}
.kmu26-needs-labels {
  min-height: 48px;
  color: rgba(255,255,255,.38);
  font: 760 .56rem/1 monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kmu26-needs-labels span:nth-child(1) { grid-column: 2; }
.kmu26-needs-matrix article {
  min-height: 81px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.15);
  transition: padding-inline .2s ease, background-color .2s ease;
}
.kmu26-needs-matrix article:hover { padding-inline: 12px; background: rgba(255,255,255,.045); }
.kmu26-needs-matrix article > span {
  color: var(--k26-lime);
  font: 820 .68rem/1 monospace;
  letter-spacing: .08em;
}
.kmu26-needs-matrix article > strong {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 840;
  line-height: 1.15;
}
.kmu26-needs-matrix article > p {
  margin: 0;
  color: rgba(255,255,255,.58);
  font-size: .7rem;
  line-height: 1.45;
}
.kmu26-needs-matrix article > b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-self: end;
  padding: 8px 10px;
  color: rgba(255,255,255,.78);
  background: #232326;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  font-size: .57rem;
  font-weight: 820;
  white-space: nowrap;
}
.kmu26-needs-matrix article > b::before {
  content: "";
  width: 5px;
  height: 5px;
  background: var(--k26-lime);
  border-radius: 50%;
}
.kmu26-needs-note {
  max-width: 840px;
  margin: 38px 0 0 354px;
  color: #5a646e;
  font-size: .76rem;
  line-height: 1.62;
}
.kmu26-needs-note strong { color: var(--k26-ink); }

/* DIY / pro comparison */
.kmu26 .kmu26-duel-section { background: var(--k26-cloud); }
.kmu26-duel {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.kmu26-duel article {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  padding: 34px;
  color: var(--k26-ink);
  background: #fff;
  border: 1px solid var(--k26-ink);
  border-radius: 14px;
}
.kmu26-duel article.kmu26-duel-pro {
  background: var(--k26-lime);
  box-shadow: 10px 10px 0 var(--k26-ink);
}
.kmu26-duel-kicker {
  color: #606a76;
  font: 850 .62rem/1 monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kmu26-duel h3 {
  margin: 16px 0 28px;
  color: var(--k26-ink);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 900;
  letter-spacing: -.055em;
}
.kmu26-duel-price {
  color: var(--k26-ink);
  font-size: clamp(2.35rem, 4vw, 3.6rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.06em;
}
.kmu26-duel-price small {
  margin-left: 5px;
  font-size: .7rem;
  letter-spacing: 0;
}
.kmu26-duel ul {
  display: grid;
  gap: 0;
  margin: 28px 0 22px;
  padding: 0;
  border-top: 1px solid rgba(11,11,12,.25);
}
.kmu26-duel li {
  padding: 11px 0;
  border-bottom: 1px solid rgba(11,11,12,.18);
  font-size: .76rem;
  font-weight: 690;
}
.kmu26-duel article > p {
  margin: auto 0 0;
  color: #535d68;
  font-size: .8rem;
  line-height: 1.65;
}
.kmu26-duel-vs {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--k26-ink);
  border: 3px solid var(--k26-cloud);
  border-radius: 50%;
  font: 900 .7rem/1 monospace;
  transform: translate(-50%, -50%);
}
.kmu26-duel-note {
  margin: 28px 0 0;
  color: #5d6672;
  font-size: .8rem;
  text-align: center;
}
.kmu26-duel-note a { color: var(--k26-ink); font-weight: 790; text-decoration: underline; }

/* Progressive package finder */
.kmu26-finder {
  padding: 96px 0;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    var(--k26-ink);
  background-size: 56px 56px;
}
.kmu26-finder-head {
  max-width: 850px;
  margin-bottom: 45px;
}
.kmu26-finder-head .pillar-section-eyebrow { margin-bottom: 20px; color: rgba(255,255,255,.62); }
.kmu26-finder-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(3rem, 5.4vw, 5.4rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.kmu26-finder-head > p {
  max-width: 58ch;
  margin: 22px 0 0;
  color: rgba(255,255,255,.6);
  font-size: .92rem;
  line-height: 1.7;
}
.kmu26-finder-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  gap: 16px;
  align-items: start;
}
.kmu26-finder-form {
  overflow: hidden;
  background: #171719;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
}
.kmu26-finder-choice {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 22px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.kmu26-finder-choice:last-child { border-bottom: 0; }
.kmu26-finder-choice legend {
  grid-column: 1 / -1;
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
  font-size: .84rem;
  font-weight: 800;
}
.kmu26-finder-choice legend span {
  margin-right: 12px;
  color: var(--k26-lime);
  font: 800 .66rem/1 monospace;
}
.kmu26-finder-choice button {
  min-height: 66px;
  padding: 19px 13px 17px;
  color: rgba(255,255,255,.65);
  background: #222225;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 7px;
  font-family: inherit;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.35;
  cursor: pointer;
}
.kmu26-finder-choice button:hover { color: #fff; border-color: rgba(255,255,255,.38); }
.kmu26-finder-choice button[aria-pressed="true"] {
  color: var(--k26-ink);
  background: var(--k26-lime);
  border-color: var(--k26-lime);
}
.kmu26-finder-result {
  position: sticky;
  top: 150px;
  min-height: 100%;
  padding: 30px;
  color: var(--k26-ink);
  background: var(--k26-lime);
  border: 1px solid var(--k26-lime);
  border-radius: 14px;
  box-shadow: 12px 12px 0 rgba(255,255,255,.14);
}
.kmu26-finder-result-label {
  display: block;
  margin-bottom: 52px;
  font: 850 .62rem/1 monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.kmu26-finder-result > strong {
  display: block;
  color: var(--k26-ink);
  font-size: clamp(3.1rem, 5vw, 4.9rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.065em;
}
.kmu26-finder-result-price {
  display: block;
  margin-top: 12px;
  color: #30360d;
  font-size: 1rem;
  font-weight: 820;
}
.kmu26-finder-result > p {
  margin: 24px 0;
  color: #414a12;
  font-size: .84rem;
  line-height: 1.65;
}
.kmu26-finder-result dl { border-top: 1px solid rgba(11,11,12,.28); }
.kmu26-finder-result dl > div {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid rgba(11,11,12,.2);
  font-size: .7rem;
}
.kmu26-finder-result dt { color: #4c5519; }
.kmu26-finder-result dd { margin: 0; color: var(--k26-ink); font-weight: 800; text-align: right; }
.kmu26-finder-result > a {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 26px;
  padding: 13px 15px;
  color: #fff;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 7px;
  font-size: .76rem;
  font-weight: 800;
}
.kmu26-finder-result > a:hover { color: var(--k26-ink); background: #fff; }

/* Package cards */
.kmu26 .kmu26-packages { background: #fff; }
.kmu26 .kmu26-packages .pillar-section-body { max-width: 760px; margin-left: 0; }
.kmu26 .kmu26-packages .package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 40px;
}
.kmu26 .kmu26-packages .package-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 28px;
  color: var(--k26-ink);
  background: var(--k26-cloud);
  border: 1px solid var(--k26-ink);
  border-radius: 13px;
  box-shadow: none;
}
.kmu26 .kmu26-packages .package-card:hover { transform: none; box-shadow: 7px 7px 0 var(--k26-lime); }
.kmu26 .kmu26-packages .kmu26-package-featured {
  color: #fff;
  background: var(--k26-ink);
  box-shadow: 10px 10px 0 var(--k26-lime);
}
.kmu26-package-index {
  color: #76808b;
  font: 800 .62rem/1 monospace;
  letter-spacing: .1em;
}
.kmu26-package-featured .kmu26-package-index { color: rgba(255,255,255,.48); }
.kmu26-package-badge {
  width: fit-content;
  margin: -42px 0 18px;
  padding: 7px 9px;
  color: var(--k26-ink);
  background: var(--k26-lime);
  border: 1px solid var(--k26-ink);
  border-radius: 5px;
  font: 850 .57rem/1 monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.kmu26 .kmu26-packages .package-card h3 {
  margin: 23px 0 10px;
  color: inherit;
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: -.045em;
}
.kmu26 .kmu26-packages .package-card .price {
  display: block;
  color: inherit;
  font-size: clamp(2.65rem, 3.7vw, 3.65rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.06em;
}
.kmu26-price-note {
  margin-top: 9px;
  color: #68727d;
  font-size: .62rem;
  font-weight: 720;
}
.kmu26-package-featured .kmu26-price-note { color: rgba(255,255,255,.48); }
.kmu26 .kmu26-packages .package-card > p {
  min-height: 54px;
  margin: 18px 0 15px;
  color: #626c77;
  font-size: .75rem;
  line-height: 1.55;
}
.kmu26 .kmu26-packages .kmu26-package-featured > p { color: rgba(255,255,255,.58); }
.kmu26 .kmu26-packages .package-card ul {
  display: grid;
  gap: 0;
  margin: 0 0 20px;
  padding: 0;
  border-top: 1px solid rgba(11,11,12,.2);
}
.kmu26 .kmu26-packages .kmu26-package-featured ul { border-color: rgba(255,255,255,.18); }
.kmu26 .kmu26-packages .package-card li {
  position: relative;
  padding: 8px 0 8px 19px;
  color: #4e5863;
  border-bottom: 1px solid rgba(11,11,12,.14);
  font-size: .67rem;
  line-height: 1.42;
}
.kmu26 .kmu26-packages .package-card li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 1px;
  width: 8px;
  height: 8px;
  background: var(--k26-lime);
  border: 2px solid var(--k26-ink);
  border-radius: 50%;
}
.kmu26 .kmu26-packages .kmu26-package-featured li {
  color: rgba(255,255,255,.68);
  border-color: rgba(255,255,255,.14);
}
.kmu26 .kmu26-packages .package-card li strong { color: inherit; }
.kmu26-package-cta {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding: 12px 14px;
  color: #fff;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 7px;
  font-size: .72rem;
  font-weight: 800;
}
.kmu26-package-featured .kmu26-package-cta { color: var(--k26-ink); background: var(--k26-lime); border-color: var(--k26-lime); }
.kmu26-package-cta:hover { color: var(--k26-ink); background: var(--k26-lime); }
.kmu26-package-featured .kmu26-package-cta:hover { color: var(--k26-ink); background: #fff; }
.kmu26 .package-card.is-finder-match { outline: 4px solid var(--k26-lime); outline-offset: 4px; }
.kmu26 .kmu26-packages .package-card:nth-child(2)::after { display: none; }
.kmu26-packages-note {
  margin: 36px 0 0;
  color: #5a6470;
  font-size: .82rem;
  text-align: center;
}

/* Verifiable commitments */
.kmu26 .kmu26-proof { background: var(--k26-cloud); }
.kmu26 .kmu26-proof .pillar-section-body { max-width: 760px; margin-left: 0; }
.kmu26 .kmu26-proof .icon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 36px;
  background: transparent;
  border: 0;
}
.kmu26 .kmu26-proof .icon-grid-item {
  min-height: 168px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 28px;
  background: #fff;
  border: 1px solid var(--k26-line);
  border-radius: 11px;
}
.kmu26 .kmu26-proof .icon-grid-item .icon-wrap {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--k26-ink);
  background: var(--k26-lime);
  border-radius: 8px;
}
.kmu26 .kmu26-proof .icon-grid-item .icon-wrap svg,
.kmu26 .kmu26-proof .icon-grid-item .icon-wrap path { color: var(--k26-ink); stroke: var(--k26-ink); }
.kmu26 .kmu26-proof .icon-grid-item h3 { margin: 2px 0 9px; color: var(--k26-ink); font-size: 1.08rem; line-height: 1.15; }
.kmu26 .kmu26-proof .icon-grid-item p { margin: 0; color: #5a6470; font-size: .76rem; line-height: 1.58; }
.kmu26 .kmu26-proof .highlight-box {
  margin-top: 12px;
  padding: 24px 28px;
  background: var(--k26-ink);
  border: 1px solid var(--k26-ink);
  border-radius: 11px;
}
.kmu26 .kmu26-proof .highlight-box p { color: rgba(255,255,255,.66); }
.kmu26 .kmu26-proof .highlight-box strong,
.kmu26 .kmu26-proof .highlight-box a { color: #fff; }
.kmu26 .kmu26-proof-link { margin-top: 24px; }

/* Three-step launch board */
.kmu26 .kmu26-process {
  color: #fff;
  background:
    radial-gradient(circle at 80% 10%, rgba(215,255,79,.13), transparent 30%),
    var(--k26-ink);
}
.kmu26 .kmu26-process > .container { display: block !important; }
.kmu26-process-head {
  display: grid;
  grid-template-columns: minmax(220px, .5fr) minmax(0, 1.5fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 46px;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.kmu26-process-head .pillar-section-eyebrow { margin-bottom: 17px; color: rgba(255,255,255,.52); }
.kmu26-process-head > div:first-child > strong {
  max-width: 18ch;
  display: block;
  color: rgba(255,255,255,.66);
  font-size: .86rem;
  line-height: 1.55;
}
.kmu26-process-head h2 {
  max-width: 850px;
  margin: 0;
  color: #fff;
  font-size: clamp(3rem, 5.4vw, 5.4rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.kmu26-process-head p {
  max-width: 63ch;
  margin: 20px 0 0;
  color: rgba(255,255,255,.58);
  font-size: .88rem;
  line-height: 1.65;
}
.kmu26 .kmu26-process .pillar-section-body { max-width: none; margin: 0; }
.kmu26 .pillar-section-body ul.kmu26-process-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
}
.kmu26 .pillar-section-body ul.kmu26-process-steps > li {
  min-height: 315px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  color: rgba(255,255,255,.62);
  background: #171719;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 13px;
  font-size: .82rem;
  line-height: 1.65;
  overflow: hidden;
}
.kmu26 .pillar-section-body ul.kmu26-process-steps > li::before { display: none; }
.kmu26 .pillar-section-body ul.kmu26-process-steps > li:nth-child(1) { color: #30360d; background: var(--k26-lime); border-color: var(--k26-lime); }
.kmu26 .pillar-section-body ul.kmu26-process-steps > li:nth-child(2) { color: #4f5964; background: #fff; border-color: #fff; }
.kmu26 .pillar-section-body ul.kmu26-process-steps > li > span:first-child {
  display: block;
  margin-bottom: auto;
  color: inherit;
  opacity: .7;
  font: 900 4.7rem/.8 monospace;
  letter-spacing: -.1em;
}
.kmu26 .pillar-section-body ul.kmu26-process-steps > li > strong:first-of-type {
  display: block;
  margin: 42px 0 12px;
  color: #fff;
  font-size: 1.65rem;
  line-height: 1;
  letter-spacing: -.04em;
}
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li:nth-child(1) > strong:first-of-type,
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li:nth-child(2) > strong:first-of-type { color: var(--k26-ink); }
.kmu26-process-cta {
  min-height: 52px;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 38px;
  margin-top: 26px;
  padding: 14px 18px;
  color: var(--k26-ink);
  background: var(--k26-lime);
  border: 1px solid var(--k26-lime);
  border-radius: 7px;
  font-size: .76rem;
  font-weight: 820;
}
.kmu26-process-cta:hover { color: var(--k26-ink); background: #fff; }

/* Win against the generic dossier list transformer on the three
   component grids while keeping ordinary article lists untouched. */
.kmu26.dsr .pillar-section-body ul.kmu26-benefit-grid,
.kmu26.dsr .pillar-section-body ul.kmu26-needs-grid,
.kmu26.dsr .pillar-section-body ul.kmu26-process-steps {
  display: grid;
}
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def {
  color: rgba(255,255,255,.62);
}
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def:nth-child(1) { color: #30360d; }
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def:nth-child(2) { color: #4f5964; }
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def > strong:first-of-type {
  color: #fff;
}
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def:nth-child(1) > strong:first-of-type,
.kmu26.dsr .kmu26-process .pillar-section-body ul.kmu26-process-steps > li.is-def:nth-child(2) > strong:first-of-type {
  color: var(--k26-ink);
}

/* Reading library without duplicate pills */
.kmu26 .kmu26-library { background: var(--k26-cloud); }
.kmu26-reading-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.kmu26-reading-card {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  color: var(--k26-ink);
  background: #fff;
  border: 1px solid var(--k26-ink);
  border-radius: 11px;
  text-decoration: none;
}
.kmu26-reading-card--feature {
  grid-column: span 2;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    var(--k26-ink);
  background-size: 40px 40px;
}
.kmu26-reading-card > span {
  color: #717b86;
  font: 800 .59rem/1 monospace;
  letter-spacing: .11em;
}
.kmu26-reading-card--feature > span { color: var(--k26-lime); }
.kmu26-reading-card > strong {
  max-width: 15ch;
  margin-top: auto;
  color: inherit;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 880;
  line-height: 1.03;
  letter-spacing: -.045em;
}
.kmu26-reading-card--feature > strong { max-width: 11ch; font-size: clamp(2.4rem, 4vw, 4rem); }
.kmu26-reading-card > p {
  max-width: 42ch;
  margin: 13px 0 20px;
  color: #5e6874;
  font-size: .75rem;
  line-height: 1.55;
}
.kmu26-reading-card--feature > p { color: rgba(255,255,255,.58); }
.kmu26-reading-card > em {
  color: inherit;
  font-size: .68rem;
  font-style: normal;
  font-weight: 800;
}
.kmu26-reading-card:hover { color: var(--k26-ink); background: var(--k26-lime); }
.kmu26-reading-card--feature:hover { color: #fff; background-color: var(--k26-ink); box-shadow: 8px 8px 0 var(--k26-lime); }
.kmu26-link-drawer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--k26-ink);
  border-radius: 11px;
}
.kmu26-link-drawer nav { padding: 26px; }
.kmu26-link-drawer nav + nav { border-left: 1px solid var(--k26-ink); }
.kmu26-link-drawer h3 {
  margin: 0 0 20px;
  color: var(--k26-ink);
  font-size: 1.15rem;
}
.kmu26-link-drawer nav > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--k26-line);
}
.kmu26-link-drawer a {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 12px;
  color: #505a66;
  border-bottom: 1px solid var(--k26-line);
  font-size: .71rem;
  font-weight: 730;
}
.kmu26-link-drawer a::after { content: "\2197"; color: var(--k26-ink); }
.kmu26-link-drawer a:hover { color: var(--k26-ink); background: var(--k26-lime-soft); }

/* FAQ and final action */
.kmu26 .kmu26-faq .faq-list { max-width: 900px; margin: 0 auto; }
.kmu26 .kmu26-faq .faq-item {
  margin: 0 0 8px;
  overflow: clip;
  background: #fff;
  border: 1px solid var(--k26-line);
  border-radius: 9px;
}
.kmu26 .kmu26-faq .faq-item summary {
  min-height: 64px;
  padding: 17px 54px 17px 20px;
  color: var(--k26-ink);
  font-size: .9rem;
  font-weight: 800;
}
.kmu26 .kmu26-faq .faq-item[open] { border-color: var(--k26-ink); box-shadow: 6px 6px 0 var(--k26-lime); }
.kmu26 .kmu26-faq .faq-item p {
  margin: 0;
  padding: 0 20px 22px;
  color: #505a66;
  font-size: .84rem;
  line-height: 1.7;
}
.kmu26 .kmu26-final {
  background: var(--k26-lime);
  border-top: 1px solid var(--k26-ink);
}
.kmu26 .kmu26-final::before {
  color: rgba(11,11,12,.08);
  -webkit-text-stroke-color: rgba(11,11,12,.12);
}
.kmu26 .kmu26-final .dsr-close-eyebrow { color: #424a14; }
.kmu26 .kmu26-final .dsr-close-body h2 { color: var(--k26-ink); }
.kmu26 .kmu26-final .dsr-close-body > p { color: #414913; }
.kmu26 .kmu26-final .dsr-close-btn-primary { color: #fff; background: var(--k26-ink); border-color: var(--k26-ink); }
.kmu26 .kmu26-final .dsr-close-btn-secondary { color: var(--k26-ink); background: transparent; border-color: rgba(11,11,12,.55); }
.kmu26 .kmu26-final .dsr-close-trust,
.kmu26 .kmu26-final .dsr-close-trust .check { color: var(--k26-ink); }

@media (max-width: 1100px) {
  .kmu26 .kmu26-hero .dsr-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr); gap: 42px; }
  .kmu26 .kmu26-launch-plan .dsr-hero-stack { grid-template-columns: 1fr; }
  .kmu26 .kmu26-launch-plan .dsr-hero-stat { min-height: 70px; }
  .kmu26 .pillar-section-header { grid-template-columns: 190px minmax(0, 1fr); gap: 44px; }
  .kmu26 .kmu26-benefits .pillar-section-body,
  .kmu26 .kmu26-costs .pillar-section-body,
  .kmu26 .kmu26-needs .pillar-section-body,
  .kmu26 .kmu26-packages .pillar-section-body,
  .kmu26 .kmu26-proof .pillar-section-body,
  .kmu26 .kmu26-process .pillar-section-body { margin-left: 0; }
  .kmu26 .kmu26-packages .package-grid { grid-template-columns: 1fr; gap: 16px; }
  .kmu26 .kmu26-packages .package-card { max-width: 760px; width: 100%; margin-inline: auto; }
  .kmu26-package-badge { margin-top: -42px; }
  .kmu26-benefits-head,
  .kmu26-needs-head { grid-template-columns: 190px minmax(0, 1fr); gap: 44px; }
  .kmu26-benefit-console { grid-template-columns: 290px minmax(0, 1fr); }
  .kmu26-benefit-feed article { grid-template-columns: 42px 168px minmax(0, 1fr) 58px; gap: 12px; }
  .kmu26-needs-system { grid-template-columns: 290px minmax(0, 1fr); }
  .kmu26-needs-labels,
  .kmu26-needs-matrix article { grid-template-columns: 42px 142px minmax(0, 1fr) 110px; gap: 12px; }
  .kmu26-needs-note { margin-left: 304px; }
}

@media (max-width: 820px) {
  .kmu26 .dsr-hero.kmu26-hero { min-height: auto; padding: 104px 0 68px; }
  .kmu26 .kmu26-hero .dsr-hero-grid { grid-template-columns: 1fr; }
  .kmu26 .kmu26-hero .pillar-hero-content { order: 1; }
  .kmu26 .kmu26-hero .kmu26-launch-plan { order: 2; max-width: 620px; margin-right: 12px; }
  .kmu26 .kmu26-launch-plan .dsr-hero-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kmu26-chapters { top: 64px; }
  .kmu26 .kmu26-showcase { padding-block: 72px; }
  .kmu26-showcase-head { grid-template-columns: 1fr; gap: 24px; }
  .kmu26-gallery-card,
  .kmu26-gallery-card--wide { grid-column: span 6; }
  .kmu26 .kmu26-briefing .container { grid-template-columns: 1fr; gap: 42px; }
  .kmu26 .pillar-section { padding-block: 72px; }
  .kmu26 .pillar-section-header { grid-template-columns: 1fr; gap: 18px; }
  .kmu26 .pillar-section-header::before { display: none; }
  .kmu26 .pillar-section-header h2 { max-width: 18ch; }
  .kmu26 .kmu26-benefits .pillar-section-body,
  .kmu26 .kmu26-costs .pillar-section-body,
  .kmu26 .kmu26-needs .pillar-section-body,
  .kmu26 .kmu26-packages .pillar-section-body,
  .kmu26 .kmu26-proof .pillar-section-body,
  .kmu26 .kmu26-process .pillar-section-body { max-width: none; margin-left: 0; }
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li,
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li:nth-child(1),
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li:nth-child(2) { grid-column: span 6; }
  .kmu26-duel { grid-template-columns: 1fr; }
  .kmu26-duel-vs { top: 50%; }
  .kmu26-finder { padding-block: 76px; }
  .kmu26-finder-shell { grid-template-columns: 1fr; }
  .kmu26-finder-result { position: relative; top: auto; }
  .kmu26-process-head { grid-template-columns: 1fr; gap: 24px; }
  .kmu26-reading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kmu26-reading-card--feature { grid-column: span 2; }
  .kmu26-link-drawer { grid-template-columns: 1fr; }
  .kmu26-link-drawer nav + nav { border-left: 0; border-top: 1px solid var(--k26-ink); }
  .kmu26 .kmu26-benefits,
  .kmu26 .kmu26-needs { padding-block: 76px 88px; }
  .kmu26-benefits-head,
  .kmu26-needs-head { grid-template-columns: 1fr; gap: 32px; }
  .kmu26-section-meta { min-height: 72px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .kmu26-section-meta > strong { justify-self: end; text-align: right; }
  .kmu26-benefit-console,
  .kmu26-needs-system { grid-template-columns: 1fr; margin-top: 42px; }
  .kmu26-benefit-core { min-height: 330px; }
  .kmu26-benefit-core > strong { margin-top: 82px; }
  .kmu26-needs-core { min-height: 440px; }
  .kmu26-needs-core h3 { max-width: 15ch; margin-top: 54px; }
  .kmu26-needs-note { margin-left: 0; }
}

@media (max-width: 560px) {
  .kmu26 .kmu26-hero h1 { font-size: clamp(2.75rem, 12vw, 3.4rem); }
  .kmu26 .kmu26-hero .dsr-hero-checklist { grid-template-columns: 1fr; }
  .kmu26-hero-actions { align-items: stretch; }
  .kmu26 .kmu26-hero .dsr-hero-cta { width: 100%; justify-content: center; }
  .kmu26-hero-secondary { width: fit-content; }
  .kmu26-mini-browser-body { min-height: 210px; padding: 22px; }
  .kmu26 .kmu26-launch-plan .dsr-hero-stack { grid-template-columns: 1fr; }
  .kmu26-chapters-label { display: none; }
  .kmu26-chapters .container { padding-inline: 12px; }
  .kmu26-showcase-head h2,
  .kmu26-briefing-copy h2,
  .kmu26-finder-head h2 { font-size: clamp(2.8rem, 13vw, 4rem); }
  .kmu26-gallery-card,
  .kmu26-gallery-card--wide { grid-column: 1 / -1; }
  .kmu26-gallery-card figcaption { min-height: 76px; padding: 14px 16px; }
  .kmu26 .kmu26-briefing { padding-block: 60px; }
  .kmu26-briefing-facts { margin-right: 8px; box-shadow: 8px 8px 0 var(--k26-ink); }
  .kmu26 .pillar-section-header h2 { font-size: clamp(2.55rem, 12vw, 3.7rem); }
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid,
  .kmu26 .pillar-section-body ul.kmu26-needs-grid,
  .kmu26 .kmu26-proof .icon-grid,
  .kmu26 .pillar-section-body ul.kmu26-process-steps,
  .kmu26-reading-grid { grid-template-columns: 1fr; }
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li,
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li:nth-child(1),
  .kmu26 .pillar-section-body ul.kmu26-benefit-grid > li:nth-child(2),
  .kmu26-reading-card--feature { grid-column: 1; }
  .kmu26-cost-facts { grid-template-columns: 1fr; }
  .kmu26 .kmu26-costs .cost-table-wrap { margin-right: 10px; box-shadow: 9px 9px 0 var(--k26-lime); }
  .kmu26-duel article { min-height: 380px; padding: 25px; }
  .kmu26-finder-choice { grid-template-columns: 1fr; padding: 19px; }
  .kmu26-finder-choice legend { grid-column: 1; }
  .kmu26-finder-choice button { min-height: 58px; padding-block: 16px; }
  .kmu26-finder-result { padding: 24px; margin-right: 8px; box-shadow: 8px 8px 0 rgba(255,255,255,.15); }
  .kmu26 .kmu26-packages .package-card { padding: 24px; }
  .kmu26 .kmu26-proof .icon-grid-item { grid-template-columns: 42px minmax(0, 1fr); gap: 16px; padding: 22px; }
  .kmu26-process-head h2 { font-size: clamp(2.8rem, 13vw, 4rem); }
  .kmu26 .pillar-section-body ul.kmu26-process-steps > li { min-height: 250px; }
  .kmu26-link-drawer nav { padding: 22px; }
  .kmu26-link-drawer nav > div { grid-template-columns: 1fr; }
  .kmu26-benefits-head h2,
  .kmu26-needs-head h2 { font-size: clamp(3rem, 15vw, 4.15rem); }
  .kmu26-benefits-head p,
  .kmu26-needs-head p { font-size: .82rem; }
  .kmu26-benefit-console,
  .kmu26-needs-system { margin-right: 0; box-shadow: 0 16px 38px rgba(11,11,12,.14); }
  .kmu26-benefit-core,
  .kmu26-needs-core { padding: 26px; }
  .kmu26-benefit-feed { padding: 12px 16px; }
  .kmu26-benefit-feed article {
    min-height: 112px;
    grid-template-columns: 36px minmax(0, 1fr) 54px;
    gap: 8px 10px;
    padding: 16px 2px;
  }
  .kmu26-benefit-feed article:hover { padding-inline: 2px; }
  .kmu26-benefit-feed article > span { grid-column: 1; grid-row: 1; }
  .kmu26-benefit-feed article > strong { grid-column: 2; grid-row: 1; font-size: .96rem; }
  .kmu26-benefit-feed article > b { grid-column: 3; grid-row: 1; }
  .kmu26-benefit-feed article > p { grid-column: 2 / 4; grid-row: 2; }
  .kmu26-needs-matrix { padding: 14px 18px; }
  .kmu26-needs-labels { display: none; }
  .kmu26-needs-matrix article {
    min-height: 102px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 8px 10px;
    padding: 16px 0;
  }
  .kmu26-needs-matrix article:hover { padding-inline: 0; }
  .kmu26-needs-matrix article > span { grid-column: 1; grid-row: 1; }
  .kmu26-needs-matrix article > strong { grid-column: 2; grid-row: 1; }
  .kmu26-needs-matrix article > b { grid-column: 3; grid-row: 1; }
  .kmu26-needs-matrix article > p { grid-column: 2 / 4; grid-row: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .kmu26 *,
  .kmu26 *::before,
  .kmu26 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  .kmu26-mini-browser,
  .kmu26-briefing-facts,
  .kmu26-finder-result,
  .kmu26 .package-card { border: 2px solid CanvasText; }
}