/* Solution Board page redesign (all languages). Scoped to .kg-page.kg-product.kg-sb so the other
   .kg-product page (Premium Cloud) is untouched. Loaded after kendis-guide.css. */
.kg-page.kg-product.kg-sb {
  --sb-navy: #0d1240;
  --sb-indigo: #2a2c8f;
  --sb-violet: #6a5cff;
  --sb-cyan: #5ad7f0;
  --sb-ink: #0b1a3d;
  --sb-muted: #5b6380;
  --sb-line: #e4e6f3;
  --sb-soft: #f5f6fd;
  --sb-grad: linear-gradient(135deg, #5b59e0 0%, #4745cd 55%, #2f2db0 100%);
}

/* ---------- Hero ---------- */
.kg-page.kg-product.kg-sb .kg-hero.kg-hero-sl {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(900px 520px at 85% 15%, rgba(106, 92, 255, .45), transparent 60%),
    radial-gradient(700px 420px at 70% 95%, rgba(63, 164, 255, .25), transparent 60%),
    linear-gradient(160deg, #0d1240 0%, #1b1f66 55%, #24288a 100%);
}
.kg-page.kg-product.kg-sb .kg-hero.kg-hero-sl::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse at 70% 40%, #000 0%, transparent 70%);
}
.kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-inner {
  max-width: 1320px; padding: clamp(48px, 6vw, 88px) clamp(20px, 4vw, 48px);
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 4vw, 64px);
}
.kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-copy { padding: 0; }
.kg-page.kg-product.kg-sb .kg-hero .kg-crumbs, .kg-page.kg-product.kg-sb .kg-hero .kg-crumbs a { color: rgba(255,255,255,.62); }
.kg-page.kg-product.kg-sb .kg-hero h1 {
  font-weight: 600; font-size: clamp(2.3rem, 4vw, 3.6rem); line-height: 1.12; letter-spacing: -.02em; margin: 14px 0 18px;
  background: linear-gradient(92deg, #fff 0%, #fff 55%, #b9b2ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.kg-page.kg-product.kg-sb .kg-hero .kg-lede { color: rgba(255,255,255,.82); font-size: clamp(1.05rem, 1.35vw, 1.3rem); max-width: 34ch; }
.kg-page.kg-product.kg-sb .kg-cta-row { gap: 12px; margin-top: 30px; }
.kg-page.kg-product.kg-sb .kg-btn-sl {
  font-size: 16px; font-weight: 600; padding: 15px 22px; border-radius: 12px;
  background: #fff; color: #1b1f66; box-shadow: 0 10px 30px rgba(106, 92, 255, .35); transition: transform .2s ease, box-shadow .2s ease;
}
.kg-page.kg-product.kg-sb .kg-btn-sl:hover { background: #fff; color: #1b1f66; transform: translateY(-2px); box-shadow: 0 16px 40px rgba(106, 92, 255, .45); }
.kg-page.kg-product.kg-sb .kg-btn-sl.kg-btn-sl-ghost { background: rgba(255,255,255,.08); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
.kg-page.kg-product.kg-sb .kg-btn-sl.kg-btn-sl-ghost:hover { background: rgba(255,255,255,.14); color: #fff; }
.kg-page.kg-product.kg-sb .kg-btn-sl .kg-btn-arrow { filter: invert(14%) sepia(63%) saturate(2900%) hue-rotate(236deg) brightness(70%); }
.kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-art { margin: 0; padding: 0; justify-content: center; perspective: 1600px; }
.kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-art img {
  max-width: 100%; border-radius: 16px; background: #fff;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 40px 90px rgba(5, 8, 40, .55), 0 0 120px rgba(106, 92, 255, .35);
  transform: rotateY(-7deg) rotateX(3deg); transition: transform .5s ease;
}
.kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-art:hover img { transform: rotateY(0) rotateX(0); }

/* ---------- Trust strip ---------- */
.kg-page.kg-product.kg-sb .kg-trust { background: #fff; border-bottom: 1px solid var(--sb-line); padding: 26px 24px 30px; }
.kg-page.kg-product.kg-sb .kg-trust-logo { display: none; }
.kg-page.kg-product.kg-sb .kg-trust p { color: #4a5275; font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 16px; }
.kg-page.kg-product.kg-sb .kg-trust-clients { gap: clamp(24px, 4vw, 56px); }
.kg-page.kg-product.kg-sb .kg-trust-clients img { filter: grayscale(1) brightness(.3); opacity: .7; transition: opacity .2s ease, filter .2s ease; }
.kg-page.kg-product.kg-sb .kg-trust-clients img:hover { filter: none; opacity: 1; }

/* ---------- Bands and headings ---------- */
.kg-page.kg-product.kg-sb .kg-band { padding: clamp(64px, 8vw, 112px) 24px; }
.kg-page.kg-product.kg-sb .kg-band-soft { background: linear-gradient(180deg, var(--sb-soft), #fff); }
.kg-page.kg-product.kg-sb .kg-band h2 { font-size: clamp(1.9rem, 3.2vw, 2.8rem); font-weight: 600; letter-spacing: -.015em; line-height: 1.2; color: var(--sb-ink); }
.kg-page.kg-product.kg-sb .kg-sub { color: var(--sb-muted); max-width: 760px; margin-left: auto; margin-right: auto; }

/* ---------- Stats: four equal feature cards with an icon tile ---------- */
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 48px;
  background: none; border: 0; box-shadow: none; border-radius: 0; overflow: visible;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li {
  position: relative; display: flex; flex-direction: column; gap: 6px; text-align: left;
  padding: 26px 24px 24px; border-radius: 18px; background: #fff; border: 1px solid #e6e8f4;
  box-shadow: 0 1px 2px rgba(16, 24, 64, .04), 0 10px 28px rgba(27, 31, 102, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li:hover { transform: translateY(-3px); border-color: #d8d5fb; box-shadow: 0 1px 2px rgba(16,24,64,.04), 0 18px 40px rgba(27,31,102,.10); }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li::before {
  content: ""; position: static; display: block; width: 44px; height: 44px; margin: 0 0 14px; border-radius: 12px;
  background: linear-gradient(135deg, #efeefe, #e3ecfd);
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li::after {
  content: ""; position: absolute; left: 35px; top: 37px; width: 22px; height: 22px; background: #3834a3;
  -webkit-mask: var(--sb-ico) center / contain no-repeat; mask: var(--sb-ico) center / contain no-repeat;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li:nth-child(1) { --sb-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27/%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27/%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27/%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271.5%27/%3E%3C/svg%3E"); }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li:nth-child(2) { --sb-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2012a8%208%200%200%201%2013.7-5.6L20%209%27/%3E%3Cpath%20d%3D%27M20%204v5h-5%27/%3E%3Cpath%20d%3D%27M20%2012a8%208%200%200%201-13.7%205.6L4%2015%27/%3E%3Cpath%20d%3D%27M4%2020v-5h5%27/%3E%3C/svg%3E"); }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li:nth-child(3) { --sb-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020V10%27/%3E%3Cpath%20d%3D%27M10%2020V4%27/%3E%3Cpath%20d%3D%27M16%2020v-7%27/%3E%3Cpath%20d%3D%27M22%2020H2%27/%3E%3C/svg%3E"); }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats li:nth-child(4) { --sb-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%208V6a2%202%200%200%201%202-2h2%27/%3E%3Cpath%20d%3D%27M16%204h2a2%202%200%200%201%202%202v2%27/%3E%3Cpath%20d%3D%27M20%2016v2a2%202%200%200%201-2%202h-2%27/%3E%3Cpath%20d%3D%27M8%2020H6a2%202%200%200%201-2-2v-2%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27/%3E%3C/svg%3E"); }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats strong {
  display: block; margin: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.3; letter-spacing: -.005em;
  color: #0b1a3d; background: none; -webkit-background-clip: border-box; background-clip: border-box;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats span { display: block; font-size: 15px; line-height: 1.55; color: #5b6380; }

/* ---------- Feature jump chips ---------- */
.kg-page.kg-product.kg-sb .sb-chips {
  position: sticky; top: 70px; z-index: 20; display: flex; flex-wrap: nowrap; justify-content: center; gap: 2px;
  margin: 34px auto 18px; padding: 6px; width: max-content; max-width: 100%; border-radius: 999px; overflow-x: auto; scrollbar-width: none;
  background: rgba(255,255,255,.82); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px);
  border: 1px solid var(--sb-line); box-shadow: 0 10px 30px rgba(27, 31, 102, .08);
}
.kg-page.kg-product.kg-sb .sb-chips a {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 999px; white-space: nowrap;
  font-size: 13.5px; font-weight: 500; color: var(--sb-ink); text-decoration: none; transition: background .2s ease, color .2s ease;
}
.kg-page.kg-product.kg-sb .sb-chips a b { font-weight: 600; font-size: 12px; color: var(--sb-violet); font-variant-numeric: tabular-nums; }
.kg-page.kg-product.kg-sb .sb-chips a:hover, .kg-page.kg-product.kg-sb .sb-chips a.is-on { background: #1b1f66; color: #fff; }
.kg-page.kg-product.kg-sb .sb-chips a:hover b, .kg-page.kg-product.kg-sb .sb-chips a.is-on b { color: var(--sb-cyan); }

/* ---------- Feature rows ---------- */
.kg-page.kg-product.kg-sb .kg-feature {
  border-top: 0; margin: 28px 0; padding: clamp(28px, 3.6vw, 56px); border-radius: 28px; gap: clamp(28px, 4vw, 64px);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center;
  background: linear-gradient(180deg, #fbfbff, #f3f4fd); border: 1px solid var(--sb-line); scroll-margin-top: 150px;
}
.kg-page.kg-product.kg-sb .kg-feature:first-of-type { padding-top: clamp(28px, 4vw, 52px); }
.kg-page.kg-product.kg-sb .kg-feature:nth-of-type(even) { background: linear-gradient(180deg, #f6fdfb, #eefaf6); }
.kg-page.kg-product.kg-sb .kg-kicker {
  background: #fff; color: #3834a3; box-shadow: inset 0 0 0 1px #dcdaf8; padding: 8px 14px 8px 8px; margin-bottom: 16px;
  display: inline-flex; align-items: center; gap: 10px;
}
.kg-page.kg-product.kg-sb .kg-kicker .sb-n {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px;
  background: var(--sb-grad); color: #fff; font-size: 11.5px; letter-spacing: 0; font-variant-numeric: tabular-nums;
}
.kg-page.kg-product.kg-sb .kg-feature h3 { font-size: clamp(1.45rem, 2.1vw, 1.9rem); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--sb-ink); }
.kg-page.kg-product.kg-sb .kg-feature-text > p { color: #3d4566; }
.kg-page.kg-product.kg-sb .kg-feature-text li { color: #2f3757; }
.kg-page.kg-product.kg-sb .kg-shot { position: relative; }
.kg-page.kg-product.kg-sb .kg-shot::before {
  content: ""; position: absolute; inset: 8% -4% -6% 6%; z-index: 0; border-radius: 30px;
  background: var(--sb-grad); opacity: .18; filter: blur(30px);
}
.kg-page.kg-product.kg-sb .kg-shot > * { position: relative; z-index: 1; }
.kg-page.kg-product.kg-sb .kg-win { border-radius: 16px; box-shadow: 0 2px 4px rgba(15,23,51,.04), 0 24px 60px rgba(27,31,102,.16); }
.kg-page.kg-product.kg-sb .kg-shot figcaption { text-align: center; }

/* ---------- Steps ---------- */
.kg-page.kg-product.kg-sb .kg-stepline li::before { background: linear-gradient(90deg, #d9d8ff, #a9a7f0); height: 2px; }
.kg-page.kg-product.kg-sb .kg-stepline .kg-num {
  width: 44px; height: 44px; border: 0; background: var(--sb-grad); color: #fff; font-weight: 700;
  box-shadow: 0 8px 20px rgba(71, 69, 205, .35), 0 0 0 6px #fff;
}
.kg-page.kg-product.kg-sb .kg-stepline li::before { top: 21px; }
.kg-page.kg-product.kg-sb .kg-stepline h3 { color: var(--sb-ink); }

/* ---------- Comparison table ---------- */
.kg-page.kg-product.kg-sb .kg-table-wrap { border-radius: 20px; border: 1px solid var(--sb-line); box-shadow: 0 24px 60px rgba(27, 31, 102, .08); max-width: 980px; margin-left: auto; margin-right: auto; }
.kg-page.kg-product.kg-sb .kg-band-tight table.kg-compare thead th { background: #fff; font-size: 13px; letter-spacing: .08em; padding: 18px 20px; }
.kg-page.kg-product.kg-sb .kg-band-tight table.kg-compare thead th:last-child { background: #1b1f66; color: #fff; }
.kg-page.kg-product.kg-sb .kg-band-tight table.kg-compare td, .kg-page.kg-product.kg-sb .kg-band-tight table.kg-compare tbody th { padding: 16px 20px; }
.kg-page.kg-product.kg-sb .kg-band-tight table.kg-compare td:last-child { background: #f4f3ff; color: #1b1f66; font-weight: 500; }
.kg-page.kg-product.kg-sb table.kg-compare tbody tr:hover td, .kg-page.kg-product.kg-sb table.kg-compare tbody tr:hover th { background-color: #fafaff; }
.kg-page.kg-product.kg-sb table.kg-compare tbody tr:hover td:last-child { background: #eceafe; }

/* ---------- Personas ---------- */
.kg-page.kg-product.kg-sb .kg-personas { gap: 18px; margin-top: 40px; }
.kg-page.kg-product.kg-sb .kg-personas li {
  position: relative; text-align: left; padding: 28px 24px 26px; border-radius: 20px; background: #fff; border: 1px solid var(--sb-line);
  box-shadow: 0 12px 30px rgba(27, 31, 102, .06); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease;
}
.kg-page.kg-product.kg-sb .kg-personas li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--sb-grad); }
.kg-page.kg-product.kg-sb .kg-personas li:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(27, 31, 102, .12); }
.kg-page.kg-product.kg-sb .kg-personas strong { font-size: 1.12rem; color: var(--sb-ink); }
.kg-page.kg-product.kg-sb .kg-band-tight blockquote.kg-quote, .kg-page.kg-product.kg-sb blockquote.kg-quote {
  max-width: 860px; margin: 48px auto 0; border: 0; border-radius: 24px; padding: 36px 40px; text-align: left;
  background: linear-gradient(135deg, #1b1f66, #2a2c8f); box-shadow: 0 30px 70px rgba(27, 31, 102, .25);
}
.kg-page.kg-product.kg-sb .kg-band-tight blockquote.kg-quote p, .kg-page.kg-product.kg-sb blockquote.kg-quote p { color: #fff; font-size: clamp(1.1rem, 1.6vw, 1.35rem); }
.kg-page.kg-product.kg-sb .kg-band-tight .kg-quote footer, .kg-page.kg-product.kg-sb .kg-quote footer { color: rgba(255,255,255,.7); }

/* ---------- FAQ ---------- */
.kg-page.kg-product.kg-sb .kg-faq details { border-radius: 16px; border-color: var(--sb-line); transition: box-shadow .2s ease; }
.kg-page.kg-product.kg-sb .kg-faq details[open] { box-shadow: 0 16px 40px rgba(27, 31, 102, .08); border-color: #d6d3fb; }

/* ---------- Closing call to action ---------- */
.kg-page.kg-product.kg-sb .kg-cta-band {
  position: relative; overflow: hidden; margin: 0 clamp(16px, 3vw, 40px) clamp(40px, 5vw, 72px); border-radius: 32px;
  padding: clamp(52px, 6vw, 84px) clamp(24px, 5vw, 64px) clamp(44px, 5vw, 68px);
  background:
    radial-gradient(600px 300px at 15% 0%, rgba(106, 92, 255, .55), transparent 60%),
    radial-gradient(600px 320px at 90% 100%, rgba(63, 164, 255, .35), transparent 60%),
    linear-gradient(135deg, #12164f, #262a8c);
  box-shadow: 0 40px 90px rgba(27, 31, 102, .3);
}
.kg-page.kg-product.kg-sb .kg-cta-band h2 { font-size: clamp(1.9rem, 3.4vw, 3rem); letter-spacing: -.015em; }
.kg-page.kg-product.kg-sb .kg-cta-band .kg-cta-row { justify-content: center; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-inner { grid-template-columns: 1fr; }
  .kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-art img { transform: none; }
  .kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats { grid-template-columns: 1fr 1fr; }
  .kg-page.kg-product.kg-sb .sb-chips { top: 0; justify-content: flex-start; }
}
@media (max-width: 767px) {
  .kg-page.kg-product.kg-sb .sb-chips { border-radius: 14px; }
  .kg-page.kg-product.kg-sb .kg-feature { padding: 22px; border-radius: 20px; }
  .kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats { grid-template-columns: 1fr; }
  .kg-page.kg-product.kg-sb .kg-quote { padding: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .kg-page.kg-product.kg-sb .kg-hero-sl .kg-hero-art img, .kg-page.kg-product.kg-sb .kg-personas li, .kg-page.kg-product.kg-sb .kg-btn-sl { transition: none; transform: none; }
}

.kg-page.kg-product.kg-sb .kg-cta-band .kg-cta-note { margin-bottom: 0; }

/* Feature rows: flipped rows mirror the columns; text keeps a readable width and
   sits centred against the screenshot; the screenshot stays inside the panel. */
.kg-page.kg-product.kg-sb .kg-feature.kg-flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.kg-page.kg-product.kg-sb .kg-feature-text { max-width: 480px; align-self: center; text-align: left; }
.kg-page.kg-product.kg-sb .kg-feature.kg-flip .kg-feature-text { justify-self: end; }
.kg-page.kg-product.kg-sb .kg-feature:not(.kg-flip) .kg-feature-text { justify-self: start; }
.kg-page.kg-product.kg-sb .kg-feature-text > p { margin: 0 0 18px; font-size: 16.5px; line-height: 1.7; }
.kg-page.kg-product.kg-sb .kg-feature-text ul { margin: 0; display: grid; gap: 10px; }
.kg-page.kg-product.kg-sb .kg-feature-text li { margin: 0; font-size: 15px; line-height: 1.55; }
.kg-page.kg-product.kg-sb .kg-shot { margin: 0; min-width: 0; width: 100%; }
.kg-page.kg-product.kg-sb .kg-shot figcaption { margin-top: 14px; font-size: 13px; }
@media (max-width: 1024px) {
  .kg-page.kg-product.kg-sb .kg-feature, .kg-page.kg-product.kg-sb .kg-feature.kg-flip { grid-template-columns: 1fr; }
  .kg-page.kg-product.kg-sb .kg-feature-text { max-width: none; justify-self: stretch !important; order: 0 !important; }
}

/* Feature rows as full-bleed bands: the tint runs edge to edge with no border,
   radius or gaps; the content stays on the 1180px grid. The background is
   extended with a spread box-shadow clipped to the row's height, so nothing
   overflows horizontally. */
.kg-page.kg-product.kg-sb .kg-feature,
.kg-page.kg-product.kg-sb .kg-feature:first-of-type {
  margin: 0; border: 0; border-radius: 0;
  padding: clamp(56px, 6vw, 88px) 0;
  background: #f6f6fe;
  box-shadow: 0 0 0 100vmax #f6f6fe;
  clip-path: inset(0 -100vmax);
}
.kg-page.kg-product.kg-sb .kg-feature:nth-of-type(even) { background: #f1faf7; box-shadow: 0 0 0 100vmax #f1faf7; }
.kg-page.kg-product.kg-sb #features .kg-band-inner > .kg-center { padding-bottom: 8px; }
.kg-page.kg-product.kg-sb #features { padding-bottom: 0; }
.kg-page.kg-product.kg-sb .sb-chips { margin-bottom: 40px; }
@media (max-width: 767px) {
  .kg-page.kg-product.kg-sb .kg-feature, .kg-page.kg-product.kg-sb .kg-feature:first-of-type { padding: 44px 0; border-radius: 0; }
}

/* Feature bands blend into each other: each row is a vertical gradient that
   ends on the colour the next row starts with (lavender and blue), so there
   are no seams; the last fades into the next section. The
   full-bleed background is a pseudo-element; the page clips horizontal
   overflow (overflow-x: clip keeps position: sticky working). */
.kg-page.kg-product.kg-sb { overflow-x: clip; }
.kg-page.kg-product.kg-sb .kg-feature,
.kg-page.kg-product.kg-sb .kg-feature:first-of-type,
.kg-page.kg-product.kg-sb .kg-feature:nth-of-type(even) {
  position: relative; isolation: isolate; background: none; box-shadow: none; clip-path: none;
}
.kg-page.kg-product.kg-sb .kg-feature::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);
  background:
    radial-gradient(46% 62% at var(--sb-glow-x, 72%) 50%, rgba(71, 69, 205, .22), rgba(71, 69, 205, 0) 70%),
    radial-gradient(30% 40% at calc(100% - var(--sb-glow-x, 72%)) 40%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 70%),
    linear-gradient(180deg, var(--sb-band-top), var(--sb-band-bottom));
}
.kg-page.kg-product.kg-sb .kg-feature.kg-flip { --sb-glow-x: 30%; }
.kg-page.kg-product.kg-sb #board.kg-feature { --sb-band-top: #f4f3ff; --sb-band-bottom: #e2e9fc; }
.kg-page.kg-product.kg-sb #capabilities.kg-feature { --sb-band-top: #e2e9fc; --sb-band-bottom: #ebe8fd; }
.kg-page.kg-product.kg-sb #dependencies.kg-feature { --sb-band-top: #ebe8fd; --sb-band-bottom: #e2e9fc; }
.kg-page.kg-product.kg-sb #progress.kg-feature { --sb-band-top: #e2e9fc; --sb-band-bottom: #ebe8fd; }
.kg-page.kg-product.kg-sb #tracking.kg-feature { --sb-band-top: #ebe8fd; --sb-band-bottom: #e2e9fc; }
.kg-page.kg-product.kg-sb #objectives.kg-feature { --sb-band-top: #e2e9fc; --sb-band-bottom: #ebe8fd; }
.kg-page.kg-product.kg-sb #risks.kg-feature { --sb-band-top: #ebe8fd; --sb-band-bottom: #e2e9fc; }
.kg-page.kg-product.kg-sb #timeline.kg-feature { --sb-band-top: #e2e9fc; --sb-band-bottom: #f5f6fd; }
.kg-page.kg-product.kg-sb .kg-feature .kg-kicker { background: rgba(255,255,255,.85); }
.kg-page.kg-product.kg-sb .kg-shot::before { opacity: .10; }

/* "What is a solution board?": compact two-column intro */
.kg-page.kg-product.kg-sb #what-is-a-solution-board { padding: clamp(48px, 5.5vw, 76px) 24px; }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-band-inner {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(28px, 5vw, 72px); align-items: start; text-align: left;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board h2 { grid-column: 1; grid-row: 1 / span 2; margin: 0; text-align: left; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.15; }
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-sub {
  grid-column: 2; margin: 0 0 12px; max-width: 640px; text-align: left; font-size: 17px; line-height: 1.65; color: #2f3757;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-sub-2 {
  margin: 0; font-size: 15px; line-height: 1.6; color: #5b6380; padding-left: 14px; border-left: 3px solid #d9d8ff;
}
.kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-stats { grid-column: 1 / -1; margin-top: 36px; }
@media (max-width: 900px) {
  .kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-band-inner { grid-template-columns: 1fr; }
  .kg-page.kg-product.kg-sb #what-is-a-solution-board h2 { grid-row: auto; margin-bottom: 14px; }
  .kg-page.kg-product.kg-sb #what-is-a-solution-board .kg-sub { grid-column: 1; }
}

/* Feature labels ("01 The board" ... "08 Timeline"): solid navy pill so they
   read on every band, with a violet-to-blue number badge. */
.kg-page.kg-product.kg-sb .kg-feature .kg-kicker {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px;
  padding: 5px 16px 5px 5px; border-radius: 999px;
  background: linear-gradient(135deg, #1b1f66, #2c2f94); box-shadow: 0 8px 20px rgba(27, 31, 102, .22), inset 0 0 0 1px rgba(255,255,255,.08);
  color: #fff; font-size: 12.5px; font-weight: 600; letter-spacing: .12em; line-height: 1;
}
.kg-page.kg-product.kg-sb .kg-feature .kg-kicker .sb-n {
  width: 28px; height: 28px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: .02em;
  background: linear-gradient(135deg, #6a68e6, #4745cd); color: #fff; box-shadow: 0 0 0 3px rgba(71, 69, 205, .28);
}

/* Feature checklists: violet ticks instead of the shared green. */
.kg-page.kg-product.kg-sb .kg-feature li::before { background-color: #4745cd; }