/* CMS integration — August 2026 decision experience.
   Page-scoped, answer-first, accessible and progressively enhanced. */
body.cms26 {
  --c26-ink: #0b0b0c;
  --c26-ink-2: #171719;
  --c26-paper: #ffffff;
  --c26-cloud: #f2f3ef;
  --c26-line: #dce0d9;
  --c26-muted: #5d6773;
  --c26-lime: #d7ff4f;
  --c26-lime-soft: #f4ffd2;
  --c26-max: 1180px;
  color: var(--c26-ink);
  background: var(--c26-paper);
}

html:has(body.cms26) { scroll-behavior: auto; }
.cms26 main { overflow: clip; }
.cms26 .container { max-width: var(--c26-max); }
.cms26 h2[id],
.cms26 section[id] { scroll-margin-top: 144px; }
.cms26 a { text-underline-offset: .2em; }
.cms26 :where(a, button, summary, input):focus-visible {
  outline: 3px solid var(--c26-lime);
  outline-offset: 3px;
}
.cms26-progress {
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--c26-lime);
  pointer-events: none;
}

/* Answer-first hero */
.cms26-hero {
  position: relative;
  min-height: min(880px, 100svh);
  display: flex;
  align-items: center;
  padding: 118px 0 74px;
  background:
    linear-gradient(90deg, rgba(11,11,12,.045) 1px, transparent 1px),
    linear-gradient(rgba(11,11,12,.045) 1px, transparent 1px),
    var(--c26-paper);
  background-size: 58px 58px;
  border-bottom: 1px solid var(--c26-line);
  isolation: isolate;
}
.cms26-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -17vw;
  bottom: -44%;
  width: min(760px, 60vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(215,255,79,.24), rgba(215,255,79,0) 69%);
  pointer-events: none;
}
.cms26-hero::after {
  content: "CMS";
  position: absolute;
  z-index: -1;
  right: -1vw;
  top: 75px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(11,11,12,.055);
  font-size: clamp(9rem, 22vw, 20rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.08em;
  pointer-events: none;
}
.cms26-crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 38px;
  color: var(--c26-muted);
  font-size: .72rem;
}
.cms26-crumbs a { color: var(--c26-ink); }
.cms26-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .82fr);
  gap: clamp(52px, 7vw, 98px);
  align-items: center;
}
.cms26-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: #39424d;
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .14em;
  line-height: 1.35;
  text-transform: uppercase;
}
.cms26-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border: 1px solid var(--c26-ink);
  border-radius: 50%;
  background: var(--c26-lime);
}
.cms26-hero h1 {
  max-width: 770px;
  margin: 0;
  color: var(--c26-ink);
  font-size: clamp(3.35rem, 5.4vw, 5.65rem);
  font-weight: 900;
  line-height: .88;
  letter-spacing: -.073em;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
}
.cms26-hero h1 span {
  position: relative;
  display: inline-block;
  z-index: 0;
}
.cms26-hero h1 span::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -.02em;
  right: -.04em;
  bottom: .035em;
  height: .18em;
  background: var(--c26-lime);
}
.cms26-hero-lead {
  max-width: 650px;
  margin: 27px 0 0;
  color: #48525e;
  font-size: clamp(1rem, 1.4vw, 1.16rem);
  line-height: 1.68;
}
.cms26-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  margin-top: 30px;
}
.cms26-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 14px 21px;
  color: #fff;
  background: var(--c26-ink);
  border: 1px solid var(--c26-ink);
  border-radius: 9px;
  font-size: .84rem;
  font-weight: 780;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.cms26-btn:hover {
  color: var(--c26-ink);
  background: var(--c26-lime);
  box-shadow: 6px 6px 0 var(--c26-ink);
}
.cms26-btn--quiet {
  color: var(--c26-ink);
  background: transparent;
}
.cms26-btn--quiet:hover { background: var(--c26-paper); box-shadow: none; }
.cms26-hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 19px;
  margin: 24px 0 0;
  padding: 0;
  color: var(--c26-muted);
  font-size: .73rem;
  list-style: none;
}
.cms26-hero-facts li { display: flex; align-items: center; gap: 7px; }
.cms26-hero-facts li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--c26-ink);
}

/* Editorial interface visual — intentionally CSS-built, no decorative image dependency. */
.cms26-editor-shell {
  position: relative;
  padding: 15px;
  color: #fff;
  background: var(--c26-ink);
  border: 1px solid var(--c26-ink);
  border-radius: 20px;
  box-shadow: 18px 18px 0 var(--c26-lime);
}
.cms26-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 35px;
  padding: 0 4px 12px;
  color: rgba(255,255,255,.5);
  font: 800 .61rem/1.3 monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cms26-editor-live { display: inline-flex; align-items: center; gap: 7px; }
.cms26-editor-live::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--c26-lime);
}
.cms26-editor-window {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
}
.cms26-editor-bar {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  color: #7b838d;
  background: #eceee9;
  border-bottom: 1px solid #d4d7d1;
  font-size: .56rem;
}
.cms26-editor-bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a9b0a6;
}
.cms26-editor-bar span { margin-left: 7px; }
.cms26-editor-body {
  min-height: 292px;
  display: grid;
  grid-template-columns: 92px 1fr;
  color: var(--c26-ink);
}
.cms26-editor-side {
  padding: 16px 10px;
  background: #f2f3ef;
  border-right: 1px solid #dcdfd8;
}
.cms26-editor-brand {
  display: block;
  margin-bottom: 20px;
  font-size: .53rem;
  font-weight: 900;
  letter-spacing: -.03em;
}
.cms26-editor-tool {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 10px 0;
  color: #6c7580;
  font-size: .47rem;
  font-weight: 700;
}
.cms26-editor-tool i {
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 2px;
}
.cms26-editor-tool.is-active { color: var(--c26-ink); }
.cms26-editor-tool.is-active i { background: var(--c26-lime); border-color: var(--c26-ink); }
.cms26-editor-canvas {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 27px;
  background:
    radial-gradient(circle at 87% 20%, rgba(215,255,79,.72) 0 54px, transparent 55px),
    linear-gradient(122deg, #fff 0 67%, #f1f2ee 67%);
}
.cms26-editor-selection {
  position: absolute;
  top: 58px;
  left: 23px;
  width: calc(100% - 46px);
  height: 92px;
  border: 1.5px solid var(--c26-ink);
  pointer-events: none;
}
.cms26-editor-selection::before,
.cms26-editor-selection::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--c26-lime);
  border: 1px solid var(--c26-ink);
}
.cms26-editor-selection::before { top: -4px; left: -4px; }
.cms26-editor-selection::after { right: -4px; bottom: -4px; }
.cms26-editor-kicker {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  font-size: .47rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cms26-editor-title {
  position: relative;
  z-index: 1;
  max-width: 6ch;
  color: var(--c26-ink);
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 900;
  line-height: .88;
  letter-spacing: -.065em;
}
.cms26-editor-copy {
  position: relative;
  z-index: 1;
  max-width: 30ch;
  margin-top: 14px;
  color: #68727c;
  font-size: .59rem;
  line-height: 1.5;
}
.cms26-editor-button {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin-top: 17px;
  padding: 8px 10px;
  color: #fff;
  background: var(--c26-ink);
  border-radius: 5px;
  font-size: .54rem;
  font-weight: 800;
}
.cms26-editor-prices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
}
.cms26-editor-price {
  min-height: 83px;
  padding: 13px;
  background: #19191b;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 9px;
}
.cms26-editor-price.is-signal {
  color: var(--c26-ink);
  background: var(--c26-lime);
  border-color: var(--c26-lime);
}
.cms26-editor-price small {
  display: block;
  margin-bottom: 5px;
  color: rgba(255,255,255,.45);
  font-size: .51rem;
}
.cms26-editor-price.is-signal small { color: rgba(11,11,12,.58); }
.cms26-editor-price strong {
  color: #fff;
  font-size: clamp(.86rem, 1.3vw, 1.12rem);
  letter-spacing: -.04em;
}
.cms26-editor-price.is-signal strong { color: var(--c26-ink); }
.cms26-editor-price span {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.46);
  font-size: .48rem;
  line-height: 1.35;
}
.cms26-editor-price.is-signal span { color: rgba(11,11,12,.6); }

/* Proof row + orientation */
.cms26 .trust-row {
  padding: 0;
  background: var(--c26-paper);
  border-bottom: 1px solid var(--c26-line);
}
.cms26 .trust-row-grid { min-height: 74px; }
.cms26 .trust-row-item {
  color: #4c5661;
  font-size: .7rem;
  font-weight: 730;
  letter-spacing: .02em;
}
.cms26 .trust-row-item svg { width: 17px; height: 17px; color: var(--c26-ink); }
.cms26-chapters {
  position: sticky;
  z-index: 90;
  top: 72px;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid var(--c26-line);
  backdrop-filter: blur(16px) saturate(150%);
}
.cms26-chapters .container {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.cms26-chapters .container::-webkit-scrollbar { display: none; }
.cms26-chapters a {
  position: relative;
  min-height: 55px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  color: #68727d;
  border-right: 1px solid var(--c26-line);
  font-size: .69rem;
  font-weight: 760;
  white-space: nowrap;
}
.cms26-chapters a:first-child { border-left: 1px solid var(--c26-line); }
.cms26-chapters a::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 3px;
  background: var(--c26-ink);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}
.cms26-chapters a[aria-current="location"] { color: var(--c26-ink); }
.cms26-chapters a[aria-current="location"]::after { transform: scaleX(1); }
.cms26-chapters b { color: #a1a8ae; font-size: .59rem; }

/* Shared editorial section heads */
.cms26-section {
  position: relative;
  padding: clamp(82px, 10vw, 132px) 0;
}
.cms26-section--cloud { background: var(--c26-cloud); }
.cms26-section-head { max-width: 800px; }
.cms26-section-head h2 {
  margin: 0;
  color: var(--c26-ink);
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  font-weight: 900;
  line-height: .93;
  letter-spacing: -.067em;
  text-wrap: balance;
}
.cms26-section-head > p:not(.cms26-kicker) {
  max-width: 680px;
  margin: 22px 0 0;
  color: var(--c26-muted);
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.7;
}

/* Need audit */
.cms26-need-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(46px, 6vw, 72px);
}
.cms26-need-card {
  position: relative;
  min-height: 470px;
  display: flex;
  flex-direction: column;
  padding: clamp(28px, 4vw, 42px);
  background: var(--c26-paper);
  border: 1px solid var(--c26-line);
  border-radius: 20px;
}
.cms26-need-card--dark {
  color: #fff;
  background: var(--c26-ink);
  border-color: var(--c26-ink);
}
.cms26-need-index {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 23px;
  color: var(--c26-muted);
  border-bottom: 1px solid var(--c26-line);
  font: 800 .65rem/1.3 monospace;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.cms26-need-card--dark .cms26-need-index {
  color: rgba(255,255,255,.48);
  border-color: rgba(255,255,255,.16);
}
.cms26-need-index em {
  padding: 5px 8px;
  color: var(--c26-ink);
  background: var(--c26-lime);
  border-radius: 999px;
  font-style: normal;
  letter-spacing: .04em;
}
.cms26-need-card h3 {
  max-width: 13ch;
  margin: 30px 0 15px;
  color: var(--c26-ink);
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  line-height: 1;
  letter-spacing: -.055em;
}
.cms26-need-card--dark h3 { color: #fff; }
.cms26-need-card > p {
  max-width: 54ch;
  margin: 0;
  color: var(--c26-muted);
  font-size: .94rem;
  line-height: 1.68;
}
.cms26-need-card--dark > p { color: rgba(255,255,255,.62); }
.cms26-checks {
  display: grid;
  gap: 0;
  margin: auto 0 0;
  padding: 25px 0 0;
  list-style: none;
}
.cms26-checks li {
  position: relative;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 10px 0 10px 27px;
  color: #3e4853;
  border-top: 1px solid var(--c26-line);
  font-size: .82rem;
  line-height: 1.45;
}
.cms26-need-card--dark .cms26-checks li {
  color: rgba(255,255,255,.78);
  border-color: rgba(255,255,255,.14);
}
.cms26-checks li::before {
  content: "";
  position: absolute;
  left: 1px;
  width: 11px;
  height: 11px;
  border: 3px solid var(--c26-ink);
  border-radius: 50%;
  background: var(--c26-lime);
}
.cms26-need-card--dark .cms26-checks li::before { border-color: #fff; }
.cms26-answer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  margin-top: 18px;
  padding: 24px 26px;
  background: var(--c26-lime-soft);
  border: 1px solid #cbdf80;
  border-radius: 14px;
}
.cms26-answer b {
  color: var(--c26-ink);
  font: 850 .69rem/1.4 monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cms26-answer p { margin: 0; color: #414b55; font-size: .87rem; line-height: 1.6; }

/* Decision finder */
.cms26-finder-section {
  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(--c26-ink);
  background-size: 58px 58px;
}
.cms26-finder-section .cms26-kicker { color: rgba(255,255,255,.56); }
.cms26-finder-section .cms26-kicker::before { border-color: #fff; }
.cms26-finder-section .cms26-section-head h2 { color: #fff; }
.cms26-finder-section .cms26-section-head > p { color: rgba(255,255,255,.6); }
.cms26-finder-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(32px, 5vw, 68px);
  align-items: start;
  margin-top: clamp(46px, 6vw, 72px);
}
.cms26-finder-questions { display: grid; gap: 10px; }
.cms26-choice {
  margin: 0;
  padding: 19px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 14px;
  background: #141416;
}
.cms26-choice legend {
  width: 100%;
  padding: 0 0 13px;
  color: rgba(255,255,255,.75);
  font-size: .76rem;
  font-weight: 760;
  line-height: 1.45;
}
.cms26-choice-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.cms26-choice button {
  min-height: 82px;
  padding: 13px 12px;
  color: rgba(255,255,255,.62);
  background: #1d1d20;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 9px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.cms26-choice button strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: .75rem;
}
.cms26-choice button span { display: block; font-size: .62rem; line-height: 1.4; }
.cms26-choice button:hover { border-color: rgba(215,255,79,.7); }
.cms26-choice button[aria-pressed="true"] {
  color: rgba(11,11,12,.64);
  background: var(--c26-lime);
  border-color: var(--c26-lime);
}
.cms26-choice button[aria-pressed="true"] strong { color: var(--c26-ink); }
.cms26-finder-result {
  position: sticky;
  top: 152px;
  overflow: hidden;
  padding: 28px;
  color: var(--c26-ink);
  background: var(--c26-lime);
  border: 1px solid var(--c26-lime);
  border-radius: 18px;
}
.cms26-finder-result::after {
  content: attr(data-cms26-letter);
  position: absolute;
  right: -20px;
  bottom: -35px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(11,11,12,.18);
  font-size: 10rem;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
.cms26-finder-result > * { position: relative; z-index: 1; }
.cms26-finder-result-label {
  display: block;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(11,11,12,.25);
  font: 850 .63rem/1.4 monospace;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.cms26-finder-result h3 {
  margin: 28px 0 12px;
  color: var(--c26-ink);
  font-size: clamp(2.1rem, 4vw, 3.7rem);
  line-height: .92;
  letter-spacing: -.065em;
}
.cms26-finder-result p { margin: 0; color: #333b42; font-size: .86rem; line-height: 1.62; }
.cms26-finder-result-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 26px 0 0;
  background: rgba(11,11,12,.23);
  border: 1px solid rgba(11,11,12,.23);
  border-radius: 9px;
  overflow: hidden;
}
.cms26-finder-result-meta span {
  padding: 13px;
  color: #4b5359;
  background: rgba(255,255,255,.25);
  font-size: .58rem;
}
.cms26-finder-result-meta strong { display: block; margin-top: 3px; color: var(--c26-ink); font-size: .72rem; }
.cms26-finder-result .cms26-btn {
  width: 100%;
  margin-top: 18px;
  background: var(--c26-ink);
}
.cms26-finder-result .cms26-btn:hover { color: #fff; background: #252529; box-shadow: none; }
.cms26-finder-note {
  margin: 14px 1px 0;
  color: rgba(255,255,255,.43);
  font-size: .66rem;
  line-height: 1.55;
}

/* Platform comparison */
.cms26-platform-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: clamp(46px, 6vw, 72px);
}
.cms26-platform-filters button {
  min-height: 45px;
  padding: 10px 15px;
  color: #48525c;
  background: var(--c26-paper);
  border: 1px solid var(--c26-line);
  border-radius: 999px;
  font: inherit;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.cms26-platform-filters button span {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 0 6px;
  color: inherit;
  background: var(--c26-cloud);
  border-radius: 999px;
  font-size: .62rem;
}
.cms26-platform-filters button:hover { border-color: var(--c26-ink); }
.cms26-platform-filters button[aria-pressed="true"] {
  color: #fff;
  background: var(--c26-ink);
  border-color: var(--c26-ink);
}
.cms26-platform-filters button[aria-pressed="true"] span {
  color: var(--c26-ink);
  background: var(--c26-lime);
}
.cms26-platform-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.cms26-platform {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--c26-paper);
  border: 1px solid var(--c26-line);
  border-radius: 20px;
}
.cms26-platform[hidden] { display: none; }
.cms26-platform-top { padding: clamp(25px, 3vw, 32px); }
.cms26-platform-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 27px;
  color: var(--c26-muted);
  font: 850 .64rem/1.4 monospace;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.cms26-platform h3 {
  margin: 0;
  color: var(--c26-ink);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: .9;
  letter-spacing: -.065em;
}
.cms26-platform-intro {
  max-width: 55ch;
  margin: 20px 0 0;
  color: var(--c26-muted);
  font-size: .88rem;
  line-height: 1.65;
}
.cms26-platform-specs { flex: 1; margin: 0; padding: 0 clamp(25px, 3vw, 32px) 22px; }
.cms26-platform-specs > div {
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 13px;
  padding: 15px 0;
  border-bottom: 1px solid var(--c26-line);
}
.cms26-platform-specs dt {
  color: #626c76;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.cms26-platform-specs dd {
  margin: 0;
  color: #39434d;
  font-size: .8rem;
  line-height: 1.5;
}
.cms26-platform-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 clamp(25px, 3vw, 32px) clamp(25px, 3vw, 32px);
}
.cms26-platform-foot span { color: var(--c26-muted); font-size: .7rem; line-height: 1.5; }
.cms26-platform-foot span b {
  display: block;
  color: var(--c26-ink);
  font-size: .58rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cms26-platform-foot .cms26-btn { min-height: 48px; padding: 12px 16px; font-size: .75rem; }
.cms26-compare-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  margin-top: 16px;
  padding: 24px 26px;
  background: var(--c26-lime-soft);
  border: 1px solid #cbdf80;
  border-radius: 14px;
}
.cms26-compare-note strong { color: var(--c26-ink); font-size: .84rem; }
.cms26-compare-note p { margin: 0; color: #4b555f; font-size: .82rem; line-height: 1.6; }

/* Transparent price composer */
.cms26-price-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
  gap: clamp(32px, 6vw, 80px);
  align-items: start;
  margin-top: clamp(46px, 6vw, 72px);
}
.cms26-price-controls { display: grid; gap: 22px; }
.cms26-price-group { margin: 0; padding: 0; border: 0; }
.cms26-price-group legend {
  margin-bottom: 11px;
  color: #525d68;
  font-size: .7rem;
  font-weight: 820;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cms26-price-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.cms26-price-options button {
  min-height: 105px;
  padding: 18px;
  color: var(--c26-ink);
  background: var(--c26-paper);
  border: 1px solid var(--c26-line);
  border-radius: 11px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.cms26-price-options button:hover { border-color: var(--c26-ink); }
.cms26-price-options button[aria-pressed="true"] {
  color: #fff;
  background: var(--c26-ink);
  border-color: var(--c26-ink);
}
.cms26-price-options button strong {
  display: block;
  margin-bottom: 6px;
  color: inherit;
  font-size: .86rem;
}
.cms26-price-options button span { display: block; color: var(--c26-muted); font-size: .66rem; line-height: 1.4; }
.cms26-price-options button[aria-pressed="true"] span { color: rgba(255,255,255,.55); }
.cms26-price-options--platforms button { min-height: 82px; padding: 15px; }
.cms26-price-footnote {
  margin: 0;
  color: var(--c26-muted);
  font-size: .69rem;
  line-height: 1.55;
}
.cms26-price-result {
  position: sticky;
  top: 152px;
  padding: 29px;
  color: #fff;
  background: var(--c26-ink);
  border-radius: 18px;
  box-shadow: 15px 15px 0 var(--c26-lime);
}
.cms26-price-result-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 18px;
  color: rgba(255,255,255,.5);
  border-bottom: 1px solid rgba(255,255,255,.15);
  font: 850 .62rem/1.4 monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cms26-price-result-label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c26-lime);
}
.cms26-price-sum {
  margin: 28px 0 5px;
  color: #fff;
  font-size: clamp(3.5rem, 7vw, 6.5rem);
  font-weight: 900;
  line-height: .84;
  letter-spacing: -.08em;
}
.cms26-price-sum small { color: var(--c26-lime); font-size: .36em; letter-spacing: -.03em; }
.cms26-price-sum.is-copy {
  max-width: 9ch;
  font-size: clamp(2.15rem, 4.4vw, 4.1rem);
  line-height: .92;
  letter-spacing: -.06em;
}
.cms26-price-once { color: rgba(255,255,255,.5); font-size: .7rem; }
.cms26-price-breakdown {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.cms26-price-breakdown li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
  color: rgba(255,255,255,.63);
  border-top: 1px solid rgba(255,255,255,.13);
  font-size: .75rem;
}
.cms26-price-breakdown strong { color: #fff; }
.cms26-price-result .cms26-btn {
  width: 100%;
  margin-top: 19px;
  color: var(--c26-ink);
  background: var(--c26-lime);
  border-color: var(--c26-lime);
}
.cms26-price-result .cms26-btn:hover { background: #fff; box-shadow: none; }

/* Delivery sequence */
.cms26-process { background: var(--c26-paper); }
.cms26-process-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: clamp(48px, 6vw, 72px) 0 0;
  padding: 0;
  border-top: 1px solid var(--c26-line);
  border-bottom: 1px solid var(--c26-line);
  list-style: none;
  counter-reset: cms26-step;
}
.cms26-process-list li {
  position: relative;
  min-height: 300px;
  padding: 29px 24px 31px;
  border-right: 1px solid var(--c26-line);
  counter-increment: cms26-step;
}
.cms26-process-list li:first-child { border-left: 1px solid var(--c26-line); }
.cms26-process-list li::before {
  content: "0" counter(cms26-step);
  display: block;
  margin-bottom: 66px;
  color: #9ca3aa;
  font: 850 .67rem/1.3 monospace;
  letter-spacing: .1em;
}
.cms26-process-list li::after {
  content: "";
  position: absolute;
  top: 70px;
  left: 24px;
  width: 11px;
  height: 11px;
  border: 3px solid var(--c26-ink);
  border-radius: 50%;
  background: var(--c26-lime);
}
.cms26-process-list h3 {
  margin: 0 0 11px;
  color: var(--c26-ink);
  font-size: 1.08rem;
  letter-spacing: -.035em;
}
.cms26-process-list p { margin: 0; color: var(--c26-muted); font-size: .78rem; line-height: 1.6; }

/* FAQ */
.cms26-faq-layout {
  display: grid;
  grid-template-columns: minmax(260px, .55fr) minmax(0, 1fr);
  gap: clamp(40px, 7vw, 100px);
  align-items: start;
}
.cms26-faq-layout .cms26-section-head { position: sticky; top: 152px; }
.cms26-faq-list { display: grid; gap: 8px; }
.cms26-faq-list details {
  overflow: hidden;
  background: var(--c26-paper);
  border: 1px solid var(--c26-line);
  border-radius: 12px;
}
.cms26-faq-list details[open] { border-color: var(--c26-ink); }
.cms26-faq-list summary {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 22px;
  color: var(--c26-ink);
  font-size: .88rem;
  font-weight: 760;
  line-height: 1.45;
  list-style: none;
  cursor: pointer;
}
.cms26-faq-list summary::-webkit-details-marker { display: none; }
.cms26-faq-list summary::after {
  content: "+";
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--c26-ink);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 500;
}
.cms26-faq-list details[open] summary::after {
  content: "−";
  color: var(--c26-ink);
  background: var(--c26-lime);
}
.cms26-faq-list details p {
  margin: 0;
  padding: 0 22px 22px;
  color: var(--c26-muted);
  font-size: .83rem;
  line-height: 1.7;
}
.cms26-faq-list details p a { color: var(--c26-ink); font-weight: 700; text-decoration: underline; }

/* Single strong close */
.cms26-close { padding: clamp(72px, 9vw, 112px) 0; background: var(--c26-paper); }
.cms26-close-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .55fr);
  gap: clamp(36px, 6vw, 80px);
  align-items: end;
  padding: clamp(38px, 7vw, 76px);
  color: #fff;
  background: var(--c26-ink);
  border-radius: 24px;
}
.cms26-close-card::after {
  content: "EDIT";
  position: absolute;
  right: -2%;
  bottom: -19%;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.08);
  font-size: clamp(8rem, 22vw, 16rem);
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
.cms26-close-copy,
.cms26-close-action { position: relative; z-index: 1; }
.cms26-close-card .cms26-kicker { color: rgba(255,255,255,.52); }
.cms26-close-card .cms26-kicker::before { border-color: #fff; }
.cms26-close h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 5.4vw, 5.2rem);
  line-height: .92;
  letter-spacing: -.07em;
  text-wrap: balance;
}
.cms26-close-copy > p {
  max-width: 610px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.6);
  font-size: .95rem;
  line-height: 1.7;
}
.cms26-close-action { display: grid; gap: 10px; }
.cms26-close-action .cms26-btn {
  width: 100%;
  color: var(--c26-ink);
  background: var(--c26-lime);
  border-color: var(--c26-lime);
}
.cms26-close-action .cms26-btn:hover { background: #fff; box-shadow: none; }
.cms26-close-action > span { color: rgba(255,255,255,.56); font-size: .68rem; line-height: 1.55; }
.cms26-close-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.cms26-close-trust li {
  padding: 7px 10px;
  color: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  font-size: .63rem;
}

/* Motion stays functional, restrained, and optional. */
.cms26.js-cms26 .cms26-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.cms26.js-cms26 .cms26-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .cms26-hero { min-height: auto; }
  .cms26-hero-grid { grid-template-columns: 1fr; }
  .cms26-editor-shell { width: min(660px, calc(100% - 18px)); }
  .cms26-finder-layout,
  .cms26-price-layout { grid-template-columns: 1fr; }
  .cms26-finder-result,
  .cms26-price-result { position: relative; top: auto; }
  .cms26-platform-foot { align-items: flex-start; flex-direction: column; }
  .cms26-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms26-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms26-process-list li { border-bottom: 1px solid var(--c26-line); }
  .cms26-process-list li:nth-child(3) { border-left: 1px solid var(--c26-line); }
  .cms26-faq-layout { grid-template-columns: 1fr; }
  .cms26-faq-layout .cms26-section-head { position: relative; top: auto; }
  .cms26-close-card { grid-template-columns: 1fr; }
  .cms26-close-action { max-width: 420px; }
}

@media (max-width: 760px) {
  .cms26-hero {
    padding: 102px 0 66px;
    background-size: 42px 42px;
  }
  .cms26-hero::after { display: none; }
  .cms26-crumbs { margin-bottom: 28px; }
  .cms26-hero h1 { font-size: clamp(2.8rem, 13vw, 4.25rem); line-height: .9; }
  .cms26-hero-lead { font-size: .98rem; }
  .cms26-hero-actions { align-items: stretch; flex-direction: column; }
  .cms26-hero-actions .cms26-btn { width: 100%; }
  .cms26-editor-shell { width: calc(100% - 10px); padding: 10px; box-shadow: 10px 10px 0 var(--c26-lime); }
  .cms26-editor-body { min-height: 260px; grid-template-columns: 72px 1fr; }
  .cms26-editor-side { padding: 13px 8px; }
  .cms26-editor-tool span { display: none; }
  .cms26-editor-canvas { padding: 28px 20px; }
  .cms26-editor-selection { left: 16px; width: calc(100% - 32px); }
  .cms26-editor-prices { grid-template-columns: 1fr; }
  .cms26-editor-price { min-height: auto; display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; }
  .cms26-editor-price small { margin: 0; }
  .cms26-editor-price span { grid-column: 1 / -1; margin: 0; }
  .cms26 .trust-row-grid { min-height: 0; grid-template-columns: 1fr 1fr; }
  .cms26 .trust-row-divider { display: none; }
  .cms26 .trust-row-item { min-height: 54px; justify-content: flex-start; padding: 10px 2px; border-bottom: 1px solid var(--c26-line); }
  .cms26-chapters { top: 72px; }
  .cms26-chapters .container { padding: 0; }
  .cms26-chapters a { padding: 0 15px; }
  .cms26-section { padding: 76px 0; }
  .cms26-section-head h2 { font-size: clamp(2.35rem, 11vw, 3.6rem); }
  .cms26-need-grid,
  .cms26-platform-grid { grid-template-columns: 1fr; }
  .cms26-need-card { min-height: 430px; }
  .cms26-answer,
  .cms26-compare-note { grid-template-columns: 1fr; gap: 8px; }
  .cms26-choice-options,
  .cms26-price-options { grid-template-columns: 1fr; }
  .cms26-price-options--platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms26-choice button { min-height: 66px; }
  .cms26-price-options button { min-height: 82px; }
  .cms26-platform-specs > div { grid-template-columns: 1fr; gap: 6px; }
  .cms26-price-result { box-shadow: 9px 9px 0 var(--c26-lime); }
  .cms26-process-list { grid-template-columns: 1fr; }
  .cms26-process-list li,
  .cms26-process-list li:nth-child(3) { min-height: 245px; border-left: 1px solid var(--c26-line); }
  .cms26-process-list li::before { margin-bottom: 52px; }
  .cms26-close { padding: 62px 0; }
  .cms26-close-card { padding: 34px 24px; border-radius: 18px; }
  .cms26-close h2 { font-size: clamp(2.45rem, 12vw, 3.7rem); }
}

@media (max-width: 420px) {
  .cms26-hero-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .cms26-editor-title { font-size: 1.72rem; }
  .cms26-editor-copy { max-width: 22ch; }
  .cms26-finder-result-meta { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cms26-progress { display: none; }
  .cms26.js-cms26 .cms26-reveal { opacity: 1; transform: none; transition: none; }
}

@media (forced-colors: active) {
  .cms26-kicker::before,
  .cms26-checks li::before,
  .cms26-process-list li::after,
  .cms26-editor-live::before { forced-color-adjust: none; background: Highlight; }
  .cms26-choice button[aria-pressed="true"],
  .cms26-platform-filters button[aria-pressed="true"],
  .cms26-price-options button[aria-pressed="true"] { outline: 3px solid Highlight; }
}

@media print {
  .cms26-progress,
  .cms26-chapters,
  .cms26-editor-shell,
  .cms26-finder-section,
  .cms26-price-controls { display: none !important; }
  .cms26-hero { min-height: 0; padding: 30px 0; }
  .cms26-section { padding: 36px 0; }
  .cms26-need-grid,
  .cms26-platform-grid { display: block; }
  .cms26-need-card,
  .cms26-platform { break-inside: avoid; margin-bottom: 18px; }
}