/* ===== FONTS: Roboto Slab (headings) + Inter (UI) — self-hosted, single source ===== */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400 900;
  font-display: optional;
  src: url("./assets/fonts/RobotoSlab-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400 900;
  font-display: optional;
  src: url("./assets/fonts/RobotoSlab-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400 900;
  font-display: optional;
  src: url("./assets/fonts/RobotoSlab-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("./assets/fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("./assets/fonts/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url("./assets/fonts/Inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url("./assets/fonts/Inter-700.woff2") format("woff2");
}

:root {
  --font-heading: "Roboto Slab", serif;
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html,
body {
  font-family: var(--font-ui);
}

h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title,
.kg-title,
.hero-investment__title {
  font-family: var(--font-heading);
}

.keis-header,
.keis-header *:not(img):not(svg) {
  font-family: var(--font-ui);
}

input,
textarea,
select,
button,
::placeholder,
.form-input,
.keis-input,
.hero-form *,
.modal-form *,
.success-modal * {
  font-family: var(--font-ui);
}

.kf-flags__card,
.kg-card,
.card-chip,
.card-badge,
.kg-badge {
  font-family: var(--font-ui);
}

.card-number,
.kf-flags__num,
.kg-step-number {
  font-family: var(--font-ui);
  font-weight: 600;
}

.footer-text,
.kg-footer,
.kg-legal-text,
.footer-legal {
  font-family: var(--font-ui);
}

/* ===== Architecture: one truth per block =====
   - Section anti-flicker: single source in "Sections: anti-flicker" (search).
   - FAQ: one background layer via .investment-faq::before; no page-specific FAQ overrides. */

/* Header: position, z-index, background — single source in "KG CANONICAL: HEADER + MOBILE MENU" (search). */


/* Hero form input text sizing */
.keis-input,
.form-input,
.hero-investment__form input,
.hero-investment__form textarea,
.hero-form input,
.hero-form textarea {
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.25;
  padding-top: clamp(10px, 1.2vw, 14px);
  padding-bottom: clamp(10px, 1.2vw, 14px);
  min-height: 44px;
}
.keis-input::placeholder,
.form-input::placeholder,
.hero-investment__form input::placeholder,
.hero-investment__form textarea::placeholder,
.hero-form input::placeholder,
.hero-form textarea::placeholder {
  font-size: clamp(14px, 1.8vw, 17px);
  line-height: 1.25;
}

/* Hero subtitle alignment and balanced lines */
.hero-subtitle,
.hero__subtitle,
.hero-subtitle-text,
.hero__subtitle-text,
.hero-investment__subtitle,
.hero-v2 .hero-investment__subtitle,
.k-subtitle {
  margin-left: 0;
  max-width: 42ch;
  text-wrap: balance;
  font-weight: 700;
  font-size: clamp(14px, 1.05vw, 18px);
}
.kf-flags {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  min-height: auto !important;
  --kf-left-col-shift: 0px;
  --kf-right-col-shift: 0px;
  --kf-radius: 0px;
  --kf-card-border: rgba(200, 190, 175, .28);
  --kf-card-shadow: 0 5px 12px rgba(0,0,0,.16), 0 1px 2px rgba(0,0,0,.1);
  --kf-paper-1: rgba(252, 248, 240, 1);
  --kf-paper-2: rgba(247, 242, 233, 1);
  --kf-paper-ink: rgba(18, 12, 9, .95);
  --kf-paper-muted: rgba(18, 12, 9, .75);
  --kf-y: 0px;
  --kf-r: 0deg;
  --kf-y1: 0px;
  --kf-y2: 0px;
  --kf-y3: 0px;
  --kf-y4: 0px;
  --kf-y5: 0px;
  --kf-y6: 0px;
  --kf-r1: 0deg;
  --kf-r2: 0deg;
  --kf-r3: 0deg;
  --kf-r4: 0deg;
  --kf-r5: 0deg;
  --kf-r6: 0deg;
  position: relative;
  overflow: visible;
  padding-top: clamp(40px, 6vh, 110px);
  padding-bottom: clamp(72px, 8vh, 150px);
  --kf-col-gap: clamp(234px, 27vw, 486px);
  --kf-row-gap: clamp(18px, 2vw, 32px);
  --kf-gap-x: clamp(14px, 2.2vw, 28px);
  --kf-gap-y: clamp(14px, 1.8vw, 24px);
  --kf-left-col-inset: clamp(40px, 5vw, 80px);
  --kf-right-col-inset: clamp(40px, 5vw, 80px);
  --kf-card-minh: clamp(140px, 10vw, 200px);
  --kf-card-pad-x: clamp(24px, 2.5vw, 36px);
  --kf-card-pad-y: clamp(20px, 2vw, 28px);
}
.kf-flags[data-cols="1"] {
  height: auto;
}
.kf-flags[data-cols="2"] {
  height: auto;
}
.kf-flags[data-cols="3"] {
  height: auto;
}
@media (min-width: 1200px){
.kf-flags {
  --kf-gap-x: clamp(16px, 2vw, 32px);
  --kf-gap-y: clamp(16px, 1.8vw, 26px);
  --kf-col-gap: clamp(234px, 27vw, 486px);
  --kf-row-gap: clamp(18px, 2vw, 32px);
  --kf-left-col-inset: clamp(40px, 5vw, 80px);
  --kf-right-col-inset: clamp(40px, 5vw, 80px);
  --kf-card-minh: clamp(140px, 10vw, 200px);
  --kf-y1: 0px;
  --kf-y2: 8px;
  --kf-y3: -6px;
  --kf-y4: 10px;
  --kf-y5: -8px;
  --kf-y6: 12px;
  --kf-r1: -1.1deg;
  --kf-r2: 0.9deg;
  --kf-r3: -0.7deg;
  --kf-r4: 0.8deg;
  --kf-r5: -0.9deg;
  --kf-r6: 0.7deg;
  padding-top: clamp(72px, 6vw, 140px);
  padding-bottom: clamp(100px, 8vw, 180px);
}



}
@media (min-width: 981px) and (max-width: 1199px){
.kf-flags {
  --kf-gap-x: clamp(14px, 2.2vw, 28px);
  --kf-gap-y: clamp(14px, 1.8vw, 24px);
  --kf-card-minh: clamp(140px, 10vw, 200px);
  --kf-y1: 0px;
  --kf-y2: 4px;
  --kf-y3: -3px;
  --kf-y4: 5px;
  --kf-y5: -4px;
  --kf-y6: 6px;
  --kf-r1: -0.5deg;
  --kf-r2: 0.45deg;
  --kf-r3: -0.35deg;
  --kf-r4: 0.4deg;
  --kf-r5: -0.45deg;
  --kf-r6: 0.35deg;
  --kf-col-gap: clamp(180px, 27vw, 324px);
  --kf-left-col-inset: clamp(30px, 4vw, 60px);
  --kf-right-col-inset: clamp(30px, 4vw, 60px);
  --kf-row-gap: clamp(16px, 2vw, 26px);
}



}
@media (max-width: 899px){
.kf-flags {
  --kf-y1: 0px;
  --kf-y2: 0px;
  --kf-y3: 0px;
  --kf-y4: 0px;
  --kf-y5: 0px;
  --kf-y6: 0px;
  --kf-r1: 0deg;
  --kf-r2: 0deg;
  --kf-r3: 0deg;
  --kf-r4: 0deg;
  --kf-r5: 0deg;
  --kf-r6: 0deg;
  padding-top: clamp(44px, 6vw, 72px);
  padding-bottom: clamp(80px, 10vw, 120px);
  --kf-col-gap: 0px;
  --kf-gap-x: 0;
  --kf-gap-y: clamp(14px, 2vw, 18px);
  --kf-row-gap: clamp(14px, 2vw, 18px);
  --kf-left-col-inset: 0px;
  --kf-right-col-inset: 0px;
  --kf-card-minh: clamp(96px, 9.6vw, 124px);
  --kf-card-pad-x: clamp(20px, 2.1vw, 31px);
  --kf-card-pad-y: clamp(14px, 1.4vw, 19px);
}



}
.kf-flags__inner {
  position: relative;
  z-index: 3;
}
.kf-flags__inner.section-container {
  width: 100%;
}
@media (min-width: 1500px){
.kf-flags {
  --kf-col-gap: clamp(211px, 24.3vw, 437px);
  --kf-left-col-inset: clamp(36px, 4.5vw, 72px);
  --kf-right-col-inset: clamp(36px, 4.5vw, 72px);
}
}
.kf-flags__header {
  position: relative;
  z-index: 2;
  margin-bottom: clamp(18px, 2.6vh, 34px);
  max-width: 980px;
  margin-inline: auto;
  text-align: left;
}
@media (min-width: 900px){
.kf-flags__header {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  max-width: 790px;
}



}
.kf-flags__rows, .kf-flags__grid {
  display: grid;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  align-items: stretch;
  grid-template-columns: 1fr;
  gap: var(--kf-gap-y) var(--kf-gap-x);
}
.kf-flags__row {
  display: contents;
}
@media (min-width: 1400px){
.kf-flags__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



}
.kf-flags .kf-flag-card, .kf-flags .kf-flag {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
  min-height: var(--kf-card-minh);
  padding: var(--kf-card-pad-y) var(--kf-card-pad-x);
  border-radius: 0;
  background: repeating-linear-gradient( 90deg, rgba(220, 210, 195, 0.04) 0px, rgba(220, 210, 195, 0.04) 1px, transparent 1px, transparent 2px ), repeating-linear-gradient( 0deg, rgba(200, 190, 175, 0.05) 0px, rgba(200, 190, 175, 0.05) 1px, transparent 1px, transparent 3px ),  radial-gradient( circle at 20% 30%, rgba(240, 235, 225, 0.35) 0%, transparent 50% ), radial-gradient( circle at 80% 70%, rgba(235, 230, 220, 0.3) 0%, transparent 50% ),  linear-gradient(135deg, var(--kf-paper-1), var(--kf-paper-2));
  border: 1px solid var(--kf-card-border);
  box-shadow: var(--kf-card-shadow);
  --kf-hover-lift: 0px;
  --kf-hover-scale: 1;
  transform: translate3d(0, calc(var(--kf-y) + var(--kf-hover-lift)), 0) rotate(var(--kf-r)) scale(var(--kf-hover-scale));
  transform-origin: 22% 55%;
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow .2s ease, border-color .2s ease, opacity .18s ease, background-color .2s ease;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  contain: paint;
}
.kf-flags .kf-flag-card::before, .kf-flags .kf-flag::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 0;
  background: repeating-linear-gradient( 90deg, rgba(210, 200, 185, 0.06) 0px, rgba(210, 200, 185, 0.06) 1px, transparent 1px, transparent 3px ), repeating-linear-gradient( 0deg, rgba(200, 190, 175, 0.05) 0px, rgba(200, 190, 175, 0.05) 1px, transparent 1px, transparent 4px );
  opacity: 0.38;
}

.kf-flags .kf-flag-card::after, .kf-flags .kf-flag::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: 0;
  background: linear-gradient(112deg, rgba(255,255,255,0) 22%, rgba(255,255,255,.35) 48%, rgba(255,255,255,0) 74%);
  opacity: 0;
  transform: translateX(-120%) skewX(-12deg);
  transition: transform var(--perf-motion-medium, 320ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), opacity .2s ease;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kf-flags .kf-flag-card > *, .kf-flags .kf-flag > * {
  position: relative;
  z-index: 2;
}
.kf-flags .kf-flag-card h3, .kf-flags .kf-flag-card .kf-flag-card__head, .kf-flags .kf-flag-card .kf-flag-title, .kf-flags .kf-flag h3, .kf-flags .kf-flag .kf-flag-card__head, .kf-flags .kf-flag .kf-flag-title {
  margin: 0 0 8px 0;
  flex: 1;
  color: var(--kf-paper-ink) !important;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.25;
  font-size: 1.25rem;
  text-shadow: 0 1px 0 rgba(255,255,255,.25);
}
.kf-flags .kf-flag-card p, .kf-flags .kf-flag-card .kf-flag-card__text, .kf-flags .kf-flag-card .kf-flag-text, .kf-flags .kf-flag p, .kf-flags .kf-flag .kf-flag-card__text, .kf-flags .kf-flag .kf-flag-text {
  margin: 0;
  color: var(--kf-paper-muted) !important;
  line-height: 1.35;
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(255,255,255,.18);
  font-family: var(--font-ui);
}
.kf-flags .kf-flag-card__num, .kf-flags .kf-flag-num, .kf-flags .kf-flag-card .kf-flag-card__num, .kf-flags .kf-flag .kf-flag-card__num {
  display: none;
  position: relative;
  pointer-events: none;
  line-height: 1.2;
}
.kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1, .kf-flags .kf-flag-card--01 {
  --kf-y: var(--kf-y1, 0px);
  --kf-r: var(--kf-r1, 0deg);
}
.kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2, .kf-flags .kf-flag-card--02 {
  --kf-y: var(--kf-y2, 0px);
  --kf-r: var(--kf-r2, 0deg);
}
@media (min-width: 981px){
.kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1 {
  margin-right: 0;
}
.kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2 {
  margin-left: 0;
}
}
.kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3, .kf-flags .kf-flag-card--03 {
  --kf-y: var(--kf-y3, 0px);
  --kf-r: var(--kf-r3, 0deg);
}
.kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4, .kf-flags .kf-flag-card--04 {
  --kf-y: var(--kf-y4, 0px);
  --kf-r: var(--kf-r4, 0deg);
}
.kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5, .kf-flags .kf-flag-card--05 {
  --kf-y: var(--kf-y5, 0px);
  --kf-r: var(--kf-r5, 0deg);
}
.kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6, .kf-flags .kf-flag-card--06 {
  --kf-y: var(--kf-y6, 0px);
  --kf-r: var(--kf-r6, 0deg);
}
@media (hover: hover) and (pointer: fine){
.kf-flags .kf-flag-card:hover, .kf-flags .kf-flag:hover {
  --kf-hover-lift: -2px;
  --kf-hover-scale: 1.01;
  box-shadow: 0 7px 18px rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 0 2px rgba(236, 208, 170, .24);
  border-color: rgba(236, 208, 170, .4);
  background-color: rgba(248, 244, 236, .2);
  will-change: transform;
  }
.kf-flags .kf-flag-card:hover::after, .kf-flags .kf-flag:hover::after {
  opacity: .34;
  transform: translateX(120%) skewX(-12deg);
  }
}
.kf-flags .kf-flag-card__top {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  padding: 0;
}

/* Карточки кликабельны (единый стиль на всех страницах) */
.kf-flags .kf-flag-card,
.kf-flags .kf-flag {
  pointer-events: auto;
  cursor: pointer;
}

.kf-flags__decor {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
.kf-flags__decor .kf-flags__bg {
  position: absolute;
  inset: 0;
  background-image: url("./assets/block/priznak123.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 45%;
  z-index: 0;
  opacity: 1;
}
@media (max-width: 980px){
.kf-flags__decor .kf-flags__bg {
  background-image: url("./assets/block/polypriznak123.webp");
  background-size: auto 100%;
  background-position: center;
}
}
@media (min-width: 981px) and (max-width: 1199px){
.kf-flags__decor .kf-flags__bg {
  background-size: auto 100%;
  background-position: center;
}



}
@media (min-width: 1200px) and (max-width: 1499px){
.kf-flags__decor .kf-flags__bg {
  background-size: auto 100%;
  background-position: center;
}



}
@media (min-width: 1201px) and (max-width: 1300px){
.kf-flags {
  --kf-card-minh: clamp(126px, 9vw, 180px);
}



}
@media (min-width: 1500px){
.kf-flags__decor .kf-flags__bg {
  background-size: auto 100%;
  background-position: center;
}



}
@media (min-width: 1200px) and (max-width: 1300px){
.kf-flags {
  min-height: clamp(800px, 65vw, 1100px);
  padding-top: clamp(40px, 4vw, 60px);
  padding-bottom: clamp(50px, 5vw, 80px);
}



}/* === KF FLAGS CANON LAYOUT === */
@media (min-width: 981px){
.kf-flags .btn,
.kf-flags button,
.kf-flags .btn-primary,
.kf-flags .btn-secondary {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.30);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: var(--perf-fx-kf-btn-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-kf-btn-backdrop, none);
  color: inherit;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kf-flags .btn:hover,
.kf-flags button:hover,
.kf-flags .btn-primary:hover,
.kf-flags .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.36);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}
}

/* =========================
   BLOCK: KF-FLAGS
   SSOT: single source of truth for all pages (scam, zpp)
   ========================= */
.kf-flags .kf-flag-card,
.kf-flags .kf-flag {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;
  --kf-hover-lift: 0px;
  --kf-hover-scale: 1;
}
.kf-flags .kf-flag-card::before,
.kf-flags .kf-flag::before,
.kf-flags .kf-flag-card::after,
.kf-flags .kf-flag::after {
  display: none !important;
}
.kf-flags .kf-flag-card h3,
.kf-flags .kf-flag-card .kf-flag-card__head,
.kf-flags .kf-flag h3,
.kf-flags .kf-flag .kf-flag-card__head {
  color: #1a1512 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 0 6px rgba(0,0,0,0.04);
  will-change: transform;
  transform: translateZ(0) scale(1);
  transition: transform var(--perf-motion-fast, 200ms) cubic-bezier(0.22, 0.61, 0.36, 1), text-shadow 200ms ease;
}
.kf-flags .kf-flag-card .kf-flag-card__head,
.kf-flags .kf-flag .kf-flag-card__head {
  position: relative;
}
.kf-flags .kf-flag-card .kf-flag-card__head::after,
.kf-flags .kf-flag .kf-flag-card__head::after {
  display: none !important;
}
.kf-flags .kf-flag-card p,
.kf-flags .kf-flag-card .kf-flag-card__text,
.kf-flags .kf-flag p,
.kf-flags .kf-flag .kf-flag-card__text {
  color: #252019 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 0 6px rgba(0,0,0,0.04);
  will-change: transform;
  transform: translateZ(0) scale(1);
  transition: transform var(--perf-motion-fast, 200ms) cubic-bezier(0.22, 0.61, 0.36, 1), text-shadow 200ms ease;
}
/* Эллиптическая дуга (1/4 овала): SVG overlay, draw-анимация через stroke-dashoffset */
.kf-flags .kf-ink-underline {
  --u-len: 320;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  height: 28px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}
.kf-flags .kf-ink-underline.kf-underline-arc {
  background: none;
  opacity: 1;
}
.kf-flags .kf-underline-arc .kf-underline-path {
  fill: none;
  stroke: rgba(25, 25, 25, 0.55);
  stroke-width: 2px;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: var(--u-len);
  stroke-dashoffset: var(--u-len);
  transition: stroke-dashoffset 480ms cubic-bezier(0.2, 0.9, 0.2, 1);
}
.kf-flags .kf-flag-card:hover .kf-underline-arc .kf-underline-path,
.kf-flags .kf-flag-card:focus-within .kf-underline-arc .kf-underline-path,
.kf-flags .kf-flag:hover .kf-underline-arc .kf-underline-path,
.kf-flags .kf-flag:focus-within .kf-underline-arc .kf-underline-path {
  stroke-dashoffset: 0;
}
/* Desktop: левый ряд — дуга справа (RTL); правый ряд — дуга слева (LTR). Оба изгиб наружу. */
.kf-flags .kf-flag-card[data-ink="left"] .kf-underline-ltr,
.kf-flags .kf-flag[data-ink="left"] .kf-underline-ltr {
  display: none;
}
.kf-flags .kf-flag-card[data-ink="right"] .kf-underline-rtl,
.kf-flags .kf-flag[data-ink="right"] .kf-underline-rtl {
  display: none;
}
.kf-flags .kf-flag-card:focus-visible,
.kf-flags .kf-flag:focus-visible {
  outline: none;
  background: transparent !important;
  box-shadow: 0 0 0 2px rgba(42, 42, 42, 0.2), 0 2px 8px rgba(0,0,0,0.06);
}
.kf-flags .kf-flag-card:focus-visible h3,
.kf-flags .kf-flag-card:focus-visible .kf-flag-card__head,
.kf-flags .kf-flag:focus-visible h3,
.kf-flags .kf-flag:focus-visible .kf-flag-card__head,
.kf-flags .kf-flag-card:focus-visible p,
.kf-flags .kf-flag-card:focus-visible .kf-flag-card__text,
.kf-flags .kf-flag:focus-visible p,
.kf-flags .kf-flag:focus-visible .kf-flag-card__text {
  text-shadow: 0 2px 8px rgba(0,0,0,0.18), 0 4px 14px rgba(0,0,0,0.1);
}
/* focus-visible: draw дуги уже через :focus-within .kf-underline-path выше */

/* Mobile/tablet <=980: одна колонка, все 6 карточек; подчёркивание справа, -3deg (левый конец полосы ниже) */
@media (max-width: 980px) {
  .kf-flags {
    min-height: clamp(720px, 88vw, 1000px) !important;
    padding-top: clamp(48px, 5vw, 72px) !important;
    padding-bottom: clamp(72px, 8vw, 110px) !important;
    overflow: visible !important;
  }
  .kf-flags .kf-flags__inner.section-container {
    width: calc(100% + 100px) !important;
    max-width: none !important;
    overflow: visible !important;
  }
  .kf-flags .kf-flags__decor .kf-flags__bg {
    background-size: cover !important;
    background-position: center !important;
  }
  .kf-flags .kf-flags__rows,
  .kf-flags .kf-flags__grid {
    row-gap: clamp(6px, 1.4vw, 10px) !important;
    margin-left: clamp(28px, 6vw, 52px) !important;
    margin-right: auto !important;
    overflow: visible !important;
    width: calc(100% - 100px) !important;
  }
  .kf-flags .kf-flag-card,
  .kf-flags .kf-flag {
    width: min(96%, 560px) !important;
    overflow: visible !important;
    contain: none !important;
  }
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head {
    font-size: clamp(18px, 3.5vw, 23px);
    line-height: 1.26;
    max-width: 100%;
    text-wrap: balance;
  }
  .kf-flags .kf-flag-card p,
  .kf-flags .kf-flag-card .kf-flag-card__text,
  .kf-flags .kf-flag p,
  .kf-flags .kf-flag .kf-flag-card__text {
    font-size: clamp(14px, 2.8vw, 17px);
    line-height: 1.3;
    max-width: 100%;
    text-wrap: balance;
  }
  .kf-flags .kf-flag-card .kf-flag-card__top,
  .kf-flags .kf-flag .kf-flag-card__top {
    max-width: 100%;
  }
  /* Подчёркивание справа у всех карточек, угол -3deg (левый конец полосы ниже) */
  .kf-flags .kf-ink-underline.kf-underline-arc {
    right: 0;
    left: auto;
    width: 50%;
    bottom: 6px;
    height: 24px;
    transform-origin: 100% 100%;
    transform: rotate(-3deg);
  }
  .kf-flags .kf-flag-card .kf-underline-ltr,
  .kf-flags .kf-flag .kf-underline-ltr {
    display: none;
  }
  .kf-flags .kf-flag-card .kf-underline-rtl,
  .kf-flags .kf-flag .kf-underline-rtl {
    display: block;
  }
  /* 02/04/06: та же дуга RTL и позиция, что у 01/03/05 (перебиваем data-ink="right") */
  .kf-flags .kf-flag-card[data-ink="right"] .kf-underline-ltr,
  .kf-flags .kf-flag[data-ink="right"] .kf-underline-ltr {
    display: none;
  }
  .kf-flags .kf-flag-card[data-ink="right"] .kf-underline-rtl,
  .kf-flags .kf-flag[data-ink="right"] .kf-underline-rtl {
    display: block;
  }
}

/* Desktop >=981: LTR дуга слева, RTL справа; привязка к области описания */
@media (min-width: 981px) {
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head {
    font-size: clamp(20px, 1.3vw, 26px);
    line-height: 1.25;
  }
  .kf-flags .kf-flag-card p,
  .kf-flags .kf-flag-card .kf-flag-card__text,
  .kf-flags .kf-flag p,
  .kf-flags .kf-flag .kf-flag-card__text {
    font-size: clamp(15px, 0.95vw, 18px);
    line-height: 1.35;
  }
  .kf-flags .kf-ink-underline.kf-underline-arc {
    bottom: 8px;
    top: auto;
    height: 26px;
    width: 50%;
  }
  /* Левый ряд (data-ink=left): дуга справа, наклон 5deg (левый конец ниже, правый выше), выше по вертикали */
  .kf-flags .kf-flag-card[data-ink="left"] .kf-ink-underline.kf-underline-arc,
  .kf-flags .kf-flag[data-ink="left"] .kf-ink-underline.kf-underline-arc {
    right: 0;
    left: auto;
    bottom: 14px;
    transform-origin: 100% 100%;
    transform: rotate(-5deg);
  }
  /* Правый ряд (data-ink=right): дуга слева, наклон 4deg (правый конец ниже) */
  .kf-flags .kf-flag-card[data-ink="right"] .kf-ink-underline.kf-underline-arc,
  .kf-flags .kf-flag[data-ink="right"] .kf-ink-underline.kf-underline-arc {
    left: 0;
    right: auto;
    transform-origin: 0 100%;
    transform: rotate(4deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .kf-flags .kf-flag-card:hover,
  .kf-flags .kf-flag:hover {
    box-shadow: none !important;
    border-color: transparent !important;
    background: transparent !important;
  }
  .kf-flags .kf-flag-card:hover h3,
  .kf-flags .kf-flag-card:hover .kf-flag-card__head,
  .kf-flags .kf-flag:hover h3,
  .kf-flags .kf-flag:hover .kf-flag-card__head {
    transform: translateZ(0) scale(1.08);
    text-shadow: 0 2px 8px rgba(0,0,0,0.18), 0 4px 14px rgba(0,0,0,0.1);
  }
  .kf-flags .kf-flag-card:hover p,
  .kf-flags .kf-flag-card:hover .kf-flag-card__text,
  .kf-flags .kf-flag:hover p,
  .kf-flags .kf-flag:hover .kf-flag-card__text {
    transform: translateZ(0) scale(1.06);
    text-shadow: 0 2px 8px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.09);
  }
  /* draw дуги на hover уже через .kf-underline-path stroke-dashoffset: 0 */
}
@media (min-width: 981px) {
  @media (hover: hover) and (pointer: fine) {
    .kf-flags .kf-flag-card:hover h3,
    .kf-flags .kf-flag-card:hover .kf-flag-card__head,
    .kf-flags .kf-flag:hover h3,
    .kf-flags .kf-flag:hover .kf-flag-card__head {
      transform: translateZ(0) scale(1.1);
      text-shadow: 0 2px 8px rgba(0,0,0,0.18), 0 4px 14px rgba(0,0,0,0.1);
    }
    .kf-flags .kf-flag-card:hover p,
    .kf-flags .kf-flag-card:hover .kf-flag-card__text,
    .kf-flags .kf-flag:hover p,
    .kf-flags .kf-flag:hover .kf-flag-card__text {
      transform: translateZ(0) scale(1.08);
      text-shadow: 0 2px 8px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.09);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head,
  .kf-flags .kf-flag-card p,
  .kf-flags .kf-flag-card .kf-flag-card__text,
  .kf-flags .kf-flag p,
  .kf-flags .kf-flag .kf-flag-card__text {
    transition: opacity 0.15s ease;
  }
  .kf-flags .kf-flag-card:hover h3,
  .kf-flags .kf-flag-card:hover .kf-flag-card__head,
  .kf-flags .kf-flag:hover h3,
  .kf-flags .kf-flag:hover .kf-flag-card__head,
  .kf-flags .kf-flag-card:hover p,
  .kf-flags .kf-flag-card:hover .kf-flag-card__text,
  .kf-flags .kf-flag:hover p,
  .kf-flags .kf-flag:hover .kf-flag-card__text,
  .kf-flags .kf-flag-card:focus-visible h3,
  .kf-flags .kf-flag-card:focus-visible .kf-flag-card__head,
  .kf-flags .kf-flag:focus-visible h3,
  .kf-flags .kf-flag:focus-visible .kf-flag-card__head,
  .kf-flags .kf-flag-card:focus-visible p,
  .kf-flags .kf-flag-card:focus-visible .kf-flag-card__text,
  .kf-flags .kf-flag:focus-visible p,
  .kf-flags .kf-flag:focus-visible .kf-flag-card__text {
    transform: none;
  }
  .kf-flags .kf-underline-arc .kf-underline-path {
    transition: none;
  }
  .kf-flags .kf-flag-card:hover .kf-underline-arc .kf-underline-path,
  .kf-flags .kf-flag:hover .kf-underline-arc .kf-underline-path,
  .kf-flags .kf-flag-card:focus-within .kf-underline-arc .kf-underline-path,
  .kf-flags .kf-flag:focus-within .kf-underline-arc .kf-underline-path {
    stroke-dashoffset: 0;
  }
}

.keis-bridge {
  position: relative;
  width: 100%;
  display: block;
  isolation: isolate;
  padding: clamp(88px, 9vh, 140px) 0;
  color: #241610;
  background: radial-gradient(1200px 720px at 18% 8%, rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.0) 68%), radial-gradient(1200px 640px at 82% 18%, rgba(255, 218, 188, 0.32), rgba(255, 255, 255, 0.0) 70%), linear-gradient(180deg, #fefaf2 0%, #f8f1e7 42%, #f2e8da 100%);
  border-top: 1px solid rgba(46, 28, 19, 0.10);
  border-bottom: 1px solid rgba(46, 28, 19, 0.08);
  box-shadow: 0 28px 80px rgba(36, 22, 15, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.keis-bridge::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
  background: radial-gradient(circle 820px at 18% 45%, rgba(255, 255, 255, 0.55), transparent 60%), radial-gradient(circle 760px at 82% 55%, rgba(244, 214, 186, 0.35), transparent 58%), linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0));
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: none;
}
.keis-bridge__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(28px, 3.5vw, 44px);
  align-items: center;
  justify-content: space-between;
}
.keis-bridge__panel {
  position: relative;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  width: min(720px, 46vw);
  max-width: 720px;
}
@media (min-width: 901px){
.keis-bridge__panel {
  justify-self: end;
  margin-left: auto;
}



}
.keis-bridge__panel::before, .keis-bridge__panel::after {
  content: none;
  display: none;
}
.keis-bridge__quote {
  margin: 0;
  position: relative;
  font-family: var(--font-heading);
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.12;
  font-size: clamp(22px, 2.2vw, 34px);
  color: #1f140f;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: 0 12px 28px rgba(25, 13, 6, 0.08);
  padding-left: clamp(18px, 1.8vw, 28px);
}
.keis-bridge__quote:empty {
  padding-left: 0;
  text-shadow: none;
}
.keis-bridge__quote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -0.18em;
  font-size: 1.8em;
  line-height: 1;
  color: rgba(173, 120, 75, 0.35);
  text-shadow: none;
}
.keis-bridge__quote:empty::before {
  content: none;
  display: none;
}
.keis-bridge__quote::after {
  content: "";
  display: block;
  height: 2px;
  width: min(380px, 60%);
  margin-top: 16px;
  background: linear-gradient(90deg, rgba(173, 120, 75, 0.4), rgba(255, 255, 255, 0.55), rgba(173, 120, 75, 0.2));
  border-radius: 999px;
  opacity: 0.85;
}
.keis-bridge__quote:empty::after {
  height: 1px;
  width: min(560px, 100%);
  margin-top: 0;
  background: linear-gradient(90deg, rgba(46, 28, 19, 0.10), rgba(255, 255, 255, 0.95), rgba(46, 28, 19, 0.10));
  opacity: 1;
}
.keis-bridge__metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}
.keis-bridge__metric-value {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(36px, 4.5vw, 64px);
  line-height: 1;
  letter-spacing: -0.03em;
  color: #1d120c;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  text-shadow: 0 10px 28px rgba(25, 13, 6, 0.10);
  margin-bottom: 8px;
  white-space: nowrap;
}
.keis-bridge__metric-label, .keis-bridge__metric-sublabel, .keis-bridge__label {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(14px, 1.45vw, 18px);
  line-height: 1.5;
  color: rgba(36, 22, 15, 0.78);
  letter-spacing: 0.01em;
  text-shadow: 0 4px 12px rgba(25, 13, 6, 0.08);
  display: block;
  white-space: normal;
}
@media (min-width: 900px){
.keis-bridge__metric-label, .keis-bridge__metric-sublabel, .keis-bridge__label {
  max-width: clamp(260px, 30vw, 360px);
}



}
.keis-bridge .keis-bridge__suffix, .keis-bridge .keis-bridge__label, .keis-bridge .keis-bridge__metric-suffix, .keis-bridge .keis-bridge__metric-label, .keis-bridge .keis-bridge__metric-sublabel {
  opacity: 1;
}
.keis-bridge.is-done .keis-bridge__suffix, .keis-bridge.is-done .keis-bridge__label, .keis-bridge.is-done .keis-bridge__metric-suffix, .keis-bridge.is-done .keis-bridge__metric-label, .keis-bridge.is-done .keis-bridge__metric-sublabel, .keis-bridge__metric.is-done .keis-bridge__suffix, .keis-bridge__metric.is-done .keis-bridge__label, .keis-bridge__metric.is-done .keis-bridge__metric-suffix, .keis-bridge__metric.is-done .keis-bridge__metric-label, .keis-bridge__metric.is-done .keis-bridge__metric-sublabel {
  opacity: 1;
}
@media (max-width: 900px){
.keis-bridge {
  padding: clamp(72px, 8vh, 120px) 0;
}
.keis-bridge__inner {
  grid-template-columns: 1fr;
  gap: clamp(32px, 4vw, 40px);
  justify-items: center;
  text-align: center;
}
.keis-bridge__metric {
  align-items: center;
  order: -1;
}
.keis-bridge__panel {
  width: min(760px, 92vw);
  max-width: 760px;
}
.keis-bridge__quote {
  text-align: center;
  padding-left: clamp(28px, 4vw, 32px);
  position: relative;
}
.keis-bridge__quote::before {
  left: 0;
  top: -0.18em;
  transform: none;
  font-size: 1.8em;
}
.keis-bridge__quote::after {
  margin-left: auto;
  margin-right: auto;
}



}
@media (max-width: 600px){
.keis-bridge {
  padding: clamp(56px, 7vh, 100px) 0;
}
.keis-bridge__inner {
  grid-template-columns: 1fr;
  gap: clamp(24px, 5vw, 32px);
  padding-left: clamp(16px, 4vw, 22px);
  padding-right: clamp(16px, 4vw, 22px);
  justify-items: center;
  text-align: center;
}
.keis-bridge__metric {
  align-items: center;
  order: -1;
}
.keis-bridge__panel {
  width: 100%;
  max-width: 100%;
}
.keis-bridge__quote {
  font-size: clamp(18px, 5.2vw, 22px);
}



}body.page-investment .hero-investment .btn-primary, body.page-main .hero-investment .btn-primary, body.page-credit .hero-investment .btn-primary, body.page-influence .hero-investment .btn-primary {
  width: 100%;
  transition: box-shadow 0.22s ease, background-color 0.22s ease, transform 0.12s ease;
}
/* Press visual for hero and other CTA buttons (generalized) */ body.page-investment .hero-investment .btn-primary.hero-hand-press, body.page-main .hero-investment .btn-primary.hero-hand-press, body.page-credit .hero-investment .btn-primary.hero-hand-press, body.page-influence .hero-investment .btn-primary.hero-hand-press, .btn-primary.hero-hand-press, .challenges-cta__btn.hero-hand-press, .faq-ask-btn.hero-hand-press, .hero-form--modal button.hero-hand-press, .kg-glass .kg-glass__btn.hero-hand-press {
  box-shadow: 0 10px 28px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.08);
  filter: none;
  transform: translateY(3px) scale(0.985) !important;
  transition: transform 0.2s cubic-bezier(.22,.61,.36,1), box-shadow 0.2s ease;
}
.hero-form--modal button.typing-complete, .challenges-cta__btn.typing-complete, .faq-ask-btn.typing-complete {
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 0 rgba(255, 200, 120, 0), 0 0 0 0 rgba(255, 180, 100, 0);
  animation: keisButtonPress 0.4s ease forwards, keisButtonGlow 0.6s ease forwards;
}
@keyframes keisButtonGlow{
  0%{
    box-shadow:
      0 0 0 0 rgba(255, 200, 120, 0),
      0 0 0 0 rgba(255, 180, 100, 0);
  }
  40%{
    box-shadow:
      0 0 2px 0.8px rgba(255, 200, 120, 0.4),
      0 0 3.2px 1.2px rgba(255, 180, 100, 0.25);
  }
  100%{
    box-shadow:
      0 0 0 0 rgba(255, 200, 120, 0),
      0 0 0 0 rgba(255, 180, 100, 0);
  }
}
.hero-form--modal button.typing-complete::before, .challenges-cta__btn.typing-complete::before, .faq-ask-btn.typing-complete::before, .hero-form--modal button.click-ripple::before, .challenges-cta__btn.click-ripple::before, .faq-ask-btn.click-ripple::before {
  content: "";
  position: absolute;
  left: var(--ripple-x, 92%);
  top: var(--ripple-y, 50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 200, 120, 0.75) 0%, rgba(255, 160, 80, 0.55) 50%, transparent 70%);
  transform: translate(-50%, -50%);
  animation: keisButtonRipple1 0.5s ease forwards;
  pointer-events: none;
  z-index: 10;
}
.hero-form--modal button.typing-complete::after, .challenges-cta__btn.typing-complete::after, .faq-ask-btn.typing-complete::after {
  content: "";
  position: absolute;
  left: var(--ripple-x, 92%);
  top: var(--ripple-y, 50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 40%, transparent 70%);
  transform: translate(-60%, -60%);
  animation: keisInnerGlint 0.5s ease forwards;
  pointer-events: none;
  z-index: 11;
}
.hero-form button.typing-complete::after, .hero-investment .btn-primary.typing-complete::after {
  content: none;
  display: none;
}
button[type="submit"], .btn-primary, .challenges-cta__btn, .faq-ask-btn {
  position: relative;
  overflow: hidden;
  transition: transform 0.18s cubic-bezier(.2,.9,.2,1), box-shadow 0.18s ease;
}
.hero-hand-layer-container {
  position: relative;
  contain: layout paint;
}
.hero-hand-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 30;
  display: block;
  contain: layout paint;
  overflow: visible;
}
.hero-hand-layer > * {
  pointer-events: none;
}
.hero-hand-layer img {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  object-fit: contain;
}
.hero-hand-target {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transform: none !important;
  contain: layout paint;
  will-change: auto;
  transition: transform 0.2s cubic-bezier(.22,.61,.36,1), box-shadow 0.2s ease;
  isolation: isolate;
}
/* Allow hero-hand press to visually transform targets (override transform:none) */ .hero-hand-target.hero-hand-press, .hero-hand-target.is-pressed {
  transform: translateY(3px) scale(0.985) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  filter: none !important;
}
/* Fallback generic pressed state for elements that get .is-pressed */ .is-pressed {
  transform: translateY(3px) scale(0.985) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  filter: none !important;
}
.ripple {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 200, 120, 0.75) 0%, rgba(255, 160, 80, 0.55) 50%, transparent 70%);
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  z-index: 10;
  width: 24px;
  height: 24px;
  animation: rippleAnimation 0.5s ease forwards;
}
.ripple::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 40%, transparent 70%);
  transform: translate(-60%, -60%);
  animation: keisInnerGlint 0.5s ease forwards;
  pointer-events: none;
  z-index: 1;
}
.hero-hand-layer .hero-hand-hint, .hero-hand-layer .hero-hand-ripple, .hero-hand-layer .hero-hand-ripple--small, .hero-hand-layer .hero-hand-ripple--large {
  position: absolute;
}
.hero-hand-hint {
  position: absolute;
  left: 0;
  top: 0;
  width: 88px;
  height: 88px;
  opacity: 0;
  pointer-events: none;
  display: block;
  z-index: 2200;
  transform: translate3d(calc(var(--hero-hand-x, 0px) + var(--hero-hand-shift-x, 0px)), calc(var(--hero-hand-y, 0px) + var(--hero-hand-shift-y, 0px)), 0) scale(var(--hero-hand-scale, 1));
  transform-origin: center;
  transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1);
  filter: none;
  will-change: auto;
  contain: layout paint;
}
/* When hand is used as a global overlay (default fallback), make it fixed */
.hero-hand-hint--fixed {
  position: fixed;
  /* Keep fixed hand above page content but below modal overlay (z 99999) */
  z-index: 99990;
}
@media (max-width: 980px) {
  .hero-hand-hint--fixed {
    z-index: 2999;
  }
}
.hero-hand-hint--modal {
  z-index: 100200;
}
.hero-hand-hint.is-visible {
  opacity: var(--hero-hand-opacity, 0.56);
}
.hero-hand-hint.is-start {
  --hero-hand-scale: 1.08;
  --hero-hand-shift-x: 0px;
  --hero-hand-shift-y: 0px;
}
.hero-hand-hint.is-tap {
  --hero-hand-scale: 0.95;
  --hero-hand-shift-x: -1px;
  --hero-hand-shift-y: 2px;
}
.hero-hand-hint img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.92;
  pointer-events: none;
  object-fit: contain;
}
@media (prefers-reduced-motion: reduce) {
  .hero-hand-hint {
    transition: opacity 0.12s linear;
    filter: none;
  }
}
.hero-investment .btn-primary .hero-hand-ripple, .btn-primary .hero-hand-ripple, .challenges-cta__btn .hero-hand-ripple, .faq-ask-btn .hero-hand-ripple, .kg-glass .kg-glass__btn .hero-hand-ripple {
  position: absolute;
  left: 90%;
  top: 55%;
  transform: translate(-50%, -50%) scale(0.35);
  opacity: 0;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 214, 170, 0.35) 0%, rgba(255, 166, 92, 0.25) 45%, rgba(255, 133, 38, 0.15) 65%, transparent 100%);
  transition: opacity 0.42s cubic-bezier(0.25, 0.75, 0.35, 1), transform 0.46s cubic-bezier(0.22, 0.61, 0.36, 1);
  mix-blend-mode: var(--perf-fx-ripple-blend-mode, normal);
  filter: none;
  z-index: 1;
  display: block;
  contain: paint;
}
.hero-investment .btn-primary .hero-hand-ripple--large, .btn-primary .hero-hand-ripple--large, .challenges-cta__btn .hero-hand-ripple--large, .faq-ask-btn .hero-hand-ripple--large, .kg-glass .kg-glass__btn .hero-hand-ripple--large {
  width: 140px;
  height: 140px;
}
.hero-investment .btn-primary .hero-hand-ripple--small, .btn-primary .hero-hand-ripple--small, .challenges-cta__btn .hero-hand-ripple--small, .faq-ask-btn .hero-hand-ripple--small, .kg-glass .kg-glass__btn .hero-hand-ripple--small {
  width: 84px;
  height: 84px;
  background: radial-gradient(circle, rgba(255, 226, 198, 0.4) 0%, rgba(255, 192, 132, 0.3) 45%, rgba(255, 138, 58, 0.18) 70%, transparent 100%);
}
.hero-investment .btn-primary.hero-hand-press .hero-hand-ripple--large, .btn-primary.hero-hand-press .hero-hand-ripple--large, .challenges-cta__btn.hero-hand-press .hero-hand-ripple--large, .faq-ask-btn.hero-hand-press .hero-hand-ripple--large, .kg-glass .kg-glass__btn.hero-hand-press .hero-hand-ripple--large {
  opacity: 0.28;
  transform: translate(-50%, -50%) scale(1.16);
}
.hero-investment .btn-primary.hero-hand-press .hero-hand-ripple--small, .btn-primary.hero-hand-press .hero-hand-ripple--small, .challenges-cta__btn.hero-hand-press .hero-hand-ripple--small, .faq-ask-btn.hero-hand-press .hero-hand-ripple--small, .kg-glass .kg-glass__btn.hero-hand-press .hero-hand-ripple--small {
  opacity: 0.38;
  transform: translate(-50%, -50%) scale(0.92);
}
@keyframes rippleAnimation {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
  30% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2.0);
  }
}
@keyframes keisButtonRipple1{
  0%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
  30%{
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(2.0);
  }
}
@keyframes keisInnerGlint {
  0% {
    opacity: 0;
    transform: translate(-60%, -60%) scale(0.5);
  }
  25% {
    opacity: 0.9;
    transform: translate(-60%, -60%) scale(1.1);
  }
  60% {
    opacity: 0.7;
    transform: translate(-60%, -60%) scale(1.0);
  }
  100% {
    opacity: 0;
    transform: translate(-60%, -60%) scale(1.2);
  }
}
@keyframes keisButtonPress{
  0%{
    transform: scale(1);
  }
  35%{
    transform: scale(0.96);
  }
  65%{
    transform: scale(0.98);
  }
  100%{
    transform: scale(1);
  }
}
@keyframes kgHandLightPulse {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  38% {
    opacity: 0.62;
    transform: translate(-50%, -50%) scale(1.03);
  }
  72% {
    opacity: 0.34;
    transform: translate(-50%, -50%) scale(1.12);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.22);
  }
}body.page-investment .investment-challenges .challenges-cta__btn, body.page-main .investment-challenges .challenges-cta__btn, body.page-credit .investment-challenges .challenges-cta__btn, body.page-influence .investment-challenges .challenges-cta__btn {
  margin-top: clamp(10px, 1.2vw, 12px);
  width: 100%;
  min-width: 0;
  height: clamp(48px, 5.5vw, 56px);
  background: radial-gradient(120% 120% at 18% 10%, rgba(255,255,255,0.70), transparent 56%),
    linear-gradient(135deg, rgba(255, 232, 200, 0.86) 0%, rgba(255, 178, 90, 0.86) 46%, rgba(255, 140, 0, 0.88) 100%);
  background-color: rgba(255, 216, 170, 0.92);
  border: 1px solid rgba(255, 166, 86, 0.55);
  box-shadow: 0 18px 48px rgba(24, 10, 2, 0.34);
  color: rgba(30, 16, 8, 0.95);
  box-sizing: border-box;
}
body.page-investment .investment-challenges .challenges-cta__btn .faq-ask-btn__text, body.page-main .investment-challenges .challenges-cta__btn .faq-ask-btn__text, body.page-credit .investment-challenges .challenges-cta__btn .faq-ask-btn__text, body.page-influence .investment-challenges .challenges-cta__btn .faq-ask-btn__text {
  color: transparent;
  background-image: linear-gradient( 135deg, #ffe6c4 0%, #ffbf66 28%, #ff9600 55%, #ffd2a0 100% );
  background-clip: text;
  -webkit-background-clip: text;
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(255,255,255,.26), 0 10px 28px rgba(255,146,0,.36), 0 14px 40px rgba(0,0,0,.55);
}
body.page-investment .investment-challenges .challenges-cta__btn .faq-ask-btn__icon, body.page-main .investment-challenges .challenges-cta__btn .faq-ask-btn__icon, body.page-credit .investment-challenges .challenges-cta__btn .faq-ask-btn__icon, body.page-influence .investment-challenges .challenges-cta__btn .faq-ask-btn__icon {
  color: rgba(255,224,190,.92);
}
body.page-investment .investment-challenges .challenges-cta__btn::before, body.page-main .investment-challenges .challenges-cta__btn::before, body.page-credit .investment-challenges .challenges-cta__btn::before, body.page-influence .investment-challenges .challenges-cta__btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 210deg, rgba(255,220,160,.85), rgba(255,146,0,.78), rgba(255,255,255,.55), rgba(255,170,90,.75), rgba(255,220,160,.85));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .95;
}
body.page-investment .investment-challenges .challenges-cta__btn::after, body.page-main .investment-challenges .challenges-cta__btn::after, body.page-credit .investment-challenges .challenges-cta__btn::after, body.page-influence .investment-challenges .challenges-cta__btn::after {
  content: "";
  position: absolute;
  top: -65%;
  left: -80%;
  width: 80%;
  height: 240%;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 48%, rgba(255,255,255,0) 76%);
  transform: rotate(14deg);
  opacity: 0;
  pointer-events: none;
}
body.page-investment .hero-investment .btn-primary::before, body.page-main .hero-investment .btn-primary::before, body.page-credit .hero-investment .btn-primary::before, body.page-influence .hero-investment .btn-primary::before, body.page-investment .investment-challenges .challenges-cta__btn::before, body.page-main .investment-challenges .challenges-cta__btn::before, body.page-credit .investment-challenges .challenges-cta__btn::before, body.page-influence .investment-challenges .challenges-cta__btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 210deg, rgba(255, 220, 160, .88), rgba(255, 138, 0, .78), rgba(255,255,255,.58), rgba(255, 170, 90, .76), rgba(255, 220, 160, .88));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .96;
}
body.page-investment .hero-investment .btn-primary::after, body.page-main .hero-investment .btn-primary::after, body.page-credit .hero-investment .btn-primary::after, body.page-influence .hero-investment .btn-primary::after, body.page-investment .investment-challenges .challenges-cta__btn::after, body.page-main .investment-challenges .challenges-cta__btn::after, body.page-credit .investment-challenges .challenges-cta__btn::after, body.page-influence .investment-challenges .challenges-cta__btn::after {
  content: "";
  position: absolute;
  top: -65%;
  left: -85%;
  width: 82%;
  height: 240%;
  background: linear-gradient(115deg, rgba(255,230,190,0) 0%, rgba(255,200,120,0.22) 48%, rgba(255,230,190,0) 76%);
  opacity: 0;
  pointer-events: none;
}
@media (hover:hover){
body.page-investment .hero-investment .btn-primary:hover, body.page-main .hero-investment .btn-primary:hover, body.page-credit .hero-investment .btn-primary:hover, body.page-influence .hero-investment .btn-primary:hover, body.page-investment .investment-challenges .challenges-cta__btn:hover, body.page-main .investment-challenges .challenges-cta__btn:hover, body.page-credit .investment-challenges .challenges-cta__btn:hover, body.page-influence .investment-challenges .challenges-cta__btn:hover {
  border-color: rgba(255, 200, 140, .92);
  transform: translateY(-2px);
  box-shadow: 0 20px 52px rgba(24, 10, 2, 0.38);
}
body.page-investment .hero-investment .btn-primary:hover::after, body.page-main .hero-investment .btn-primary:hover::after, body.page-credit .hero-investment .btn-primary:hover::after, body.page-influence .hero-investment .btn-primary:hover::after, body.page-investment .investment-challenges .challenges-cta__btn:hover::after, body.page-main .investment-challenges .challenges-cta__btn:hover::after, body.page-credit .investment-challenges .challenges-cta__btn:hover::after, body.page-influence .investment-challenges .challenges-cta__btn:hover::after {
  opacity: .7;
}



}body.page-investment .hero-investment .btn-primary:active, body.page-main .hero-investment .btn-primary:active, body.page-credit .hero-investment .btn-primary:active, body.page-influence .hero-investment .btn-primary:active {
  transform: none;
  box-shadow: 0 18px 48px rgba(24, 10, 2, 0.34);
  filter: none;
}
body.page-investment .investment-challenges .challenge-tag::before, body.page-main .investment-challenges .challenge-tag::before, body.page-credit .investment-challenges .challenge-tag::before, body.page-influence .investment-challenges .challenge-tag::before {
  background:
    radial-gradient(180px 70px at 18% 25%, rgba(255,255,255,.96), rgba(255,255,255,0) 60%),
    radial-gradient(220px 90px at 85% 65%, rgba(255, 184, 110, .34), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.18)),
    linear-gradient(135deg, var(--glass-ivory), var(--glass-ivory-2));
  border: 0;
  box-shadow: var(--glass-shadow-soft);
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
        from 220deg,
        rgba(255,255,255,.68),
        rgba(255,170,90,.42),
        rgba(255,255,255,.40),
        rgba(255,210,150,.36),
        rgba(255,255,255,.68)
      );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: .95;
  z-index: 0;
}
body.page-investment .investment-challenges .challenge-tag::after, body.page-main .investment-challenges .challenge-tag::after, body.page-credit .investment-challenges .challenge-tag::after, body.page-influence .investment-challenges .challenge-tag::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 48%, rgba(255,255,255,0) 78%),
      linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,0) 45%),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.06) 0px,
        rgba(255,255,255,.06) 1px,
        rgba(0,0,0,0) 2px,
        rgba(0,0,0,0) 4px
      );
  background-size: 220% 100%, 100% 100%, auto;
  background-position: -40% 0, 0 0, 0 0;
  transition: background-position .55s ease, opacity .18s ease;
  mix-blend-mode: soft-light;
  opacity: .52;
}
@media (hover:hover){
body.page-investment .investment-challenges .challenge-tag, body.page-main .investment-challenges .challenge-tag, body.page-credit .investment-challenges .challenge-tag, body.page-influence .investment-challenges .challenge-tag {
  transition: opacity .18s ease, background-position .55s ease;
}
body.page-investment .investment-challenges .challenge-tag:hover::after, body.page-main .investment-challenges .challenge-tag:hover::after, body.page-credit .investment-challenges .challenge-tag:hover::after, body.page-influence .investment-challenges .challenge-tag:hover::after {
  background-position: 140% 0, 0 0, 0 0;
  opacity: .62;
}
}
@media (min-width: 900px) {
  body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  position: relative;
  padding: 28px 30px 86px;
  min-height: 260px;
  border-radius: 18px;
  overflow: hidden;
}
/* bottom row (tag + icon) */ body.page-investment .investment-challenges .challenge-foot, body.page-main .investment-challenges .challenge-foot, body.page-credit .investment-challenges .challenge-foot, body.page-influence .investment-challenges .challenge-foot {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  pointer-events: none;
}
/* tag pill should size to text, not fill the whole row */ body.page-investment .investment-challenges .challenge-tag, body.page-main .investment-challenges .challenge-tag, body.page-credit .investment-challenges .challenge-tag, body.page-influence .investment-challenges .challenge-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: calc(100% - 110px);
  padding: 8px 12px;
  border-radius: 999px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* icon: bigger + pushed into bottom-right */ body.page-investment .investment-challenges .challenge-icon, body.page-main .investment-challenges .challenge-icon, body.page-credit .investment-challenges .challenge-icon, body.page-influence .investment-challenges .challenge-icon {
  position: absolute;
  right: 14px;
  bottom: 10px;
  left: auto;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-6deg);
  transform-origin: center;
  pointer-events: none;
}
body.page-investment .investment-challenges .challenge-icon img, body.page-main .investment-challenges .challenge-icon img, body.page-credit .investment-challenges .challenge-icon img, body.page-influence .investment-challenges .challenge-icon img {
  width: 82px;
  height: 82px;
  object-fit: contain;
  opacity: 0.95;
}


}
@media (min-width: 1200px){
body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  padding: 20px 20px 78px;
  min-height: 220px;
}
body.page-investment .investment-challenges .challenge-icon img, body.page-main .investment-challenges .challenge-icon img, body.page-credit .investment-challenges .challenge-icon img, body.page-influence .investment-challenges .challenge-icon img {
  width: 78px;
  height: 78px;
}

}
body.page-investment .investment-find, body.page-main .investment-find, body.page-credit .investment-find, body.page-influence .investment-find {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(255,138,0,.12);
  box-shadow: inset 0 1px 0 rgba(255,138,0,.08);
  padding: clamp(60px, 6vw, 100px) 0;
  background: rgba(2,2,2, .88);
}
body.page-investment .investment-find .keis-parallax-bg, body.page-main .investment-find .keis-parallax-bg, body.page-credit .investment-find .keis-parallax-bg, body.page-influence .investment-find .keis-parallax-bg {
  position: absolute;
  inset: -8%;
  background-image: url("./assets/block/where.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: none;
}
body.page-investment .investment-find::after, body.page-main .investment-find::after, body.page-credit .investment-find::after, body.page-influence .investment-find::after {
  display: none;
}
body.page-investment .investment-find::before, body.page-main .investment-find::before, body.page-credit .investment-find::before, body.page-influence .investment-find::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(1200px 520px at 12% 10%, rgba(0,0,0,.48), transparent 62%), radial-gradient(980px 520px at 92% 30%, rgba(0,0,0,.45), transparent 62%), linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.55) 100%);
  opacity: .85;
}
body.page-investment .investment-find > .section-container, body.page-main .investment-find > .section-container, body.page-credit .investment-find > .section-container, body.page-influence .investment-find > .section-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: clamp(28px, 4vw, 64px);
  box-sizing: border-box;
}
body.page-investment .investment-find .section-header, body.page-main .investment-find .section-header, body.page-credit .investment-find .section-header, body.page-influence .investment-find .section-header {
  max-width: 1180px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
body.page-investment .investment-find .find-grid, body.page-main .investment-find .find-grid, body.page-credit .investment-find .find-grid, body.page-influence .investment-find .find-grid {
  margin-top: clamp(18px, 2.4vw, 28px);
  display: grid;
  gap: clamp(22px, 3vw, 44px);
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
@media (max-width: 980px){
body.page-investment .investment-find .find-grid, body.page-main .investment-find .find-grid, body.page-credit .investment-find .find-grid, body.page-influence .investment-find .find-grid {
  grid-template-columns: 1fr;
}



}body.page-investment .investment-find .find-map, body.page-main .investment-find .find-map, body.page-credit .investment-find .find-map, body.page-influence .investment-find .find-map, body.page-investment .investment-find .find-reviews, body.page-main .investment-find .find-reviews, body.page-credit .investment-find .find-reviews, body.page-influence .investment-find .find-reviews {
  position: relative;
  border-radius: 20px;
  padding: clamp(24px, 2.3vw, 30px);
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.14), transparent 58%), radial-gradient(120% 140% at 110% 20%, rgba(255,106,0,.10), transparent 62%), linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)), rgba(10,6,4,.56);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 34px 110px rgba(0,0,0,.80);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: clamp(420px, 34vw, 560px);
}
body.page-investment .investment-find .find-map::before, body.page-main .investment-find .find-map::before, body.page-credit .investment-find .find-map::before, body.page-influence .investment-find .find-map::before, body.page-investment .investment-find .find-reviews::before, body.page-main .investment-find .find-reviews::before, body.page-credit .investment-find .find-reviews::before, body.page-influence .investment-find .find-reviews::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,138,0,.34), rgba(255,255,255,.10), rgba(255,106,0,.22));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .85;
}
body.page-investment .investment-find .find-title, body.page-main .investment-find .find-title, body.page-credit .investment-find .find-title, body.page-influence .investment-find .find-title {
  margin: 0 0 12px;
  line-height: 1.15;
  text-shadow: 0 12px 26px rgba(0,0,0,.65);
  position: relative;
  z-index: 1;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.44rem;
  color: rgba(244,241,235,.96);
  margin-bottom: 12px;
}
body.page-investment .investment-find .find-title::after, body.page-main .investment-find .find-title::after, body.page-credit .investment-find .find-title::after, body.page-influence .investment-find .find-title::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 10px;
  background: linear-gradient(90deg, rgba(255,138,0,.46), rgba(255,255,255,.10), rgba(255,138,0,.18));
  opacity: .9;
}
body.page-investment .investment-find .map-widget, body.page-main .investment-find .map-widget, body.page-credit .investment-find .map-widget, body.page-influence .investment-find .map-widget, body.page-investment .investment-find .reviews-widget, body.page-main .investment-find .reviews-widget, body.page-credit .investment-find .reviews-widget, body.page-influence .investment-find .reviews-widget {
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,.28);
  min-height: 340px;
  width: 100%;
  max-width: calc(100% - clamp(18px, 2.4vw, 34px));
  margin-inline: auto;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 22px 68px rgba(0,0,0,.68);
}
@media (min-width: 981px){
body.page-investment .investment-find .find-map, body.page-main .investment-find .find-map, body.page-credit .investment-find .find-map, body.page-influence .investment-find .find-map, body.page-investment .investment-find .find-reviews, body.page-main .investment-find .find-reviews, body.page-credit .investment-find .find-reviews, body.page-influence .investment-find .find-reviews {
  min-height: clamp(600px, 43vw, 700px);
}
body.page-investment .investment-find .find-map .map-widget, body.page-main .investment-find .find-map .map-widget, body.page-credit .investment-find .find-map .map-widget, body.page-influence .investment-find .find-map .map-widget, body.page-investment .investment-find .find-reviews .reviews-widget, body.page-main .investment-find .find-reviews .reviews-widget, body.page-credit .investment-find .find-reviews .reviews-widget, body.page-influence .investment-find .find-reviews .reviews-widget {
  min-height: clamp(560px, 40vw, 640px);
}
body.page-investment .investment-find .find-map .map-widget iframe, body.page-main .investment-find .find-map .map-widget iframe, body.page-credit .investment-find .find-map .map-widget iframe, body.page-influence .investment-find .find-map .map-widget iframe, body.page-investment .investment-find .find-reviews .reviews-widget iframe, body.page-main .investment-find .find-reviews .reviews-widget iframe, body.page-credit .investment-find .find-reviews .reviews-widget iframe, body.page-influence .investment-find .find-reviews .reviews-widget iframe {
  height: clamp(560px, 40vw, 640px);
}



}body.page-investment .investment-find iframe, body.page-main .investment-find iframe, body.page-credit .investment-find iframe, body.page-influence .investment-find iframe {
  min-height: inherit;
  display: block;
  border-radius: 16px;
  width: 100%;
  height: 380px;
  border: none;
}
@media (max-width: 980px){
body.page-investment .investment-find > .section-container, body.page-main .investment-find > .section-container, body.page-credit .investment-find > .section-container, body.page-influence .investment-find > .section-container {
  max-width: 100%;
  padding-inline: clamp(20px, 6vw, 30px);
}
body.page-investment .investment-find .find-map, body.page-main .investment-find .find-map, body.page-credit .investment-find .find-map, body.page-influence .investment-find .find-map, body.page-investment .investment-find .find-reviews, body.page-main .investment-find .find-reviews, body.page-credit .investment-find .find-reviews, body.page-influence .investment-find .find-reviews {
  padding: clamp(24px, 6vw, 32px);
  min-height: clamp(400px, 96vw, 520px);
}
body.page-investment .investment-find .map-widget, body.page-main .investment-find .map-widget, body.page-credit .investment-find .map-widget, body.page-influence .investment-find .map-widget, body.page-investment .investment-find .reviews-widget, body.page-main .investment-find .reviews-widget, body.page-credit .investment-find .reviews-widget, body.page-influence .investment-find .reviews-widget {
  max-width: calc(100% - clamp(24px, 8vw, 40px));
  min-height: clamp(340px, 78vw, 460px);
}
body.page-investment .investment-find .find-map .map-widget iframe, body.page-main .investment-find .find-map .map-widget iframe, body.page-credit .investment-find .find-map .map-widget iframe, body.page-influence .investment-find .find-map .map-widget iframe, body.page-investment .investment-find .find-reviews .reviews-widget iframe, body.page-main .investment-find .find-reviews .reviews-widget iframe, body.page-credit .investment-find .find-reviews .reviews-widget iframe, body.page-influence .investment-find .find-reviews .reviews-widget iframe {
  height: clamp(340px, 78vw, 460px);
}
}
body.page-investment .investment-find .map-widget::after, body.page-main .investment-find .map-widget::after, body.page-credit .investment-find .map-widget::after, body.page-influence .investment-find .map-widget::after, body.page-investment .investment-find .reviews-widget::after, body.page-main .investment-find .reviews-widget::after, body.page-credit .investment-find .reviews-widget::after, body.page-influence .investment-find .reviews-widget::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(520px 260px at 14% 18%, rgba(0,0,0,.22), transparent 62%), radial-gradient(520px 260px at 110% 30%, rgba(255,138,0,.10), transparent 66%), linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18));
  opacity: .55;
}
@media (max-width: 520px){
body.page-investment .investment-find, body.page-main .investment-find, body.page-credit .investment-find, body.page-influence .investment-find {
  padding: 96px 0 108px;
}
body.page-investment .investment-find .find-map, body.page-main .investment-find .find-map, body.page-credit .investment-find .find-map, body.page-influence .investment-find .find-map, body.page-investment .investment-find .find-reviews, body.page-main .investment-find .find-reviews, body.page-credit .investment-find .find-reviews, body.page-influence .investment-find .find-reviews {
  padding: clamp(24px, 6vw, 32px);
  border-radius: 18px;
}



}body.page-investment .investment-cases, body.page-main .investment-cases, body.page-credit .investment-cases, body.page-influence .investment-cases {
  position: relative;
  padding: 110px 0 130px;
  background: radial-gradient(900px 560px at 14% 18%, rgba(255,138,0,.04), transparent 62%), radial-gradient(980px 560px at 92% 78%, rgba(255,138,0,.03), transparent 62%), linear-gradient(180deg, rgba(5,3,3,1), rgba(12,8,6,1) 55%, rgba(5,3,3,1));
  overflow: hidden;
  isolation: isolate;
}
body.page-investment .investment-cases::before, body.page-main .investment-cases::before, body.page-credit .investment-cases::before, body.page-influence .investment-cases::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("./assets/block/team.webp");
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: cover;
  z-index: 0;
  opacity: 0.92;
  pointer-events: none;
}
body.page-investment .investment-cases::after, body.page-main .investment-cases::after, body.page-credit .investment-cases::after, body.page-influence .investment-cases::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(1200px 760px at 18% 22%, rgba(255,138,0,.10), transparent 62%),
    radial-gradient(980px 640px at 86% 78%, rgba(0,0,0,.46), transparent 66%),
    linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.46) 55%, rgba(0,0,0,.62) 100%);
}
body.page-investment .investment-cases > .section-container, body.page-main .investment-cases > .section-container, body.page-credit .investment-cases > .section-container, body.page-influence .investment-cases > .section-container {
  position: relative;
  z-index: 2;
}
body.page-investment .investment-cases .section-header, body.page-main .investment-cases .section-header, body.page-credit .investment-cases .section-header, body.page-influence .investment-cases .section-header {
  max-width: 1180px;
  margin-left: 0;
}
body.page-investment .investment-scenarios .section-header, body.page-main .investment-scenarios .section-header, body.page-credit .investment-scenarios .section-header, body.page-influence .investment-scenarios .section-header {
  margin-left: 0;
}
@media (min-width: 1200px){
body.page-investment .investment-cases .section-container, body.page-main .investment-cases .section-container, body.page-credit .investment-cases .section-container, body.page-influence .investment-cases .section-container {
  width: min(1400px, calc(100% - 64px));
}



}
@media (min-width: 1500px){
body.page-investment .investment-cases .section-container, body.page-main .investment-cases .section-container, body.page-credit .investment-cases .section-container, body.page-influence .investment-cases .section-container {
  width: min(1480px, calc(100% - 80px));
}



}body.page-investment .investment-cases .cases-grid, body.page-main .investment-cases .cases-grid, body.page-credit .investment-cases .cases-grid, body.page-influence .investment-cases .cases-grid {
  margin-top: clamp(22px, 2.6vw, 36px);
  display: grid;
  gap: clamp(18px, 2vw, 26px);
  grid-template-columns: 1fr;
  align-items: stretch;
}
@media (max-width: 980px){
body.page-investment .investment-cases .cases-grid, body.page-main .investment-cases .cases-grid, body.page-credit .investment-cases .cases-grid, body.page-influence .investment-cases .cases-grid {
  gap: clamp(20px, 2.4vw, 24px);
  padding-left: clamp(24px, 4vw, 40px);
  padding-right: clamp(24px, 4vw, 40px);
  margin-top: clamp(28px, 3.2vw, 40px);
}
body.page-investment .investment-cases .case-card, body.page-main .investment-cases .case-card, body.page-credit .investment-cases .case-card, body.page-influence .investment-cases .case-card {
  padding: clamp(28px, 3.4vw, 34px) clamp(26px, 3.4vw, 32px) clamp(28px, 3.4vw, 34px);
  max-width: calc(100% - 0px);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0,0,0,.24), 0 1px 4px rgba(0,0,0,.12);
}
body.page-investment .investment-cases .case-card .case-top, body.page-main .investment-cases .case-card .case-top, body.page-credit .investment-cases .case-card .case-top, body.page-influence .investment-cases .case-card .case-top {
  margin-bottom: clamp(14px, 1.8vw, 18px);
}
body.page-investment .investment-cases .case-card .case-title, body.page-main .investment-cases .case-card .case-title, body.page-credit .investment-cases .case-card .case-title, body.page-influence .investment-cases .case-card .case-title {
  margin-bottom: clamp(12px, 1.6vw, 16px);
}
body.page-investment .investment-cases .case-card .case-text, body.page-main .investment-cases .case-card .case-text, body.page-credit .investment-cases .case-card .case-text, body.page-influence .investment-cases .case-card .case-text {
  margin-top: clamp(12px, 1.6vw, 16px);
  line-height: 1.65;
}
body.page-investment .investment-cases .case-card .case-result, body.page-main .investment-cases .case-card .case-result, body.page-credit .investment-cases .case-card .case-result, body.page-influence .investment-cases .case-card .case-result {
  margin-top: clamp(16px, 2vw, 20px);
  padding: clamp(14px, 1.8vw, 16px) clamp(14px, 1.8vw, 16px);
}



}
@media (min-width: 860px){
body.page-investment .investment-cases .cases-grid, body.page-main .investment-cases .cases-grid, body.page-credit .investment-cases .cases-grid, body.page-influence .investment-cases .cases-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



}
@media (min-width: 1200px){
body.page-investment .investment-cases .cases-grid, body.page-main .investment-cases .cases-grid, body.page-credit .investment-cases .cases-grid, body.page-influence .investment-cases .cases-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}



}body.page-investment .investment-cases .case-card, body.page-main .investment-cases .case-card, body.page-credit .investment-cases .case-card, body.page-influence .investment-cases .case-card {
  position: relative;
  border-radius: 4px;
  padding: 28px 28px 28px 36px;
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.06), transparent 58%), linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), rgba(10,6,4,.52);
  border: 1px solid rgba(255,255,255,.08);
  border-left: 4px solid rgba(255,138,0,.85);
  box-shadow: 0 8px 24px rgba(0,0,0,.32), 0 2px 8px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  min-height: 260px;
  gap: 12px;
  transition: transform .2s ease, box-shadow .2s ease, border-left-color .2s ease;
}
body.page-investment .investment-cases .case-card::before, body.page-main .investment-cases .case-card::before, body.page-credit .investment-cases .case-card::before, body.page-influence .investment-cases .case-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, rgba(255,138,0,.08), transparent 60%);
  pointer-events: none;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
}
body.page-investment .investment-cases .case-card::after, body.page-main .investment-cases .case-card::after, body.page-credit .investment-cases .case-card::after, body.page-influence .investment-cases .case-card::after {
  content: "";
  position: absolute;
  inset: -10% -24%;
  background: linear-gradient(114deg, rgba(255,255,255,0) 32%, rgba(255,236,212,.26) 48%, rgba(255,255,255,0) 66%);
  transform: translateX(-64%) skewX(-12deg);
  opacity: 0;
  pointer-events: none;
  transition: transform var(--perf-motion-medium, 320ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), opacity .2s ease;
}
body.page-investment .investment-cases .case-top, body.page-main .investment-cases .case-top, body.page-credit .investment-cases .case-top, body.page-influence .investment-cases .case-top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
body.page-investment .investment-cases .case-tag, body.page-main .investment-cases .case-tag, body.page-credit .investment-cases .case-tag, body.page-influence .investment-cases .case-tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 2px;
  font-weight: 900;
  font-size: .75rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(244,241,235,.95);
  background: rgba(255,138,0,.12);
  border: 1px solid rgba(255,138,0,.32);
}
body.page-investment .investment-cases .case-tag--muted, body.page-main .investment-cases .case-tag--muted, body.page-credit .investment-cases .case-tag--muted, body.page-influence .investment-cases .case-tag--muted {
  color: rgba(255,214,170,.88);
  background: rgba(0,0,0,.22);
  border-color: rgba(255,138,0,.2);
}
body.page-investment .investment-cases .case-title, body.page-main .investment-cases .case-title, body.page-credit .investment-cases .case-title, body.page-influence .investment-cases .case-title {
  margin: 12px 0 0;
  font-family: var(--font-heading);
  font-weight: 950;
  font-size: 1.18rem;
  line-height: 1.3;
  color: rgba(244,241,235,.96);
  position: relative;
  z-index: 1;
  text-wrap: balance;
  letter-spacing: .01em;
}
body.page-investment .investment-cases .case-text, body.page-main .investment-cases .case-text, body.page-credit .investment-cases .case-text, body.page-influence .investment-cases .case-text {
  margin: 10px 0 0;
  color: rgba(244,241,235,.78);
  line-height: 1.60;
  font-size: 1.02rem;
  position: relative;
  z-index: 1;
  max-width: 62ch;
}
body.page-investment .investment-cases .case-text strong, body.page-main .investment-cases .case-text strong, body.page-credit .investment-cases .case-text strong, body.page-influence .investment-cases .case-text strong {
  color: rgba(255,240,220,.98);
  font-weight: 950;
}
body.page-investment .investment-cases .case-text--small, body.page-main .investment-cases .case-text--small, body.page-credit .investment-cases .case-text--small, body.page-influence .investment-cases .case-text--small {
  margin-top: 6px;
  font-size: .96rem;
  color: rgba(244,241,235,.72);
}
body.page-investment .investment-cases .case-result, body.page-main .investment-cases .case-result, body.page-credit .investment-cases .case-result, body.page-influence .investment-cases .case-result {
  margin-top: 12px;
  border-radius: 2px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(255,138,0,.14), rgba(0,0,0,.14));
  border: 1px solid rgba(255,138,0,.28);
  border-left: 3px solid rgba(255,138,0,.9);
  position: relative;
  z-index: 1;
  color: rgba(255,214,170,.94);
  font-weight: 850;
  letter-spacing: .02em;
}
body.page-investment .investment-cases .case-result strong, body.page-main .investment-cases .case-result strong, body.page-credit .investment-cases .case-result strong, body.page-influence .investment-cases .case-result strong {
  color: rgba(255,240,220,.98);
  font-weight: 950;
}
@media (hover:hover){
body.page-investment .investment-cases .case-card, body.page-main .investment-cases .case-card, body.page-credit .investment-cases .case-card, body.page-influence .investment-cases .case-card {
  transition: transform .2s ease, box-shadow .2s ease, border-left-color .2s ease;
}
body.page-investment .investment-cases .case-card:hover, body.page-main .investment-cases .case-card:hover, body.page-credit .investment-cases .case-card:hover, body.page-influence .investment-cases .case-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(255,138,0,.14), 0 4px 20px rgba(0,0,0,.4);
  border-left-color: rgba(255,138,0,1);
}
body.page-investment .investment-cases .case-card:hover::after, body.page-main .investment-cases .case-card:hover::after, body.page-credit .investment-cases .case-card:hover::after, body.page-influence .investment-cases .case-card:hover::after {
  opacity: .38;
  transform: translateX(58%) skewX(-12deg);
}
}


body.page-investment .investment-process, body.page-main .investment-process, body.page-credit .investment-process, body.page-influence .investment-process {
  position: relative;
  padding: 92px 0 110px;
  overflow: hidden;
  background: radial-gradient(1200px 520px at 0% 112%, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 66%),
    radial-gradient(1200px 520px at 100% 112%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0) 66%),
    radial-gradient(1500px 560px at 50% 112%, rgba(244, 232, 220, 0.18) 0%, rgba(244, 232, 220, 0) 72%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.44) 0%, rgba(214, 195, 178, 0.12) 46%, rgba(0, 0, 0, 0.62) 100%),
    url("./assets/block/go.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.page-investment .investment-process .section-header, body.page-main .investment-process .section-header, body.page-credit .investment-process .section-header, body.page-influence .investment-process .section-header {
  max-width: 1180px;
  text-align: left;
  align-items: flex-start;
  margin-left: 0;
}
body.page-investment .investment-process .k-header__box, body.page-main .investment-process .k-header__box, body.page-credit .investment-process .k-header__box, body.page-influence .investment-process .k-header__box {
  text-align: left;
  align-items: flex-start;
}
body.page-investment .investment-process .section-subtitle--pill, body.page-main .investment-process .section-subtitle--pill, body.page-credit .investment-process .section-subtitle--pill, body.page-influence .investment-process .section-subtitle--pill {
  display: block;
  margin-top: 12px;
  padding: 0;
  border-radius: 0;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.page-investment .investment-process .work-step, body.page-main .investment-process .work-step, body.page-credit .investment-process .work-step, body.page-influence .investment-process .work-step {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 22px;
  align-items: center;
  padding: 18px;
  border-radius: 18px;
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.06);
}
body.page-investment .investment-process .work-step + .work-step, body.page-main .investment-process .work-step + .work-step, body.page-credit .investment-process .work-step + .work-step, body.page-influence .investment-process .work-step + .work-step {
  margin-top: 16px;
}
body.page-investment .investment-process .work-step.is-reverse, body.page-main .investment-process .work-step.is-reverse, body.page-credit .investment-process .work-step.is-reverse, body.page-influence .investment-process .work-step.is-reverse {
  grid-template-columns: 1fr 1.1fr;
}
body.page-investment .investment-process .work-step.is-reverse .work-step-media, body.page-main .investment-process .work-step.is-reverse .work-step-media, body.page-credit .investment-process .work-step.is-reverse .work-step-media, body.page-influence .investment-process .work-step.is-reverse .work-step-media {
  order: 2;
}
body.page-investment .investment-process .work-step-media, body.page-main .investment-process .work-step-media, body.page-credit .investment-process .work-step-media, body.page-influence .investment-process .work-step-media {
  height: 176px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1b120c;
  box-shadow: 0 18px 48px rgba(0,0,0,.60);
  border: 1px solid rgba(255,255,255,.10);
}
body.page-investment .investment-process .work-step-body, body.page-main .investment-process .work-step-body, body.page-credit .investment-process .work-step-body, body.page-influence .investment-process .work-step-body {
  padding: 6px 6px 6px 2px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
body.page-investment .investment-process .work-step-kicker, body.page-main .investment-process .work-step-kicker, body.page-credit .investment-process .work-step-kicker, body.page-influence .investment-process .work-step-kicker {
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(244,241,235,.70);
  margin-bottom: 8px;
  transition: color .18s ease;
}
body.page-investment .investment-process .work-step-title, body.page-main .investment-process .work-step-title, body.page-credit .investment-process .work-step-title, body.page-influence .investment-process .work-step-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.22rem;
  line-height: 1.15;
  color: rgba(244,241,235,.96);
  text-shadow: 0 12px 26px rgba(0,0,0,.65);
  transition: color .18s ease;
}
body.page-investment .investment-process .work-step-text, body.page-main .investment-process .work-step-text, body.page-credit .investment-process .work-step-text, body.page-influence .investment-process .work-step-text {
  margin: 10px 0 0;
  color: rgba(244,241,235,.78);
  line-height: 1.52;
  font-size: .96rem;
  max-width: 62ch;
  transition: color .18s ease;
}
@media (hover: hover) and (pointer: fine) {
body.page-investment .investment-process .work-step-body:hover, body.page-main .investment-process .work-step-body:hover, body.page-credit .investment-process .work-step-body:hover, body.page-influence .investment-process .work-step-body:hover {
  transform: translate3d(0, 0, 0);
}
body.page-investment .investment-process .work-step-body:hover .work-step-kicker, body.page-main .investment-process .work-step-body:hover .work-step-kicker, body.page-credit .investment-process .work-step-body:hover .work-step-kicker, body.page-influence .investment-process .work-step-body:hover .work-step-kicker {
  color: #f3c683;
}
body.page-investment .investment-process .work-step-body:hover .work-step-title, body.page-main .investment-process .work-step-body:hover .work-step-title, body.page-credit .investment-process .work-step-body:hover .work-step-title, body.page-influence .investment-process .work-step-body:hover .work-step-title {
  color: #ffe0bf;
}
body.page-investment .investment-process .work-step-body:hover .work-step-text, body.page-main .investment-process .work-step-body:hover .work-step-text, body.page-credit .investment-process .work-step-body:hover .work-step-text, body.page-influence .investment-process .work-step-body:hover .work-step-text {
  color: #f6ede3;
}
}
@media (max-width: 980px){
body.page-investment .investment-process .kgx-b4__container.section-container, body.page-main .investment-process .kgx-b4__container.section-container, body.page-credit .investment-process .kgx-b4__container.section-container, body.page-influence .investment-process .kgx-b4__container.section-container {
  width: min(760px, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 5.2vw, 36px);
  padding-right: clamp(16px, 5.2vw, 36px);
}
body.page-investment .investment-process .process-steps, body.page-main .investment-process .process-steps, body.page-credit .investment-process .process-steps, body.page-influence .investment-process .process-steps {
  width: min(100%, 700px);
  margin-left: auto;
  margin-right: auto;
}
body.page-investment .investment-process .work-step, body.page-main .investment-process .work-step, body.page-credit .investment-process .work-step, body.page-influence .investment-process .work-step {
  grid-template-columns: 1fr;
  gap: 16px;
}
body.page-investment .investment-process .work-step.is-reverse, body.page-main .investment-process .work-step.is-reverse, body.page-credit .investment-process .work-step.is-reverse, body.page-influence .investment-process .work-step.is-reverse {
  grid-template-columns: 1fr;
}
body.page-investment .investment-process .work-step.is-reverse .work-step-media, body.page-main .investment-process .work-step.is-reverse .work-step-media, body.page-credit .investment-process .work-step.is-reverse .work-step-media, body.page-influence .investment-process .work-step.is-reverse .work-step-media {
  order: 0;
}
body.page-investment .investment-process .work-step-media, body.page-main .investment-process .work-step-media, body.page-credit .investment-process .work-step-media, body.page-influence .investment-process .work-step-media {
  height: clamp(188px, 42vw, 248px);
}



}body.page-investment .investment-challenges, body.page-main .investment-challenges, body.page-credit .investment-challenges, body.page-influence .investment-challenges {
  position: relative;
  padding: 120px 0 150px;
  background-color: var(--bg0);
  background-image: url("./assets/block/people.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}
body.page-investment .investment-challenges::before, body.page-main .investment-challenges::before, body.page-credit .investment-challenges::before, body.page-influence .investment-challenges::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 520px at 18% 18%, rgba(0,0,0,.70), transparent 62%), radial-gradient(980px 520px at 82% 22%, rgba(0,0,0,.68), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.40) 38%, rgba(0,0,0,.86) 100%);
  pointer-events: none;
  z-index: 0;
}
body.page-investment .investment-challenges > .section-container, body.page-main .investment-challenges > .section-container, body.page-credit .investment-challenges > .section-container, body.page-influence .investment-challenges > .section-container {
  position: relative;
  z-index: 1;
}
body.page-investment .investment-challenges .challenges-head, body.page-main .investment-challenges .challenges-head, body.page-credit .investment-challenges .challenges-head, body.page-influence .investment-challenges .challenges-head {
  max-width: 1180px;
}
body.page-investment .investment-challenges .challenges-head .k-title, body.page-main .investment-challenges .challenges-head .k-title, body.page-credit .investment-challenges .challenges-head .k-title, body.page-influence .investment-challenges .challenges-head .k-title {
  max-width: 52ch;
  display: inline-block;
  text-wrap: balance;
  white-space: normal;
}
body.page-investment .investment-challenges .challenges-lead, body.page-main .investment-challenges .challenges-lead, body.page-credit .investment-challenges .challenges-lead, body.page-influence .investment-challenges .challenges-lead {
  margin-top: 0;
  max-width: none;
  border-radius: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.page-investment .investment-challenges .challenges-lead p, body.page-main .investment-challenges .challenges-lead p, body.page-credit .investment-challenges .challenges-lead p, body.page-influence .investment-challenges .challenges-lead p {
  margin: 12px 0 0;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  max-width: 58ch;
  display: inline-block;
  text-wrap: balance;
  white-space: normal;
}
body.page-investment .investment-challenges .challenges-grid, body.page-main .investment-challenges .challenges-grid, body.page-credit .investment-challenges .challenges-grid, body.page-influence .investment-challenges .challenges-grid {
  margin-top: clamp(32px, 3.4vw, 48px);
  display: grid;
  gap: clamp(24px, 2.6vw, 36px);
  grid-template-columns: 1fr;
}
@media (min-width: 820px){
body.page-investment .investment-challenges .challenges-grid, body.page-main .investment-challenges .challenges-grid, body.page-credit .investment-challenges .challenges-grid, body.page-influence .investment-challenges .challenges-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 2.4vw, 32px);
}



}
@media (min-width: 1200px){
body.page-investment .investment-challenges .challenges-grid, body.page-main .investment-challenges .challenges-grid, body.page-credit .investment-challenges .challenges-grid, body.page-influence .investment-challenges .challenges-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 2.2vw, 28px);
}



}body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  position: relative;
  padding: 28px 30px 110px;
  min-height: 260px;
  border-radius: 18px;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(520px 320px at 18% 18%, rgba(255, 255, 255, 0.12), rgba(255,255,255,0) 62%),
    radial-gradient(640px 360px at 110% 8%, rgba(255, 166, 90, 0.08), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
    linear-gradient(155deg, rgba(34, 28, 25, 0.72), rgba(18, 14, 12, 0.58));
  border: 0;
  box-shadow: 0 26px 78px rgba(0,0,0,.58),
    0 10px 22px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 0 2px rgba(0,0,0,.22);
  transition: opacity 0.3s ease;
}
body.page-investment .investment-challenges .challenge-card h3, body.page-main .investment-challenges .challenge-card h3, body.page-credit .investment-challenges .challenge-card h3, body.page-influence .investment-challenges .challenge-card h3, body.page-investment .investment-challenges .challenge-card p, body.page-main .investment-challenges .challenge-card p, body.page-credit .investment-challenges .challenge-card p, body.page-influence .investment-challenges .challenge-card p, body.page-investment .investment-challenges .challenge-card .challenge-foot, body.page-main .investment-challenges .challenge-card .challenge-foot, body.page-credit .investment-challenges .challenge-card .challenge-foot, body.page-influence .investment-challenges .challenge-card .challenge-foot {
  position: relative;
  z-index: 1;
}
body.page-investment .investment-challenges .challenge-card .challenge-icon, body.page-main .investment-challenges .challenge-card .challenge-icon, body.page-credit .investment-challenges .challenge-card .challenge-icon, body.page-influence .investment-challenges .challenge-card .challenge-icon {
  z-index: 1;
}
body.page-investment .investment-challenges .challenge-card::before, body.page-main .investment-challenges .challenge-card::before, body.page-credit .investment-challenges .challenge-card::before, body.page-influence .investment-challenges .challenge-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.56), rgba(255,255,255,.12) 38%, rgba(255,170,90,.16) 68%, rgba(255,255,255,.44));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .78;
  z-index: 0;
}
body.page-investment .investment-challenges .challenge-card:hover, body.page-main .investment-challenges .challenge-card:hover, body.page-credit .investment-challenges .challenge-card:hover, body.page-influence .investment-challenges .challenge-card:hover {
}
body.page-investment .investment-challenges .challenge-card::after, body.page-main .investment-challenges .challenge-card::after, body.page-credit .investment-challenges .challenge-card::after, body.page-influence .investment-challenges .challenge-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .46;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 48%, rgba(255,255,255,0) 76%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 44%),
    radial-gradient(420px 240px at 12% 12%, rgba(255,138,0,.10), transparent 62%),
    radial-gradient(520px 260px at 110% 20%, rgba(255,138,0,.08), transparent 66%);
  mix-blend-mode: soft-light;
  z-index: 0;
}
body.page-investment .investment-challenges .challenge-card h3, body.page-main .investment-challenges .challenge-card h3, body.page-credit .investment-challenges .challenge-card h3, body.page-influence .investment-challenges .challenge-card h3 {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.12rem, 1.18vw, 1.4rem);
  line-height: 1.18;
  color: rgba(244,241,235,.94);
  text-shadow: 0 4px 12px rgba(0,0,0,.45);
  padding-right: 0;
}
body.page-investment .investment-challenges .challenge-card p, body.page-main .investment-challenges .challenge-card p, body.page-credit .investment-challenges .challenge-card p, body.page-influence .investment-challenges .challenge-card p {
  margin: 14px 0 0;
  color: rgba(244,241,235,.76);
  line-height: 1.52;
  font-size: 0.98rem;
  padding-right: 0;
}
body.page-investment .investment-challenges .challenge-foot, body.page-main .investment-challenges .challenge-foot, body.page-credit .investment-challenges .challenge-foot, body.page-influence .investment-challenges .challenge-foot {
  margin-top: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 12px;
}
body.page-investment .investment-challenges .challenge-tag, body.page-main .investment-challenges .challenge-tag, body.page-credit .investment-challenges .challenge-tag, body.page-influence .investment-challenges .challenge-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 0.72rem;
  color: rgba(255,214,170,.92);
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,138,0,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  margin-left: 120px;
}
body.page-investment .investment-challenges .challenge-icon, body.page-main .investment-challenges .challenge-icon, body.page-credit .investment-challenges .challenge-icon, body.page-influence .investment-challenges .challenge-icon {
  position: absolute;
  left: 26px;
  bottom: 2px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-6deg);
  transform-origin: center;
}
body.page-investment .investment-challenges .challenge-icon img, body.page-main .investment-challenges .challenge-icon img, body.page-credit .investment-challenges .challenge-icon img, body.page-influence .investment-challenges .challenge-icon img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  opacity: 0.95;
}
@media (min-width: 1200px){
body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  min-height: 240px;
  padding: 20px 20px 16px;
}
body.page-investment .investment-challenges .challenge-card p, body.page-main .investment-challenges .challenge-card p, body.page-credit .investment-challenges .challenge-card p, body.page-influence .investment-challenges .challenge-card p {
  font-size: 0.98rem;
}



}
@media (max-width: 980px){
body.page-investment .investment-challenges .challenges-grid, body.page-main .investment-challenges .challenges-grid, body.page-credit .investment-challenges .challenges-grid, body.page-influence .investment-challenges .challenges-grid {
  gap: clamp(20px, 2.4vw, 28px);
  padding-left: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
}
body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  padding: 20px 22px 24px;
  min-height: auto;
  max-width: calc(100% - 0px);
}



}
@media (max-width: 520px){
body.page-investment .investment-challenges, body.page-main .investment-challenges, body.page-credit .investment-challenges, body.page-influence .investment-challenges {
  padding: 96px 0 120px;
}
body.page-investment .investment-challenges .challenge-card, body.page-main .investment-challenges .challenge-card, body.page-credit .investment-challenges .challenge-card, body.page-influence .investment-challenges .challenge-card {
  padding: 16px 16px 18px;
}
body.page-investment .investment-challenges .challenge-card h3, body.page-main .investment-challenges .challenge-card h3, body.page-credit .investment-challenges .challenge-card h3, body.page-influence .investment-challenges .challenge-card h3, body.page-investment .investment-challenges .challenge-card p, body.page-main .investment-challenges .challenge-card p, body.page-credit .investment-challenges .challenge-card p, body.page-influence .investment-challenges .challenge-card p {
  padding-right: 0;
}
body.page-investment .investment-challenges .challenge-tag, body.page-main .investment-challenges .challenge-tag, body.page-credit .investment-challenges .challenge-tag, body.page-influence .investment-challenges .challenge-tag {
  font-size: 0.70rem;
}



}body.page-investment .investment-challenges .challenges-cta, body.page-main .investment-challenges .challenges-cta, body.page-credit .investment-challenges .challenges-cta, body.page-influence .investment-challenges .challenges-cta {
  margin-top: clamp(42px, 4.2vw, 68px);
}
body.page-investment .investment-challenges .challenges-cta__title, body.page-main .investment-challenges .challenges-cta__title, body.page-credit .investment-challenges .challenges-cta__title, body.page-influence .investment-challenges .challenges-cta__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 950;
  font-size: clamp(1.12rem, 1.32vw, 1.55rem);
  line-height: 1.12;
  color: rgba(244,241,235,.96);
  text-shadow: 0 12px 30px rgba(0,0,0,.65);
  max-width: 34ch;
  text-wrap: balance;
}
body.page-investment .investment-challenges .challenges-cta__subtitle, body.page-main .investment-challenges .challenges-cta__subtitle, body.page-credit .investment-challenges .challenges-cta__subtitle, body.page-influence .investment-challenges .challenges-cta__subtitle {
  margin: 10px 0 0;
  color: rgba(244,241,235,.82);
  line-height: 1.60;
  font-size: 0.98rem;
  font-weight: 600;
  max-width: 42ch;
  text-wrap: balance;
}
body.page-investment .investment-challenges .challenges-cta__fields, body.page-main .investment-challenges .challenges-cta__fields, body.page-credit .investment-challenges .challenges-cta__fields, body.page-influence .investment-challenges .challenges-cta__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(8px, 1.2vw, 12px);
  width: 100%;
  box-sizing: border-box;
}
body.page-investment .investment-challenges .challenges-cta__field, body.page-main .investment-challenges .challenges-cta__field, body.page-credit .investment-challenges .challenges-cta__field, body.page-influence .investment-challenges .challenges-cta__field {
  display: grid;
  gap: 8px;
}
body.page-investment .investment-challenges .challenges-cta__field span, body.page-main .investment-challenges .challenges-cta__field span, body.page-credit .investment-challenges .challenges-cta__field span, body.page-influence .investment-challenges .challenges-cta__field span {
  font-size: clamp(0.75rem, 0.9vw, 0.86rem);
  font-weight: 850;
  color: rgba(244,241,235,.72);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
body.page-investment .investment-challenges .challenges-cta__field input, body.page-main .investment-challenges .challenges-cta__field input, body.page-credit .investment-challenges .challenges-cta__field input, body.page-influence .investment-challenges .challenges-cta__field input {
  width: 100%;
  min-width: 0;
  height: clamp(40px, 4.5vw, 44px);
  border-radius: var(--field-radius, 12px);
  border: 1px solid rgba(255,255,255,.16);
  background: radial-gradient(140% 120% at 12% 0%, rgba(255,255,255,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    rgba(12, 12, 16, 0.66);
  color: rgba(244,241,235,.92);
  padding: 0 clamp(10px, 1.2vw, 12px);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,255,255,.05);
  box-sizing: border-box;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-overflow: ellipsis;
}
body.page-investment .investment-challenges .challenges-cta__field input:focus, body.page-main .investment-challenges .challenges-cta__field input:focus, body.page-credit .investment-challenges .challenges-cta__field input:focus, body.page-influence .investment-challenges .challenges-cta__field input:focus, body.page-investment .investment-challenges .challenges-cta__field input.is-typing, body.page-main .investment-challenges .challenges-cta__field input.is-typing, body.page-credit .investment-challenges .challenges-cta__field input.is-typing, body.page-influence .investment-challenges .challenges-cta__field input.is-typing {
  outline: none;
  border-color: rgba(255, 255, 255, 1);
  box-shadow: inherit;
  border-radius: var(--field-radius, 12px) !important;
}
body.page-investment .investment-challenges .challenges-cta__btn:hover, body.page-main .investment-challenges .challenges-cta__btn:hover, body.page-credit .investment-challenges .challenges-cta__btn:hover, body.page-influence .investment-challenges .challenges-cta__btn:hover {
}
@media (max-width: 980px){
body.page-investment .investment-challenges .challenges-cta__inner, body.page-main .investment-challenges .challenges-cta__inner, body.page-credit .investment-challenges .challenges-cta__inner, body.page-influence .investment-challenges .challenges-cta__inner {
  max-width: min(85%, 480px);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 3vw, 28px);
  padding-right: clamp(20px, 3vw, 28px);
  box-sizing: border-box;
  grid-template-columns: 1fr;
}
body.page-investment .investment-challenges .challenges-cta__fields, body.page-main .investment-challenges .challenges-cta__fields, body.page-credit .investment-challenges .challenges-cta__fields, body.page-influence .investment-challenges .challenges-cta__fields {
  gap: clamp(10px, 1.5vw, 12px);
  margin-bottom: clamp(16px, 2.2vh, 20px);
  grid-template-columns: 1fr;
}
body.page-investment .investment-challenges .challenges-cta__title, body.page-main .investment-challenges .challenges-cta__title, body.page-credit .investment-challenges .challenges-cta__title, body.page-influence .investment-challenges .challenges-cta__title {
  color: transparent;
  background-image: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20);
  text-align: center;
}
body.page-investment .investment-challenges .challenges-cta__title::after, body.page-main .investment-challenges .challenges-cta__title::after, body.page-credit .investment-challenges .challenges-cta__title::after, body.page-influence .investment-challenges .challenges-cta__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: clamp(16px, 2.2vh, 20px) auto 0;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(255,138,0,0) 0%, rgba(255,138,0,.65) 18%, rgba(255,106,0,.95) 50%, rgba(255,138,0,.65) 82%, rgba(255,138,0,0) 100%);
  box-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.04);
}
body.page-investment .investment-challenges .challenges-cta__subtitle, body.page-main .investment-challenges .challenges-cta__subtitle, body.page-credit .investment-challenges .challenges-cta__subtitle, body.page-influence .investment-challenges .challenges-cta__subtitle {
  text-align: center;
}
body.page-investment .investment-challenges .challenges-cta__subtitle::after, body.page-main .investment-challenges .challenges-cta__subtitle::after, body.page-credit .investment-challenges .challenges-cta__subtitle::after, body.page-influence .investment-challenges .challenges-cta__subtitle::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: clamp(16px, 2.2vh, 20px) auto 0;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(255,138,0,0) 0%, rgba(255,138,0,.65) 18%, rgba(255,106,0,.95) 50%, rgba(255,138,0,.65) 82%, rgba(255,138,0,0) 100%);
  box-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.04);
}




}body[data-page^="consumer-protection"] .investment-challenges {
  --why-bg: #1c1712;
  --why-overlay: linear-gradient(180deg, rgba(9, 7, 6, 0.35) 0%, rgba(10, 8, 6, 0.64) 54%, rgba(8, 6, 5, 0.85) 100%);
  --why-card-bg: rgba(37, 31, 27, 0.95);
  --why-card-border: rgba(244, 196, 147, 0.35);
  --why-text: #f9f4ec;
  --why-muted: rgba(244, 235, 224, 0.78);
  --why-text-strong: var(--why-text);
  --why-text-muted: var(--why-muted);
  --why-accent: #f2a856;
  --why-muted-soft: rgba(233, 224, 214, 0.6);
  --why-pill-bg: rgba(252, 237, 217, 0.08);
  --why-cta-bg: rgba(29, 24, 21, 0.94);
  --why-cta-border: rgba(244, 196, 147, 0.32);
  --why-card-shadow: 0 24px 60px rgba(3, 2, 1, 0.62);
  position: relative;
  padding: 110px 0 140px;
  color: var(--why-muted);
  background-color: var(--why-bg);
  background-image: linear-gradient(135deg, rgba(17, 13, 10, 0.86), rgba(10, 7, 6, 0.4)), url("./assets/block/people.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}
body[data-page^="consumer-protection"] .investment-challenges::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--why-overlay);
  pointer-events: none;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges > * {
  position: relative;
  z-index: 1;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-head {
  padding: clamp(20px, 2.4vw, 32px);
  border-radius: 24px;
  background: rgba(24, 20, 17, 0.6);
  border: 1px solid rgba(244, 196, 147, 0.28);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.55);
  max-width: 1120px;
  margin: 0 auto;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-grid {
  margin-top: clamp(32px, 3vw, 46px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.3vw, 30px);
}
body[data-page^="consumer-protection"] .investment-challenges .k-header__box::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: clamp(12px, 1.6vw, 20px);
  background: linear-gradient(90deg, rgba(243, 198, 141, 0), rgba(243, 198, 141, 0.5), rgba(243, 198, 141, 0));
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}
body[data-page^="consumer-protection"] .investment-challenges .k-title {
  color: var(--why-text-strong);
  text-shadow: 0 18px 32px rgba(0, 0, 0, 0.5);
}
body[data-page^="consumer-protection"] .investment-challenges .k-subtitle {
  color: var(--why-text-muted);
  opacity: 0.95;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card {
  position: relative;
  display: grid;
  grid-template-columns: clamp(92px, 9vw, 110px) 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "icon title"
    "icon body"
    "tag tag";
  gap: clamp(12px, 1.6vw, 20px) clamp(18px, 2.2vw, 30px);
  padding: clamp(24px, 2.4vw, 34px);
  border-radius: 22px;
  background: radial-gradient(620px 360px at 16% 12%, rgba(255, 255, 255, 0.12), rgba(255,255,255,0) 62%),
    radial-gradient(720px 420px at 110% 10%, rgba(242, 188, 140, 0.16), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
    linear-gradient(150deg, rgba(41, 35, 31, 0.88), rgba(28, 23, 20, 0.66)),
    var(--why-card-bg);
  border: 0;
  box-shadow: 0 30px 92px rgba(0,0,0,.62),
    0 12px 26px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 0 0 2px rgba(0,0,0,.22);
  color: var(--why-muted);
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.24s ease, border-color 0.28s ease;
  overflow: hidden;
  isolation: isolate;
  align-content: start;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 100% at 16% 10%, rgba(255,255,255,.22), rgba(255,255,255,0) 62%);
  opacity: .38;
  pointer-events: none;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card::after {
  content: "";
  position: absolute;
  inset: -10% -30%;
  background: linear-gradient(112deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.30) 48%, rgba(255,255,255,0) 66%);
  transform: translateX(-58%) skewX(-12deg);
  opacity: 0;
  transition: transform var(--perf-motion-medium, 320ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), opacity .2s ease;
  pointer-events: none;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card > * {
  position: relative;
  z-index: 1;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card h3 {
  grid-area: title;
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.12rem, 1.24vw, 1.42rem);
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--why-text);
  text-shadow: 0 14px 26px rgba(0, 0, 0, 0.45);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card p {
  grid-area: body;
  margin: 0;
  color: var(--why-muted);
  line-height: 1.6;
  font-size: 1rem;
  max-width: 46ch;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-foot {
  display: contents;
  margin: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-icon {
  grid-area: icon;
  align-self: flex-start;
  justify-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(92px, 8vw, 110px);
  height: clamp(92px, 8vw, 110px);
  margin: 0;
  padding: 0;
  border-radius: 22px;
  border: 1px solid var(--why-accent);
  background: transparent;
  box-shadow: none;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag {
  grid-area: tag;
  align-self: flex-end;
  justify-self: flex-end;
  margin: clamp(6px, 0.8vw, 12px) 0 0;
  padding: 9px 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--why-pill-bg);
  border: 1px solid rgba(244, 196, 147, 0.45);
  color: var(--why-text);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
@media (min-width: 900px){
body[data-page^="consumer-protection"] .investment-challenges {
  --glass-ivory: rgba(255, 246, 232, .92);
  --glass-ivory-2: rgba(255, 236, 210, .78);
  --glass-ink: rgba(18, 12, 10, .88);
  --glass-shadow: 0 16px 44px rgba(0,0,0,.42);
  --glass-shadow-soft: 0 10px 26px rgba(0,0,0,.28);
  --glass-blur: 16px;
  --glass-sat: 170%;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag {
  position: relative;
  isolation: isolate;
  color: var(--glass-ink);
  font-weight: 800;
  letter-spacing: .06em;
  border: 0;
  background: radial-gradient(180px 70px at 18% 25%, rgba(255,255,255,.96), rgba(255,255,255,0) 60%),
    radial-gradient(220px 90px at 85% 65%, rgba(255, 184, 110, .34), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.18)),
    linear-gradient(135deg, var(--glass-ivory), var(--glass-ivory-2));
  box-shadow: var(--glass-shadow-soft);
  text-shadow: 0 1px 0 rgba(255,255,255,.40);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
      from 220deg,
      rgba(255,255,255,.68),
      rgba(255,170,90,.42),
      rgba(255,255,255,.40),
      rgba(255,210,150,.36),
      rgba(255,255,255,.68)
    );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  opacity: .95;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 48%, rgba(255,255,255,0) 78%),
    linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,0) 45%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0px, rgba(255,255,255,.06) 1px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
  background-size: 220% 100%, 100% 100%, auto;
  background-position: -40% 0, 0 0, 0 0;
  transition: background-position .55s ease, opacity .18s ease;
  mix-blend-mode: soft-light;
  opacity: .52;
}
@media (hover:hover){
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag {
  transition: opacity .18s ease, background-position .55s ease;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag:hover {
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag:hover::after {
  background-position: 140% 0, 0 0, 0 0;
  opacity: .62;
}


}


}body[data-page^="consumer-protection"] .investment-challenges .challenges-cta {
  margin-top: clamp(46px, 4vw, 72px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(18px, 2.2vw, 28px);
  border-radius: 24px;
  padding: clamp(20px, 2.6vw, 32px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.16) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.30) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22), 0 10px 26px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
  backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
  position: relative;
  overflow: hidden;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__inner::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.05);
  pointer-events: none;
  opacity: 0.8;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__text .hero-form-divider {
  height: 2px;
  margin: 18px 0;
  background: linear-gradient(90deg, rgba(255, 140, 0, 0) 0%, rgba(255, 140, 0, 0.98) 14%, rgba(255, 168, 64, 0.88) 34%, rgba(255, 140, 0, 0.40) 62%, rgba(255, 140, 0, 0) 100%);
  box-shadow: 0 0 18px rgba(255, 140, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  opacity: 0.82;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__title {
  color: var(--why-text-strong);
  text-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
  max-width: 34ch;
  text-wrap: balance;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__subtitle {
  color: var(--why-text-muted);
  line-height: 1.62;
  max-width: 42ch;
  text-wrap: balance;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__field span {
  color: var(--why-muted-soft);
  letter-spacing: 0.04em;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__field input {
  color: var(--why-text);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__field input::placeholder {
  color: rgba(233, 226, 216, 0.5);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__field input:focus {
  border-color: var(--why-accent);
  box-shadow: 0 0 0 1px rgba(242, 168, 86, 0.42);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn {
  background: linear-gradient(130deg, #f9deb6 0%, #f2a856 55%, #f8d4a0 100%);
  border: 1px solid rgba(188, 128, 78, 0.5);
  color: #2b190d;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.55);
  transition: box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
  animation: none;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.typing-complete, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.click-ripple, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.typing-complete, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.click-ripple {
  animation: none !important;
  filter: none !important;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn:focus-visible, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(242, 168, 86, 0.52), 0 16px 44px rgba(0, 0, 0, 0.55);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn:active, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn:active {
  transform: translateY(0);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn .faq-ask-btn__icon, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn .faq-ask-btn__icon {
  border-radius: 999px;
  border: 1px solid rgba(188, 128, 78, 0.35);
  background: rgba(43, 29, 18, 0.08);
  color: inherit;
}
body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.typing-complete::before, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.typing-complete::after, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.click-ripple::before, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn.click-ripple::after, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.typing-complete::before, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.typing-complete::after, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.click-ripple::before, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn.click-ripple::after {
  content: none !important;
  animation: none !important;
  opacity: 0 !important;
}
body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn .ripple, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn .ripple {
  display: none !important;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn::before, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn::after, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn::before, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn::after {
  content: none;
}
@media (hover:hover) and (pointer:fine){
body[data-page^="consumer-protection"] .investment-challenges .challenge-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
  border-color: rgba(244, 196, 147, 0.5);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card:hover::after {
  opacity: .45;
  transform: translateX(62%) skewX(-12deg);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__btn:hover, body[data-page^="consumer-protection"] .investment-challenges .faq-ask-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.58);
}



}
@media (max-width: 980px){
body[data-page^="consumer-protection"] .investment-challenges .challenges-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 24px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-head {
  padding: clamp(16px, 3vw, 22px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card {
  grid-template-columns: minmax(72px, 88px) 1fr;
  gap: clamp(12px, 2vw, 18px) clamp(16px, 2.6vw, 24px);
  padding: clamp(22px, 3vw, 30px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-icon {
  width: clamp(72px, 10vw, 88px);
  height: clamp(72px, 10vw, 88px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__inner {
  grid-template-columns: 1fr;
  max-width: min(560px, 94%);
  margin-left: auto;
  margin-right: auto;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__title, body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__subtitle {
  text-align: left;
}



}
@media (max-width: 520px){
body[data-page^="consumer-protection"] .investment-challenges {
  padding: 92px 0 110px;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-grid {
  grid-template-columns: 1fr;
  gap: clamp(16px, 4vw, 22px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card {
  grid-template-columns: minmax(56px, 64px) 1fr;
  border-radius: 20px;
  padding: clamp(18px, 4vw, 24px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-icon {
  width: clamp(58px, 14vw, 72px);
  height: clamp(58px, 14vw, 72px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-tag {
  width: 100%;
  justify-content: center;
  justify-self: stretch;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__inner {
  padding: clamp(16px, 4vw, 24px);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-cta__form {
  padding: clamp(12px, 4vw, 18px);
}



}/* KG glass block */ .kg-difficulty {
  overflow-x: clip;
}
.kg-difficulty .challenges-head {
  display: none;
}
.kg-difficulty > .section-container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.kg-difficulty .kg-difficulty__grid > .kg-glass {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.kg-glass {
  --glass-bg-dark: #22160f;
  --glass-bg-soft: rgba(254, 247, 238, 0.78);
  --glass-text-strong: #2b1b10;
  --glass-text: rgba(46, 30, 20, 0.92);
  --glass-muted: rgba(240, 230, 218, 0.85);
  --glass-border: rgba(210, 184, 160, 0.42);
  --glass-border-strong: rgba(214, 182, 152, 0.55);
  --glass-highlight: rgba(255, 255, 255, 0.88);
  --glass-tag-bg: rgba(255, 255, 255, 0.82);
  --glass-tag-border: rgba(196, 168, 144, 0.42);
  --glass-shadow: 0 32px 110px rgba(14, 8, 4, 0.45);
  --glass-card-bg: rgba(255, 255, 255, 0.8);
  --glass-accent: #de9550;
  position: relative;
  padding: clamp(54px, 6.0vw, 100px) 0 clamp(60px, 7.0vw, 110px);
  background: radial-gradient(130% 90% at 12% 12%, rgba(84, 48, 30, 0.35), transparent 55%), radial-gradient(100% 55% at 80% 0%, rgba(255, 165, 91, 0.12), transparent 70%), linear-gradient(180deg, rgba(10, 6, 4, 0.92) 0%, rgba(27, 16, 11, 0.82) 20%, rgba(52, 32, 21, 0.55) 52%, rgba(255, 252, 248, 0.82) 100%);
  overflow: hidden;
  color: var(--glass-text);
  isolation: isolate;
}
.kg-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("./assets/block/people.webp");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0.78;
  pointer-events: none;
  z-index: 0;
}
.kg-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(7, 4, 3, 0.92) 0%, rgba(20, 12, 8, 0.65) 30%, rgba(40, 26, 18, 0.48) 72%, rgba(255, 252, 248, 0.78) 100%), radial-gradient(55% 40% at 82% 18%, rgba(255, 190, 140, 0.25), transparent 72%), radial-gradient(65% 55% at 16% 100%, rgba(255, 216, 170, 0.2), transparent 70%);
  opacity: 0.9;
}
.kg-glass .section-container {
  position: relative;
  z-index: 1;
}
.kg-glass__head {
  width: 100%;
  max-width: min(760px, 100%);
  margin: 0 0 clamp(32px, 4vw, 42px);
  text-align: left;
  box-sizing: border-box;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.kg-glass .k-title {
  color: rgba(255, 248, 242, 0.98);
  font-size: clamp(2.2rem, 3.3vw, 3.6rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: clamp(12px, 1.4vw, 18px);
  text-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}
.kg-glass .k-subtitle {
  color: rgba(255, 244, 234, 0.82);
  display: block;
  max-width: min(64ch, 100%);
  background: transparent;
  border-radius: 0;
  padding: 0 0 0 clamp(16px, 1.8vw, 24px);
  border: 0;
  box-shadow: none;
}
.kg-glass__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.8vw, 34px);
  margin: 0;
  align-items: stretch;
}
.kg-glass-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(24px, 2.6vw, 34px);
  border-radius: 26px;
  isolation: isolate;
  background: radial-gradient(120% 140% at 0% 0%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 56%),
    radial-gradient(90% 120% at 100% 0%, rgba(255, 174, 98, 0.12) 0%, rgba(255, 174, 98, 0) 60%),
    radial-gradient(120% 120% at 50% 120%, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 62%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.06) 45%, rgba(255, 255, 255, 0.03) 100%);
  background-color: rgba(255, 249, 240, 0.9);
  border: 0;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  min-height: 280px;
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.24s ease, border-color 0.28s ease;
}
.kg-glass-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.14) 42%, rgba(255,174,98,.18) 72%, rgba(255,255,255,.46));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.78;
  z-index: 0;
}
.kg-glass-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(110% 80% at 14% 10%, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 58%),
    radial-gradient(70% 60% at 88% 18%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 62%),
    radial-gradient(60% 46% at 84% 80%, rgba(255, 210, 172, 0.16), transparent 72%),
    linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.10) 44%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 45%);
  opacity: 0.62;
  pointer-events: none;
  z-index: 0;
  transition: opacity .2s ease, transform var(--perf-motion-medium, 320ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1));
  transform: translateX(0);
}
.kg-glass-card__title, .kg-glass-card__text, .kg-glass-card__foot {
  position: relative;
  z-index: 1;
}
.kg-glass-card__badge {
  display: none;
}
.kg-glass-card__title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.08rem, 1.24vw, 1.32rem);
  color: #ffae62;
  text-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  line-height: 1.25;
}
.kg-glass-card__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.55;
  flex: 1;
}
.kg-glass-card__foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  padding-right: 112px;
}
.kg-glass-card__tag {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 188, 130, 0.62);
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.92), rgba(255, 238, 222, 0.86));
  background-color: rgba(255, 248, 236, 0.95);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: rgba(26, 14, 6, 0.92);
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 8px 18px rgba(8, 3, 0, 0.22);
  width: max-content;
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  line-height: 1.28;
}
.kg-glass-card__icon {
  z-index: 2;
  width: 104px;
  height: 104px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: visible;
}
.kg-glass-card__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 82px 82px;
  transform-origin: 100% 100%;
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.kg-glass-card__icon img {
  opacity: 0;
  display: none;
}
.kg-glass-card:nth-child(1) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s1.webp");
}
.kg-glass-card:nth-child(2) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s2.webp");
}
.kg-glass-card:nth-child(3) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s3.webp");
}
.kg-glass-card:nth-child(4) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s4.webp");
}
.kg-glass-card:nth-child(5) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s5.webp");
}
.kg-glass-card:nth-child(6) .kg-glass-card__icon::after {
  background-image: url("./assets/icons/s6.webp");
}
.kg-glass__cta {
  margin-top: clamp(28px, 3.5vw, 46px);
}
/* KG form band glass – block 5 */ .kg-glass__cta-inner, .investment-challenges .challenges-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(14px, 1.6vw, 22px);
  border-radius: 32px;
  padding: clamp(18px, 2.2vw, 28px);
  width: min(100%, 1100px);
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.16) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.30) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22), 0 10px 26px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
  backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.kg-glass__cta-inner::before, .investment-challenges .challenges-cta__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: none !important;
  pointer-events: none;
  opacity: 0 !important;
}
.kg-glass__cta-inner::after, .investment-challenges .challenges-cta__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: none !important;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: 0 !important;
}
.kg-glass__cta-text {
  position: relative;
  z-index: 1;
  color: rgba(44, 30, 20, 0.92);
  margin-left: clamp(12px, 1.5vw, 26px);
}
.kg-glass__cta-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  color: var(--glass-text-strong);
  max-width: 34ch;
  text-wrap: balance;
}
.kg-glass__cta-subtitle {
  margin: 18px 0 0;
  color: rgba(32, 20, 12, 0.84);
  font-size: clamp(1.12rem, 1.35vw, 1.26rem);
  line-height: 1.62;
  font-weight: 600;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  max-width: 42ch;
  text-wrap: balance;
}
.kg-glass__cta .hero-form-divider {
  height: 2px;
  margin: clamp(12px, 1.6vw, 18px) 0;
  width: 100%;
  max-width: clamp(220px, 48%, 340px);
  background: linear-gradient(90deg, rgba(255, 140, 0, 0) 0%, rgba(255, 140, 0, 0.98) 14%, rgba(255, 168, 64, 0.88) 34%, rgba(255, 140, 0, 0.40) 62%, rgba(255, 140, 0, 0) 100%);
  box-shadow: 0 0 26px rgba(255, 140, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.26);
  opacity: 0.95;
}
.kg-glass__form, .investment-challenges .challenges-cta__form {
  position: relative;
  z-index: 1;
  border-radius: 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 2vw, 26px);
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  justify-self: end;
  margin-left: auto;
}
.kg-glass__form {
  margin: 0;
  margin-top: clamp(4px, 0.6vw, 8px);
  margin-bottom: clamp(4px, 0.6vw, 8px);
  margin-left: clamp(8px, 1vw, 14px);
  margin-right: clamp(2px, 0.4vw, 6px);
  padding: clamp(16px, 2vw, 24px);
  border-radius: clamp(18px, 2.2vw, 28px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.18) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 18px 50px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: var(--perf-fx-cta-form-backdrop, none) !important;
  backdrop-filter: var(--perf-fx-cta-form-backdrop, none) !important;
  width: 100%;
  align-self: stretch;
  box-sizing: border-box;
  min-height: calc(100% - clamp(10px, 1.4vw, 18px));
  gap: clamp(16px, 1.6vw, 22px);
}
.kg-glass__btn {
  border-radius: 16px;
}
.kg-glass__disclaimer {
  margin: clamp(8px, 1vw, 12px) 0 0;
  padding: clamp(8px, 1.2vw, 12px) clamp(10px, 1.6vw, 16px);
  font-size: 0.94rem;
  color: rgba(255, 245, 236, 0.9);
  text-align: center;
  opacity: 1;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
  background: rgba(5, 4, 4, 0.36);
  border-radius: 14px;
  backdrop-filter: var(--perf-fx-cta-disclaimer-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-cta-disclaimer-backdrop, none);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kg-glass__fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 1.5vw, 18px);
  margin-top: clamp(8px, 1.2vw, 12px);
  width: 100%;
  box-sizing: border-box;
}
.kg-glass__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 1rem;
  color: rgba(42, 28, 18, 0.82);
  width: 100%;
}
.kg-glass__field span {
  font-weight: 650;
  font-size: 1.06rem;
  letter-spacing: 0.03em;
}
.kg-glass__field input, .investment-challenges .challenges-cta__field input {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.30));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 26px rgba(0,0,0,0.10);
  color: rgba(24, 16, 10, 0.92);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}
.kg-glass__field input:hover, .investment-challenges .challenges-cta__field input:hover {
  border-color: rgba(255, 255, 255, 0.52);
}
.kg-glass__field input::placeholder {
  color: rgba(40, 26, 18, 0.55);
}
.kg-glass__field input:focus, .kg-glass__field input.is-typing, .investment-challenges .challenges-cta__field input:focus, .investment-challenges .challenges-cta__field input.is-typing {
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 0 0 1px rgba(255, 150, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 14px 34px rgba(0,0,0,0.14);
  outline: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.30));
  color: #ff9800 !important;
  -webkit-text-fill-color: #ff9800 !important;
  caret-color: #ff9800 !important;
}
/* Ensure inputs win over global form UX styles */ .kg-glass .kg-glass__field input {
  -webkit-text-fill-color: rgba(24, 16, 10, 0.92);
}
.kg-glass form:not([data-no-ux]):not([data-keis-ux="off"]) .kg-glass__field input {
  color: rgba(24, 16, 10, 0.92);
  -webkit-text-fill-color: rgba(24, 16, 10, 0.92);
}
.kg-glass form:not([data-no-ux]):not([data-keis-ux="off"]) .kg-glass__field input::placeholder {
  color: rgba(40, 26, 18, 0.55);
}
.kg-glass__field input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: rgba(250, 245, 238, 0.8);
}
.kg-glass .kg-glass__btn {
  width: 100%;
  min-height: clamp(54px, 5.6vw, 64px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(120% 120% at 18% 10%, rgba(255,255,255,0.72), transparent 56%),
    linear-gradient(135deg, rgba(255, 236, 210, 0.88) 0%, rgba(255, 182, 100, 0.86) 46%, rgba(255, 140, 0, 0.88) 100%);
  background-color: rgba(255, 216, 170, 0.94);
  border: 1px solid rgba(255, 166, 86, 0.55);
  color: rgba(26, 14, 8, 0.92) !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 20px 50px rgba(14, 6, 2, 0.34);
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.22s ease, background-color 0.22s ease, opacity 0.22s ease;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-top: clamp(6px, 0.8vw, 10px);
  isolation: isolate;
}
.kg-glass .kg-glass__btn.kg-block5-light::before {
  content: "";
  position: absolute;
  left: var(--hand-light-x, 62%);
  top: var(--hand-light-y, 56%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(255, 192, 132, 0.48) 0%, rgba(255, 160, 90, 0.22) 46%, rgba(255, 136, 60, 0.08) 70%, transparent 100%);
  transform: translate(-50%, -50%);
  animation: kgHandLightPulse 0.42s ease-out forwards;
  mix-blend-mode: screen;
  filter: blur(1.2px);
  z-index: 0;
}
.kg-glass .kg-glass__btn > * {
  position: relative;
  z-index: 1;
}
.kg-glass .kg-glass__btn:not(.typing-complete):not(.click-ripple)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.kg-glass .kg-glass__btn .faq-ask-btn__icon {
  color: inherit;
  border-radius: 999px;
  border: 1px solid rgba(170, 112, 70, 0.22);
  background: rgba(255, 255, 255, 0.28);
}
.kg-glass .kg-glass__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 176, 103, 0.7), 0 32px 76px rgba(22, 12, 6, 0.37);
}
@media (hover: hover){
.kg-glass-card {
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.24s ease, border-color 0.25s ease;
}
.kg-glass-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.36);
}
.kg-glass-card:hover::after {
  opacity: .74;
  transform: translateX(2%);
}
.kg-glass-card:hover .kg-glass-card__icon::after {
  transform: translateY(-1px) scale(1.04);
}
.kg-glass .kg-glass__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 52px rgba(10, 4, 1, 0.38);
}
.kg-glass .kg-glass__btn:not(.typing-complete):not(.click-ripple):hover::after {
  opacity: 1;
}



}/* kg-glass: typing caret styling to match orange typed text */ .kg-glass form:not([data-no-ux]) .kg-glass__field input.is-typing::after, .kg-glass form:not([data-no-ux]) .kg-glass__field textarea.is-typing::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1.1em;
  background: #ff9800;
  opacity: 0.92;
  animation: keisTypingCaret 1s steps(2,start) infinite;
  right: 14px;
}
@media (max-width: 1024px){
.kg-glass__cta-inner, .investment-challenges .challenges-cta__inner {
  grid-template-columns: 1fr;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.kg-glass__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



}
@media (max-width: 980px){
.kg-glass__cta-inner, .investment-challenges .challenges-cta__inner {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.16) 100%) !important;
  -webkit-backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
  backdrop-filter: var(--perf-fx-cta-band-backdrop, none) !important;
}
.kg-glass__form, .investment-challenges .challenges-cta__form {
  max-width: none;
  margin-left: 0;
  justify-self: stretch;
}



}
@media (min-width: 700px){
.kg-glass__fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(12px, 1.4vw, 18px);
  row-gap: clamp(10px, 1vw, 14px);
}



}
@media (max-width: 720px){
.kg-glass {
  padding: clamp(54px, 12vw, 90px) 0 clamp(62px, 13vw, 110px);
}
.kg-glass .k-subtitle {
  display: inline-block;
  margin-top: 16px;
}
.kg-glass__grid {
  grid-template-columns: 1fr;
}
.kg-glass-card {
  min-height: 0;
}
.kg-glass__fields {
  grid-template-columns: 1fr;
}



}
@media (max-width: 520px){
.kg-glass-card {
  padding: clamp(18px, 4vw, 26px);
  border-radius: 20px;
}
.kg-glass-card__foot {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 88px;
}
.kg-glass-card__tag {
  max-width: 100%;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}
.kg-glass-card__icon {
  width: 80px;
  height: 80px;
  right: 0;
  bottom: 0;
}
.kg-glass-card__icon::after {
  background-size: 64px 64px;
}
.kg-glass__cta-inner {
  padding: clamp(20px, 5vw, 28px);
}
.kg-glass__form {
  padding: 0;
}
.kg-glass .kg-glass__btn {
  min-height: 56px;
}



}body.page-investment .investment-scenarios, body.page-main .investment-scenarios, body.page-credit .investment-scenarios, body.page-influence .investment-scenarios {
  --scenarios-bottom-gap: 0px;
  padding: 88px 0 0;
  background-color: var(--bg0);
  background-image: radial-gradient(ellipse at 50% 45%, rgba(0,0,0,0.13) 0%, rgba(0,0,0,0.48) 75%, rgba(0,0,0,0.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0.22) 45%, rgba(0,0,0,0.40) 100%),
    url("./assets/block/kazan4.webp");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 140% 125%, 120% 140%, cover;
  background-position: 50% 0, 50% 0, 50% 12%;
  position: relative;
  overflow: visible;
  z-index: 1;
  min-height: 0;
  padding-bottom: clamp(22px, 3vw, 46px);
}
@media (max-width: 980px){
body.page-investment .investment-scenarios, body.page-main .investment-scenarios, body.page-credit .investment-scenarios, body.page-influence .investment-scenarios {
  background-size: 190% 110%, 150% 125%, 240% auto;
  background-position: 50% -10%, 50% -8%, 50% 6%;
  padding-bottom: clamp(8px, 2.4vw, 22px);
}



}body.page-investment .investment-scenarios .scenarios-band-controls, body.page-main .investment-scenarios .scenarios-band-controls, body.page-credit .investment-scenarios .scenarios-band-controls, body.page-influence .investment-scenarios .scenarios-band-controls {
  margin-top: clamp(14px, 2vw, 22px);
  margin-bottom: clamp(18px, 2.6vw, 34px);
  bottom: auto;
}
body.page-investment .scenarios-trust-bridge, body.page-main .scenarios-trust-bridge, body.page-credit .scenarios-trust-bridge, body.page-influence .scenarios-trust-bridge {
  position: relative;
  z-index: 20;
  margin-top: calc(-1 * clamp(60px, 8vw, 90px));
  margin-bottom: calc(-1 * clamp(60px, 8vw, 90px));
  min-height: clamp(90px, 12vw, 180px);
  padding: clamp(45px, 6vw, 90px) 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  transform: none;
  background: radial-gradient(ellipse 120% 80% at 50% 40%, rgba(255, 180, 100, 0.10) 0%, rgba(255, 140, 60, 0.06) 42%, rgba(255, 120, 40, 0.02) 72%, rgba(255,255,255,0.0) 100%), linear-gradient(180deg, rgba(250,246,240,0.92) 0%, rgba(255,255,255,0.88) 45%, rgba(247,242,235,0.92) 100%);
  border-top: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(120,90,60,0.10);
  box-shadow: 0 14px 36px rgba(120,90,60,0.16);
}
:root {
  --bg0: #050303;
  --bg1: #140b07;
  --text: #f5f1ea;
  --muted: rgba(244,236,224,.80);
  --glass: rgba(20,12,8,.70);
  --glass2: rgba(18,10,6,.86);
  --orange: #ff7600;
  --orange2: #ff9600;
  --gold: #ff9600;
  --amber: #ff5f00;
  --accent-orange: #ff7600;
  --keis-orange: #ff8a2a;
  --keis-orange-strong: #ff7600;
  --warmShadow: 0 22px 60px rgba(0,0,0,.78);
  --shadow: 0 18px 48px rgba(0,0,0,.60);
  --shadow2: 0 26px 70px rgba(0,0,0,.72);
  --header-h: 78px;
  --keis-header-h: var(--header-h, 78px);
  --keis-header-z: 2000;
  --hero-form-scale: 1.06;
  --stories-arrows-shift: clamp(40px, 5vw, 140px);
  --field-radius: 14px;
  --app-vh: 1vh;
  --app-viewport: 100vh;
  /* SSOT: unified overlay profile for contact/success modals. */
  --keis-modal-overlay-bg: linear-gradient(135deg, rgba(45, 32, 24, 0.58), rgba(30, 22, 17, 0.62)), radial-gradient(120% 120% at 18% 6%, rgba(255, 186, 128, 0.30) 0%, rgba(255, 162, 106, 0.18) 36%, rgba(23, 16, 12, 0.54) 72%, rgba(12, 9, 7, 0.72) 100%), url("./assets/block/okno.webp");
  --keis-success-modal-overlay-bg: linear-gradient(135deg, rgba(22, 15, 11, 0.86), rgba(12, 9, 7, 0.90)), radial-gradient(120% 120% at 18% 6%, rgba(180, 118, 78, 0.20) 0%, rgba(126, 82, 56, 0.16) 30%, rgba(12, 9, 7, 0.78) 68%, rgba(7, 5, 4, 0.92) 100%), url("./assets/block/okno.webp");
  --keis-modal-overlay-backdrop: none;
}
* {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h, 72px) + 14px);
}
html.success-modal-open, html.no-smooth-scroll {
  scroll-behavior: auto !important;
}
html,
body {
  font-family: var(--font-heading);
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: var(--text);
  background: radial-gradient(1100px 600px at 18% 10%, rgba(255,146,0,.11), transparent 60%), radial-gradient(900px 520px at 90% 80%, rgba(255,146,0,.09), transparent 65%), linear-gradient(180deg, var(--bg0), var(--bg1) 40%, var(--bg0));
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s ease;
}
a {
  color: inherit;
  transition: color 0.2s ease, opacity 0.2s ease;
}
button,input,textarea {
  font: inherit;
}
.section-container {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
}
.section-title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(2.0rem, 3.2vw, 2.8rem);
  line-height: 1.05;
  margin: 0;
}
.section-subtitle {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: clamp(1.02rem, 1.2vw, 1.12rem);
  line-height: 1.45;
}
.k-title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(2.0rem, 3.2vw, 2.8rem);
  line-height: 1.08;
  margin: 0;
  color: rgba(244,241,235,.98);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}
.k-title__mark, .k-title_mark, .hero-title-mark {
  position: relative;
  display: inline-block;
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 900;
  letter-spacing: -0.01em;
  z-index: 1;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20);
}
.k-title__mark::before, .k-title_mark::before, .hero-title-mark::before {
  display: none;
  content: none;
}
@media (hover: hover){
.k-title__mark:hover, .k-title_mark:hover, .hero-title-mark:hover {
}



}
.k-subtitle {
  .kg-hero-accent{
  background: linear-gradient(90deg, #FF7A18 0%, #FFB000 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: rgba(248,242,234,0.88);
  font-weight: 500;
  white-space: normal;
  }
  margin: clamp(10px, 1.6vw, 18px) 0 0;
  font-size: clamp(1.02rem, 1.18vw, 1.15rem);
  line-height: 1.48;
  text-wrap: balance;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 100%;
  max-width: min(64ch, 100%);
  padding: 0 0 0 clamp(14px, 1.5vw, 22px);
  text-shadow: 0 8px 18px rgba(0,0,0,0.35);
  letter-spacing: 0.01em;
  position: relative;
}
section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .section-header, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .kf-flags__header, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .challenges-head, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .trust-header {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1vw, 12px);
  position: relative;
  width: 100%;
  max-width: min(760px, 100%);
  padding: 0;
  margin: 0 0 clamp(28px, 3vw, 40px);
  text-align: left;
}
.section-header, .kf-flags__header, .challenges-head, .trust-header {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1vw, 12px);
  position: relative;
  width: 100%;
  max-width: min(760px, 100%);
  padding: 0;
  margin: 0 0 clamp(28px, 3vw, 40px);
  background: transparent;
  border: 0;
  box-shadow: none;
}
.k-title::before, .section-title::before, .trust-title::before {
  display: none;
  content: none;
}
.k-subtitle, .section-subtitle, .trust-subtitle, .challenges-subtitle {
  position: relative;
  margin: clamp(10px, 1.4vw, 18px) 0 0;
  padding: 0 0 0 clamp(14px, 1.5vw, 22px);
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(248,242,234,0.88);
  line-height: 1.48;
  display: block;
  max-width: min(64ch, 100%);
  text-shadow: 0 8px 18px rgba(0,0,0,0.35);
  letter-spacing: 0.01em;
}
body > section:not(:first-of-type) .k-subtitle,
body > section:not(:first-of-type) .section-subtitle,
body > section:not(:first-of-type) .trust-subtitle,
body > section:not(:first-of-type) .challenges-subtitle {
  padding-left: clamp(18px, 1.9vw, 26px);
}
.k-subtitle::before, .section-subtitle::before, .trust-subtitle::before, .challenges-subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  bottom: 0.25em;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,204,147,0.98), rgba(255,124,34,0.75));
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 14px 28px rgba(0,0,0,0.35);
  pointer-events: none;
}
.section-header {
  isolation: auto !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  margin: 0 0 clamp(28px, 3vw, 40px) 0;
  padding: 0;
  border-radius: 0;
}
.trust-header, .kf-flags__header, .challenges-head {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1vw, 12px);
  max-width: min(760px, 100%);
  margin: 0 0 clamp(28px, 3vw, 40px);
  padding: 0;
}
.section-header.k-header, .trust-header.k-header, .kf-flags__header.k-header, .challenges-head.k-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.k-header__box .trust-title {
  margin: 0 0 12px 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.k-header__box .trust-subtitle::after, .k-header__box .k-subtitle::after, .k-header__box .section-subtitle::after {
  display: none !important;
  content: none !important;
}
.section-header::before {
  content: none;
}
section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .trust-header::before, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .kf-flags__header::before, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .challenges-head::before {
  content: none;
}
.k-header__box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1vw, 16px);
  width: 100%;
  max-width: min(960px, 100%);
  padding: clamp(22px, 2.6vw, 34px) clamp(22px, 2.6vw, 34px) clamp(24px, 2.8vw, 36px);
  border-radius: clamp(18px, 2.8vw, 32px);
  background: rgba(28, 18, 11, 0.32);
  border: 1px solid rgba(255, 120, 32, 0.78);
  box-shadow: 0 24px 64px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.12);
  text-align: left;
  align-items: flex-start;
  margin: 0;
  isolation: isolate;
}
.k-header__box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(120% 100% at 16% 10%, rgba(255, 210, 150, 0.32), transparent 55%), radial-gradient(140% 200% at 82% 0%, rgba(255,255,255,0.24), transparent 70%), linear-gradient(180deg, rgba(12,8,6,0.25), rgba(18,12,8,0.16));
  z-index: 0;
  pointer-events: none;
}
.k-header__box::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(140deg, rgba(255, 120, 10, 0.92), rgba(255, 162, 52, 0.88), rgba(255, 214, 164, 0.94));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.section-header > * {
  position: relative;
  z-index: 2;
}
.trust-header > *, .kf-flags__header > *, .challenges-head > *, .k-header__box > * {
  position: relative;
  z-index: 2;
}
.section-header .k-title, .section-header .section-title, .trust-header .trust-title, .kf-flags__header .k-title, .challenges-head .k-title, .k-header__box .k-title, .k-header__box .trust-title {
  margin: 0 0 12px 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.k-header__box .k-subtitle::after, .k-header__box .trust-subtitle::after, .k-header__box .section-subtitle::after {
  display: none !important;
  content: none !important;
}
@media (max-width: 900px){
.section-header, .trust-header, .kf-flags__header, .challenges-head {
  padding: 0;
  margin-left: 0;
}



}
@media (max-width: 520px){
.section-header, .trust-header, .kf-flags__header, .challenges-head {
  padding: 0;
  margin-left: 0;
  gap: clamp(6px, 2vw, 10px);
}



}
@media (min-width: 481px) and (max-width: 768px){
.k-header__box .k-title, .k-header__box .trust-title {
  max-width: 32ch;
  text-wrap: balance;
  white-space: normal;
  line-height: 1.15;
  word-break: normal;
  overflow-wrap: break-word;
}
.k-header__box .k-subtitle, .k-header__box .trust-subtitle {
  max-width: 48ch;
  text-wrap: balance;
  white-space: normal;
  line-height: 1.5;
  word-break: normal;
  overflow-wrap: break-word;
}



}
@media (max-width: 768px){
.k-header__box .k-title, .k-header__box .trust-title {
  max-width: 28ch;
  text-wrap: balance;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  line-height: 1.2;
  letter-spacing: -0.01em;
  word-break: normal;
  overflow-wrap: break-word;
}
.k-header__box .k-subtitle, .k-header__box .trust-subtitle {
  max-width: 42ch;
  text-wrap: balance;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  line-height: 1.5;
  letter-spacing: 0.01em;
  word-break: normal;
  overflow-wrap: break-word;
}



}
@media (max-width: 480px){
.k-header__box .k-title, .k-header__box .trust-title {
  max-width: 24ch;
  font-size: clamp(1.5rem, 5vw, 1.75rem);
  line-height: 1.18;
}
.k-header__box .k-subtitle, .k-header__box .trust-subtitle {
  max-width: 36ch;
  font-size: clamp(0.95rem, 4vw, 1.05rem);
  line-height: 1.52;
}



}
@media (max-width: 640px){
.k-header__box {
  padding: clamp(16px, 6vw, 22px) clamp(16px, 6vw, 22px) clamp(18px, 6.4vw, 24px);
  border-radius: 20px;
}



}
.hero-investment .section-header::before, .hero-v2 .section-header::before, .investment-hero .section-header::before, .hero-investment .kf-flags__header::before, .hero-v2 .kf-flags__header::before, .investment-hero .kf-flags__header::before, .hero-investment .challenges-head::before, .hero-v2 .challenges-head::before, .investment-hero .challenges-head::before, .hero-investment .trust-header::before, .hero-v2 .trust-header::before, .investment-hero .trust-header::before {
  display: none;
  content: none;
}
.keis-header .section-header::before, .keis-header .kf-flags__header::before, header .section-header::before, header .kf-flags__header::before, footer .section-header::before, footer .kf-flags__header::before, .investment-footer .section-header::before, .investment-footer .kf-flags__header::before {
  display: none;
  content: none;
}
section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .k-title, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .section-title, section:not(.hero-investment):not(.hero-v2):not(.investment-hero) .trust-title {
  position: relative;
  z-index: 2;
  color: rgba(244,241,235,.96);
  font-weight: 900;
}
section:not(.hero-investment):not(.hero-v2):not(.investment-hero):not(.investment-find) .k-subtitle, section:not(.hero-investment):not(.hero-v2):not(.investment-hero):not(.investment-find) .section-subtitle, section:not(.hero-investment):not(.hero-v2):not(.investment-hero):not(.investment-find) .trust-subtitle {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: min(64ch, 100%);
  color: rgba(248,242,234,0.88);
  opacity: 1;
}
@media (max-width: 600px){
.section-header, .kf-flags__header, .challenges-head, .trust-header {
  gap: clamp(6px, 1vw, 10px);
}



}
@media (max-width:520px){
.section-container {
  width: min(1280px, calc(100% - 28px));
}
}
:root {
  --keis-header-h: 78px;
  --keis-header-z: 3000;
}
@media (max-width: 980px) {
  :root {
    --keis-header-h: 72px;
  }
}
.keis-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--keis-header-h);
  min-height: var(--keis-header-h);
  max-height: var(--keis-header-h);
  z-index: var(--keis-header-z);
  background: linear-gradient(180deg, rgba(10, 12, 16, 0.97) 0%, rgba(8, 10, 14, 0.95) 60%, rgba(6, 8, 12, 0.93) 100%);
  border-bottom: 1px solid rgba(255, 170, 70, 0.12);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  overflow: visible;
}
.keis-header-inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-inline: 12px;
}
.keis-header-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex: 0 0 auto;
}
.keis-header-logo img {
  height: 56px;
  width: auto;
  display: block;
}
.keis-header-nav {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.keis-header-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.keis-header-nav-list a {
  text-decoration: none;
  color: rgba(244,241,235,0.92);
  font-weight: 650;
  font-size: clamp(0.84rem, 1vw, 0.94rem);
  white-space: nowrap;
  transition: color 0.18s ease;
}
.keis-header-nav-list a:hover,
.keis-header-nav-list a[aria-current="page"] {
  color: var(--accent, #ff8a1f);
}
.keis-header-nav-list > li.has-children {
  position: relative;
}
.keis-header-nav-list a[data-submenu-trigger] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.keis-header-nav-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  min-width: 260px;
  max-width: clamp(260px, 26vw, 420px);
  padding: 14px;
  margin: 0;
  list-style: none;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(16,18,22,0.98) 0%, rgba(12,14,18,0.94) 100%);
  border: 1px solid rgba(255,170,70,0.14);
  box-shadow: 0 20px 80px rgba(0,0,0,0.6);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: calc(var(--keis-header-z) + 40);
}
.keis-header-nav-dropdown a {
  display: block;
  padding: 10px 14px;
  margin: 6px 0;
  border-radius: 8px;
}
.keis-header-nav-list > li.has-children.is-open > .keis-header-nav-dropdown {
  display: block;
}
@media (max-width: 980px), (prefers-reduced-motion: reduce) {
  .keis-header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
  }
  .keis-header-nav-dropdown {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.48);
  }
}
@media (max-width: 980px) {
  .keis-header,
  .keis-header *:not(img):not(svg),
  .kg-mm__panel,
  .kg-mm__panel *:not(img):not(svg) {
    font-family: var(--font-ui);
  }
}
.keis-header-center {
  display: flex;
  align-items: center;
  min-width: 0;
}
.keis-header-contacts {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  white-space: nowrap;
}
.keis-header-icon {
  display: none;
}
.keis-header-phone-text,
.keis-header-telegram-text {
  font-size: clamp(0.84rem, 1vw, 0.98rem);
  line-height: 1.15;
  font-weight: 600;
  color: rgba(244,241,235,0.92);
  text-decoration: none;
}
.keis-header-phone-text::before,
.keis-header-telegram-link::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background: var(--keis-orange);
  -webkit-mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 20px 20px;
  mask-repeat: no-repeat;
  mask-position: center;
}
.keis-header-phone-text::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
}
.keis-header-telegram-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.04 15.52 8.9 19.3c.57 0 .82-.25 1.12-.54l2.69-2.58 5.57 4.08c1.02.56 1.75.27 2.01-.94l3.64-17.07c.34-1.58-.57-2.2-1.56-1.83L1.23 9.24c-1.52.59-1.49 1.44-.26 1.82l5.94 1.85L20.8 4.65c.65-.42 1.24-.19.75.23'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.04 15.52 8.9 19.3c.57 0 .82-.25 1.12-.54l2.69-2.58 5.57 4.08c1.02.56 1.75.27 2.01-.94l3.64-17.07c.34-1.58-.57-2.2-1.56-1.83L1.23 9.24c-1.52.59-1.49 1.44-.26 1.82l5.94 1.85L20.8 4.65c.65-.42 1.24-.19.75.23'/%3E%3C/svg%3E");
}
.keis-header-contacts-divider {
  width: 1px;
  height: 20px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
}
.keis-header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.keis-header-cta,
.keis-header-mobile-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: clamp(36px, 2.1vw, 40px);
  padding: 0 clamp(16px, 1.4vw, 22px);
  box-sizing: border-box;
  border-radius: 0;
  font-weight: 700;
  font-size: clamp(0.86rem, 0.28vw + 0.76rem, 1rem);
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  color: rgba(244, 241, 235, 0.96);
  border: 1px solid rgba(255, 146, 0, 0.65);
  background: linear-gradient(160deg, rgba(255,255,255,0.22), rgba(11,7,5,0.78)),
    radial-gradient(140% 140% at 18% 10%, rgba(255,255,255,0.28), rgba(255,255,255,0.02) 65%),
    rgba(10,6,4,0.62);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: border-color 0.2s ease, border-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 190, 120, 0.12);
}
.keis-header-cta::after,
.keis-header-mobile-cta::after {
  content: "";
  position: absolute;
  inset: -80% auto -80% -140%;
  width: 65%;
  background: linear-gradient(115deg,
    transparent 0%,
    rgba(255, 214, 150, 0.0) 35%,
    rgba(255, 214, 150, 0.55) 50%,
    rgba(255, 214, 150, 0.08) 62%,
    transparent 100%
  );
  opacity: 0.6;
  transform: translateX(-120%) skewX(-12deg);
  animation: keis-cta-sheen 6.5s ease-in-out infinite;
  animation-play-state: var(--perf-fx-header-cta-sheen-play, paused);
  pointer-events: none;
  mix-blend-mode: screen;
}
.keis-header-cta:hover,
.keis-header-cta:focus-visible,
.keis-header-mobile-cta:hover,
.keis-header-mobile-cta:focus-visible {
  border-color: rgba(255, 168, 86, 0.98);
  border-width: 2px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 170, 90, 0.25);
  transform: translateY(-1px);
}
@keyframes keis-cta-sheen {
  0% {
    transform: translateX(-140%) skewX(-12deg);
    opacity: 0;
  }
  28% {
    opacity: 0.4;
  }
  45% {
    transform: translateX(160%) skewX(-12deg);
    opacity: 0;
  }
  100% {
    transform: translateX(160%) skewX(-12deg);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce){
  .keis-header-cta::after,
  .keis-header-mobile-cta::after {
    animation: none;
    opacity: 0;
  }
  .keis-header-cta,
  .keis-header-mobile-cta {
    transition: none;
  }
}
.keis-header-mobile-cta {
  display: none;
}
.keis-header-burger {
  display: none;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 138, 42, 0.5);
  background: rgba(255, 138, 42, 0.08);
  border-radius: 0;
  padding: 6px;
}
.keis-header-burger-icon {
  width: 28px;
  height: 28px;
  color: var(--keis-orange);
}
.keis-burger-line {
  transform-origin: center;
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s ease;
  stroke-width: 2.4;
}
.keis-header-burger.is-open .keis-burger-line--top {
  transform: translateY(6px) rotate(45deg);
}
.keis-header-burger.is-open .keis-burger-line--middle {
  opacity: 0;
  transform: scaleX(0);
}
.keis-header-burger.is-open .keis-burger-line--bottom {
  transform: translateY(-6px) rotate(-45deg);
}
@media (min-width: 981px) {
  .keis-header-inner {
    gap: clamp(8px, 0.8vw, 12px);
    padding-inline: clamp(8px, 1vw, 14px);
  }
  .keis-header-nav {
    display: flex;
    justify-content: flex-end;
    margin-right: clamp(18px, 1.8vw, 30px);
  }
  .keis-header-nav-list {
    gap: clamp(10px, 1.2vw, 24px);
  }
  .keis-header-center {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
  }
  .keis-header-contacts {
    gap: clamp(6px, 0.8vw, 10px);
    min-width: 0;
  }
  .keis-header-right {
    padding-left: clamp(14px, 1.1vw, 22px);
  }
  .keis-header-nav-list > li,
  .keis-header-nav-list a[data-submenu-trigger],
  .keis-header-phone-text,
  .keis-header-telegram-link {
    display: inline-flex;
    align-items: center;
  }
  .keis-header-nav-list a,
  .keis-header-phone-text,
  .keis-header-telegram-text {
    font-size: clamp(0.8rem, 0.24vw + 0.72rem, 1.02rem);
    line-height: 1.1;
    letter-spacing: 0;
  }
  .keis-header-phone-text::before,
  .keis-header-telegram-link::before {
    width: clamp(16px, 1.1vw, 20px);
    height: clamp(16px, 1.1vw, 20px);
    margin-right: clamp(5px, 0.6vw, 8px);
    -webkit-mask-size: clamp(16px, 1.1vw, 20px) clamp(16px, 1.1vw, 20px);
    mask-size: clamp(16px, 1.1vw, 20px) clamp(16px, 1.1vw, 20px);
  }
  .keis-header-contacts-divider {
    height: clamp(16px, 1.6vw, 20px);
  }
  .keis-header-telegram-link,
  .keis-header-telegram-link:hover,
  .keis-header-telegram-link:focus-visible,
  .keis-header-telegram-link:active {
    text-decoration: none;
  }
}
@media (min-width: 981px) and (max-width: 1150px) {
  .keis-header-nav-list > li:nth-last-child(2) {
    display: none;
  }
  .keis-header-nav-list > li:last-child {
    display: inline-flex;
    align-items: center;
  }
}
@media (min-width: 981px) and (max-width: 1225px) {
  .keis-header-nav-list {
    gap: clamp(8px, 1.1vw, 14px);
  }
  .keis-header-contacts {
    gap: 6px;
  }
  .keis-header-phone-text::before,
  .keis-header-telegram-link::before {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    -webkit-mask-size: 18px 18px;
    mask-size: 18px 18px;
  }
}
@media (min-width: 981px) and (max-width: 1099px) {
  .keis-header-nav-list a,
  .keis-header-phone-text,
  .keis-header-telegram-text {
    font-size: clamp(0.74rem, 0.2vw + 0.68rem, 0.9rem);
    line-height: 1.06;
  }
  .keis-header-nav-list {
    gap: clamp(6px, 0.8vw, 10px);
  }
  .keis-header-contacts {
    gap: clamp(4px, 0.5vw, 6px);
  }
  .keis-header-phone-text::before,
  .keis-header-telegram-link::before {
    width: clamp(14px, 0.9vw, 16px);
    height: clamp(14px, 0.9vw, 16px);
    margin-right: clamp(4px, 0.4vw, 6px);
    -webkit-mask-size: clamp(14px, 0.9vw, 16px) clamp(14px, 0.9vw, 16px);
    mask-size: clamp(14px, 0.9vw, 16px) clamp(14px, 0.9vw, 16px);
  }
  .keis-header-contacts-divider {
    height: 14px;
  }
}
@media (max-width: 980px) {
  .keis-header-logo img {
    height: 60px;
  }
  .keis-header-nav,
  .keis-header-center,
  .keis-header-cta {
    display: none;
  }
  .keis-header-mobile-cta,
  .keis-header-burger {
    display: inline-flex;
  }
  .keis-header-burger {
    width: 46px;
    height: 46px;
    padding: 4px;
    border: none;
    background: transparent;
  }
  .keis-header-burger-icon {
    width: 34px;
    height: 34px;
  }
  .keis-header-right {
    margin-left: auto;
  }
}

/* ================= HERO (CANON) ================= */ .hero-investment {
  width: 100%;
  padding: clamp(28px, 4vh, 52px) 0 clamp(48px, 6vh, 68px);
  min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 80px) - var(--ticker-h, 56px)) !important;
  padding-bottom: clamp(48px, 5.6vh, 64px) !important;
  overflow: visible;
  position: relative;
}
.hero-investment::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(90px, 14vh, 160px);
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5,3,3,.92) 88%, rgba(5,3,3,1) 100%);
}
body.page-investment .hero-investment::before, body.page-main .hero-investment::before, body.page-credit .hero-investment::before, body.page-influence .hero-investment::before {
  content: none;
}
@media (min-width: 900px){
.hero-investment {
  min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 80px)) !important;
  padding-bottom: clamp(56px, 6.5vh, 72px) !important;
}



}
@media (max-width: 768px){
.hero-investment {
  min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 80px)) !important;
  padding-bottom: clamp(48px, 5.5vh, 62px) !important;
}



}
.hero-investment__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.28) 50%, rgba(0,0,0,.75) 100%), radial-gradient(1100px 780px at 20% 35%, rgba(0,0,0,.50), transparent 68%), radial-gradient(900px 650px at 80% 30%, rgba(0,0,0,.48), transparent 65%),  radial-gradient(800px 550px at 15% 20%, rgba(255,138,0,.08), transparent 60%), radial-gradient(750px 500px at 60% 90%, rgba(255,106,0,.06), transparent 66%),  repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 7px ), var(--hero-offer, url("./assets/block/offer.webp"));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-investment__inner {
  position: relative;
  z-index: 1;
  /* Ensure hero content clears the sticky header when hero is lifted
     by negative margin on the hero block. Add header height to padding. */
  padding-top: calc(var(--keis-header-h, 72px) + clamp(32px, 5vh, 64px));
}
body.page-main:not([data-page]) {
  --hero-offer: url("./assets/block/offer5.webp");
}
body[data-page="consumer-protection"] {
  --hero-offer: url("./assets/block/zpp.webp");
}
body[data-page="defective-apartment-renovation"] {
  --hero-offer: url("./assets/block/zpp1.webp");
}
body[data-page="consumer-goods-refund"] {
  --hero-offer: url("./assets/block/zpp2.webp");
}
body[data-page="complaint-against-lawyer"] {
  --hero-offer: url("./assets/block/zpp3.webp");
}
body[data-page="forced-insurance"] {
  --hero-offer: url("./assets/block/zpp4.webp");
}
body[data-page="furniture-defects"] {
  --hero-offer: url("./assets/block/zpp5.webp");
}
body[data-page="construction-contract"] {
  --hero-offer: url("./assets/block/zpp6.webp");
}
body[data-page="poor-quality-services"] {
  --hero-offer: url("./assets/block/zpp7.webp");
}
body[data-page="contractor-agreement"] {
  --hero-offer: url("./assets/block/zpp8.webp");
}
body[data-page="medical-malpractice"] {
  --hero-offer: url("./assets/block/zpp9.webp");
}
body[data-page="credit"] {
  --hero-offer: url("./assets/block/offer2.webp");
}
body[data-page="investment"] {
  --hero-offer: url("./assets/block/buoffer1.webp");
}
body[data-page="influence"] {
  --hero-offer: url("./assets/block/offer3.webp");
}
body.page-credit:not([data-page]) {
  --hero-offer: url("./assets/block/off_obm.webp");
}
body.page-influence:not([data-page]) {
  --hero-offer: url("./assets/block/offer3.webp");
}
/* Fraud site: explicit hero on fraud main (data-page="fraud") */ body.page-main[data-page="fraud"] {
  --hero-offer: url("./assets/block/bubu.webp");
}
body.page-investment:not([data-page]) {
  --hero-offer: url("./assets/block/offer.webp");
}
@media (max-width: 980px) {
  body.page-main[data-page="fraud"] {
    --hero-offer: url("./assets/block/mobubu.webp");
  }
  body[data-page="medical-malpractice"] {
    --hero-offer: url("./assets/block/mobzpp9.webp");
  }
  body[data-page="defective-apartment-renovation"] {
    --hero-offer: url("./assets/block/mobzpp1.webp");
  }
  body[data-page="consumer-goods-refund"] {
    --hero-offer: url("./assets/block/mobzpp2.webp");
  }
  body[data-page="complaint-against-lawyer"] {
    --hero-offer: url("./assets/block/mobzpp3.webp");
  }
  body[data-page="forced-insurance"] {
    --hero-offer: url("./assets/block/mobzpp4.webp");
  }
  body[data-page="furniture-defects"] {
    --hero-offer: url("./assets/block/mobzpp5.webp");
  }
  body[data-page="construction-contract"] {
    --hero-offer: url("./assets/block/mobzpp6.webp");
  }
  body[data-page="poor-quality-services"] {
    --hero-offer: url("./assets/block/mobzpp7.webp");
  }
  body[data-page="contractor-agreement"] {
    --hero-offer: url("./assets/block/mobzpp8.webp");
  }
  body[data-page="investment"] {
    --hero-offer: url("./assets/block/mobu1.webp");
  }
  body[data-page="influence"] {
    --hero-offer: url("./assets/block/mobu2.webp");
  }
  body[data-page="credit"] {
    --hero-offer: url("./assets/block/mobu3.webp");
  }
}
.hero-investment__grid {
  display: grid;
  gap: clamp(1.1rem, 2.6vw, 2.6rem);
  align-items: start;
  grid-template-areas: "content" "form" "benefits";
  padding-bottom: clamp(10px, 1.2vw, 18px);
}
.hero-investment__content {
  grid-area: content;
  justify-self: start;
  max-width: 100%;
  text-align: left;
  min-width: 0;
}
.hero-investment__form {
  grid-area: form;
  min-width: 0;
}
.hero-investment__form,
.hero-form-card {
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto;
}
.hero-investment__form .hero-form,
.hero-investment__form input,
.hero-investment__form textarea,
.hero-investment__form button,
.hero-investment__form .form-consent,
.hero-investment__form .form-consent a {
  position: relative !important;
  z-index: 9;
  pointer-events: auto;
}
.hero-form-card::before {
  pointer-events: none;
}
.hero-benefits {
  grid-area: benefits;
  margin-top: clamp(24px, 3vw, 42px);
  padding-bottom: 0;
  margin-bottom: 18px;
  overflow: visible;
  justify-self: start;
  width: 100%;
  max-width: 100%;
}
.hero-investment .section-container {
  width: min(90%, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 980px){
.hero-investment {
  min-height: auto !important;
  height: auto !important;
  padding-top: calc(var(--keis-header-h, 72px) + clamp(24px, 4vh, 48px)) !important;
  padding-bottom: clamp(32px, 6vh, 56px);
  overflow-x: clip;
  overflow-y: visible;
}
.hero-investment__inner {
  padding-top: 0 !important;
}
.hero-investment .section-container {
  width: min(92%, 720px);
  max-width: 100%;
  margin: 0 auto;
  padding-left: clamp(16px, 4vw, 24px);
  padding-right: clamp(16px, 4vw, 24px);
  box-sizing: border-box;
  overflow-x: clip;
  overflow-y: visible;
}
.hero-investment__grid {
  display: grid !important;
  width: 100%;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "content"
      "form"
      "benefits";
  gap: clamp(18px, 4vw, 32px) !important;
  align-items: start !important;
  justify-items: stretch !important;
  padding: 0;
  box-sizing: border-box;
}
.hero-investment__content {
  grid-area: content;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.hero-benefits {
  grid-area: benefits;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
.hero-investment .hero-benefits-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(18px, 4vw, 28px);
}
.hero-investment__form {
  grid-area: form;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box;
  justify-self: stretch !important;
  align-self: start !important;
}
.hero-form-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: auto !important;
  height: auto !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  box-sizing: border-box;
}
.hero-investment .hero-benefits-grid.hero-benefits-grid--intro {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-inline: 0;
  box-sizing: border-box;
}


}

/* (D) Desktop 981px+: SSOT — left 40%, flex column, height header→ticker */
@media (min-width: 981px) {
.hero-investment {
  display: flex;
  flex-direction: column;
  min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 80px) - var(--ticker-h, 56px)) !important;
  height: auto;
  padding-bottom: clamp(48px, 5.6vh, 64px) !important;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
}
.hero-investment__inner {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-top: calc(var(--keis-header-h, 72px) + clamp(32px, 5vh, 64px));
}
.hero-investment .section-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: min(90%, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-inline: clamp(20px, 2.5vw, 40px);
  box-sizing: border-box;
}
.hero-investment__grid {
  display: grid;
  grid-template-columns: 40% 1fr;
  grid-template-rows: minmax(0, 1fr) auto;
  grid-template-areas: "content form" "benefits form";
  align-items: stretch;
  justify-items: stretch;
  gap: clamp(16px, 1.5vw, 32px) clamp(32px, 4vw, 64px);
  flex: 1;
  min-height: 0;
  padding-bottom: clamp(24px, 3vh, 48px);
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.hero-investment__content {
  grid-area: content;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(12px, 1.2vw, 24px);
  justify-self: start;
  align-self: stretch;
}
.hero-investment__title {
  font-size: clamp(32px, 2.8vw, 56px);
  line-height: 1.1;
  margin-bottom: clamp(12px, 1.2vw, 20px);
  width: auto;
  max-width: 100%;
  min-width: 0;
}
.hero-subpoints,
.hero-investment__subtitle,
.hero-v2 .hero-investment__subtitle {
  font-size: clamp(16px, 1.2vw, 22px);
}
.hero-benefits {
  grid-area: benefits;
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-top: 0;
  align-self: end;
  justify-self: start;
  min-width: 0;
}
.hero-investment .hero-benefits-grid.hero-benefits-grid--intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 1vw, 24px);
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.hero-investment .hero-benefit-card.hero-benefit-card--intro {
  padding: clamp(14px, 1vw, 24px);
  border-radius: clamp(14px, 1vw, 22px);
}
.hero-investment .hero-benefit-card.hero-benefit-card--intro .benefit-kpi,
.hero-investment .hero-benefit-card.hero-benefit-card--intro .benefit-desc,
.hero-investment .hero-benefit-card.hero-benefit-card--intro strong {
  font-size: clamp(14px, 1vw, 18px);
}
.hero-investment__form {
  grid-area: form;
  justify-self: stretch;
  align-self: start;
  margin-top: clamp(32px, 4.5vh, 56px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  transform: none;
  box-sizing: border-box;
}
}

@media (min-width:1200px) and (max-width:1499px){
.hero-investment .section-container {
  width: min(90%, 100%);
  max-width: 100%;
  padding-inline: clamp(20px, 2.5vw, 40px);
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment {
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
}
.hero-investment__form {
  margin-top: clamp(32px, 4.5vh, 56px);
}
.hero-benefit-card.hero-benefit-card--intro {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, rgba(255,180,120,0.015) 55%, transparent 75% ), linear-gradient( 180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.008) 100% ), rgba(12,8,5,0.22);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.15);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-left: 2px solid rgba(255,180,120,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
  background: radial-gradient( ellipse 160% 180% at 120% -15%, rgba(255,154,60,0.08), rgba(255,154,60,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-top: 2px solid rgba(255,154,60,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
  background: radial-gradient( ellipse 140% 190% at -15% 110%, rgba(255,138,0,0.06), rgba(255,138,0,0.025) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-right: 2px solid rgba(255,138,0,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
  background: radial-gradient( ellipse 170% 200% at 110% 110%, rgba(255,200,140,0.08), rgba(255,200,140,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-bottom: 2px solid rgba(255,200,140,0.12);
}
.hero-benefit-card .counter-block {
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.4;
  color: rgba(255,255,255,0.92);
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 1.4vw, 12px);
  align-items: flex-start;
}
.hero-benefit-card .counter-block .counter-value {
  display: inline-flex;
  align-items: baseline;
  gap: clamp(6px, 1vw, 10px);
  white-space: nowrap;
}
.hero-benefit-card .counter-number {
  display: inline-flex;
  align-items: baseline;
  font-size: clamp(32px, 4vw, 40px);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-shadow: 0 8px 22px rgba(0,0,0,0.35);
}
.hero-benefit-card .counter-suffix {
  display: inline-flex;
  align-items: baseline;
  font-size: clamp(18px, 2.6vw, 24px);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.9);
}
.hero-benefit-card .counter-caption {
  display: block;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.05vw, 1.1rem);
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.85);
  text-transform: none;
}



}
@media (min-width:1500px) and (max-width:1599px){
.hero-investment .section-container {
  width: min(90%, 100%);
  max-width: 100%;
  padding-inline: clamp(20px, 2.5vw, 40px);
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment {
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
}
.hero-investment__form {
  margin-top: clamp(32px, 4.5vh, 56px);
}
.hero-benefit-card.hero-benefit-card--intro {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, rgba(255,180,120,0.015) 55%, transparent 75% ), linear-gradient( 180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.008) 100% ), rgba(12,8,5,0.22);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.15);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-left: 2px solid rgba(255,180,120,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
  background: radial-gradient( ellipse 160% 180% at 120% -15%, rgba(255,154,60,0.08), rgba(255,154,60,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-top: 2px solid rgba(255,154,60,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
  background: radial-gradient( ellipse 140% 190% at -15% 110%, rgba(255,138,0,0.06), rgba(255,138,0,0.025) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-right: 2px solid rgba(255,138,0,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
  background: radial-gradient( ellipse 170% 200% at 110% 110%, rgba(255,200,140,0.08), rgba(255,200,140,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-bottom: 2px solid rgba(255,200,140,0.12);
}



}
@media (min-width:1600px){
.hero-investment .section-container {
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment {
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment__form {
  margin-top: clamp(32px, 4.5vh, 56px);
}
.hero-benefit-card.hero-benefit-card--intro {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, rgba(255,180,120,0.015) 55%, transparent 75% ), linear-gradient( 180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.008) 100% ), rgba(12,8,5,0.22);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 36px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.15);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-left: 2px solid rgba(255,180,120,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
  background: radial-gradient( ellipse 160% 180% at 120% -15%, rgba(255,154,60,0.08), rgba(255,154,60,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-top: 2px solid rgba(255,154,60,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
  background: radial-gradient( ellipse 140% 190% at -15% 110%, rgba(255,138,0,0.06), rgba(255,138,0,0.025) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-right: 2px solid rgba(255,138,0,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
  background: radial-gradient( ellipse 170% 200% at 110% 110%, rgba(255,200,140,0.08), rgba(255,200,140,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-bottom: 2px solid rgba(255,200,140,0.12);
}



}
@media (min-width: 981px) and (max-width: 1100px){
.hero-investment .section-container {
  width: min(90%, 100%);
  max-width: 100%;
  padding-inline: clamp(16px, 2vw, 32px);
  padding-right: clamp(24px, 3vw, 48px);
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment {
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment__form {
  margin-top: clamp(48px, 6vh, 80px);
}
}
@media (min-width:1100px) and (max-width:1199px){
.hero-investment .section-container {
  width: min(90%, 100%);
  max-width: 100%;
  padding-inline: clamp(20px, 2.5vw, 36px);
  padding-right: clamp(24px, 3vw, 48px);
  box-sizing: border-box;
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment {
  overflow-x: visible;
  overflow-y: visible;
}
.hero-investment__form {
  margin-top: clamp(48px, 6vh, 80px);
}
}

@media (max-width:1099px){
  .hero-investment {
    min-height: auto !important;
    height: auto !important;
    padding-top: calc(var(--keis-header-h, 72px) + clamp(18px, 3vh, 32px)) !important;
    padding-bottom: clamp(32px, 5vh, 52px) !important;
    overflow-x: clip;
  }
  .hero-investment .section-container {
    width: min(94%, 760px);
    max-width: 760px;
    padding-inline: clamp(16px, 4vw, 24px);
    margin: 0 auto;
    box-sizing: border-box;
  }
  .hero-investment__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "content"
      "form"
      "benefits";
    gap: clamp(18px, 4vw, 32px) !important;
    justify-items: center !important;
  }
  .hero-investment__content {
    align-items: center !important;
    text-align: center !important;
    justify-self: center !important;
  }
  .hero-investment__title {
    max-width: 34ch !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-investment__subtitle {
    max-width: 30ch !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-investment__form {
    justify-self: center !important;
    align-self: start !important;
    max-width: min(520px, 100%) !important;
  }
  .hero-benefits {
    width: 100%;
    max-width: 760px !important;
    justify-self: center !important;
  }
}
@media (max-width:699px){
.hero-form-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-left: clamp(20px, 5vw, 30px);
  padding-right: clamp(20px, 5vw, 30px);
  box-sizing: border-box;
}
.hero-investment .section-container {
  padding-left: clamp(12px, 3vw, 20px);
  padding-right: clamp(12px, 3vw, 20px);
}



}
@media (min-width: 560px) and (max-width: 700px){
.hero-investment .section-container {
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(92%, 720px) !important;
  max-width: 720px !important;
}
.hero-investment__grid {
  width: 100% !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-items: center !important;
}
.hero-investment__content, .hero-investment__form, .hero-benefits {
  width: 100% !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-self: center !important;
}
.hero-form-card {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



}
@media (max-width:420px){
.hero-form-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}



}
.hero-v2 .hero-investment__subtitle::before, .hero-v2 .hero-investment__subtitle::after {
  display: none;
  content: none;
}
.hero-v2 .hero-investment__subtitle {
  margin-top: 10px;
  padding-left: 0;
  background: none;
  color: rgba(255,255,255,0.88);
  font-weight: 500;
  font-size: clamp(1.06rem, 1.18vw, 1.22rem);
  line-height: 1.62;
  letter-spacing: 0.005em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.34);
  max-width: 54ch;
}
.hero-v2 .hero-title-mark, .hero-v2 .hero-title-accent {
  position: relative;
  display: inline;
  -webkit-text-stroke: 0 transparent;
  filter: none;
  background-image: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20);
}
.hero-v2 .hero-title-mark::before, .hero-v2 .hero-title-accent::before {
  display: none;
  content: none;
}
.hero-v2 .hero-title-mark::after, .hero-v2 .hero-title-accent::after {
  display: none;
  content: none;
}
.hero-v2 .hero-investment__content {
  max-width: none;
  width: auto;
}
.hero-v2 .hero-investment__title {
  text-shadow: 0 1px 2px rgba(0,0,0,0.46);
}
@media (max-width: 980px){
.hero-v2 .hero-investment__subtitle {
  max-width: none;
}



}
/* Узкие экраны: заголовок и подзаголовок по центру, строки по одной линии */
@media (max-width: 600px){
.hero-investment__content {
  justify-self: center;
  text-align: center;
  align-items: center;
}
.hero-investment__title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 42ch;
  text-wrap: balance;
}
.hero-investment__subtitle,
.hero-v2 .hero-investment__subtitle {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 42ch;
}
}
.hero-investment .hero-investment__badges, .hero-investment__content .hero-investment__badges {
  display: none !important;
}
.hero-investment__badges {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.2vw, 18px);
  margin: 0 0 clamp(18px, 2.2vh, 30px);
  flex-wrap: wrap;
  transform: translateY(clamp(-2px, -0.25vh, -6px));
  overflow: visible;
  padding: 4px 0;
}
@media (min-width:1200px){
.hero-investment__badges {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: visible;
}



}
.hero-investment__badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin: 0;
  line-height: 1.3;
  height: clamp(40px, 4.5vh, 54px);
  padding: 0 clamp(20px, 2vw, 28px);
  border-radius: clamp(16px, 1.8vw, 22px);
  font-size: clamp(13px, 1.1vw, 15.5px);
  font-weight: 600;
  letter-spacing: 0.015em;
  max-width: clamp(220px, 24vw, 360px);
  overflow: hidden;
  text-overflow: ellipsis;
  background: radial-gradient(ellipse 180% 120% at 15% 35%, rgba(255, 240, 200, 0.25), transparent 65%),  linear-gradient(135deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.12) 100%), linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),  rgba(20,14,10,0.55);
  border: 1px solid rgba(255, 230, 180, 0.22);
  box-shadow: 0 6px 20px rgba(0,0,0,0.32), 0 3px 10px rgba(0,0,0,0.20), 0 0 10px rgba(255, 200, 140, 0.10), inset 0 1px 0 rgba(255,255,255,0.20), inset 0 -1px 0 rgba(0,0,0,0.12);
  color: rgba(255,248,240,0.94);
  text-shadow: 0 1px 2px rgba(0,0,0,0.28), 0 0 6px rgba(255,200,140,0.12);
  transition: border-color 0.24s cubic-bezier(0.2, 0, 0.2, 1);
  z-index: 1;
}
.hero-investment__badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(60px, 8vw, 100px);
  height: clamp(40px, 5.5vh, 60px);
  background: linear-gradient(135deg, rgba(255, 240, 200, 0.20) 0%, rgba(255, 220, 160, 0.10) 40%, transparent 70%);
  border-radius: 0 0 100% 0;
  pointer-events: none;
  z-index: 0;
}
.hero-investment__badge::after {
  display: none;
  content: none;
}
.hero-investment__badge:nth-child(2), .hero-investment__badge--accent {
  background: radial-gradient(ellipse 180% 120% at 15% 35%, rgba(255, 220, 160, 0.30), transparent 65%),  linear-gradient(180deg, rgba(255,155,45,.92), rgba(255,115,10,.65));
  border-color: rgba(255,200,100,.60);
  box-shadow: 0 12px 36px rgba(255,130,0,.18), 0 6px 18px rgba(0,0,0,.32), 0 0 12px rgba(255,160,80,0.14), inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.18);
  color: rgba(255,255,255,0.96);
  text-shadow: 0 1px 2px rgba(0,0,0,0.30), 0 0 6px rgba(255,220,160,0.16);
}
.hero-investment__badge:nth-child(2)::before, .hero-investment__badge--accent::before {
  background: linear-gradient(135deg, rgba(255, 220, 140, 0.38) 0%, rgba(255, 190, 100, 0.22) 40%, transparent 72%);
}
@media (hover:hover){
.hero-investment__badge:hover {
  border-color: rgba(255, 230, 180, 0.48);
  z-index: 2;
}
.hero-investment__badge:nth-child(2):hover, .hero-investment__badge--accent:hover {
  border-color: rgba(255,200,100,.88);
  z-index: 2;
}



}
.hero-investment__title {
  font-family: var(--font-heading);
  font-weight: 950;
  font-size: clamp(2.25rem, 4.35vw, 4.05rem);
  margin: 0;
  position: relative;
  text-align: left;
  max-width: 54ch;
  margin-left: 0;
  margin-right: auto;
  overflow: visible;
  margin-bottom: clamp(18px, 2.4vw, 28px);
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 1px rgba(0,0,0,.35), 0 12px 32px rgba(0,0,0,.65), 0 24px 58px rgba(0,0,0,.45);
  text-wrap: balance;
}
.hero-investment__title::before {
  display: none;
  content: none;
}
body:not(.page-credit) .hero-investment__title::after {
  display: none;
  content: none;
}
/* Hero title accent — насыщенный оранжевый на последние 4–6 слов */ .hero-title--accent {
  background: linear-gradient(105deg, #ff9c4a 0%, #ff7a1a 35%, #ff5500 70%, #ff3d00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 900;
  display: inline-block;
  padding: 0 0.06em;
  border-radius: 0.06em;
  text-shadow: 0 2px 14px rgba(255,90,20,0.2), 0 1px 0 rgba(255,255,255,0.06);
  filter: drop-shadow(0 0 1px rgba(255,100,30,0.4));
}
body:not(.page-credit) .hero-title-accent-line {
  position: relative;
  display: inline-block;
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 900;
  letter-spacing: -0.01em;
  z-index: 1;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20);
}
body:not(.page-credit) .hero-title-mark::after {
  display: none;
  content: none;
}
body:not(.page-credit) .hero-title-accent-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  width: 100%;
  height: clamp(2px, 0.25vw, 3px);
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.95) 0%, rgba(255, 160, 80, 0.95) 34%, rgba(255, 106, 0, 0.98) 70%, rgba(255, 180, 100, 0.95) 100%);
  transform: rotate(-3deg);
  transform-origin: left center;
  z-index: 5;
  pointer-events: none;
  clip-path: polygon(0 50%, 8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%);
}
@media (max-width: 980px){
body:not(.page-credit) .hero-title-accent-line::after {
  width: 100%;
  height: clamp(2px, 0.25vw, 2.5px);
  transform: rotate(-3deg);
  top: calc(100% + 5px);
  z-index: 5;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
}



}
@media (min-width: 1200px){
body:not(.page-credit) .hero-title-accent-line::after {
  width: 100%;
  height: clamp(2.5px, 0.3vw, 3px);
  transform: rotate(-3deg);
  top: calc(100% + 7px);
  z-index: 5;
  clip-path: polygon(0 50%, 10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%);
}



}
@media (max-width:900px){
.hero-investment__title {
  max-width: 54ch;
  display: block;
  text-wrap: balance;
}



}
.hero-investment__subtitle {
  margin: 20px 0 0;
  max-width: 54ch;
  width: 100%;
  color: rgba(244,241,235,.84);
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  line-height: 1.58;
  font-size: clamp(1.02rem, 1.25vw, 1.16rem);
  letter-spacing: 0.01em;
  text-shadow: 0 2px 12px rgba(0,0,0,.55);
  box-sizing: border-box;
}
.hero-form-card {
  width: 100%;
  border-radius: 26px;
  padding: clamp(32px, 4vw, 40px) clamp(22px, 4vw, 30px) clamp(28px, 3.6vw, 36px);
  position: relative;
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.045), transparent 58%),
    radial-gradient(120% 140% at 110% 20%, rgba(255,106,0,.035), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(10, 6, 4, 0.24);
  backdrop-filter: var(--perf-fx-hero-form-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-hero-form-backdrop, none);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 24px 72px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 24px rgba(255,122,24,0.04);
  transform: none;
}
body > section:first-of-type .hero-form-card {
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.038), transparent 58%),
    radial-gradient(120% 140% at 110% 20%, rgba(255,106,0,.026), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),
    rgba(10, 6, 4, 0.26);
  backdrop-filter: var(--perf-fx-hero-form-first-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-hero-form-first-backdrop, none);
}
.hero-form-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,138,0,.28), rgba(255,255,255,.07), rgba(255,106,0,.20));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .65;
}
.hero-form-title {
  margin: 0;
  width: 100%;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(1.18rem, 1.18vw, 1.34rem);
  line-height: 1.24;
  letter-spacing: -0.012em;
  text-align: center;
  text-shadow: 0 10px 28px rgba(0,0,0,.75);
  text-wrap: balance;
  padding: 2px 0;
  position: relative;
  padding-bottom: clamp(10px, 1.2vw, 14px);
  margin-bottom: clamp(10px, 1.2vw, 14px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-form-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 180, 100, 0.35) 20%, rgba(255, 180, 100, 0.45) 50%, rgba(255, 180, 100, 0.35) 80%, transparent 100%);
}
.hero-form-title .hero-marker {
  display: inline !important;
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  margin: 0 !important;
  font-weight: 900;
  font-size: inherit;
  letter-spacing: inherit;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20) !important;
}
.hero-form-title .hero-marker::before, .hero-form-title .hero-marker::after {
  display: none !important;
  content: none !important;
}
.hero-marker {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: min(100%, 46ch);
  padding: clamp(8px, 1.1vw, 12px) clamp(12px, 1.6vw, 18px);
  border-radius: 999px;
  text-align: center;
  white-space: normal;
  line-height: 1.12;
  color: rgba(244,241,235,.97);
  font-weight: 950;
  letter-spacing: .02em;
  font-size: clamp(0.96rem, 1.05vw, 1.08rem);
  background: radial-gradient(140% 120% at 18% 0%, rgba(255,138,0,.12), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), rgba(10,6,4,.20);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
}
.hero-marker::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, rgba(255,138,0,.92), rgba(255,255,255,.16), rgba(255,106,0,.78));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .92;
}
.hero-marker::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 3px;
  height: 44%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0));
  pointer-events: none;
  opacity: .85;
}
@media (max-width:520px){
.hero-marker {
  padding: 9px 14px;
  margin-bottom: 8px;
}
.hero-form-group input::placeholder, .hero-form-group textarea::placeholder {
  font-size: clamp(13px, 4vw, 16px);
  line-height: 1.2;
}



}
.hero-form-subtitle {
  margin: clamp(16px, 2.2vh, 28px) 0 clamp(18px, 2.4vh, 30px);
  max-width: 44ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(.94rem, .95vw, 1.02rem);
  text-align: center;
  text-shadow: 0 10px 24px rgba(0,0,0,.62);
  text-wrap: pretty;
  position: relative;
  line-height: 1.18;
  font-weight: 600;
  color: rgba(255,255,255,0.94);
}
.hero-form-subtitle::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * clamp(18px, 2.4vh, 30px) / 2);
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  max-width: 200px;
  height: 1px;
  background: linear-gradient( 90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.35) 20%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.35) 80%, rgba(255,255,255,0.0) 100% );
  border-radius: 1px;
}
.hero-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 28px;
}
@media (min-width: 981px){
.hero-form-row {
  gap: 18px;
  margin-bottom: 12px;
}
.hero-form .btn-primary {
  margin-top: 8px;
}
.hero-form-disclaimer {
  margin-top: 4px;
}
}
@media (max-width:480px){
.hero-form-row {
  grid-template-columns: 1fr;
}



}
@media (max-width:980px){
.hero-form-title {
  line-height: 1.26;
  padding-bottom: clamp(12px, 1.4vw, 16px);
  margin-bottom: clamp(12px, 1.4vw, 16px);
}
.hero-form-subtitle {
  line-height: 1.72;
  margin: clamp(18px, 2.4vh, 30px) 0 clamp(20px, 2.6vh, 32px);
}
.hero-form-row {
  gap: 26px;
  margin-bottom: 30px;
}
.hero-form-group label {
  margin-bottom: 16px;
  line-height: 1.44;
}
.hero-form-group input, .hero-form-group textarea {
  padding: clamp(15px, 1.5vw, 22px) clamp(14px, 1.4vw, 18px);
}
.hero-form-group textarea {
  min-height: 124px;
}
.hero-form > .hero-form-group {
  margin-top: 20px;
}
.hero-form .btn-primary {
  height: 58px;
  margin-top: 20px;
}



}
.hero-form-group label {
  display: block;
  font-size: .90rem;
  color: rgba(244,241,235,.74);
  margin: 0 0 14px;
  font-weight: 800;
  line-height: 1.42;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], textarea {
  border-radius: var(--field-radius) !important;
}
input:focus, textarea:focus, input:focus-visible, textarea:focus-visible, input.is-typing, textarea.is-typing, input.is-typing:focus, textarea.is-typing:focus, input:active, textarea:active {
  border-radius: var(--field-radius) !important;
}
input::placeholder, textarea::placeholder {
  transition: opacity .18s ease;
}
.ux-typing::placeholder, .ux-typing::-webkit-input-placeholder, .ux-typing::-moz-placeholder, .ux-typing:-ms-input-placeholder, .ux-typing::-ms-input-placeholder {
  color: rgba(255, 160, 100, 0.9) !important;
  opacity: .9 !important;
  transition: opacity .18s ease;
}
.ux-resetting::placeholder, .ux-resetting::-webkit-input-placeholder, .ux-resetting::-moz-placeholder, .ux-resetting:-ms-input-placeholder, .ux-resetting::-ms-input-placeholder {
  opacity: 0 !important;
  transition: opacity .18s ease;
}
/* === SYSTEM FORM MESSAGES (SSOT) === */
.keis-error-anchor {
  position: relative;
  overflow: visible;
  --keis-inline-error-gap: 0px;
  --keis-inline-error-height: 14px;
  padding-bottom: var(--keis-inline-error-height);
}
.keis-inline-error {
  position: absolute;
  left: 0;
  top: calc(100% - 10px + var(--keis-inline-error-gap));
  z-index: 12;
  max-width: min(100%, 340px);
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid #e85c3e;
  background:
    linear-gradient(140deg, rgba(55, 15, 12, 0.88), rgba(89, 22, 10, 0.82));
  color: rgba(255, 233, 222, 0.98);
  font-size: clamp(10px, 0.66vw, 12px);
  font-weight: 600;
  line-height: 1.15;
  box-shadow:
    0 8px 18px rgba(20, 4, 3, 0.28),
    inset 0 1px 0 rgba(255, 230, 215, 0.28);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3px) scale(0.985);
  transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
  pointer-events: auto;
}
.keis-inline-error.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.keis-input-error {
  border-color: #e85c3e !important;
  box-shadow:
    0 0 0 2px rgba(232, 92, 62, 0.22),
    0 10px 20px rgba(30, 8, 5, 0.18) !important;
}
.hero-form-group input.keis-input-error,
.hero-form-group textarea.keis-input-error,
.hero-form-group input.keis-input-error:focus,
.hero-form-group textarea.keis-input-error:focus,
.hero-form-group input.keis-input-error:focus-visible,
.hero-form-group textarea.keis-input-error:focus-visible {
  border: 2px solid #e85c3e !important;
  box-shadow:
    0 0 0 2px rgba(232, 92, 62, 0.30),
    0 10px 20px rgba(30, 8, 5, 0.2) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.00)), rgba(22, 8, 4, 0.78) !important;
}
.keis-toast-stack {
  position: fixed;
  right: clamp(12px, 1.5vw, 20px);
  bottom: clamp(12px, 1.8vw, 24px);
  display: grid;
  gap: 8px;
  z-index: 5000;
  pointer-events: none;
}
.keis-toast {
  max-width: min(92vw, 420px);
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 176, 117, 0.5);
  background:
    linear-gradient(140deg, rgba(35, 19, 10, 0.92), rgba(68, 26, 8, 0.88));
  color: rgba(255, 241, 229, 0.98);
  font-size: clamp(12px, 0.86vw, 14px);
  font-weight: 700;
  line-height: 1.4;
  box-shadow:
    0 14px 36px rgba(15, 7, 3, 0.42),
    inset 0 1px 0 rgba(255, 231, 206, 0.28);
  opacity: 0;
  transform: translateY(8px) scale(0.98);
  transition: opacity .2s ease, transform .2s ease;
}
.keis-toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (max-width: 980px) {
  .keis-inline-error {
    max-width: min(100%, 300px);
    padding: 4px 8px;
    font-size: 10px;
  }
}
@media (max-width: 600px) {
  .keis-error-anchor {
    --keis-inline-error-gap: 0px;
    --keis-inline-error-height: 12px;
  }
  .keis-inline-error {
    max-width: 100%;
  }
}
.hero-form-group input,
.hero-form-group textarea {
  width: 100%;
  border-radius: var(--field-radius);
  border: 1px solid rgba(199, 138, 58, 0.55);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), rgba(8,4,2,.74);
  color: rgba(255, 200, 150, 0.95) !important;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(14px, 1.4vw, 15px);
  padding: clamp(12px, 1.2vw, 16px) clamp(12px, 1.2vw, 16px);
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
  transition: color 0.4s ease, opacity 0.4s ease, border-color 0.3s ease;
  caret-color: rgba(199, 138, 58, 0.75);
  box-sizing: border-box;
  overflow: visible !important;
  text-overflow: clip !important;
  min-height: 48px;
}
.hero-form-group input:focus, .hero-form-group textarea:focus, .hero-form-group input:focus-visible, .hero-form-group textarea:focus-visible, .hero-form-group input.is-typing, .hero-form-group textarea.is-typing, .hero-form-group input.is-typing:focus, .hero-form-group textarea.is-typing:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
  border-radius: var(--field-radius) !important;
}
.hero-form-group textarea {
  resize: none;
  min-height: 120px;
}
/* Подсказки: читаемый размер под ширину поля, без обрезки (и при анимации пропечатывания) */
.hero-form-group input::placeholder, .hero-form-group textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: clamp(13px, 1.2vw, 14px);
  line-height: 1.25;
  font-weight: 400;
  font-style: normal;
  opacity: 1 !important;
  transition: opacity 0.18s ease;
}
.hero-form-group input::-webkit-input-placeholder, .hero-form-group textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(13px, 1.2vw, 14px);
}
.hero-form-group input::-moz-placeholder, .hero-form-group textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(13px, 1.2vw, 14px);
  opacity: 1 !important;
}
.hero-form-group input:-ms-input-placeholder, .hero-form-group textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(13px, 1.2vw, 14px);
}
.hero-form-group input::-ms-input-placeholder, .hero-form-group textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(13px, 1.2vw, 14px);
}
.hero-form-group input:focus::placeholder, .hero-form-group textarea:focus::placeholder {
  opacity: 0.4;
}
.hero-form-group input:not(:placeholder-shown), .hero-form-group textarea:not(:placeholder-shown) {
  color: rgba(255, 200, 150, 0.95) !important;
  font-weight: 400;
  font-style: normal;
}
.hero-form-group input.is-typing::placeholder, .hero-form-group textarea.is-typing::placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  opacity: 1 !important;
  font-size: clamp(13px, 1.2vw, 14px) !important;
}
.hero-form-group input.is-typing::-webkit-input-placeholder, .hero-form-group textarea.is-typing::-webkit-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
  font-size: clamp(13px, 1.2vw, 14px) !important;
}
.hero-form-group input.is-typing::-moz-placeholder, .hero-form-group textarea.is-typing::-moz-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
  opacity: 1 !important;
  font-size: clamp(13px, 1.2vw, 14px) !important;
}
.hero-form-group input.is-typing:-ms-input-placeholder, .hero-form-group textarea.is-typing:-ms-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
  font-size: clamp(13px, 1.2vw, 14px) !important;
}
.hero-form-group input.is-typing::-ms-input-placeholder, .hero-form-group textarea.is-typing::-ms-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
  font-size: clamp(13px, 1.2vw, 14px) !important;
}
.hero-form-group input.is-typing, .hero-form-group textarea.is-typing {
  color: rgba(255, 200, 150, 0.95) !important;
  position: relative;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.hero-form-group input.fade-out, .hero-form-group textarea.fade-out {
  color: transparent !important;
  transition: color 0.5s ease;
}
.hero-form-group input.is-typing::after, .hero-form-group textarea.is-typing::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1.1em;
  background: rgba(255,255,255,0.95);
  opacity: .92;
  animation: keisTypingCaret 1s steps(2,start) infinite;
  right: 14px;
}
@keyframes keisTypingCaret{ 50% { opacity: 0; } }
@media (max-width: 768px){
.hero-form-group input, .hero-form-group textarea {
  font-size: clamp(14px, 1.4vw, 15px);
}
.hero-form-group input::placeholder, .hero-form-group textarea::placeholder {
  font-size: clamp(13px, 1.2vw, 14px);
  line-height: 1.25;
}



}
@media (max-width: 520px){
.hero-form-group input, .hero-form-group textarea {
  font-size: 14px;
}
.hero-form-group input::placeholder, .hero-form-group textarea::placeholder {
  font-size: 13px;
  line-height: 1.25;
}



}
.hero-form-group input, .hero-form-group textarea {
  color: rgba(255, 200, 150, 0.95) !important;
  font-weight: 400;
}
.keis-form .keis-form-group input::placeholder, .keis-form .keis-form-group textarea::placeholder, form.keis-form input::placeholder, form.keis-form textarea::placeholder, .keis-form-group input::placeholder, .keis-form-group textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.95rem;
  line-height: 1.18;
  font-weight: 700;
}
.challenges-cta__form input::placeholder, .challenges-cta__form textarea::placeholder, .hero-form--modal input::placeholder, .hero-form--modal textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: clamp(12px, 0.95vw, 14px);
  line-height: 1.18;
  font-weight: 400;
  font-style: normal;
  opacity: 1 !important;
  transition: opacity 0.18s ease, color 0.18s ease;
}
.challenges-cta__form input::-webkit-input-placeholder, .challenges-cta__form textarea::-webkit-input-placeholder, .hero-form--modal input::-webkit-input-placeholder, .hero-form--modal textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(12px, 0.95vw, 14px);
}
.challenges-cta__form input::-moz-placeholder, .challenges-cta__form textarea::-moz-placeholder, .hero-form--modal input::-moz-placeholder, .hero-form--modal textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(12px, 0.95vw, 14px);
  opacity: 1 !important;
}
.challenges-cta__form input:-ms-input-placeholder, .challenges-cta__form textarea:-ms-input-placeholder, .hero-form--modal input:-ms-input-placeholder, .hero-form--modal textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(12px, 0.95vw, 14px);
}
.challenges-cta__form input::-ms-input-placeholder, .challenges-cta__form textarea::-ms-input-placeholder, .hero-form--modal input::-ms-input-placeholder, .hero-form--modal textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(12px, 0.95vw, 14px);
}
.challenges-cta__form input:focus::placeholder, .challenges-cta__form textarea:focus::placeholder, .hero-form--modal input:focus::placeholder, .hero-form--modal textarea:focus::placeholder {
  opacity: 0.4;
}
.challenges-cta__form input.is-typing::placeholder, .challenges-cta__form textarea.is-typing::placeholder, .hero-form--modal input.is-typing::placeholder, .hero-form--modal textarea.is-typing::placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  opacity: 1 !important;
  transition: opacity 0.18s ease, color 0.18s ease;
}
.challenges-cta__form input.is-typing::-webkit-input-placeholder, .challenges-cta__form textarea.is-typing::-webkit-input-placeholder, .hero-form--modal input.is-typing::-webkit-input-placeholder, .hero-form--modal textarea.is-typing::-webkit-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
}
.challenges-cta__form input.is-typing::-moz-placeholder, .challenges-cta__form textarea.is-typing::-moz-placeholder, .hero-form--modal input.is-typing::-moz-placeholder, .hero-form--modal textarea.is-typing::-moz-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
  opacity: 1 !important;
}
.challenges-cta__form input.is-typing:-ms-input-placeholder, .challenges-cta__form textarea.is-typing:-ms-input-placeholder, .hero-form--modal input.is-typing:-ms-input-placeholder, .hero-form--modal textarea.is-typing:-ms-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
}
.challenges-cta__form input.is-typing::-ms-input-placeholder, .challenges-cta__form textarea.is-typing::-ms-input-placeholder, .hero-form--modal input.is-typing::-ms-input-placeholder, .hero-form--modal textarea.is-typing::-ms-input-placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  font-weight: 400;
}
.keis-form .keis-form-group input.is-typing::placeholder, .keis-form .keis-form-group textarea.is-typing::placeholder, form.keis-form input.is-typing::placeholder, form.keis-form textarea.is-typing::placeholder, .keis-form-group input.is-typing::placeholder, .keis-form-group textarea.is-typing::placeholder {
  color: rgba(255, 160, 100, 0.75) !important;
  opacity: 1;
}
.keis-form .keis-form-group input.is-typing, .keis-form .keis-form-group textarea.is-typing, form.keis-form input.is-typing, form.keis-form textarea.is-typing, .keis-form-group input.is-typing, .keis-form-group textarea.is-typing {
  position: relative;
}
.keis-form .keis-form-group input.is-typing::after, .keis-form .keis-form-group textarea.is-typing::after, form.keis-form input.is-typing::after, form.keis-form textarea.is-typing::after, .keis-form-group input.is-typing::after, .keis-form-group textarea.is-typing::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1.1em;
  background: rgba(255,255,255,0.95);
  opacity: .92;
  animation: keisTypingCaret 1s steps(2,start) infinite;
}
.placeholders-fading .keis-form-group input::placeholder, .placeholders-fading .keis-form-group textarea::placeholder, .placeholders-fading .keis-form-group input.is-typing::placeholder, .placeholders-fading .keis-form-group textarea.is-typing::placeholder, .hero-form.placeholders-fading .hero-form-group input::placeholder, .hero-form.placeholders-fading .hero-form-group textarea::placeholder {
  color: transparent !important;
  transition: color .28s ease;
}
.keis-form .keis-form-group input, .keis-form .keis-form-group textarea, form.keis-form input, form.keis-form textarea {
  color: #ffffff;
  font-weight: 700;
}
form:not([data-no-ux]):not([data-keis-ux="off"]) input::placeholder, form:not([data-no-ux]):not([data-keis-ux="off"]) textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 700;
  opacity: 1;
}
form:not([data-no-ux]):not([data-keis-ux="off"]) input, form:not([data-no-ux]):not([data-keis-ux="off"]) textarea {
  color: #ffffff;
  font-weight: 700;
}
.hero-form-divider {
  width: 100%;
  height: 1px;
  margin: 12px 0 18px;
  border-radius: 6px;
  position: relative;
  z-index: 2;
  background: linear-gradient(90deg, rgba(250,246,240,0.0) 0%, rgba(250,246,240,0.55) 20%, rgba(255,255,255,0.78) 50%, rgba(250,246,240,0.55) 80%, rgba(250,246,240,0.0) 100%);
  box-shadow: 0 0 18px rgba(255,255,255,0.12), 0 0 44px rgba(255,255,255,0.06), 0 6px 20px rgba(120,90,60,0.10), inset 0 1px 0 rgba(255,255,255,0.16);
  opacity: 0.98;
}
.hero-form .btn-primary, /* REMOVED: конфликтующий блок .keis-header-cta с .hero-form--modal .btn-primary Header CTA имеет собственные стили выше (строки 2615-2704) */ /* Центрирование основной кнопки формы для всех разрешений */ .hero-form {
  display: block;
  text-align: center;
  contain: paint;
  isolation: isolate;
}
.btn-primary {
  width: 88%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  cursor: pointer;
}
.hero-form-disclaimer {
  margin: 10px auto 0;
  width: min(100%, var(--form-consent-width, 420px));
  max-width: min(100%, var(--form-consent-width, 420px));
  text-align: center;
  color: rgba(244,241,235,.60);
  font-size: clamp(0.74rem, 0.72vw, 0.82rem);
  line-height: 1.32;
  text-wrap: pretty;
}
.hero-form,
.hero-form-card,
.hero-form-disclaimer {
  position: relative;
  z-index: 7;
}
.hero-investment__bg,
.hero-investment::after {
  pointer-events: none;
}
.form-consent {
  margin: clamp(6px, 0.9vw, 10px) auto 0;
  padding: 0;
  display: block;
  inline-size: min(100%, var(--form-consent-width, 420px));
  max-inline-size: 100%;
  text-align: center;
  color: rgba(244, 241, 235, 0.78);
  font-size: clamp(0.74rem, 0.72vw, 0.82rem);
  line-height: 1.32;
  letter-spacing: 0.01em;
  text-wrap: pretty;
  white-space: normal;
  position: relative;
  z-index: 8;
  isolation: isolate;
  pointer-events: auto;
}
.kg-glass__disclaimer.form-consent {
  margin-top: clamp(4px, 0.8vw, 8px);
  padding: clamp(6px, 0.9vw, 9px) clamp(10px, 1.2vw, 14px);
}
.form-consent__link {
  color: var(--keis-orange, var(--keis-accent, #ff8a00));
  text-decoration: none !important;
  border: none !important;
  padding: 0;
  margin: 0;
  font-weight: 700;
  background: transparent !important;
  pointer-events: auto;
  position: relative;
  z-index: 9;
  box-shadow: none !important;
  transition: color .18s ease, text-shadow .18s ease;
}
.form-consent__link:hover {
  color: #ff9c33;
  text-shadow: 0 0 10px rgba(255,138,0,.35), 0 0 22px rgba(255,138,0,.18);
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.form-consent__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 6px;
  box-shadow: none;
  background: transparent !important;
}
.legal-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--keis-orange, var(--keis-accent, #ff8a00));
  text-decoration: none !important;
  border: none !important;
  font-weight: 600;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  background: transparent !important;
  box-shadow: none;
  transition: color .18s ease, text-shadow .18s ease;
}
.legal-link:hover {
  color: var(--keis-orange-strong, #ff7600);
  text-shadow: 0 0 10px rgba(255,138,0,.35), 0 0 22px rgba(255,138,0,.18);
  box-shadow: none;
  background: transparent !important;
}
.legal-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 6px;
  box-shadow: none;
  background: transparent !important;
}
.legal-link:visited {
  color: var(--keis-orange, var(--keis-accent, #ff8a00));
}
.keis-btn--glass, .btn-primary, .faq-ask-btn, .challenges-cta__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  height: 58px;
  border-radius: 12px;
  color: #fff !important;
  font-weight: 800;
  font-size: clamp(14px, 3.6vw, 16px);
  line-height: 1.1;
  white-space: nowrap;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  background-color: rgba(30,16,10,0.46);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 18px 60px rgba(6,4,3,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
  transition: opacity .18s ease, background-color .18s ease, transform .12s ease, box-shadow .12s ease;
}
.keis-cta-pulse {
  animation: none;
}
@keyframes keisCtaPulse{
  0%{ opacity: 1; }
  50%{ opacity: 1; }
  100%{ opacity: 1; }
}
.is-pressed {
  box-shadow: 0 8px 20px rgba(0,0,0,.48), inset 0 2px 8px rgba(0,0,0,.28) !important;
  transition: box-shadow .12s ease !important;
}
/* Visual press for kg-glass buttons to match hero-hand press */ .kg-glass .kg-glass__btn.is-pressed, .kg-glass .kg-glass__btn.hero-hand-press {
  transform: translateY(3px) scale(0.985);
  box-shadow: 0 8px 20px rgba(0,0,0,.48), inset 0 2px 8px rgba(0,0,0,.28);
}
.keis-btn--glass::before, .btn-primary::before, .faq-ask-btn::before, .challenges-cta__btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 220deg, rgba(255,200,110,0.12), rgba(255,138,0,0.18), rgba(255,255,255,0.06));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .85;
}
.keis-btn--glass::after, .btn-primary::after, .faq-ask-btn::after, .challenges-cta__btn::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 70%;
  height: 220%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 76%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .42s ease;
}
@media (hover:hover) and (pointer:fine){
.keis-btn--glass:hover, .btn-primary:hover, .faq-ask-btn:hover, .challenges-cta__btn:hover {
}
.keis-btn--glass:hover::after, .btn-primary:hover::after, .faq-ask-btn:hover::after, .challenges-cta__btn:hover::after {
  opacity: .42;
}



}
.keis-btn--glass:focus, .btn-primary:focus, .faq-ask-btn:focus, .challenges-cta__btn:focus {
  outline: none;
  box-shadow: 0 6px 28px rgba(255,122,24,0.18), 0 0 0 3px rgba(255,122,24,0.08);
}
.hero-form .btn-primary {
  background: linear-gradient(180deg, rgba(255,245,230,0.07), rgba(255,234,210,0.02));
  margin: 0 auto;
  width: min(100%, 460px);
  max-width: 420px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: clamp(56px, 6.2vh, 68px);
  padding: clamp(14px, 1.3vw, 18px) clamp(18px, 2.2vw, 30px);
  font-size: clamp(16px, 1vw + 12px, 21px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.01em;
  -webkit-text-fill-color: currentColor;
  color: rgba(255, 230, 202, 0.98);
  border: 1px solid rgba(255, 150, 60, 0.65);
  box-shadow: 0 20px 70px rgba(6,4,3,0.68), 0 8px 24px rgba(255,122,24,0.22), inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(255, 166, 84, 0.35);
}
.hero-form .btn-primary::before {
  background: conic-gradient(from 220deg, rgba(255, 210, 150, 0.28), rgba(255, 140, 40, 0.58), rgba(255, 210, 150, 0.22));
  opacity: 1;
}
.keis-sheen--variant-1 .keis-btn--glass::after, .keis-sheen--variant-1 .btn-primary::after {
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 76%);
  opacity: 0;
  transition: opacity .42s ease, transform 1.6s cubic-bezier(.2,.8,.2,1);
}
.keis-sheen--variant-1 .keis-btn--glass, .keis-sheen--variant-1 .btn-primary {
  box-shadow: 0 18px 60px rgba(6,4,3,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
}
.keis-sheen--variant-2 .keis-btn--glass::after, .keis-sheen--variant-2 .btn-primary::after {
  background: linear-gradient(120deg, rgba(255,230,200,0) 0%, rgba(255,240,210,0.28) 48%, rgba(255,230,200,0) 76%);
  opacity: 0;
  transition: opacity .36s ease, transform 1.2s cubic-bezier(.22,.9,.16,1);
}
.keis-sheen--variant-2 .keis-btn--glass, .keis-sheen--variant-2 .btn-primary {
  box-shadow: 0 28px 90px rgba(6,4,3,0.66), 0 12px 34px rgba(255,122,24,0.14), inset 0 1px 0 rgba(255,255,255,0.06);
}
.keis-sheen--variant-3 .keis-btn--glass::after, .keis-sheen--variant-3 .btn-primary::after {
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 76%);
  opacity: 0;
  transition: opacity .52s ease, transform 1.9s cubic-bezier(.18,.82,.25,1);
}
.keis-sheen--variant-3 .keis-btn--glass, .keis-sheen--variant-3 .btn-primary {
  box-shadow: 0 14px 40px rgba(6,4,3,0.52), inset 0 1px 0 rgba(255,255,255,0.04);
}
.keis-sheen--variant-4 .keis-btn--glass::after, .keis-sheen--variant-4 .btn-primary::after {
  background: linear-gradient(120deg, rgba(255,240,210,0) 0%, rgba(255,235,190,0.34) 48%, rgba(255,240,210,0) 76%);
  opacity: 0;
  transition: opacity .34s ease, transform 1.1s cubic-bezier(.25,.9,.2,1);
}
.keis-sheen--variant-4 .keis-btn--glass, .keis-sheen--variant-4 .btn-primary {
  box-shadow: 0 40px 140px rgba(6,4,3,0.7), 0 14px 48px rgba(255,150,40,0.18), inset 0 1px 0 rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,245,230,0.06), rgba(255,235,200,0.02));
  border: 1px solid rgba(255,200,120,0.14);
  color: #0b0706 !important;
}
.keis-sheen--variant-5 .keis-btn--glass::after, .keis-sheen--variant-5 .btn-primary::after {
  background: linear-gradient(120deg, rgba(220,240,255,0) 0%, rgba(200,230,255,0.22) 48%, rgba(220,240,255,0) 76%);
  opacity: 0;
  transition: opacity .5s ease, transform 1.8s cubic-bezier(.18,.84,.2,1);
}
.keis-sheen--variant-5 .keis-btn--glass, .keis-sheen--variant-5 .btn-primary {
  box-shadow: 0 18px 60px rgba(6,12,18,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
  background: linear-gradient(180deg, rgba(220,235,255,0.04), rgba(200,220,255,0.02));
  border: 1px solid rgba(180,210,255,0.06);
  color: #fff !important;
}
.capsule-head {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 44px rgba(0,0,0,.45);
  margin-bottom: 16px;
}
.capsule-head .section-title {
  font-size: clamp(1.7rem, 2.2vw, 2.1rem);
}
.capsule-head .section-subtitle {
  margin: 0;
}
.hero-investment .hero-benefits-grid.hero-benefits-grid--intro {
  display: grid !important;
  gap: clamp(16px, 2vw, 22px);
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr;
  align-items: stretch;
  justify-items: stretch;
  width: 100%;
}
@media (max-width:980px){
.hero-benefit-card.hero-benefit-card--intro {
  max-width: 100%;
  width: 100%;
}



}
@media (max-width:720px){
.hero-benefits {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
}
.hero-investment .hero-benefits-grid.hero-benefits-grid--intro {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px;
}
.hero-benefit-card.hero-benefit-card--intro {
  min-height: 160px;
  padding: 20px 18px 22px;
  border-radius: 18px;
}
.hero-investment .hero-benefit-card.hero-benefit-card--intro strong {
  font-size: 0.95rem;
  line-height: 1.4;
}



}
@media (max-width:420px){
.hero-benefits {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}
.hero-benefit-card.hero-benefit-card--intro {
  min-height: 170px;
  padding: 18px 16px 20px;
}
.hero-investment .hero-benefit-card.hero-benefit-card--intro strong {
  font-size: 0.92rem;
  line-height: 1.38;
}



}
.hero-benefit-card.hero-benefit-card--intro {
  position: relative;
  border-radius: 20px;
  padding: 24px 22px 26px;
  min-height: 140px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, rgba(255,180,120,0.015) 55%, transparent 75% ),  linear-gradient( 180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.008) 100% ),  rgba(12,8,5,0.22);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 24px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.15), inset -1px 0 0 rgba(255,180,120,0.04);
  transform: translate3d(0, 0, 0) scale(1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: paint;
  transition: transform .2s var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,180,120,0.08), rgba(255,180,120,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-left: 2px solid rgba(255,180,120,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
  background: radial-gradient( ellipse 160% 180% at 120% -15%, rgba(255,154,60,0.08), rgba(255,154,60,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-top: 2px solid rgba(255,154,60,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
  background: radial-gradient( ellipse 140% 190% at -15% 110%, rgba(255,138,0,0.06), rgba(255,138,0,0.025) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-right: 2px solid rgba(255,138,0,0.12);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
  background: radial-gradient( ellipse 170% 200% at 110% 110%, rgba(255,200,140,0.08), rgba(255,200,140,0.03) 35%, transparent 65% ), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)), rgba(12,8,5,0.22);
  border-bottom: 2px solid rgba(255,200,140,0.12);
}
.hero-benefit-card.hero-benefit-card--intro::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.06) 26%, rgba(255,255,255,0) 54%) top/100% 46% no-repeat,
    linear-gradient(90deg, rgba(255, 205, 158, 0.20) 0%, rgba(255, 205, 158, 0.0) 72%) left/38% 100% no-repeat;
  pointer-events: none;
  opacity: 0.46;
  z-index: 1;
  transition: opacity .2s ease;
}
.hero-benefit-card.hero-benefit-card--intro::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(255, 196, 136, 0.20) 0%, rgba(255, 196, 136, 0) 52%) bottom/100% 42% no-repeat,
    linear-gradient(270deg, rgba(255, 176, 104, 0.20) 0%, rgba(255, 176, 104, 0) 72%) right/36% 100% no-repeat,
    linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 40%, rgba(255,180,120,0.04) 100%);
  z-index: 1;
  opacity: .48;
  transition: opacity .2s ease;
}
.hero-investment .hero-benefit-card.hero-benefit-card--intro strong {
  display: block;
  font-size: 1.04rem;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: rgba(244,241,235,.98);
  font-weight: 800;
  text-shadow: 0 8px 20px rgba(0,0,0,.8);
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  position: relative;
  z-index: 2;
}
@media (hover:hover) and (pointer:fine){
.hero-investment .hero-benefit-card.hero-benefit-card--intro:hover {
  transform: translate3d(0, -2px, 0) scale(1.01);
  border-color: rgba(255,255,255,0.3);
  background: radial-gradient( ellipse 180% 200% at -20% -10%, rgba(255,186,126,0.13), rgba(255,186,126,0.05) 35%, rgba(255,186,126,0.02) 56%, transparent 75% ),  linear-gradient( 180deg, rgba(255,255,255,0.11) 0%, rgba(255,255,255,0.045) 46%, rgba(255,255,255,0.014) 100% ),  rgba(14,10,7,0.24);
  box-shadow: 0 16px 34px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.24), inset 0 0 0 2px rgba(255,188,132,0.2);
  will-change: transform;
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(1):hover {
  border-left-color: rgba(255,180,120,0.5);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(2):hover {
  border-top-color: rgba(255,154,60,0.5);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(3):hover {
  border-right-color: rgba(255,138,0,0.5);
}
.hero-benefit-card.hero-benefit-card--intro:nth-child(4):hover {
  border-bottom-color: rgba(255,200,140,0.5);
}
.hero-benefit-card.hero-benefit-card--intro:hover::before {
  opacity: 0.78;
}
.hero-benefit-card.hero-benefit-card--intro:hover::after {
  opacity: .86;
}



}
@media (max-width:768px){
.hero-investment {
  padding: calc(var(--header-h) - 28px) 0 30px;
}
.hero-benefits {
  margin-top: 16px;
}
}
.scenarios-kicker {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  background: linear-gradient(115deg, rgba(255,138,0,.95), rgba(255,106,0,.92));
  color: #140b07;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 18px 46px rgba(0,0,0,.55);
}
.scenarios-subpill {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(244,241,235,.86);
  font-weight: 750;
  box-shadow: 0 12px 28px rgba(0,0,0,.42);
}
body.page-investment .investment-scenarios::after, body.page-main .investment-scenarios::after, body.page-credit .investment-scenarios::after, body.page-influence .investment-scenarios::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}
.investment-footer {
  position: relative;
  padding: clamp(56px, 8vh, 82px) 0 clamp(40px, 6vh, 56px);
  background: radial-gradient(120% 160% at 0% 0%, rgba(255,180,120,0.16), transparent 60%), radial-gradient(140% 180% at 100% 0%, rgba(0,210,180,0.16), transparent 62%), radial-gradient(200% 200% at 50% 100%, rgba(255,138,0,0.08), transparent 70%), linear-gradient(180deg, #050309, #08040e 40%, #020107 100%);
  border-top: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.investment-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(48px, 6vw, 72px);
  align-items: flex-start;
}
.investment-footer__col {
  min-width: 0;
}
.investment-footer__lead {
  margin: 0 auto clamp(18px, 2.4vw, 24px);
  color: rgba(244,241,235,0.88);
  font-family: var(--font-heading);
  font-size: clamp(0.98rem, 1.08vw, 1.08rem);
  line-height: 1.75;
  letter-spacing: 0.012em;
  max-width: 68ch;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1, "liga" 1;
  text-align: center;
}
.investment-footer__lead:last-child {
  margin-bottom: 0;
}
.investment-footer .about-header {
  margin-bottom: clamp(18px, 2.6vw, 34px);
  max-width: 820px;
}
.investment-footer .about-body {
  margin-top: 0;
}
.investment-footer__legal {
  margin: clamp(22px, 2.4vw, 28px) auto 0;
  max-width: 820px;
  text-align: center;
  font-family: var(--font-heading);
  font-size: clamp(0.88rem, 0.95vw, 0.98rem);
  line-height: 1.4;
  color: rgba(244,241,235,0.85);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}
.investment-footer__heading {
  margin: 0 0 16px;
  font-family: var(--font-heading);
  font-weight: 850;
  font-size: clamp(1.04rem, 1.12vw, 1.12rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(244,241,235,0.94);
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
.investment-footer__dl {
  margin: 0;
  padding: 0;
}
.investment-footer__dl-row {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  gap: 10px 18px;
  align-items: flex-start;
  padding: 6px 0;
}
.investment-footer__dl-row dt {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(244,241,235,0.6);
}
.investment-footer__dl-row dd {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(244,241,235,0.9);
}
.investment-footer__bottom {
  margin-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.investment-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
}
.investment-footer__copyright {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 0.86rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(244,241,235,0.65);
}
@media (max-width: 900px){
.investment-footer {
  padding: 40px 0 26px;
}
.investment-footer__inner {
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}
.investment-footer__bottom-inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}



}
.investment-scenarios > .section-container {
  position: relative;
  z-index: 2;
}
.investment-scenarios .section-container {
  position: relative;
  width: clamp(680px, 80vw, 1600px);
  max-width: none;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (max-width: 768px){
.investment-scenarios .section-container {
  width: 100%;
  max-width: 100%;
  padding-left: clamp(16px, 4vw, 24px);
  padding-right: clamp(16px, 4vw, 24px);
  box-sizing: border-box;
}



}
@media (min-width: 1201px){
.investment-scenarios .section-container {
  width: 90%;
  max-width: none;
  box-sizing: border-box;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: clamp(12px, 1.2vw, 24px);
  padding-right: clamp(12px, 1.2vw, 24px);
}
.investment-scenarios .scenarios-band-window {
  padding-left: clamp(6px, 1.2vw, 12px);
  padding-right: clamp(6px, 1.2vw, 12px);
  width: 100%;
  box-sizing: border-box;
}



}/* legacy marquee pseudo removed — handled by new keis-ticker */ .scenarios-band {
  position: relative;
  margin-top: 28px;
  overflow: visible;
}
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios {
  background-image: radial-gradient(ellipse at 50% 38%, rgba(255,255,255,0.08) 0%, rgba(9,6,4,0.24) 65%, rgba(9,6,4,0.32) 100%), linear-gradient(185deg, rgba(10,7,5,0.22) 0%, rgba(8,6,4,0.12) 46%, rgba(5,4,3,0.26) 100%), url("./assets/block/kazan4.webp");
  background-size: cover, cover, cover;
  background-position: center top, center top, center center;
  background-repeat: no-repeat;
  box-shadow: inset 0 72px 120px rgba(8,6,4,0.25);
}
@media (max-width: 980px) {
  body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], [data-page="fraud"], [data-page="credit"], [data-page="investment"], [data-page="influence"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios {
    background-image: radial-gradient(ellipse at 50% 38%, rgba(255,255,255,0.08) 0%, rgba(9,6,4,0.24) 65%, rgba(9,6,4,0.32) 100%), linear-gradient(185deg, rgba(10,7,5,0.22) 0%, rgba(8,6,4,0.12) 46%, rgba(5,4,3,0.26) 100%), url("./assets/block/mobkazan4.webp");
  }
}
body.page-investment .investment-scenarios > .section-container, body.page-main .investment-scenarios > .section-container, body.page-credit .investment-scenarios > .section-container, body.page-influence .investment-scenarios > .section-container {
  position: relative;
  z-index: 2;
}
.scenarios-band, .scenarios-tilt, .scenarios-band-window, .scenarios-band-rotator, .scenarios-band-track {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.scenarios-tilt {
  transform: rotate(-3deg);
}
@media (max-width:1100px){
.scenarios-tilt {
  transform: rotate(-3deg);
}



}
@media (max-width:768px){
.scenarios-tilt {
  transform: rotate(-1deg);
}



}
.scenarios-band-window {
  position: relative;
  overflow: hidden;
  --sc-visible: 3;
  --sc-gap: clamp(12px, 1.8vw, 30px);
  padding: clamp(6px, 1.2vw, 12px) clamp(8px, 1.2vw, 16px);
  width: 100%;
  max-width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  isolation: isolate;
}
.scenarios-band-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--sc-gap);
  width: 100%;
  padding: 0;
  margin: 0;
  transform: none;
  transition: none;
  translate: 0 0;
}
.scenarios-band-window * {
  backface-visibility: hidden;
}
.scenario-slide {
  position: relative;
  flex: 0 0 calc((100% - (var(--sc-gap) * (var(--sc-visible) - 1))) / var(--sc-visible));
  min-width: 0;
  aspect-ratio: var(--sc-card-aspect, 16/10);
  height: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.20);
  transform: none;
  transition: opacity .18s ease;
  overflow: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.scenario-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-sizing: border-box;
  border: 3px solid rgba(255,138,0,0.95);
  border-radius: 0;
  z-index: 5;
  transition: border-width .18s ease, opacity .16s ease;
  opacity: 1;
}
.scenario-slide .scenario-slide-media {
  opacity: 0.88;
}
.scenario-slide:hover .scenario-slide-media, .scenario-slide:focus-visible .scenario-slide-media {
  opacity: 1;
}
@media (hover:hover) and (pointer:fine){
.scenario-slide:hover {
  transform: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.20);
}
.scenario-slide:hover::after {
  border-width: 4px;
  box-shadow: 0 0 28px rgba(255,138,0,0.75), inset 0 0 0 2px rgba(255,230,170,0.32);
  opacity: 1;
}
@media (max-width: 899px){
.scenario-slide::after {
  border-width: 2px !important;
  border-color: rgba(255,138,0,1) !important;
  box-shadow: 0 0 20px rgba(255,138,0,0.6) !important;
  opacity: 1 !important;
}
.scenario-slide:hover::after, .scenario-slide:active::after, .scenario-slide.is-active::after {
  border-width: 2px !important;
  box-shadow: 0 0 20px rgba(255,138,0,0.6) !important;
}
}
}
.scenario-slide--angle-1,.scenario-slide--angle-2,.scenario-slide--angle-3, .scenario-slide--angle-4,.scenario-slide--angle-5,.scenario-slide--angle-6 {
  transform: none !important;
}
.scenario-slide-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 0.22s ease;
  backface-visibility: hidden;
  transform: none;
}
@media (max-width: 899px){
.scenario-slide-media {
  filter: none;
}
}
@media (hover:hover) and (pointer:fine){
.scenario-slide:hover .scenario-slide-media {
  filter: none;
}
}
@media (hover:hover) and (pointer:fine){
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios .scenario-slide {
  transition: opacity 0.18s ease;
  box-shadow: 0 12px 28px rgba(6,4,3,0.24);
}
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios .scenario-slide:hover {
  transform: none;
  box-shadow: 0 12px 28px rgba(6,4,3,0.24);
}
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios .scenario-slide:hover .scenario-slide-media {
}
}
@media (max-width: 980px){
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios .scenario-slide-media {
}
body:is( [data-page="consumer-protection"], [data-page="medical-malpractice"], [data-page="defective-apartment-renovation"], [data-page="consumer-goods-refund"], [data-page="complaint-against-lawyer"], [data-page="forced-insurance"], [data-page="furniture-defects"], [data-page="construction-contract"], [data-page="poor-quality-services"], [data-page="contractor-agreement"], .page-main:not([data-page]), .page-credit:not([data-page]), .page-influence:not([data-page]), .page-investment:not([data-page]) ) .investment-scenarios .scenario-slide {
  transform: none !important;
  box-shadow: none !important;
}
}
.scenario-slide-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,0.00) 28%, rgba(0,0,0,0.22) 58%, rgba(0,0,0,0.68) 100%);
}
.scenario-slide-body {
  position: relative;
  z-index: 3;
  padding: 34px 24px 26px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.scenario-slide-title {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.15rem;
  text-decoration: none;
  margin-bottom: 8px;
  margin-top: -4px;
  background: linear-gradient(135deg, #ff9600 0%, #ffb464 50%, #ffc88c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  transition: text-shadow 0.25s ease, filter 0.25s ease;
}
.scenario-slide-title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ff9600 0%, #ffb464 50%, #ffc88c 100%);
  opacity: 0;
  transition: opacity 0.25s ease;
}
@media (hover:hover) and (pointer:fine){
.scenario-slide:hover .scenario-slide-title::after {
  opacity: 1;
}
}

/* Second block carousel cards: subtle fade + thick inner border + sharp underline (desktop) */
@media (min-width: 981px) {
  .scenario-slide {
    opacity: 0.92;
    transition: opacity .16s ease, box-shadow .16s ease;
  }
  .scenario-slide:hover,
  .scenario-slide:focus-visible {
    opacity: 1;
  }
  .scenario-slide::after {
    border-width: 2px;
    opacity: 0.9;
    transition: border-width .16s ease, opacity .16s ease;
  }
  .scenario-slide:hover::after,
  .scenario-slide:focus-visible::after {
    border-width: 6px;
    opacity: 1;
    box-shadow: inset 0 0 0 2px rgba(255, 230, 170, 0.32);
  }
  .scenario-slide-title::after {
    width: 100%;
    height: 3px;
    border-radius: 0;
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .16s ease-out;
  }
  .scenario-slide:hover .scenario-slide-title::after,
  .scenario-slide:focus-visible .scenario-slide-title::after {
    transform: scaleX(1);
  }
  #kgx-stories-carousel .kgx-stories__slide {
    opacity: 0.92;
    transition: opacity .16s ease, box-shadow .16s ease, border-color .16s ease;
    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.3),
      inset 0 0 0 1px rgba(255, 190, 140, 0.18);
  }
  #kgx-stories-carousel .kgx-stories__slide:hover,
  #kgx-stories-carousel .kgx-stories__slide:focus-visible {
    opacity: 1;
    box-shadow:
      inset 0 0 0 3px rgba(255, 153, 80, 0.44),
      0 16px 36px rgba(0, 0, 0, 0.34);
  }
  #kgx-stories-carousel .kgx-stories__title {
    position: relative;
    padding-bottom: 6px;
  }
  #kgx-stories-carousel .kgx-stories__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 0;
    background: linear-gradient(90deg, #ff9a3c 0%, #ff6f00 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .16s ease-out;
  }
  #kgx-stories-carousel .kgx-stories__slide:hover .kgx-stories__title::after,
  #kgx-stories-carousel .kgx-stories__slide:focus-visible .kgx-stories__title::after {
    transform: scaleX(1);
  }
}
.scenario-slide-text {
  margin: 0;
  color: rgba(244,241,235,.86);
  line-height: 1.50;
  font-size: .90rem;
  text-decoration: none;
  transition: color 0.3s ease;
  font-family: var(--font-ui);
}
@media (hover:hover) and (pointer:fine){
.scenario-slide:hover .scenario-slide-text {
  color: rgba(255, 248, 240, 0.95);
}
}
.scenario-slide, .scenario-slide a, .scenario-slide * {
  text-decoration: none !important;
}
.scenario-slide:visited, .scenario-slide a:visited, .scenario-slide:focus, .scenario-slide a:focus, .scenario-slide:hover, .scenario-slide a:hover {
  text-decoration: none !important;
}
@media (min-width:1201px){
.scenarios-band-window {
  --sc-visible: 3;
  --sc-gap: clamp(14px, 1.8vw, 34px);
  overflow: hidden !important;
}
.scenario-slide {
  --sc-card-aspect: 16/11;
}
}
@media (min-width:769px) and (max-width:1200px){
.scenarios-band-window {
  --sc-visible: 2;
  --sc-gap: clamp(12px, 2.0vw, 32px);
  overflow: hidden !important;
  padding: clamp(10px, 1.5vw, 16px) clamp(12px, 1.8vw, 24px);
}
.scenario-slide {
  --sc-card-aspect: 16/10;
}
.investment-scenarios .section-container {
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
  max-width: none;
  box-sizing: border-box;
}
}
@media (max-width:768px){
.scenarios-band-window {
  --sc-visible: 1;
  --sc-gap: clamp(20px, 6vw, 32px);
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 16px;
  box-sizing: border-box;
}
.scenario-slide {
  --sc-card-aspect: 16/9;
}
}
/* ===== SCENARIOS strict viewport — container-query adaptive (vignette-250105a) ===== */
#scenarios.investment-scenarios.kg-scenarios-vignette-250105a{
  container-type: inline-size;
  container-name: scv250105a;
}

/* Window = always from block width (100%), no fixed winW/winH */
#scenarios.investment-scenarios.kg-scenarios-vignette-250105a .scenarios-band-window{
  --sc-visible: 1;

  /* tokens derived from container width */
  --sc-gap: clamp(12px, 2.0cqw, 24px);
  --sc-padX:  clamp(12px, 2.2cqw, 26px);
  --sc-padY:  clamp(10px, 1.8cqw, 20px);

  /* safe for shadows / tilt */
  --sc-safe:  clamp(10px, 1.6cqw, 18px);

  /* card width always computed from container width */
  --sc-cardw: clamp(
    260px,
    calc(100cqw - (2 * (var(--sc-padX) + var(--sc-safe)))),
    720px
  );

  width: 100%;
  max-width: 100%;
  margin: 0 auto;

  /* safe zone is inside window */
  padding: var(--sc-padY) calc(var(--sc-padX) + var(--sc-safe));
  box-sizing: border-box;

  overflow: hidden;
  clip-path: inset(0 round 18px);
}

#scenarios.investment-scenarios.kg-scenarios-vignette-250105a .scenarios-band-track{
  display: flex;
  gap: var(--sc-gap);
  width: max-content;
  align-items: stretch;
}

#scenarios.investment-scenarios.kg-scenarios-vignette-250105a .scenario-slide{
  flex: 0 0 var(--sc-cardw);
  width: var(--sc-cardw);
  max-width: var(--sc-cardw);
  min-width: var(--sc-cardw);
  box-sizing: border-box;
}

/* 2 cards */
@container scv250105a (min-width: 920px){
  #scenarios.investment-scenarios.kg-scenarios-vignette-250105a .scenarios-band-window{
    --sc-visible: 2;
    --sc-cardw: clamp(
      320px,
      calc((100cqw - (2 * (var(--sc-padX) + var(--sc-safe))) - var(--sc-gap)) / 2),
      560px
    );
  }
}

/* 3 cards */
@container scv250105a (min-width: 1420px){
  #scenarios.investment-scenarios.kg-scenarios-vignette-250105a .scenarios-band-window{
    --sc-visible: 3;
    --sc-cardw: clamp(
      300px,
      calc((100cqw - (2 * (var(--sc-padX) + var(--sc-safe))) - (2 * var(--sc-gap))) / 3),
      480px
    );
  }
}
/* ===== /SCENARIOS strict viewport ===== */

/* === CASES (zpp) — STRICT carousel viewport (3/2/1 cards) === */
:is(#cases, section#cases) {
  /* section container geometry */
  --cases-air: 10vw;          /* desktop: 80% content, 10% air each side */
  --cases-maxw: 1400px;

  /* carousel geometry */
  --sc-visible: 3;
  --sc-gap: clamp(16px, 2vw, 28px);
  --sc-padx: clamp(18px, 3vw, 44px);

  /* card sizing */
  --sc-cardw: clamp(340px, 26vw, 500px);

  /* card aspect (matches .scenario-slide aspect-ratio: 16/10 in your file) */
  --sc-aspect: 1.6;                 /* 16/10 */
  --sc-cardh: calc(var(--sc-cardw) * 0.625); /* 10/16 = 0.625 */

  /* safe zone for rotate() so borders/shadows don’t get clipped */
  --sc-safe: clamp(10px, 1.2vw, 18px);
}

/* container always within air/max width */
:is(#cases, section#cases) > .section-container,
:is(#cases, section#cases) .section-container {
  width: min(var(--cases-maxw), calc(100vw - (2 * var(--cases-air))));
  margin-inline: auto;
}

/* STRICT viewport: width = N cards + (N-1) gaps + 2*padx; height = cardh + safe zones */
:is(#cases, section#cases) .scenarios-band-window,
:is(#cases, section#cases) .scenarios-window {
  width: min(
    100%,
    calc(
      (var(--sc-cardw) * var(--sc-visible)) +
      (var(--sc-gap) * (var(--sc-visible) - 1)) +
      (2 * var(--sc-padx))
    )
  );
  height: calc(var(--sc-cardh) + (2 * var(--sc-safe)));
  min-height: calc(var(--sc-cardh) + (2 * var(--sc-safe)));
  max-width: 100%;
  margin-inline: auto;

  /* this overrides legacy width:100% behavior */
  box-sizing: border-box;
  overflow: hidden;

  /* safe padding so rotated cards don’t clip */
  padding-block: var(--sc-safe);
}

/* track */
:is(#cases, section#cases) .scenarios-band-track,
:is(#cases, section#cases) .scenarios-track {
  display: flex;
  align-items: stretch;
  gap: var(--sc-gap);
  padding-inline: var(--sc-padx);
  will-change: transform;
  box-sizing: border-box;
}

/* slides/cards must be fixed to card width */
:is(#cases, section#cases) .scenarios-slide,
:is(#cases, section#cases) .scenarios-card,
:is(#cases, section#cases) .scenario-slide {
  flex: 0 0 var(--sc-cardw);
  width: var(--sc-cardw);
  max-width: var(--sc-cardw);
}

/* 1200↓: 2 cards */
@media (max-width: 1200px) {
  :is(#cases, section#cases) {
    --sc-visible: 2;
    --cases-air: 8vw;
    --sc-cardw: clamp(300px, 44vw, 560px);
    --sc-padx: clamp(14px, 3vw, 28px);
    --sc-safe: clamp(10px, 1.6vw, 16px);
  }
}

/* 720↓: 1 card */
@media (max-width: 720px) {
  :is(#cases, section#cases) {
    --sc-visible: 1;
    --cases-air: 7vw;
    --sc-cardw: min(560px, 86vw);
    --sc-padx: 12px;
    --sc-safe: 12px;
  }
}

/* OPTIONAL: reduce tilt a bit on smaller screens to reduce perceived clipping risk */
@media (max-width: 768px) {
  :is(#cases, section#cases) .scenarios-tilt { transform: rotate(-1deg); }
}
@media (min-width: 769px) {
  :is(#cases, section#cases) .scenarios-tilt { transform: rotate(-2.5deg); }
}

.sc-swipe-hint {
  position: relative;
  width: min(320px, 80vw);
  height: clamp(56px, 18vw, 84px);
  margin: clamp(8px, 3vw, 16px) auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(4%) rotate(-3deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 5;
  --sc-swipe-hand-lift: clamp(0px, 3vw, 14px);
}
.sc-swipe-hint.is-mounted {
  opacity: 1;
}
.sc-swipe-hand {
  position: absolute;
  bottom: var(--sc-swipe-hand-lift);
  left: 50%;
  width: clamp(60px, 18vw, 96px);
  transform-origin: center;
  transform: translateX(34%) rotate(-4deg);
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(0 14px 28px rgba(0,0,0,0.35));
  transition: opacity 0.2s ease;
}
.sc-swipe-line {
  position: absolute;
  top: -14px;
  left: 50%;
  width: min(182px, 49vw);
  height: 6px;
  border-radius: 999px;
  transform: translateX(-50%) rotate(-3deg);
  opacity: 0;
  pointer-events: none;
}
.sc-swipe-line::before, .sc-swipe-line::after {
  content: "";
  position: absolute;
  top: 0;
  width: 22px;
  height: 100%;
  pointer-events: none;
}
.sc-swipe-line::before {
  left: -18px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.sc-swipe-line::after {
  right: -18px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.sc-swipe-line--orange {
  background: linear-gradient(90deg, rgba(255,140,40,0.25) 0%, rgba(255,180,110,0.95) 55%, rgba(255,232,190,0.82) 100%);
  box-shadow: 0 8px 24px rgba(255,140,40,0.32);
}
.sc-swipe-line--orange::before, .sc-swipe-line--orange::after {
  background: inherit;
  opacity: 0.9;
}
.sc-swipe-line--light {
  background: linear-gradient(90deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.2) 100%);
  box-shadow: 0 8px 18px rgba(255,255,255,0.24);
}
.sc-swipe-line--light::before, .sc-swipe-line--light::after {
  background: inherit;
  opacity: 0.7;
}
.sc-swipe-hint.is-orange .sc-swipe-hand {
  animation: scSwipeHandLeft 0.9s ease-in-out forwards;
  opacity: 1;
}
.sc-swipe-hint.is-orange .sc-swipe-line--orange {
  animation: scSwipeLinePulse 0.9s ease-in-out forwards;
  opacity: 1;
}
.sc-swipe-hint.is-light .sc-swipe-hand {
  animation: scSwipeHandRight 0.9s ease-in-out forwards;
  opacity: 1;
}
.sc-swipe-hint.is-light .sc-swipe-line--light {
  animation: scSwipeLinePulse 0.9s ease-in-out forwards;
  opacity: 1;
}
@keyframes scSwipeHandLeft {
  0% {
    transform: translateX(58%) rotate(-6deg) scale(0.96);
    opacity: 0;
  }
  8% {
    opacity: 0.4;
  }
  18% {
    opacity: 0.46;
  }
  82% {
    opacity: 0.46;
  }
  90% {
    opacity: 0.16;
  }
  96% {
    opacity: 0.04;
  }
  100% {
    transform: translateX(-54%) rotate(-14deg) scale(1);
    opacity: 0;
  }
}
@keyframes scSwipeHandRight {
  0% {
    transform: translateX(-54%) rotate(6deg) scale(0.96);
    opacity: 0;
  }
  8% {
    opacity: 0.4;
  }
  18% {
    opacity: 0.46;
  }
  82% {
    opacity: 0.46;
  }
  90% {
    opacity: 0.16;
  }
  96% {
    opacity: 0.04;
  }
  100% {
    transform: translateX(58%) rotate(14deg) scale(1);
    opacity: 0;
  }
}
@keyframes scSwipeLinePulse {
  0% {
    opacity: 0;
    transform: translateX(-50%) scaleX(0.85);
  }
  12% {
    opacity: 0.75;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scaleX(1);
  }
}
@media (min-width: 981px){
.sc-swipe-hint {
  display: none !important;
}


}
@media (max-width: 768px){
.sc-swipe-hint {
  transform: translateX(2%) rotate(-1deg);
}



}
@media (max-width: 520px){
.sc-swipe-hint {
  transform: translateX(1%) rotate(-1deg);
  height: clamp(52px, 22vw, 76px);
}



}/* Tweak ticker height specifically for medical-malpractice page to match other pages */ body[data-page="medical-malpractice"] .keis-ticker__track {
  padding: 10px 0;
  gap: 36px;
  font-size: clamp(18px, 1.6vw, 24px);
}
/* Fix: hide stray direct text nodes that appear in some pages' hero-benefits markup (defensive CSS) so cards under subtitle stay compact even when HTML has duplicated fragments. */ .hero-benefits-grid.hero-benefits-grid--intro > .hero-benefit-text, .hero-benefits-grid.hero-benefits-grid--intro > .hero-benefit-kpi {
  display: none !important;
}
body.page-main:not([data-page]) .scenario-slide--angle-1 .scenario-slide-media, body.page-main:not([data-page]) .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_1.webp");
}
body.page-main:not([data-page]) .scenario-slide--angle-2 .scenario-slide-media, body.page-main:not([data-page]) .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_4.webp");
}
body.page-main:not([data-page]) .scenario-slide--angle-3 .scenario-slide-media, body.page-main:not([data-page]) .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_3.webp");
}
body.page-main:not([data-page]) .scenario-slide--angle-4 .scenario-slide-media, body.page-main:not([data-page]) .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_2.webp");
}
body[data-page="fraud"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="fraud"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/block/offer.webp");
}
body[data-page="fraud"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="fraud"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/block/offer3.webp");
}
body[data-page="fraud"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="fraud"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/block/off_obm.webp");
}
body[data-page="fraud"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="fraud"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/block/zpp3.webp");
}
body.page-influence .scenario-slide--angle-1 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/scp1.webp");
}
body.page-influence .scenario-slide--angle-2 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/scp2.webp");
}
body.page-influence .scenario-slide--angle-3 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_1.webp");
}
body.page-influence .scenario-slide--angle-4 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/scp4.webp");
}
body.page-influence .scenario-slide--angle-5 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/scp5.webp");
}
body.page-influence .scenario-slide--angle-6 .scenario-slide-media, body.page-influence .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/scp6.webp");
}
body.page-investment .scenario-slide--angle-1 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_1.webp");
}
body.page-investment .scenario-slide--angle-2 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_2.webp");
}
body.page-investment .scenario-slide--angle-3 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_3.webp");
}
body.page-investment .scenario-slide--angle-4 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_4.webp");
}
body.page-investment .scenario-slide--angle-5 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_5.webp");
}
body.page-investment .scenario-slide--angle-6 .scenario-slide-media,
body.page-investment .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_6.webp");
}
body.page-credit .scenario-slide--angle-1 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/scc1.webp");
}
body.page-credit .scenario-slide--angle-2 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/scc2.webp");
}
body.page-credit .scenario-slide--angle-3 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/scc3.webp");
}
body.page-credit .scenario-slide--angle-4 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/scc4.webp");
}
body.page-credit .scenario-slide--angle-5 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/scc5.webp");
}
body.page-credit .scenario-slide--angle-6 .scenario-slide-media, body.page-credit .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/sc_5.webp");
}
/* Removed zpp per-page scenario background-image rules to keep 4th-block cards without background photos (restore plain cards). If you want images for specific slides, reintroduce scoped rules per page. */ /* Ticker separators between phrases (pure CSS). Uses single pseudo-element between spans. */ .keis-ticker .keis-ticker__track span {
  display: inline-block;
  padding: 0 12px;
  line-height: 1;
  vertical-align: middle;
}
/* Updated premium separator: small diamond + thin bar, shifted slightly left for optical centering */ .keis-ticker .keis-ticker__track span + span::before, .keis-ticker .keis-ticker__track span + span::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.keis-ticker .keis-ticker__track span + span::before {
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateX(-20%);
  background: linear-gradient(135deg, #ffb36a 0%, #ff8a20 100%);
  box-shadow: 0 0 0.6px rgba(0,0,0,0.12), 0 6px 12px rgba(255,138,0,0.06);
  border-radius: 1px;
  margin-right: 6px;
}
.keis-ticker .keis-ticker__track span + span::after {
  width: 1px;
  height: 0.85em;
  background: linear-gradient(180deg, rgba(255,138,0,0.95), rgba(255,138,0,0.6));
  margin-left: 2px;
  transform: translateX(-18%);
  border-radius: 1px;
}

/* Desktop arrow/pill overrides removed */ /* Form paddings and glass adjustments for 980–721px */ @media (min-width: 721px) and (max-width: 980px) {
  .kg-glass__fields {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
.kg-glass::after {
    opacity: 0.78;
  }
}
body[data-page="medical-malpractice"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/med1.webp");
}
body[data-page="medical-malpractice"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/med3.webp");
}
body[data-page="medical-malpractice"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/med6.webp");
}
body[data-page="medical-malpractice"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/med5.webp");
}
body[data-page="medical-malpractice"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/med2.webp");
}
body[data-page="medical-malpractice"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="medical-malpractice"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med6.webp");
}
/* Consumer-protection scenario images (fixed per direction, excluding medical-malpractice) */ body[data-page="defective-apartment-renovation"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/rem1.webp");
}
body[data-page="defective-apartment-renovation"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/rem3.webp");
}
body[data-page="defective-apartment-renovation"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd7.webp");
}
body[data-page="defective-apartment-renovation"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd5.webp");
}
body[data-page="defective-apartment-renovation"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod6.webp");
}
body[data-page="defective-apartment-renovation"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="defective-apartment-renovation"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/vtb1.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/vtb2.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/vtb3.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/vtb4.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/vtb5.webp");
}
body[data-page="consumer-goods-refund"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="consumer-goods-refund"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/br1.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/br3.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/br5.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/br8.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/br9.webp");
}
body[data-page="furniture-defects"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="furniture-defects"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/rem3.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/bad2.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod6.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd6.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod6.webp");
}
body[data-page="poor-quality-services"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="poor-quality-services"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/bz1.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod7.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod5.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/pod1.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/bz6.webp");
}
body[data-page="contractor-agreement"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="contractor-agreement"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr1.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr2.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr3.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr4.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr6.webp");
}
body[data-page="complaint-against-lawyer"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="complaint-against-lawyer"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr7.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/strah1.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/strah2.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/strah8.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/strah4.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/strah5.webp");
}
body[data-page="forced-insurance"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="forced-insurance"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/jr6.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-1 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-1 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd7.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-2 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-2 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd4.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-3 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-3 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd5.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-4 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-4 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd6.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-5 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-5 .kgx-stories__media {
  background-image: url("./assets/scenarios/sd7.webp");
}
body[data-page="construction-contract"] .scenario-slide--angle-6 .scenario-slide-media, body[data-page="construction-contract"] .kgx-stories__slide--angle-6 .kgx-stories__media {
  background-image: url("./assets/scenarios/med0.webp");
}
/* scenarios nav controls cleaned: rules for .scenarios-navbtn removed */ @keyframes kg-glass-arrow-prev {
  0% {
    transform: translateX(-170%) skewX(-9deg);
  opacity: 0;
  }
  6% {
    opacity: 0.65;
  }
  32% {
    opacity: 0.52;
  }
  45% {
    transform: translateX(170%) skewX(-2deg);
  }
  100% {
    transform: translateX(170%) skewX(-2deg);
  };
}
@keyframes kg-glass-arrow-next {
  0% {
    transform: translateX(-170%) skewX(-9deg);
    opacity: 0;
  }
  40% {
    transform: translateX(-170%) skewX(-9deg);
    opacity: 0;
  }
  46% {
    opacity: 0.64;
  }
  78% {
    opacity: 0.3;
  }
  100% {
    transform: translateX(170%) skewX(-2deg);
    opacity: 0;
  }
}
@media (min-width: 981px){
.investment-scenarios .scenarios-band-controls, .investment-scenarios .scenarios-band-controls--center {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: clamp(20px, 3vw, 40px);
  position: relative;
  z-index: 30;
  pointer-events: none;
  transform: rotate(-3deg);
  transform-origin: center;
}
.investment-scenarios .scenarios-band-controls button, .investment-scenarios .scenarios-band-controls a, .investment-scenarios [data-scenarios-prev], .investment-scenarios [data-scenarios-next], .investment-scenarios .scenarios-navbtn, .investment-scenarios .slick-prev, .investment-scenarios .slick-next {
  --glass-arrow-cycle: 6.6s;
  pointer-events: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(57px, 7.3vw, 94px);
  height: clamp(36px, 3.6vw, 48px);
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,138,0,0.34);
  background: linear-gradient(160deg, rgba(255,255,255,0.18), rgba(11,7,5,0.48)),
      radial-gradient(140% 140% at 18% 10%, rgba(255,255,255,0.42), rgba(255,255,255,0.08) 62%),
      rgba(10,6,4,0.4);
  background-clip: padding-box;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72),
      inset 0 0 0 1px rgba(255,138,0,0.18),
      inset 0 18px 38px rgba(255,255,255,0.14),
      inset 0 -18px 26px rgba(6,3,2,0.55),
      0 16px 42px rgba(0,0,0,0.45),
      0 6px 16px rgba(255,138,0,0.16);
  backdrop-filter: var(--perf-fx-scenarios-ctrl-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-scenarios-ctrl-backdrop, none);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  gap: 8px;
  overflow: hidden;
  isolation: isolate;
  opacity: 0.88;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 260ms ease, opacity 180ms ease;
}
.investment-scenarios .scenarios-navbtn::before, .investment-scenarios .scenarios-band-controls button::before, .investment-scenarios .scenarios-band-controls a::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 12%;
  top: 8%;
  bottom: 32%;
  border-radius: inherit;
  background: radial-gradient(circle at 18% 20%, rgba(255,255,255,0.92), rgba(255,255,255,0.32) 60%, rgba(255,255,255,0)),
      linear-gradient(145deg, rgba(255,138,0,0.28), rgba(255,138,0,0.02));
  opacity: 0.62;
  z-index: 0;
  pointer-events: none;
  filter: var(--perf-fx-scenarios-ctrl-glow-filter, none);
  transition: opacity 240ms ease;
  box-shadow: inset 0 0 18px rgba(255,138,0,0.18);
}
/* Sheen limited to button interior */ .investment-scenarios .scenarios-navbtn::after, .investment-scenarios .scenarios-band-controls button::after, .investment-scenarios .scenarios-band-controls a::after, .investment-scenarios [data-scenarios-prev]::after, .investment-scenarios [data-scenarios-next]::after, .investment-scenarios .slick-prev::after, .investment-scenarios .slick-next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80%;
  width: 180%;
  background: linear-gradient(112deg, rgba(255,138,0,0) 0%, rgba(255,214,170,0.96) 42%, rgba(255,176,96,0.5) 56%, rgba(255,138,0,0));
  mix-blend-mode: screen;
  transform: translateX(-170%) skewX(-8deg);
  animation-duration: var(--glass-arrow-cycle, 6.6s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-name: kg-glass-arrow-prev;
  animation-play-state: var(--perf-fx-scenarios-sheen-play, paused);
  z-index: 1;
  opacity: 0.4;
  pointer-events: none;
  border-radius: inherit;
  will-change: var(--perf-fx-scenarios-sheen-will-change, auto);
  filter: var(--perf-fx-scenarios-ctrl-sheen-filter, none);
  transition: opacity 320ms ease;
}
/* Relay playback: prev owns the first half, next takes over as the beam nears the edge */ .investment-scenarios .scenarios-navbtn--prev::after, .investment-scenarios [data-scenarios-prev]::after, .investment-scenarios .slick-prev::after {
  animation-name: kg-glass-arrow-prev;
}
.investment-scenarios .scenarios-navbtn--next::after, .investment-scenarios [data-scenarios-next]::after, .investment-scenarios .slick-next::after {
  animation-name: kg-glass-arrow-next;
  animation-delay: 1.3s;
}
.investment-scenarios .scenarios-band-controls button:hover::before, .investment-scenarios .scenarios-band-controls a:hover::before {
  opacity: 0.72;
}
.investment-scenarios .scenarios-band-controls button:hover::after, .investment-scenarios .scenarios-band-controls a:hover::after {
  opacity: 0.42;
}
.investment-scenarios .scenarios-navbtn__icon, .investment-scenarios .scenarios-nav button svg, .investment-scenarios .scenarios-controls button svg, .investment-scenarios .scenarios-nav a svg, .investment-scenarios .scenarios-controls a svg {
  width: clamp(18px, 1.6vw, 22px);
  height: clamp(12px, 1.4vw, 18px);
  display: block;
  position: relative;
  z-index: 2;
  color: var(--keis-accent, #ff8a00);
  filter: var(--perf-fx-arrow-icon-filter, none);
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), opacity .16s ease;
}
.investment-scenarios .scenarios-navbtn svg path, .investment-scenarios .scenarios-band-controls svg path {
  stroke-width: 2.4;
  stroke: var(--keis-accent, #ff8a00);
  fill: none;
}
/* Ensure small buttons keep icon centered */ .investment-scenarios .scenarios-navbtn--prev, .investment-scenarios [data-scenarios-prev], .investment-scenarios .slick-prev, .investment-scenarios .scenarios-navbtn--next, .investment-scenarios [data-scenarios-next], .investment-scenarios .slick-next {
  justify-content: center;
}
.investment-scenarios .scenarios-band-controls button:hover, .investment-scenarios .scenarios-band-controls a:hover {
  transform: translateY(-2px) scale(1.02);
  border-color: rgba(255,174,58,0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.76), inset 0 0 0 1px rgba(255,174,58,0.32), inset 0 24px 52px rgba(255,255,255,0.18), inset 0 -24px 32px rgba(5,2,1,0.5), 0 24px 64px rgba(0,0,0,0.5), 0 10px 22px rgba(255,174,58,0.16);
  opacity: 0.98;
}
.investment-scenarios .scenarios-navbtn--prev:hover .scenarios-navbtn__icon, .investment-scenarios [data-scenarios-prev]:hover .scenarios-navbtn__icon, .investment-scenarios .slick-prev:hover .scenarios-navbtn__icon {
  transform: translateX(-2px);
}
.investment-scenarios .scenarios-navbtn--next:hover .scenarios-navbtn__icon, .investment-scenarios [data-scenarios-next]:hover .scenarios-navbtn__icon, .investment-scenarios .slick-next:hover .scenarios-navbtn__icon {
  transform: translateX(2px);
}
.investment-scenarios .scenarios-navbtn--prev:hover svg, .investment-scenarios [data-scenarios-prev]:hover svg, .investment-scenarios .slick-prev:hover svg {
  transform: translateX(-2px);
}
.investment-scenarios .scenarios-navbtn--next:hover svg, .investment-scenarios [data-scenarios-next]:hover svg, .investment-scenarios .slick-next:hover svg {
  transform: translateX(2px);
}
.investment-scenarios .scenarios-band-controls button:focus-visible, .investment-scenarios .scenarios-band-controls a:focus-visible {
  outline: none;
  border-color: rgba(255,174,58,0.88);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.74), inset 0 20px 46px rgba(255,255,255,0.16), inset 0 -24px 32px rgba(0,0,0,0.42), 0 0 0 2px rgba(255,118,0,0.38), 0 28px 70px rgba(0,0,0,0.55);
  opacity: 1;
}


}
@media (prefers-reduced-motion: reduce){
.investment-scenarios .scenarios-band-controls button::after, .investment-scenarios .scenarios-band-controls a::after, .investment-scenarios .scenarios-navbtn::after, .investment-scenarios [data-scenarios-prev]::after, .investment-scenarios [data-scenarios-next]::after, .investment-scenarios .slick-prev::after, .investment-scenarios .slick-next::after {
  animation: none !important;
  opacity: 0.18;
  transform: translateX(0) skewX(-4deg);
}



}
@media (max-width: 600px){
.scenarios-band-controls {
  gap: 0;
  margin-top: clamp(14px, 5vw, 24px);
  margin-bottom: clamp(10px, 5vw, 18px);
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  justify-content: center;
}



}
@media (max-width: 980px){
.scenarios-band-controls {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: clamp(12px, 4vw, 20px);
  margin-bottom: calc(var(--scenarios-bottom-gap, 0px) + clamp(8px, 3vw, 18px));
  pointer-events: none;
}
.scenarios-band-controls button, .scenarios-band-controls a, .scenarios-band-controls .scenarios-navbtn, .scenarios-band-controls .slick-prev, .scenarios-band-controls .slick-next {
  display: none !important;
}



}
.trust-parallax {
  position: relative;
  width: 100%;
  padding: 120px 0 140px;
  min-height: clamp(720px, 58vw, 980px);
  overflow: hidden;
  z-index: 0;
  background-color: #0d0806;
}
@media (min-width: 981px){
.trust-parallax {
  padding: 130px 0 170px;
  min-height: clamp(800px, 54vw, 1100px);
}
.trust-parallax-bg {
  background-size: 110%;
}
}
@media (min-width: 1200px){
.trust-parallax {
  padding: 150px 0 200px;
  min-height: clamp(900px, 54vw, 1180px);
}
.trust-parallax-bg {
  background-size: 115%;
}
}
.trust-parallax-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.08) 45%, rgba(0,0,0,.28) 100%), radial-gradient(1200px 820px at 22% 42%, rgba(0,0,0,.60), transparent 62%), radial-gradient(1200px 940px at 86% 52%, rgba(0,0,0,.52), transparent 64%), url("./assets/block/2blockteam.webp");
  background-size: cover;
  background-position: center 12%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: none;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  transition: none;
  opacity: .98;
  pointer-events: none;
}
@media (max-width: 899px){
.trust-parallax-bg {
  background-position: 50% center;
  background-size: auto 100%;
}



}
@media (min-width: 521px) and (max-width: 599px){
.trust-parallax-bg {
  background-position: 52% center;
  background-size: auto 100%;
}



}
@media (max-width: 490px){
.trust-parallax-bg {
  background-position: 53% center;
  background-size: auto 100%;
  transform: translate3d(0, var(--trust-parallax-y), 0) scale(1.00);
}



}
@media (max-width: 520px){
.trust-parallax-bg {
  background-position: 55% center;
  transform: translate3d(0, var(--trust-parallax-y), 0) scale(1.00);
}



}
.trust-parallax .section-container.trust-parallax-inner {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  margin: 0;
  display: block;
  --trust-gutter-left: clamp(12px, 1.2vw, 24px);
  --trust-gutter-right: clamp(18px, 2.5vw, 32px);
  padding-left: var(--trust-gutter-left);
  padding-right: var(--trust-gutter-right);
}
.trust-parallax .trust-header {
  text-align: left;
  margin: 0 0 28px 0;
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  gap: clamp(8px, 1.2vw, 14px);
  position: relative;
  width: fit-content;
  max-width: 100%;
}
@media (min-width: 900px){
.trust-parallax .trust-header {
  margin-left: 0;
  padding-left: 0;
}



}
.trust-title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(2.0rem, 3.2vw, 2.8rem);
  line-height: 1.08;
  margin: 0 0 16px;
  color: rgba(244,241,235,.98);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}
.trust-subtitle {
  margin: 12px 0 0;
  color: rgba(244,241,235,.80);
  font-size: clamp(1.04rem, 1.22vw, 1.16rem);
  line-height: 1.5;
  max-width: 58ch;
  display: inline-block;
  text-wrap: balance;
  white-space: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.trust-panel {
  position: relative;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: none;
}
.trust-panel::before, .trust-panel::after {
  content: none;
  display: none;
}
.trust-mini-grid {
  display: grid;
  width: 100%;
  margin: 0;
  gap: clamp(14px, 1.8vw, 22px);
}
.trust-mini {
  position: relative;
  border-radius: 20px;
  padding: 24px 22px 22px;
  min-height: 165px;
  width: 100%;
  background: radial-gradient(120% 140% at 0% 0%, rgba(255,180,120,.08), transparent 50%), linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)), rgba(12, 8, 6, .48);
  background-color: rgba(12, 8, 6, .9);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 12px rgba(255,122,24,.05), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.20);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: paint;
  overflow: hidden;
}
.trust-mini::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(120% 140% at 14% 10%, rgba(255,255,255,.14), rgba(255,255,255,.05) 28%, transparent 60%);
  opacity: .85;
  transition: opacity .2s ease;
}
.trust-mini::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0) 45%);
  opacity: .7;
  transition: opacity .2s ease;
}
@media (hover:hover) and (pointer:fine){
.trust-mini {
  transition: transform .2s var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.trust-mini:hover {
  transform: translate3d(0, -2px, 0) scale(1.008);
  border-color: rgba(255,255,255,.26);
  box-shadow: 0 16px 38px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 2px rgba(255, 170, 96, .26);
  background-color: rgba(12, 8, 6, .84);
  will-change: transform;
}
.trust-mini:hover::before {
  opacity: .95;
}
.trust-mini:hover::after {
  opacity: .82;
}



}
.trust-mini-title {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.08rem;
  line-height: 1.18;
  color: rgba(244,241,235,.96);
}
.trust-mini-text {
  margin: 0;
  color: rgba(244,241,235,.78);
  line-height: 1.52;
  font-size: .94rem;
}
@media (min-width: 900px){
.trust-parallax .section-container.trust-parallax-inner {
  padding-left: 0;
  padding-right: 0;
}
.trust-panel {
  width: 50%;
  margin-left: 0;
  margin-right: auto;
  padding: 0 clamp(12px, 1.2vw, 24px);
}
.trust-mini-grid {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
}
.trust-mini {
  padding: 28px 24px 24px;
  min-height: 182px;
}
.trust-mini-text {
  font-size: 0.99rem;
  line-height: 1.56;
}



}
@media (min-width: 900px) and (max-width: 1200px){
.trust-panel {
  width: 65%;
}
.trust-mini-grid {
  gap: clamp(18px, 2.2vw, 28px);
}



}
@media (min-width: 980px){
.trust-parallax .section-container.trust-parallax-inner {
  width: min(1400px, 96vw);
  max-width: none;
  margin-left: clamp(8px, 1vw, 18px);
  margin-right: auto;
  --trust-gutter-left: clamp(0px, 0.35vw, 8px);
  --trust-gutter-right: clamp(12px, 1.4vw, 22px);
  padding-left: var(--trust-gutter-left);
  padding-right: var(--trust-gutter-right);
}
.trust-parallax .trust-header {
  margin-left: clamp(-6px, -0.45vw, -2px);
}
.trust-panel {
  width: 58%;
  margin-left: clamp(-6px, -0.45vw, -2px);
  padding: 0 clamp(8px, 1vw, 16px);
}
.trust-mini-grid {
  gap: clamp(16px, 1.8vw, 24px);
}
.trust-mini {
  min-height: clamp(188px, 12.2vw, 228px);
  padding: 30px 26px 26px;
}
.trust-mini-title {
  font-size: clamp(1.14rem, 0.95vw, 1.32rem);
  line-height: 1.22;
  margin-bottom: 12px;
}
.trust-mini-text {
  font-size: clamp(1.02rem, 0.82vw, 1.12rem);
  line-height: 1.6;
}
}
@media (min-width: 980px) and (max-width: 1200px){
.trust-panel {
  width: 70%;
}
}
@media (max-width: 899px){
.trust-parallax {
  padding: 64px 0 80px;
  overflow: hidden;
}
.trust-parallax .section-container.trust-parallax-inner {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.trust-parallax .trust-header {
  text-align: left;
  margin: 0 0 24px 0;
  padding-left: 0;
  width: 100%;
}
.trust-title {
  text-align: left;
}
.trust-subtitle {
  text-align: left;
}
.trust-panel {
  width: 64%;
  margin-left: 0;
  margin-right: auto;
  padding: 0 clamp(12px, 2vw, 24px);
}
.trust-mini-grid {
  grid-template-columns: 1fr;
  gap: 18px;
}
.trust-mini {
  width: 100%;
  min-height: auto;
}



}
@media (max-width: 640px){
.trust-parallax {
  padding: 48px 0 64px;
}
.trust-mini {
  padding: 20px 18px 18px;
  min-height: auto;
}
.trust-mini-title {
  font-size: 1.0rem;
}
.trust-mini-text {
  font-size: 0.9rem;
}



}
.investment-challenges {
  width: 100%;
  padding: 70px 0;
}
.timeline {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.timeline-step {
  display: grid;
  grid-template-columns: 12px minmax(0,1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}
.timeline-marker {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  margin-top: 6px;
}
.timeline-title {
  margin: 0 0 8px;
  font-family: var(--font-heading);
  font-weight: 900;
}
.timeline-text {
  margin: 0;
  color: rgba(244,241,235,.78);
  line-height: 1.55;
}
.timeline-tag {
  display: inline-flex;
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(244,241,235,.80);
  font-weight: 700;
  font-size: .86rem;
}
/* ========================================================= 04. Components – FAQ ========================================================= */
.faq,
.investment-faq {
  --faq-spacer-base: clamp(55px, 5.5vw, 85px);
  --faq-spacer-min: clamp(28px, 3vw, 48px);
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  padding: 70px 0;
  overflow: hidden;
  z-index: 0;
  background: none;
}

.faq::before,
.investment-faq::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(280px 360px at 90% 20%, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0) 72%),
    radial-gradient(640px 520px at 96% 26%, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0) 74%),
    linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.00) 58%, rgba(0, 0, 0, 0.16) 86%, rgba(0, 0, 0, 0.20) 100%),
    url("./assets/block/great_K.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
  pointer-events: none;
}
.faq::after,
.investment-faq::after {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
  background: none !important;
  box-shadow: none !important;
}

.faq__inner,
.investment-faq .section-container {
  position: relative;
  z-index: 2;
}

/* FAQ: single background layer only; decorative nodes disabled */
.investment-faq .keis-parallax-bg,
.investment-faq .faq-aside--visual {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.investment-faq .section-container, .investment-faq .faq-grid, .investment-faq .faq-list, .investment-faq .faq-ask {
  position: relative;
  z-index: 2;
}
.investment-faq .faq-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 380px;
  gap: 22px;
  align-items: start;
  justify-content: flex-start;
  justify-items: start;
  align-content: start;
}
/* Adjustments for block 8 (FAQ) layout and responsive background behavior */ @media (min-width: 981px) {
  .investment-faq {
    padding-left: 0;
  padding-right: 0;
  }
.investment-faq::before {
    background-position: 90% center;
  }
.investment-faq .section-container {
    width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: 0;
  }
.investment-faq .faq-grid {
    grid-template-columns: 40% 1fr;
  justify-content: flex-start;
  justify-items: start;
  }
.investment-faq .faq-main,
  .investment-faq .faq-list {
    justify-self: start;
  margin-left: 0;
  margin-right: 0;
  };
}
@media (max-width: 980px){
.investment-faq::before {
  background-position: 82% center;
}
/* Tablet: keep QA column compact and pinned left */ .investment-faq .faq-grid {
  grid-template-columns: 70% 30%;
  gap: 14px;
}
.investment-faq .section-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: none;
}
.investment-faq .faq-list {
  width: 66%;
  max-width: 66%;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  padding-right: 12px;
}


}/* CTA button shake: sub-0.5s motion then ~3s pause (total cycle ~3.4s) */ @keyframes faqBtnShake {
  0%, 18%, 100% { transform: translateY(0);
  }
  5% { transform: translateY(-3px);
  }
  10% { transform: translateY(3px);
  }
  14% { transform: translateY(-2px);
  }
  16% { transform: translateY(0);
  };
}
.investment-faq .faq-ask .faq-ask-btn, .investment-faq .faq-ask .challenges-cta__btn, .investment-faq .faq-ask .btn-primary {
  animation: none;
  will-change: auto;
}
.investment-faq .faq-main {
  grid-column: 1;
  width: 100%;
  max-width: min(700px, 100%);
  margin: 0;
}
.investment-faq .faq-list {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 12px;
  width: min(660px, calc(100% - 36px));
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  padding-bottom: clamp(17px, 1.5vw, 28px);
}
.investment-faq .faq-list::before {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 34px;
  pointer-events: none;
  z-index: -1;
  background: rgba(12, 12, 16, 0.30);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60);
}
.investment-faq .faq-item {
  border-radius: 20px;
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.03), transparent 58%), linear-gradient(145deg, rgba(220,220,220,.08), rgba(160,160,160,.05)), linear-gradient(145deg, rgba(255,255,255,.02), rgba(255,255,255,.01)), rgba(10,6,4,.80);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 28px rgba(0,0,0,.32), 0 3px 10px rgba(0,0,0,.18);
  position: relative;
  z-index: 1;
  overflow: hidden;
  contain: paint;
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.2s ease, border-color 0.2s ease;
}
.investment-faq .faq-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 0;
  pointer-events: none;
  opacity: 0;
  box-shadow: none;
}
.investment-faq .faq-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: none;
  opacity: 0;
  mix-blend-mode: normal;
}
.investment-faq .faq-question {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  background: transparent;
  border: 0;
  color: #ffae62;
  text-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(1.06rem, 0.68vw + 0.92rem, 1.24rem);
  line-height: 1.34;
  transition: color .18s ease;
}
.investment-faq .faq-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  position: relative;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06)), rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 32px rgba(0,0,0,.5);
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform var(--perf-motion-fast, 180ms) var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), box-shadow 0.2s ease;
}
.investment-faq .faq-icon::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 210deg, rgba(255,138,0,.36), rgba(255,255,255,.12), rgba(120,200,255,.16), rgba(255,220,120,.18), rgba(255,138,0,.36));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .85;
  pointer-events: none;
}
.investment-faq .faq-icon::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background: linear-gradient(rgba(17,12,10,.92), rgba(17,12,10,.92)) center/16px 2px no-repeat, linear-gradient(rgba(17,12,10,.92), rgba(17,12,10,.92)) center/2px 16px no-repeat;
  opacity: .95;
}
.investment-faq .faq-item.is-open .faq-icon::after {
  background: linear-gradient(rgba(17,12,10,.92), rgba(17,12,10,.92)) center/16px 2px no-repeat;
}
.investment-faq .faq-toggle {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, var(--orange2), var(--orange));
  color: #111;
  font-weight: 950;
}
.investment-faq .faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  padding: 0 18px;
  border-top: 1px solid rgba(255,255,255,0);
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--font-ui);
  font-size: clamp(1rem, 0.52vw + 0.88rem, 1.12rem);
  line-height: 1.62;
  transition: grid-template-rows 420ms cubic-bezier(0.22, 0.61, 0.36, 1), padding 420ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 240ms ease;
}
.investment-faq .faq-answer__content {
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, -6px, 0);
  transition: opacity 360ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.investment-faq .faq-item.is-open .faq-answer {
  display: grid;
  grid-template-rows: 1fr;
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 18px;
}
.investment-faq .faq-item.is-open .faq-answer .faq-answer__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .investment-faq .faq-answer,
  .investment-faq .faq-answer__content,
  .investment-faq .faq-item,
  .investment-faq .faq-icon,
  .investment-cases .case-card {
    transition: none !important;
    animation: none !important;
  }
}
@media (hover: hover) and (pointer: fine){
.investment-faq .faq-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 4px 14px rgba(0,0,0,.2);
  border-color: rgba(255,255,255,.14);
}
.investment-faq .faq-item:hover .faq-icon {
  transform: translateY(-1px) scale(1.03);
}
}
@keyframes faq-ask-breathe {
  0%, 100% {
    box-shadow: 0 22px 72px rgba(0,0,0,.52);
  }
  50% {
    box-shadow: 0 26px 86px rgba(0,0,0,.56);
  }
}
@keyframes faq-ask-shimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.investment-faq .faq-ask {
  margin-top: 0;
  display: flex;
  justify-content: flex-start;
}
.investment-faq .faq-spacer {
  height: var(--faq-spacer-base);
  pointer-events: none;
  transition: none;
}
.investment-faq .faq-ask-panel {
  width: min(720px, 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
@media (max-width: 980px){
  .faq,
  .investment-faq {
    --faq-spacer-base: clamp(36px, 5vw, 56px);
    --faq-spacer-min: clamp(17px, 3vw, 32px);
  }
  .investment-faq .faq-list {
    padding-bottom: clamp(10px, 2.1vw, 17px);
  }
  .investment-faq .faq-ask-panel {
    gap: 3px;
  }
}
.investment-faq .faq-ask-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.05) 100%), rgba(12,8,6,.42);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 22px 72px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: rotate(-2.2deg);
  transform-origin: 20% 50%;
  color: rgba(246, 242, 236, 0.96);
  font-weight: 900;
  letter-spacing: 0.01em;
}
.investment-faq .faq-ask-title::after {
  content: "Задайте свой!";
  white-space: nowrap;
  display: inline-block;
  margin-left: 12px;
  padding: 0 0 3px;
  color: rgba(255, 166, 86, 0.98);
  font-weight: 900;
  letter-spacing: 0.03em;
  font-size: 0.98rem;
  background-image: linear-gradient(110deg, rgba(255,138,0,0), rgba(255,138,0,0.8), rgba(255,138,0,0));
  background-size: 100% 0.18em;
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.investment-faq .faq-ask-btn {
  width: min(520px, 100%);
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 999px;
  background: radial-gradient(720px 260px at 18% 20%, rgba(255, 138, 0, 0.34), transparent 62%),
    radial-gradient(520px 220px at 92% 50%, rgba(255, 138, 0, 0.22), transparent 70%),
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255, 138, 0, 0.10) 62%, rgba(255, 138, 0, 0.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%),
    rgba(12,8,6,.50);
  border: 1px solid rgba(255, 138, 0, 0.34);
  box-shadow: 0 28px 96px rgba(0,0,0,.62), 0 12px 34px rgba(255, 138, 0, 0.18), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: rotate(2.4deg);
  transform-origin: 30% 50%;
  color: rgba(245, 245, 245, 0.98);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  animation: none;
}
@media (hover: hover) and (pointer: fine) {
  .investment-faq .faq-ask-btn:hover {
    transform: rotate(0deg) translateY(-1px);
    border-color: rgba(255, 188, 124, 0.56);
    box-shadow: 0 24px 84px rgba(0,0,0,.58), 0 10px 30px rgba(255, 165, 90, 0.24), inset 0 1px 0 rgba(255,255,255,.22);
    background: radial-gradient(760px 280px at 12% 14%, rgba(255, 214, 166, 0.40), transparent 60%),
      radial-gradient(520px 220px at 92% 50%, rgba(255, 155, 66, 0.28), transparent 70%),
      linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255, 138, 0, 0.10) 62%, rgba(255, 138, 0, 0.18) 100%),
      linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 100%),
      rgba(12,8,6,.50);
  }
}
.investment-faq .faq-ask-btn__text {
  position: relative;
  flex: 0 1 auto;
  min-width: auto;
  padding-left: 0;
  padding-right: 6px;
  text-align: right;
  line-height: 1.1;
  font-weight: 950;
  font-size: 1.22rem;
  letter-spacing: 0.02em;
  background-image: linear-gradient(
    90deg,
    rgba(255, 208, 160, 0.72) 0%,
    rgba(255, 236, 214, 0.98) 35%,
    rgba(255, 255, 255, 0.98) 50%,
    rgba(255, 236, 214, 0.98) 65%,
    rgba(255, 208, 160, 0.72) 100%
  );
  background-size: 220% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: none;
  animation: none;
}
.investment-faq .faq-ask-btn__text::before {
  content: "";
}
.investment-faq .faq-ask-btn__icon {
  opacity: 0.95;
  color: rgba(255, 236, 214, 0.98);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 200, 150, 0.34), rgba(255, 138, 0, 0.22));
  border: 1px solid rgba(255, 138, 0, 0.34);
  box-shadow: 0 14px 34px rgba(0,0,0,.48), 0 8px 22px rgba(255, 138, 0, 0.18);
}
.investment-faq .faq-aside {
  border-radius: 18px;
  padding: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.investment-faq .faq-aside--visual {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none;
  pointer-events: none;
}
.investment-faq .faq-aside--visual::before, .investment-faq .faq-aside--visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.investment-faq .faq-aside-cta {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 340px;
  max-width: calc(100% - 64px);
  z-index: 3;
  display: none;
}
.investment-faq .faq-aside-kicker {
  margin: 0;
  font-weight: 800;
  color: rgba(244,241,235,.82);
}
@media (max-width: 900px){
.investment-faq::before {
  background-position: 82% center;
}
.investment-faq .faq-list::before {
  inset: -12px;
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.58);
}



}
@media (min-width: 901px) and (max-width: 1599px){
.investment-faq .faq-question {
  padding: 14px 18px;
}
.investment-faq .faq-item.is-open .faq-answer {
  padding: 14px;
}



}
@media (min-width: 1600px){
.investment-faq .faq-list {
  margin-top: clamp(18px, 2vh, 44px);
}
.investment-faq .faq-question {
  padding: 14px 21px;
  gap: 16px;
}
.investment-faq .faq-answer {
  padding: 0 21px;
}
.investment-faq .faq-item.is-open .faq-answer {
  padding: 14px 21px;
}



}
@media (min-width: 901px) and (max-width: 1399px){
.investment-faq .faq-list {
  width: min(620px, calc(100% - 30px));
  max-width: min(620px, calc(100% - 30px));
  margin-left: 0;
  margin-right: 0;
}



}
@media (min-width: 600px) and (max-width: 900px){
.investment-faq .faq-grid {
  grid-template-columns: 1fr;
}
.investment-faq .faq-list {
  max-width: 480px;
  margin-left: 0;
  margin-right: auto;
  padding-right: 16px;
}



}
@media (min-width: 520px) and (max-width: 599px){
.investment-faq .faq-grid {
  grid-template-columns: 40% 60%;
}



}
@media (max-width: 519px){
.investment-faq .faq-grid {
  grid-template-columns: 1fr;
}
.investment-faq .faq-list {
  grid-column: auto;
  justify-self: stretch;
  width: min(640px, calc(100% - 36px));
  margin-left: auto;
  margin-right: auto;
  max-width: none;
}
.investment-faq .section-container {
  padding-left: 0;
  padding-right: 0;
}
.investment-faq .section-header {
  padding-left: 0;
}
.investment-faq {
  padding-bottom: 10px;
}
.investment-faq .faq-icon {
  width: 38px;
  height: 38px;
}
.investment-faq .faq-item {
  border-radius: 20px;
}
.investment-faq .faq-question {
  padding: 15px 14px;
  gap: 12px;
  font-size: 1.08rem;
  line-height: 1.34;
}
.investment-faq .faq-answer {
  padding: 0 14px 14px;
  font-size: 1.02rem;
  line-height: 1.64;
}
.investment-faq .faq-item.is-open .faq-answer {
  padding: 16px;
}
.investment-faq .faq-ask {
  justify-content: center;
  padding-right: 0;
  margin-top: 0;
}
}
.investment-process {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: radial-gradient(1200px 520px at 0% 112%, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 66%),
    radial-gradient(1200px 520px at 100% 112%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0) 66%),
    radial-gradient(1500px 560px at 50% 112%, rgba(244, 232, 220, 0.18) 0%, rgba(244, 232, 220, 0) 72%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.44) 0%, rgba(214, 195, 178, 0.12) 46%, rgba(0, 0, 0, 0.62) 100%),
    url("./assets/block/go.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.investment-process .process-steps {
  display: grid;
  gap: 18px;
  margin-top: 26px;
  border-radius: 26px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), rgba(12, 8, 6, 0.62);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 34px 110px rgba(0,0,0,.72);
  backdrop-filter: var(--perf-fx-process-steps-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-process-steps-backdrop, none);
}
@media (max-width: 980px){
.investment-process .kgx-b4__container.section-container {
  width: min(760px, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 5.2vw, 36px);
  padding-right: clamp(16px, 5.2vw, 36px);
}
.investment-process .process-steps {
  width: min(100%, 700px);
  margin-left: auto;
  margin-right: auto;
  padding: clamp(14px, 3.2vw, 18px);
}



}
.work-step {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 18px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)), rgba(12,8,6,.72);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 48px rgba(0,0,0,.60);
}
.work-step.is-reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
}
.work-step.is-reverse .work-step-media {
  order: 2;
}
.work-step-media {
  min-height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1b120c;
}
.investment-process .process-steps .work-step:nth-child(1) .work-step-media {
  background-image: url("./assets/block/topspaces.webp");
}
.investment-process .process-steps .work-step:nth-child(2) .work-step-media {
  background-image: url("./assets/block/mediumspaces.webp");
}
.investment-process .process-steps .work-step:nth-child(3) .work-step-media {
  background-image: url("./assets/block/downspaces.webp");
}
.work-step-body {
  padding: 22px;
  transition: none;
  transform-origin: left center;
}
.work-step-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
  color: rgba(244,241,235,.68);
  transition: color .2s ease;
}
.work-step-title {
  margin: 10px 0 10px;
  font-size: 1.55rem;
  font-weight: 950;
  transition: color .2s ease;
}
.work-step-text {
  margin: 0;
  color: rgba(244,241,235,.80);
  line-height: 1.6;
  transition: color .2s ease;
}
.work-step-list {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.work-step-list li {
  padding-left: 16px;
  position: relative;
  color: rgba(244,241,235,.78);
  line-height: 1.45;
}
.work-step-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--orange2), var(--orange));
}
@media (hover: hover) and (pointer: fine) {
  .work-step-body:hover {
    transform: none;
  }
  .work-step-body:hover .work-step-kicker {
    color: #f3c683;
  }
  .work-step-body:hover .work-step-title {
    color: #ffe0bf;
  }
  .work-step-body:hover .work-step-text {
    color: #f6ede3;
  }
}
@media (max-width:980px){
.work-step, .work-step.is-reverse {
  grid-template-columns: 1fr;
}
.work-step.is-reverse .work-step-media {
  order: 0;
}
.work-step-media {
  min-height: clamp(188px, 42vw, 248px);
}



}
.investment-cases {
  position: relative;
  width: 100%;
}
.cases-grid {
  display: grid;
  gap: clamp(18px, 2vw, 26px);
  margin-top: clamp(22px, 2.6vw, 36px);
  grid-template-columns: 1fr;
  align-items: stretch;
}
.investment-cases .case-card {
  position: relative;
  border-radius: 4px;
  padding: 28px 28px 28px 36px;
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.06), transparent 58%), linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), rgba(10,6,4,.52);
  border: 1px solid rgba(255,255,255,.08);
  border-left: 4px solid rgba(255,138,0,.85);
  box-shadow: 0 8px 24px rgba(0,0,0,.32), 0 2px 8px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  min-height: 260px;
  gap: 12px;
  contain: paint;
  transition: transform .2s ease, box-shadow .2s ease, border-left-color .2s ease;
}
@media (hover: hover) and (pointer: fine){
  .investment-cases .case-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(255,138,0,.14), 0 4px 20px rgba(0,0,0,.4);
    border-left-color: rgba(255,138,0,1);
  }
}
.investment-cases .case-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, rgba(255,138,0,.08), transparent 60%);
  pointer-events: none;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
}
.investment-cases .case-top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.investment-cases .case-tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 2px;
  font-weight: 900;
  font-size: .75rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(244,241,235,.95);
  background: rgba(255,138,0,.12);
  border: 1px solid rgba(255,138,0,.32);
}
.investment-cases .case-tag--muted {
  color: rgba(255,214,170,.88);
  background: rgba(0,0,0,.22);
  border-color: rgba(255,138,0,.2);
}
.investment-cases .case-title {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-weight: 950;
  font-size: 1.18rem;
  line-height: 1.3;
  color: rgba(244,241,235,.96);
  position: relative;
  z-index: 1;
}
.investment-cases .case-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, rgba(255,138,0,.9), rgba(255,138,0,0));
  opacity: .9;
}
.investment-cases .case-text {
  margin: 0;
  color: rgba(244,241,235,.78);
  line-height: 1.55;
  position: relative;
  z-index: 1;
}
.investment-cases .case-text strong {
  color: rgba(255,240,220,.98);
  font-weight: 950;
}
.investment-cases .case-text--small {
  margin-top: 6px;
  font-size: .96rem;
  color: rgba(244,241,235,.72);
}
.investment-cases .case-meta {
  margin-top: 14px;
  display: grid;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.investment-cases .case-meta-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(244,241,235,.72);
}
.investment-cases .case-meta-row strong {
  color: rgba(255,240,220,.98);
}
.investment-cases .case-result {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 2px;
  background: linear-gradient(135deg, rgba(255,138,0,.14), rgba(0,0,0,.14));
  border: 1px solid rgba(255,138,0,.28);
  border-left: 3px solid rgba(255,138,0,.9);
  color: rgba(255,214,170,.94);
  font-weight: 850;
  letter-spacing: .02em;
  position: relative;
  z-index: 1;
}
.investment-cases .case-result strong {
  color: rgba(255,240,220,.98);
  font-weight: 950;
}
@media (max-width: 768px){
.investment-cases .cases-grid {
  gap: clamp(20px, 2.4vw, 24px);
  padding-left: clamp(24px, 4vw, 40px);
  padding-right: clamp(24px, 4vw, 40px);
}
}
@media (min-width: 769px) and (max-width: 980px){
.investment-cases .cases-grid {
  gap: clamp(20px, 2.4vw, 24px);
}
}
@media (min-width: 860px){
.investment-cases .cases-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px){
.investment-cases .cases-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
}



@media (max-width: 900px){
body.page-investment .investment-find .find-grid, body.page-main .investment-find .find-grid, body.page-credit .investment-find .find-grid, body.page-influence .investment-find .find-grid {
  grid-template-columns: 1fr;
}
body.page-investment .investment-find iframe, body.page-main .investment-find iframe, body.page-credit .investment-find iframe, body.page-influence .investment-find iframe {
  height: 320px;
}



}footer {
  padding: 56px 0 40px;
  border-top: 1px solid rgba(255,255,255,.06);
}
body.page-investment section, body.page-main section, body.page-credit section, body.page-influence section {
  position: relative;
  overflow: visible;
  padding-top: clamp(64px, 9vh, 110px);
  padding-bottom: clamp(64px, 9vh, 110px);
}
body.page-investment section:not(.hero-investment):not(.investment-scenarios), body.page-main section:not(.hero-investment):not(.investment-scenarios), body.page-credit section:not(.hero-investment):not(.investment-scenarios), body.page-influence section:not(.hero-investment):not(.investment-scenarios) {
  padding-top: clamp(56px, 8vw, 96px);
  padding-bottom: clamp(56px, 8vw, 96px);
}
body.page-investment .glass, body.page-main .glass, body.page-credit .glass, body.page-influence .glass, body.page-investment .card, body.page-main .card, body.page-credit .card, body.page-influence .card, body.page-investment article:not(.scenario-slide), body.page-main article:not(.scenario-slide), body.page-credit article:not(.scenario-slide), body.page-influence article:not(.scenario-slide) {
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)), rgba(12,8,6,.68);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
}
.investment-scenarios .scenario-slide {
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.page-investment h1, body.page-main h1, body.page-credit h1, body.page-influence h1, body.page-investment h2, body.page-main h2, body.page-credit h2, body.page-influence h2, body.page-investment h3, body.page-main h3, body.page-credit h3, body.page-influence h3 {
  font-family: var(--font-heading);
  letter-spacing: .01em;
}
body.page-investment video, body.page-main video, body.page-credit video, body.page-influence video, body.page-investment .parallax, body.page-main .parallax, body.page-credit .parallax, body.page-influence .parallax, /* REMOVED: Page-scoped overflow rules - handled in canonical trust-parallax implementation */ body.page-investment .investment-scenarios, body.page-main .investment-scenarios, body.page-credit .investment-scenarios, body.page-influence .investment-scenarios {
  overflow: visible !important;
}
body.page-investment .hero-benefit-card, body.page-main .hero-benefit-card, body.page-credit .hero-benefit-card, body.page-influence .hero-benefit-card, body.page-investment .timeline-step, body.page-main .timeline-step, body.page-credit .timeline-step, body.page-influence .timeline-step, body.page-investment .case-card, body.page-main .case-card, body.page-credit .case-card, body.page-influence .case-card {
  min-height: unset !important;
  height: auto !important;
}
body.page-investment .hero-benefits-grid, body.page-main .hero-benefits-grid, body.page-credit .hero-benefits-grid, body.page-influence .hero-benefits-grid, body.page-investment .signs-grid, body.page-main .signs-grid, body.page-credit .signs-grid, body.page-influence .signs-grid, body.page-investment .cases-grid, body.page-main .cases-grid, body.page-credit .cases-grid, body.page-influence .cases-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
body.page-investment .badge, body.page-main .badge, body.page-credit .badge, body.page-influence .badge, body.page-investment .capsule, body.page-main .capsule, body.page-credit .capsule, body.page-influence .capsule, body.page-investment .tag, body.page-main .tag, body.page-credit .tag, body.page-influence .tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 800;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
body.page-investment .btn-primary, body.page-main .btn-primary, body.page-credit .btn-primary, body.page-influence .btn-primary {
  transition: opacity .18s ease, background-color .18s ease;
}
@media (hover: hover) and (pointer: fine){
  body.page-investment .btn-primary:hover, body.page-main .btn-primary:hover, body.page-credit .btn-primary:hover, body.page-influence .btn-primary:hover {
    box-shadow: 0 18px 34px rgba(255,146,0,.42);
  }
}
.scenarios-band-track, .scenarios-band-track * {
  transform-style: flat !important;
}
.hero-form > .hero-form-group {
  margin-top: 18px;
}
.hero-investment, .investment-scenarios {
  position: relative;
}
.hero-investment::before {
  content: none;
}
.investment-scenarios::after {
  content: none;
}
@media (max-width:768px){
.hero-investment::before {
  content: none;
}
.investment-scenarios::after {
  content: none;
}
.hero-benefits, .hero-benefits-grid.hero-benefits-grid--intro, .hero-benefit-card.hero-benefit-card--intro {
  position: relative;
  z-index: 8;
}



}
.investment-scenarios {
  padding-top: 120px;
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  contain: paint;
}
@media (max-width: 768px){
.investment-scenarios {
  padding-top: 96px;
}



}
@media (max-width: 1199px){
.hero-form, .hero-investment__form, .hero-form-wrapper, .hero__form {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}



}
@media (min-width: 900px) and (max-width: 1100px){
.hero-form, .hero-investment__form, .hero-form-wrapper, .hero__form {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}



}body.page-investment .investment-scenarios::before, body.page-main .investment-scenarios::before, body.page-credit .investment-scenarios::before, body.page-influence .investment-scenarios::before, body.page-investment .investment-scenarios::after, body.page-main .investment-scenarios::after, body.page-credit .investment-scenarios::after, body.page-influence .investment-scenarios::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  transform: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.page-investment .keis-surge-divider, body.page-main .keis-surge-divider, body.page-credit .keis-surge-divider, body.page-influence .keis-surge-divider, body.page-investment .keis-surge-divider::before, body.page-main .keis-surge-divider::before, body.page-credit .keis-surge-divider::before, body.page-influence .keis-surge-divider::before, body.page-investment .keis-surge-divider::after, body.page-main .keis-surge-divider::after, body.page-credit .keis-surge-divider::after, body.page-influence .keis-surge-divider::after, body.page-investment .investment-scenarios .keis-divider--scenarios-seam, body.page-main .investment-scenarios .keis-divider--scenarios-seam, body.page-credit .investment-scenarios .keis-divider--scenarios-seam, body.page-influence .investment-scenarios .keis-divider--scenarios-seam, body.page-investment .investment-scenarios .keis-divider--scenarios-seam::before, body.page-main .investment-scenarios .keis-divider--scenarios-seam::before, body.page-credit .investment-scenarios .keis-divider--scenarios-seam::before, body.page-influence .investment-scenarios .keis-divider--scenarios-seam::before, body.page-investment .investment-scenarios .keis-divider--scenarios-seam::after, body.page-main .investment-scenarios .keis-divider--scenarios-seam::after, body.page-credit .investment-scenarios .keis-divider--scenarios-seam::after, body.page-influence .investment-scenarios .keis-divider--scenarios-seam::after {
  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;
}
@media (max-width: 900px){
.investment-scenarios::before, .investment-scenarios::after {
  width: calc(100% + 110px);
  height: clamp(46px, 8vw, 72px);
}
.investment-scenarios::before {
  transform: translate3d(-50%, -60%, 0) rotate(-2deg) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.investment-scenarios::after {
  transform: translate3d(-50%, 60%, 0) rotate(-2deg) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}



}
@media (max-width: 600px){
.investment-scenarios::before, .investment-scenarios::after {
  width: calc(100% + 80px);
  height: clamp(42px, 10vw, 64px);
}



}body.page-investment .investment-cases .case-card .case-title, body.page-main .investment-cases .case-card .case-title, body.page-credit .investment-cases .case-card .case-title, body.page-influence .investment-cases .case-card .case-title {
  position: relative;
}
body.page-investment .investment-cases .case-card .case-title::after, body.page-main .investment-cases .case-card .case-title::after, body.page-credit .investment-cases .case-card .case-title::after, body.page-influence .investment-cases .case-card .case-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, rgba(255,138,0,.9), rgba(255,138,0,0));
  opacity: .9;
}
body.page-investment .scenarios-trust-bridge::before, body.page-main .scenarios-trust-bridge::before, body.page-credit .scenarios-trust-bridge::before, body.page-influence .scenarios-trust-bridge::before, body.page-investment .scenarios-trust-bridge::after, body.page-main .scenarios-trust-bridge::after, body.page-credit .scenarios-trust-bridge::after, body.page-influence .scenarios-trust-bridge::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}
body.page-investment .investment-scenarios .keis-divider--scenarios-seam, body.page-main .investment-scenarios .keis-divider--scenarios-seam, body.page-credit .investment-scenarios .keis-divider--scenarios-seam, body.page-influence .investment-scenarios .keis-divider--scenarios-seam {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 92px;
  margin: 0;
  z-index: 3;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
body.page-investment .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-main .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-credit .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-influence .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  border-radius: 0;
  top: 52%;
  height: 50px;
  transform: translate3d(0,-50%,0) rotate(-6deg) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: linear-gradient(180deg, rgba(250,246,240,0.92) 0%, rgba(255,255,255,0.88) 45%, rgba(247,242,235,0.92) 100%), linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.0) 100%);
  box-shadow: 0 14px 34px rgba(120,90,60,0.10), 0 4px 14px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(0,0,0,0.06);
  opacity: .88;
}
body.page-investment .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-main .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-credit .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-influence .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  border-radius: 0;
  top: 66%;
  height: 36px;
  transform: translate3d(0,-50%,0) rotate(-8deg) translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: linear-gradient(180deg, rgba(250,246,240,0.90) 0%, rgba(255,255,255,0.86) 45%, rgba(247,242,235,0.90) 100%), linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.50) 50%, rgba(255,255,255,0.0) 100%);
  box-shadow: 0 12px 28px rgba(120,90,60,0.09), 0 3px 12px rgba(255,255,255,0.14), inset 0 1px 0 rgba(255,255,255,0.50), inset 0 -1px 0 rgba(0,0,0,0.06);
  opacity: .80;
}
@media (max-width: 900px){
body.page-investment .investment-scenarios .keis-divider--scenarios-seam, body.page-main .investment-scenarios .keis-divider--scenarios-seam, body.page-credit .investment-scenarios .keis-divider--scenarios-seam, body.page-influence .investment-scenarios .keis-divider--scenarios-seam {
  height: 72px;
  bottom: -1px;
}
body.page-investment .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-main .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-credit .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before, body.page-influence .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::before {
  height: 44px;
}
body.page-investment .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-main .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-credit .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after, body.page-influence .investment-scenarios .keis-divider--scenarios-seam.keis-divider--shards::after {
  height: 30px;
}



}body.page-investment section, body.page-main section, body.page-credit section, body.page-influence section, body.page-investment .hero-investment, body.page-main .hero-investment, body.page-credit .hero-investment, body.page-influence .hero-investment, body.page-investment .investment-scenarios, body.page-main .investment-scenarios, body.page-credit .investment-scenarios, body.page-influence .investment-scenarios {
  position: relative;
  z-index: 1;
}
body.page-investment .keis-scenarios-seam, body.page-main .keis-scenarios-seam, body.page-credit .keis-scenarios-seam, body.page-influence .keis-scenarios-seam {
  position: relative;
  z-index: 2 !important;
}
/* Thin bright orange stripe under first content block on every page */
body > section:first-of-type {
  position: relative;
}

/* ===== Sections: anti-flicker (single source of truth) =====
   Keep section rendering stable without forcing every block into its own GPU layer.
   Do not override backface on sections elsewhere. */
body > section,
.investment-scenarios,
.trust-parallax,
.keis-bridge,
.kf-flags,
.kg-glass,
.investment-process,
.investment-cases,
.investment-faq,
body.page-investment .investment-find,
body.page-main .investment-find,
body.page-credit .investment-find,
body.page-influence .investment-find {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

:root {
  --stripe-h: clamp(24px, 3.6vh, 48px);
  --kg-stripe-h: var(--stripe-h);
  --stripe-dur: 168s;
  --perf-motion-fast: 180ms;
  --perf-motion-medium: 320ms;
  --perf-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  /* Performance-safe defaults (full quality via body.fx-full) */
  --perf-fx-header-cta-sheen-play: paused;
  --perf-fx-scenarios-sheen-play: paused;
  --perf-fx-faq-wave-play: paused;
  --perf-fx-stripe-play: paused;
  --perf-fx-stripe-will-change: auto;
  --perf-fx-scenarios-sheen-will-change: auto;
  --perf-fx-arrow-icon-filter: none;
  --perf-fx-ripple-blend-mode: normal;
  --perf-fx-hero-form-backdrop: blur(4px) saturate(108%);
  --perf-fx-hero-form-first-backdrop: blur(4px) saturate(110%);
  --perf-fx-kf-btn-backdrop: none;
  --perf-fx-cta-band-backdrop: none;
  --perf-fx-cta-form-backdrop: none;
  --perf-fx-cta-panel-backdrop: none;
  --perf-fx-cta-disclaimer-backdrop: none;
  --perf-fx-home-card-backdrop: none;
  --perf-fx-scenarios-ctrl-backdrop: none;
  --perf-fx-process-steps-backdrop: none;
  --perf-fx-kgx-layout-backdrop: none;
  --perf-fx-kgx-cta-inner-backdrop: none;
  --perf-fx-kgx-cta-panel-backdrop: none;
  --perf-fx-kgx-cta-inner-mobile-backdrop: none;
  --perf-fx-kgx-cta-panel-mobile-backdrop: none;
  --perf-fx-scenarios-ctrl-glow-filter: none;
  --perf-fx-scenarios-ctrl-sheen-filter: none;
}
@media (min-width: 981px) {
  :root {
    --stripe-h: clamp(28px, 4.2vh, 56px);
    --kg-stripe-h: var(--stripe-h);
    --stripe-dur: 168s;
  }
}
body.fx-full {
  --perf-fx-header-cta-sheen-play: running;
  --perf-fx-scenarios-sheen-play: running;
  --perf-fx-faq-wave-play: running;
  --perf-fx-stripe-play: running;
  --perf-fx-stripe-will-change: transform;
  --perf-fx-scenarios-sheen-will-change: transform;
  --perf-fx-arrow-icon-filter: drop-shadow(0 0 4px rgba(255,138,0,0.35));
  --perf-fx-ripple-blend-mode: screen;
  --perf-fx-hero-form-backdrop: blur(6px) saturate(112%);
  --perf-fx-hero-form-first-backdrop: blur(6px) saturate(114%);
  --perf-fx-kf-btn-backdrop: blur(14px);
  --perf-fx-cta-band-backdrop: blur(26px) saturate(1.22);
  --perf-fx-cta-form-backdrop: blur(30px) saturate(1.25);
  --perf-fx-cta-panel-backdrop: blur(14px);
  --perf-fx-cta-disclaimer-backdrop: blur(8px) saturate(1.15);
  --perf-fx-home-card-backdrop: blur(6px);
  --perf-fx-scenarios-ctrl-backdrop: blur(27px) saturate(1.38);
  --perf-fx-process-steps-backdrop: blur(16px) saturate(130%);
  --perf-fx-kgx-layout-backdrop: blur(12px) saturate(1.1);
  --perf-fx-kgx-cta-inner-backdrop: blur(16px) saturate(1.14);
  --perf-fx-kgx-cta-panel-backdrop: blur(12px) saturate(1.1);
  --perf-fx-kgx-cta-inner-mobile-backdrop: blur(14px) saturate(1.12);
  --perf-fx-kgx-cta-panel-mobile-backdrop: blur(10px) saturate(1.08);
  --perf-fx-scenarios-ctrl-glow-filter: blur(14px);
  --perf-fx-scenarios-ctrl-sheen-filter: blur(0.8px) saturate(1.25);
}
@media (min-width: 981px) {
  body > section:first-of-type {
    min-height: clamp(760px, 92vh, 980px);
    padding-bottom: var(--stripe-h);
  }
}
body > section:first-of-type::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: var(--stripe-h);
  background: linear-gradient(90deg, #ff8a00 0%, #ffb36a 100%);
  z-index: 6;
  pointer-events: none;
}
/* ===== kg-stripe-ticker: running text inside the orange stripe ===== */
body > section:first-of-type .kg-stripe-ticker {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--stripe-h);
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 7;
  pointer-events: none;
  padding: 0;
  margin: 0;
}
body > section:first-of-type .kg-stripe-track {
  display: flex;
  gap: 0;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  font-weight: 600;
  color: #111;
  will-change: var(--perf-fx-stripe-will-change, auto);
  -webkit-font-smoothing: antialiased;
  transform: translate3d(0,0,0);
  animation: none !important;
  animation-play-state: paused;
  font-size: clamp(12px, 2.6vh, 20px);
  line-height: 1;
}
body > section:first-of-type .kg-stripe-item {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}
body > section:first-of-type .kg-stripe-sep {
  display: inline-block;
  width: 6px;
  height: 60%;
  background: #111;
  align-self: center;
}
/* Small centered separator between ticker phrases */ body > section:first-of-type .kg-onyx-sigil {
  display: inline-flex;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0b0b0b;
  align-self: center;
  margin: 0 clamp(10px, 2vw, 20px);
  flex-shrink: 0;
}
@-webkit-keyframes kgStripeScroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}
@keyframes kgStripeScroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}
@media (prefers-reduced-motion: reduce) {
  body > section:first-of-type .kg-stripe-track {
    animation: none !important;
  }
}
@media (max-width: 980px) {
  body > section:first-of-type .kg-stripe-track {
    gap: 0;
    font-size: clamp(13px, 3.2vh, 22px);
  }
}
@media (min-width: 981px) {
  body > section:first-of-type .kg-stripe-track {
    gap: 0;
    font-size: clamp(14px, 3.6vh, 24px);
  }
}

/* ===== keis-ticker: hidden globally per user request ===== */ .keis-ticker {
  display: none !important;
  visibility: hidden !important;
  width: 100%;
  background: transparent !important;
  pointer-events: none !important;
}
/* Remove any visual separators or animations by ensuring children are inert */ .keis-ticker * {
  display: none !important;
  visibility: hidden !important;
}
body.page-investment .keis-surge-divider, body.page-main .keis-surge-divider, body.page-credit .keis-surge-divider, body.page-influence .keis-surge-divider {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 96px;
  margin-top: 12px;
  margin-bottom: -48px;
  color: #2A2320;
  text-shadow: none;
  pointer-events: none;
  overflow: visible;
}
body.page-investment .keis-surge-divider::before, body.page-main .keis-surge-divider::before, body.page-credit .keis-surge-divider::before, body.page-influence .keis-surge-divider::before, body.page-investment .keis-surge-divider::after, body.page-main .keis-surge-divider::after, body.page-credit .keis-surge-divider::after, body.page-influence .keis-surge-divider::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  height: 56px;
  border-radius: 0;
}
body.page-investment .keis-surge-divider::before, body.page-main .keis-surge-divider::before, body.page-credit .keis-surge-divider::before, body.page-influence .keis-surge-divider::before {
  top: 36%;
  transform: translate3d(0,-50%,0) rotate(-6deg);
  background: linear-gradient(180deg, rgba(252,249,245,0.96) 0%, rgba(246,239,232,0.92) 45%, rgba(252,249,245,0.96) 100%), radial-gradient(900px 44px at 50% 50%, rgba(255,255,255,0.55), rgba(255,255,255,0.00) 72%);
  box-shadow: 0 18px 48px rgba(120,90,60,0.10), 0 6px 18px rgba(255,255,255,0.14), inset 0 1px 0 rgba(255,255,255,0.58), inset 0 -1px 0 rgba(0,0,0,0.05);
}
body.page-investment .keis-surge-divider::after, body.page-main .keis-surge-divider::after, body.page-credit .keis-surge-divider::after, body.page-influence .keis-surge-divider::after {
  top: 68%;
  transform: translate3d(0,-50%,0) rotate(-8.5deg);
  background: linear-gradient(180deg, rgba(252,249,245,0.94) 0%, rgba(246,239,232,0.90) 45%, rgba(252,249,245,0.94) 100%), radial-gradient(900px 40px at 50% 50%, rgba(255,255,255,0.45), rgba(255,255,255,0.00) 72%);
  box-shadow: 0 16px 42px rgba(120,90,60,0.09), 0 5px 16px rgba(255,255,255,0.12), inset 0 1px 0 rgba(255,255,255,0.52), inset 0 -1px 0 rgba(0,0,0,0.05);
  opacity: 0.88;
}
@media (max-width: 768px){
body.page-investment .keis-surge-divider, body.page-main .keis-surge-divider, body.page-credit .keis-surge-divider, body.page-influence .keis-surge-divider {
  height: 86px;
  margin-top: 18px;
  margin-bottom: -42px;
}



}body.page-investment .scenarios-trust-bridge::before, body.page-main .scenarios-trust-bridge::before, body.page-credit .scenarios-trust-bridge::before, body.page-influence .scenarios-trust-bridge::before {
  content: "";
  position: absolute;
  left: -4vw;
  right: -4vw;
  top: calc(50% + 12px);
  height: 108px;
  transform: translate3d(0,-50%,0) rotate(-1.2deg);
  transform-origin: 50% 50%;
  background: linear-gradient(180deg, rgba(250,246,240,0.92) 0%, rgba(255,255,255,0.88) 45%, rgba(247,242,235,0.92) 100%), linear-gradient(90deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.0) 100%);
  border-top: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(120,90,60,0.10);
  box-shadow: 0 22px 70px rgba(120,90,60,0.14), 0 10px 28px rgba(120,90,60,0.10), inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(0,0,0,0.06);
  border-radius: 26px;
}
body.page-investment .scenarios-trust-bridge__inner, body.page-main .scenarios-trust-bridge__inner, body.page-credit .scenarios-trust-bridge__inner, body.page-influence .scenarios-trust-bridge__inner {
  z-index: 1;
  gap: clamp(32px, 5vw, 64px);
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(18px, 3vw, 64px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.page-investment .scenarios-trust-bridge__counter, body.page-main .scenarios-trust-bridge__counter, body.page-credit .scenarios-trust-bridge__counter, body.page-influence .scenarios-trust-bridge__counter {
  display: flex !important;
  align-items: baseline;
  gap: 6px;
  font-family: var(--font-heading);
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  visibility: visible !important;
  opacity: 1 !important;
}
body.page-investment .scenarios-trust-bridge__counter-value, body.page-main .scenarios-trust-bridge__counter-value, body.page-credit .scenarios-trust-bridge__counter-value, body.page-influence .scenarios-trust-bridge__counter-value {
  font-size: clamp(3.5rem, 8vw, 6.5rem);
  color: transparent;
  background-image: linear-gradient(135deg, rgba(255, 200, 140, 0.92) 0%, rgba(255, 160, 90, 0.92) 34%, rgba(255, 140, 40, 0.92) 70%, rgba(255, 180, 120, 0.92) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 0 rgba(255,255,255,0.75), 0 10px 26px rgba(120,90,60,0.14);
  letter-spacing: -0.03em;
  font-weight: 950;
  line-height: 1;
}
body.page-investment .scenarios-trust-bridge__counter-suffix, body.page-main .scenarios-trust-bridge__counter-suffix, body.page-credit .scenarios-trust-bridge__counter-suffix, body.page-influence .scenarios-trust-bridge__counter-suffix {
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  color: rgba(255,140,40,0.85);
  font-weight: 900;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 0 rgba(255,255,255,0.60);
}
body.page-investment .scenarios-trust-bridge__counter-label, body.page-main .scenarios-trust-bridge__counter-label, body.page-credit .scenarios-trust-bridge__counter-label, body.page-influence .scenarios-trust-bridge__counter-label {
  color: rgba(20,16,12,0.62);
  text-shadow: none;
}
body.page-investment .scenarios-trust-bridge__text, body.page-main .scenarios-trust-bridge__text, body.page-credit .scenarios-trust-bridge__text, body.page-influence .scenarios-trust-bridge__text {
  flex: 1;
  min-width: min-content;
  position: relative;
  padding-left: 32px;
  margin: 0;
  max-width: clamp(280px, 42vw, 680px);
  padding: clamp(14px, 2vw, 20px) clamp(20px, 3vw, 32px);
  text-align: left;
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.015em;
  color: rgba(20,16,12,0.88);
  text-shadow: 0 1px 0 rgba(255,255,255,0.65);
  font-size: clamp(15px, 1.35vw, 20px);
  background: radial-gradient(ellipse 110% 110% at 30% 40%, rgba(255, 200, 120, 0.14) 0%, rgba(255, 180, 90, 0.10) 55%, rgba(255, 160, 70, 0.06) 100%), linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,246,240,0.86) 100%), rgba(255,255,255,0.70);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  box-shadow: 0 10px 32px rgba(120,90,60,0.16), 0 4px 16px rgba(120,90,60,0.10), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(0,0,0,0.06);
}
body.page-investment .scenarios-trust-bridge__text::before, body.page-main .scenarios-trust-bridge__text::before, body.page-credit .scenarios-trust-bridge__text::before, body.page-influence .scenarios-trust-bridge__text::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -6px;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 46px;
  line-height: 1;
  color: rgba(255,140,40,0.75);
  text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
@media (min-width: 521px) and (max-width: 900px){
body.page-investment .scenarios-trust-bridge, body.page-main .scenarios-trust-bridge, body.page-credit .scenarios-trust-bridge, body.page-influence .scenarios-trust-bridge {
  min-height: clamp(100px, 14vw, 140px);
  padding: clamp(50px, 7vw, 70px) 0;
  margin-top: calc(-1 * clamp(50px, 7vw, 70px));
  margin-bottom: calc(-1 * clamp(50px, 7vw, 70px));
}
body.page-investment .scenarios-trust-bridge__inner, body.page-main .scenarios-trust-bridge__inner, body.page-credit .scenarios-trust-bridge__inner, body.page-influence .scenarios-trust-bridge__inner {
  justify-content: flex-start;
  flex-direction: row;
  gap: clamp(24px, 4vw, 48px);
  padding-left: clamp(24px, 4vw, 48px);
}
body.page-investment .scenarios-trust-bridge__counter, body.page-main .scenarios-trust-bridge__counter, body.page-credit .scenarios-trust-bridge__counter, body.page-influence .scenarios-trust-bridge__counter {
  order: 0;
  flex-shrink: 0;
}
body.page-investment .scenarios-trust-bridge__text, body.page-main .scenarios-trust-bridge__text, body.page-credit .scenarios-trust-bridge__text, body.page-influence .scenarios-trust-bridge__text {
  max-width: none;
  text-align: left;
  font-size: clamp(15px, 1.8vw, 19px);
  flex: 1;
}



}
@media (max-width: 520px){
body.page-investment .scenarios-trust-bridge, body.page-main .scenarios-trust-bridge, body.page-credit .scenarios-trust-bridge, body.page-influence .scenarios-trust-bridge {
  min-height: clamp(90px, 18vw, 120px);
  padding: clamp(45px, 9vw, 60px) 0;
  margin-top: calc(-1 * clamp(45px, 9vw, 60px));
  margin-bottom: calc(-1 * clamp(45px, 9vw, 60px));
}
body.page-investment .scenarios-trust-bridge__inner, body.page-main .scenarios-trust-bridge__inner, body.page-credit .scenarios-trust-bridge__inner, body.page-influence .scenarios-trust-bridge__inner {
  justify-content: flex-start;
  padding: 0 16px;
  flex-direction: row;
  gap: clamp(16px, 3vw, 32px);
  padding-left: clamp(20px, 4vw, 32px);
}
body.page-investment .scenarios-trust-bridge__counter, body.page-main .scenarios-trust-bridge__counter, body.page-credit .scenarios-trust-bridge__counter, body.page-influence .scenarios-trust-bridge__counter {
  order: 0;
  flex-shrink: 0;
}
body.page-investment .scenarios-trust-bridge__text, body.page-main .scenarios-trust-bridge__text, body.page-credit .scenarios-trust-bridge__text, body.page-influence .scenarios-trust-bridge__text {
  max-width: none;
  text-align: left;
  font-size: clamp(14px, 4vw, 17px);
  line-height: 1.5;
  padding: clamp(12px, 3vw, 16px) clamp(16px, 4vw, 24px);
  flex: 1;
}



}body.page-investment, body.page-main, body.page-credit, body.page-influence {
  padding-top: var(--header-h);
  scroll-padding-top: calc(var(--header-h) + 12px);
  overflow-x: clip;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1;
}
/* removed legacy keis-marquee rules */ body.page-investment .investment-scenarios .section-container, body.page-main .investment-scenarios .section-container, body.page-credit .investment-scenarios .section-container, body.page-influence .investment-scenarios .section-container {
  padding-bottom: 0;
}
@media (max-width: 900px){
body.page-investment .investment-scenarios, body.page-main .investment-scenarios, body.page-credit .investment-scenarios, body.page-influence .investment-scenarios {
  padding-bottom: 20px;
}
body.page-investment .investment-scenarios .scenarios-band-controls, body.page-main .investment-scenarios .scenarios-band-controls, body.page-credit .investment-scenarios .scenarios-band-controls, body.page-influence .investment-scenarios .scenarios-band-controls {
  margin-bottom: 22px;
}



}body.page-investment .scenarios-trust-bridge::after, body.page-main .scenarios-trust-bridge::after, body.page-credit .scenarios-trust-bridge::after, body.page-influence .scenarios-trust-bridge::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-1 * clamp(22px, 3vw, 44px));
  height: clamp(22px, 3vw, 44px);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(247,242,235,0.92) 0%, rgba(255,255,255,0.55) 52%, rgba(255,255,255,0.00) 100%);
}
/* Dropdown arrow: always var(--accent), no hover change, no pseudo-elements */
.keis-dropdown-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: var(--accent, #ff8a1f);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
  backface-visibility: hidden;
}
.keis-header-nav-list a:hover .keis-dropdown-icon {
  color: var(--accent, #ff8a1f);
}
.keis-header-nav .has-children.is-open .keis-dropdown-icon {
  transform: rotate(180deg);
}
/* Разделители между блоками: один слой, без мерцания при скролле */
body.page-investment .keis-divider, body.page-main .keis-divider, body.page-credit .keis-divider, body.page-influence .keis-divider {
  position: relative;
  z-index: 60;
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: linear-gradient(180deg, rgba(252,249,245,0.96) 0%, rgba(246,239,232,0.92) 45%, rgba(252,249,245,0.96) 100%);
  box-shadow: 0 18px 48px rgba(120,90,60,0.10), inset 0 1px 0 rgba(255,255,255,0.52), inset 0 -1px 0 rgba(0,0,0,0.06);
  color: #2A2320;
  text-shadow: none;
}
.keis-divider--scenarios-bottom {
  display: none;
}
.keis-divider--scenarios-bottom::before, .keis-divider--scenarios-bottom::after {
  content: none;
}
@media (max-width: 980px){
.hero-investment__bg {
  background-position: center, center, center, center, center, center, 70% 50%;
}

body[data-page="consumer-protection"] > section.hero-investment:first-of-type .hero-investment__bg {
  background-position: center, center, center, center, center, center, 40% 50%;
}



}
@media (min-width: 901px){
.hero-investment__inner {
  padding-top: clamp(42px, 6vh, 76px);
}



}
.investment-scenarios, .trust-parallax, .kf-flags, .investment-challenges, .investment-process, .investment-cases {
  position: relative;
  width: 100%;
  transition: background-color 0.4s ease;
}
.challenge-card, .case-card, .work-step, .hero-benefit-card {
  box-shadow: 0 2px 8px rgba(0,0,0,.15), 0 8px 24px rgba(0,0,0,.25), 0 16px 40px rgba(0,0,0,.18);
  transition: box-shadow 0.22s cubic-bezier(0.4, 0.0, 0.2, 1), border-color 0.22s ease;
}
@media (hover: hover){
.challenge-card:hover, .case-card:hover, .work-step:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.18), 0 12px 32px rgba(0,0,0,.28), 0 20px 52px rgba(0,0,0,.22);
}



}
.section-header h2 {
  font-family: var(--font-heading);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: rgba(244,241,235,.97);
  text-shadow: 0 2px 1px rgba(0,0,0,.28), 0 12px 28px rgba(0,0,0,.52);
}
.section-header p {
  line-height: 1.52;
  letter-spacing: 0.005em;
  color: rgba(244,241,235,.82);
  text-shadow: 0 2px 10px rgba(0,0,0,.42);
}
p, .challenge-card p, .case-text, .work-step-text {
  line-height: 1.62;
  letter-spacing: 0.008em;
}
.keis-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: transparent;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.keis-modal.is-open {
  display: flex;
}
body.modal-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width, 0);
}
.keis-modal__overlay {
  position: absolute;
  inset: 0;
  cursor: pointer;
  animation: fadeIn 0.3s ease;
  z-index: 1;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.keis-modal__panel {
  position: relative;
  max-width: min(640px, calc(100% - 40px));
  width: 100%;
  max-height: calc((var(--app-vh, 1vh) * 100) - 40px);
  overflow-y: auto;
  border-radius: 24px;
  padding: clamp(28px, 4vw, 42px) clamp(24px, 3.5vw, 36px);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), radial-gradient(900px 420px at 18% 12%, rgba(255,138,0,.12), transparent 62%), rgba(12, 9, 8, .88);
  border: 1px solid rgba(255,255,255,.16);
  animation: slideUp 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  z-index: 2;
  pointer-events: auto;
  box-shadow: 0 8px 24px rgba(0,0,0,.35), 0 24px 64px rgba(0,0,0,.45), 0 48px 96px rgba(0,0,0,.25);
}
/* Ensure modal CTA buttons animate transform when pressed by hero-hand */ .keis-modal .btn-primary {
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.keis-modal .btn-primary.hero-hand-press, .keis-modal .btn-primary.is-pressed {
  transform: translateY(3px) scale(0.985);
  box-shadow: 0 8px 20px rgba(0,0,0,.48), inset 0 2px 8px rgba(0,0,0,.22);
  filter: none;
}
.keis-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: clamp(32px, 3.6vw, 38px);
  height: clamp(32px, 3.6vw, 38px);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06));
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 12px;
  font-size: clamp(22px, 2.6vw, 26px);
  line-height: 1;
  color: rgba(255,255,255,0.9);
  cursor: pointer;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 10px 28px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18);
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
  backface-visibility: hidden;
  z-index: 10;
}
.keis-modal__close:hover {
  background: linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.10));
  border-color: rgba(255,255,255,0.34);
  color: rgba(255,255,255,1);
  transform: translateY(-1px) scale(1.05) rotate(12deg);
  box-shadow: 0 14px 36px rgba(0,0,0,0.42), 0 0 18px rgba(255,180,100,0.24), inset 0 1px 0 rgba(255,255,255,0.26);
}
.keis-modal__close:active {
  transform: translateY(0) scale(0.96);
}
.keis-modal__head {
  margin-bottom: clamp(20px, 3vw, 28px);
}
.keis-modal__title {
  margin: 0 0 8px 0;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.2;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 10px rgba(255, 106, 0, 0.12), 0 1px 1px rgba(0,0,0,0.20);
  position: relative;
  padding-bottom: clamp(10px, 1.2vw, 14px);
  margin-bottom: clamp(10px, 1.2vw, 14px);
}
.keis-modal__title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 180, 100, 0.35) 20%, rgba(255, 180, 100, 0.45) 50%, rgba(255, 180, 100, 0.35) 80%, transparent 100%);
}
.keis-modal__subtitle {
  margin: 0 0 clamp(18px, 2.4vh, 30px) 0;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.60;
  color: rgba(244,241,235,.82);
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
  text-align: center;
  position: relative;
  padding-bottom: calc(clamp(18px, 2.4vh, 30px) / 2);
}
.keis-modal__subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  max-width: 200px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 180, 100, 0.35) 20%, rgba(255, 180, 100, 0.45) 50%, rgba(255, 180, 100, 0.35) 80%, transparent 100%);
  border-radius: 1px;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes successModalPop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.keis-success-modal {
  position: fixed;
  inset: 0;
  z-index: 110000;
  background: transparent;
  display: none;
  padding: clamp(16px, 3vw, 24px);
  margin: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  place-items: center;
}
.keis-success-modal.is-open {
  display: grid;
}
.keis-success-modal__overlay {
  position: absolute;
  inset: 0;
  cursor: pointer;
  animation: fadeIn 0.3s ease;
  z-index: 1;
  pointer-events: auto;
}
.keis-modal__overlay, .keis-success-modal__overlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  backdrop-filter: var(--keis-modal-overlay-backdrop);
  -webkit-backdrop-filter: var(--keis-modal-overlay-backdrop);
}
.keis-modal__overlay {
  background: var(--keis-modal-overlay-bg);
}
.keis-success-modal__overlay {
  background: var(--keis-success-modal-overlay-bg, var(--keis-modal-overlay-bg));
}
.keis-success-modal__panel {
  position: relative;
  max-width: min(96vw, 540px);
  width: 100%;
  margin: 0;
  border-radius: clamp(20px, 3vw, 24px);
  padding: clamp(30px, 4vw, 44px) clamp(26px, 3.5vw, 40px);
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)), radial-gradient(800px 400px at 50% 20%, rgba(255,138,0,.15), transparent 65%), radial-gradient(600px 300px at 50% 80%, rgba(255,106,0,.10), transparent 60%), rgba(12, 9, 8, .92);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 32px rgba(0,0,0,.45), 0 32px 80px rgba(0,0,0,.55), 0 64px 120px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.30);
  animation: fadeIn 0.3s ease;
  cursor: default;
  z-index: 2;
  pointer-events: auto;
}
.keis-success-modal__close {
  position: absolute;
  top: clamp(10px, 2vw, 14px);
  right: clamp(10px, 2vw, 14px);
  width: clamp(34px, 3.8vw, 40px);
  height: clamp(34px, 3.8vw, 40px);
  padding: 0;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 14px;
  font-size: clamp(22px, 2.8vw, 28px);
  line-height: 1;
  color: rgba(255,255,255,0.92);
  font-weight: 400;
  cursor: pointer;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 10px 28px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18);
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
  backface-visibility: hidden;
  z-index: 10;
}
.keis-success-modal__close:hover {
  background: linear-gradient(145deg, rgba(255,255,255,0.26), rgba(255,255,255,0.12));
  border-color: rgba(255,255,255,0.34);
  color: rgba(255,255,255,1);
  transform: translateY(-1px) scale(1.05) rotate(12deg);
  box-shadow: 0 14px 36px rgba(0,0,0,0.42), 0 0 18px rgba(255,180,100,0.24), inset 0 1px 0 rgba(255,255,255,0.26);
}
.keis-success-modal__close:active {
  transform: translateY(0) scale(0.96);
}
.keis-success-modal__content {
  text-align: center;
  width: 100%;
}
.keis-success-modal__title {
  margin: 0 0 clamp(12px, 2vw, 16px);
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 200, 140, 0.98) 0%, rgba(255, 160, 80, 0.98) 34%, rgba(255, 106, 0, 1) 70%, rgba(255, 180, 100, 0.98) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 12px rgba(255, 106, 0, 0.15), 0 2px 2px rgba(0,0,0,0.25);
  letter-spacing: 0.02em;
}
.keis-success-modal__content .hero-form-divider {
  width: 100%;
  height: 1px;
  margin: clamp(12px, 2vw, 16px) 0 clamp(14px, 2vw, 18px);
  border-radius: 6px;
  position: relative;
  z-index: 2;
  background: linear-gradient(90deg, rgba(250,246,240,0.0) 0%, rgba(250,246,240,0.55) 20%, rgba(255,255,255,0.78) 50%, rgba(250,246,240,0.55) 80%, rgba(250,246,240,0.0) 100%);
  box-shadow: 0 0 16px rgba(255,255,255,0.10), 0 0 36px rgba(255,255,255,0.06), 0 6px 20px rgba(120,90,60,0.10), inset 0 1px 0 rgba(255,255,255,0.16);
  opacity: 1;
}
.keis-success-modal__text {
  margin: clamp(16px, 2.2vw, 22px) 0 0;
  color: rgba(244, 241, 235, 0.9);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 444px){
.hero-form .btn-primary, .hero-investment .btn-primary {
  font-size: clamp(15px, 4.1vw, 17px);
  line-height: 1.1;
  white-space: nowrap;
  padding-left: clamp(12px, 3vw, 18px);
  padding-right: clamp(12px, 3vw, 18px);
}



}
@media (prefers-reduced-motion: reduce){
.keis-modal__overlay, .keis-modal__panel, .keis-success-modal__overlay, .keis-success-modal__panel {
  animation: none;
}
.keis-modal__close:hover, .keis-success-modal__close:hover {
  transform: none;
}



}
.hero-form input, .hero-form textarea, .hero-form--modal input, .hero-form--modal textarea, .challenges-cta__form input, .challenges-cta__form textarea, .keis-form input, .keis-form textarea {
  border-radius: var(--field-radius) !important;
}
.hero-form input:focus, .hero-form textarea:focus, .hero-form input:focus-visible, .hero-form textarea:focus-visible, .hero-form input.is-typing, .hero-form textarea.is-typing, .hero-form--modal input:focus, .hero-form--modal textarea:focus, .hero-form--modal input.is-typing, .hero-form--modal textarea.is-typing, .challenges-cta__form input:focus, .challenges-cta__form textarea:focus, .challenges-cta__form input.is-typing, .challenges-cta__form textarea.is-typing {
  outline: none;
  border-color: rgba(255, 255, 255, 1);
  box-shadow: inherit;
  border-radius: var(--field-radius) !important;
  background: rgba(20,16,15,0.98);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.hero-form input::placeholder, .hero-form textarea::placeholder {
  color: rgba(255,255,255,0.78);
  opacity: 1;
}
body.page-investment .hero-form input:focus, body.page-main .hero-form input:focus, body.page-credit .hero-form input:focus, body.page-influence .hero-form input:focus, body.page-investment .hero-form textarea:focus, body.page-main .hero-form textarea:focus, body.page-credit .hero-form textarea:focus, body.page-influence .hero-form textarea:focus, body.page-investment .hero-form input.is-typing, body.page-main .hero-form input.is-typing, body.page-credit .hero-form input.is-typing, body.page-influence .hero-form input.is-typing, body.page-investment .hero-form textarea.is-typing, body.page-main .hero-form textarea.is-typing, body.page-credit .hero-form textarea.is-typing, body.page-influence .hero-form textarea.is-typing {
  background: rgba(20,16,15,0.98) !important;
  color: #ffffff !important;
  outline: none;
  border-color: rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
  border-radius: var(--field-radius) !important;
}
@media (max-width: 900px){
.section-header {
  margin-bottom: clamp(28px, 4vw, 42px);
  padding: 16px 16px 14px 16px;
  border-radius: 16px;
}
.hero-investment__inner {
  padding-top: clamp(24px, 4vh, 38px);
}
.hero-investment__title {
  margin-bottom: clamp(14px, 2.8vw, 22px);
  line-height: 1.18;
}
.hero-investment__subtitle {
  line-height: 1.52;
}



}
@media (hover: hover){
.faq-icon:hover, .scenario-slide:hover, /* .kf-flag-card:hover removed — handled in canonical .kf-flags block above */ .challenge-card:hover, .case-card:hover, .btn-primary:hover, .keis-header-cta:hover {
}



}
.faq-icon, .scenario-slide, .challenge-card, .case-card, .btn-primary, .keis-header-cta {
}
@media (prefers-reduced-motion: reduce){
.challenge-card, .case-card, .faq-icon, .faq-answer, .btn-primary, .keis-header-cta, .trust-parallax-bg, .trust-panel, [data-parallax] {
  transition-duration: 0.01ms !important;
  transform: none !important;
  animation: none !important;
}



}
@media (max-width: 899px){
.faq-answer, .faq-icon, .trust-parallax-bg, .trust-panel {
  transition-duration: 280ms;
}



}body.page-investment .hero-investment, body.page-main .hero-investment, body.page-credit .hero-investment, body.page-influence .hero-investment {
  padding-top: 0;
}
body.page-investment :not(.investment-scenarios):not(.hero-investment):not(.investment-faq) > .section-container, body.page-main :not(.investment-scenarios):not(.hero-investment):not(.investment-faq) > .section-container, body.page-credit :not(.investment-scenarios):not(.hero-investment):not(.investment-faq) > .section-container, body.page-influence :not(.investment-scenarios):not(.hero-investment):not(.investment-faq) > .section-container {
  max-width: min(1320px, calc(100% - clamp(32px, 5vw, 80px)));
  margin-left: auto;
  margin-right: auto;
}
button:focus-visible, a:focus-visible, /* FIX 1: Зафиксировать border-radius для focus-visible */ input:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(255, 138, 0, 0.6);
  outline-offset: 2px;
  border-radius: var(--field-radius) !important;
}
button:focus:not(:focus-visible), a:focus:not(:focus-visible), input:focus:not(:focus-visible), textarea:focus:not(:focus-visible) {
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
img[loading="lazy"] {
  opacity: 0;
}
img.loaded, img:not([loading="lazy"]) {
  opacity: 1;
}
::selection {
  background: rgba(255, 138, 0, 0.25);
  color: rgba(255, 244, 232, 0.98);
}
::-moz-selection {
  background: rgba(255, 138, 0, 0.25);
  color: rgba(255, 244, 232, 0.98);
}
.challenge-card, .case-card, .faq-item {
  transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
body.page-main section[id], body.page-investment section[id], body.page-influence section[id], body.page-credit section[id], body.page-main footer[id], body.page-investment footer[id], body.page-influence footer[id], body.page-credit footer[id] {
  scroll-margin-top: calc(var(--header-h, 72px) + 14px);
}
body.page-investment .scam-signs, body.page-main .scam-signs, body.page-credit .scam-signs, body.page-influence .scam-signs, body.page-investment .signs-scam, body.page-main .signs-scam, body.page-credit .signs-scam, body.page-influence .signs-scam {
  position: relative;
  overflow: hidden;
}
body.page-investment .scam-signs > .section-container, body.page-main .scam-signs > .section-container, body.page-credit .scam-signs > .section-container, body.page-influence .scam-signs > .section-container, body.page-investment .signs-scam > .section-container, body.page-main .signs-scam > .section-container, body.page-credit .signs-scam > .section-container, body.page-influence .signs-scam > .section-container {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: clamp(18px, 3.2vw, 72px);
  padding-right: clamp(18px, 3.2vw, 72px);
}
body.page-investment .scam-signs .scam-signs__bg, body.page-main .scam-signs .scam-signs__bg, body.page-credit .scam-signs .scam-signs__bg, body.page-influence .scam-signs .scam-signs__bg, body.page-investment .signs-scam .signs-scam__bg, body.page-main .signs-scam .signs-scam__bg, body.page-credit .signs-scam .signs-scam__bg, body.page-influence .signs-scam .signs-scam__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
body.page-investment .scam-signs .scam-signs__bg img, body.page-main .scam-signs .scam-signs__bg img, body.page-credit .scam-signs .scam-signs__bg img, body.page-influence .scam-signs .scam-signs__bg img, body.page-investment .signs-scam .signs-scam__bg img, body.page-main .signs-scam .signs-scam__bg img, body.page-credit .signs-scam .signs-scam__bg img, body.page-influence .signs-scam .signs-scam__bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
body.page-investment .scam-signs::before, body.page-main .scam-signs::before, body.page-credit .scam-signs::before, body.page-influence .scam-signs::before, body.page-investment .signs-scam::before, body.page-main .signs-scam::before, body.page-credit .signs-scam::before, body.page-influence .signs-scam::before {
  background-size: cover !important;
  background-position: center !important;
}
@media (min-width: 901px){
body.page-investment .scam-signs .scam-signs-grid, body.page-main .scam-signs .scam-signs-grid, body.page-credit .scam-signs .scam-signs-grid, body.page-influence .scam-signs .scam-signs-grid, body.page-investment .signs-scam .signs-grid, body.page-main .signs-scam .signs-grid, body.page-credit .signs-scam .signs-grid, body.page-influence .signs-scam .signs-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: minmax(0, auto);
  gap: clamp(18px, 2.2vw, 30px);
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  align-items: start;
  justify-items: stretch;
}



}body.page-credit .credit-signs {
  position: relative;
  overflow: hidden;
}
body.page-credit .credit-signs::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("./assets/block/credit_signs_bg.webp");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transform: none;
  pointer-events: none;
}
@media (min-width: 1200px){
body.page-credit .credit-signs > .section-container {
  max-width: none;
  width: 100%;
  padding-left: clamp(24px, 3.2vw, 64px);
  padding-right: clamp(24px, 3.2vw, 64px);
}
body.page-credit .credit-signs-cards {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 40px);
  align-items: start;
  position: relative;
  z-index: 1;
}



}
.section-flags, .priznaki, .flags, .flags-section {
  position: relative;
  padding: 120px 0 140px;
  overflow: hidden;
}
.faq-list::before, .faq-list::after {
  content: none !important;
  display: none !important;
}
.kf-flags .kf-flag-card .glass, .kf-flags .kf-flag .glass, .kf-flags .kf-flag-card .overlay, .kf-flags .kf-flag .overlay, .kf-flags .kf-flag-card .card-overlay, .kf-flags .kf-flag .card-overlay, .kf-flags .kf-flag-card::selection, .kf-flags .kf-flag::selection {
  background: transparent;
}
.kf-flags .kf-flag-card a, .kf-flags .kf-flag a {
  text-decoration: none;
}
.kf-flags .kf-flag-card a:hover, .kf-flags .kf-flag a:hover, .kf-flags .kf-flag-card a:focus, .kf-flags .kf-flag a:focus {
  text-decoration: none;
}
.btn-primary, .keis-btn--glass, .faq-ask-btn, .challenges-cta__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: clamp(56px, 6vh, 64px);
  padding: 14px 22px;
  border-radius: 12px;
  color: #fff !important;
  font-weight: 800;
  font-size: clamp(15px, 3.6vw, 18px);
  line-height: 1.1;
  white-space: nowrap;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  background-color: rgba(30,16,10,0.46);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 18px 60px rgba(6,4,3,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
  overflow: hidden;
  transition: box-shadow .18s ease, background-color .18s ease, opacity .18s ease;
}
.btn-primary::before, .keis-btn--glass::before, .faq-ask-btn::before, .challenges-cta__btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from 220deg, rgba(255,200,110,0.12), rgba(255,138,0,0.18), rgba(255,255,255,0.06) );
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .85;
}
.btn-primary::after, .keis-btn--glass::after, .faq-ask-btn::after, .challenges-cta__btn::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 70%;
  height: 220%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0) 76% );
  opacity: 0;
  pointer-events: none;
  transition: opacity .42s ease;
}
@media (hover:hover){
.btn-primary:hover, .keis-btn--glass:hover, .faq-ask-btn:hover, .challenges-cta__btn:hover {
}
.btn-primary:hover::after, .keis-btn--glass:hover::after, .faq-ask-btn:hover::after, .challenges-cta__btn:hover::after {
  opacity: .42;
  transform: translateX(220%) rotate(18deg);
}



}
.btn-primary:focus, .keis-btn--glass:focus, .faq-ask-btn:focus, .challenges-cta__btn:focus {
  outline: none;
  box-shadow: 0 6px 28px rgba(255,122,24,0.18), 0 0 0 3px rgba(255,122,24,0.08);
}
@media (prefers-reduced-motion: reduce){
.btn-primary, .keis-btn--glass, .faq-ask-btn, .challenges-cta__btn {
  transition: none !important;
  transform: none !important;
}
.btn-primary::after, .keis-btn--glass::after, .faq-ask-btn::after, .challenges-cta__btn::after {
  transition: none !important;
}



}/* =========================== CANONICAL LIGHT THEME (KG) Block: .investment-challenges (Why hard alone) =========================== */ body[data-page^="consumer-protection"] .investment-challenges {
  --ink: rgba(18,18,18,.95);
  --muted: rgba(18,18,18,.68);
  --muted2: rgba(18,18,18,.56);
  --surface: rgba(255,255,255,.78);
  --surface2: rgba(255,255,255,.60);
  --surface3: rgba(255,255,255,.45);
  --border: rgba(18,18,18,.10);
  --border2: rgba(18,18,18,.14);
  --accent: #ff9600;
  --accent2: #ff7600;
  --accent-soft: rgba(255,146,0,.18);
  --accent-soft2: rgba(255,146,0,.28);
  background: radial-gradient(900px 520px at 12% 18%, rgba(255,146,0,.12), transparent 62%),
    radial-gradient(900px 520px at 88% 30%, rgba(120,200,255,.10), transparent 62%),
    linear-gradient(180deg, #fbfaf8 0%, #f3f2ef 58%, #eeece7 100%);
  color: var(--ink);
  border-top: 1px solid rgba(18,18,18,.06);
  border-bottom: 1px solid rgba(18,18,18,.06);
}
/* Header panel */ body[data-page^="consumer-protection"] .investment-challenges .challenges-head {
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52));
  border: 1px solid rgba(18,18,18,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.12);
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-head h2 {
  color: var(--ink);
  text-shadow: none;
}
body[data-page^="consumer-protection"] .investment-challenges .challenges-head p {
  color: var(--muted);
  text-shadow: none;
}
/* Cards */ body[data-page^="consumer-protection"] .investment-challenges .challenge-card {
  position: relative;
  background: radial-gradient(700px 320px at 14% 12%, rgba(255,146,0,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72));
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: 0 18px 54px rgba(0,0,0,.14),
    0 2px 10px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.70);
  overflow: hidden;
  transition: box-shadow .18s ease, opacity .18s ease;
}
@media (hover:hover){
body[data-page^="consumer-protection"] .investment-challenges .challenge-card:hover {
  box-shadow: 0 22px 70px rgba(0,0,0,.16),
      0 4px 14px rgba(0,0,0,.10),
      inset 0 1px 0 rgba(255,255,255,.78);
}


}body[data-page^="consumer-protection"] .investment-challenges .challenge-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from 210deg,
    rgba(255,138,0,.55),
    rgba(255,255,255,.35),
    rgba(120,200,255,.22),
    rgba(255,220,120,.28),
    rgba(255,138,0,.55)
  );
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .55;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(520px 260px at 16% 18%, rgba(255,255,255,.55), transparent 62%),
    radial-gradient(520px 260px at 112% 28%, rgba(255,138,0,.10), transparent 66%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.06));
  opacity: .65;
  mix-blend-mode: soft-light;
  z-index: 0;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-title {
  color: var(--ink);
  text-shadow: none;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-text {
  color: var(--muted);
  text-shadow: none;
}
/* ICON: remove any dark backing (“подложка”), keep clean outline + orange */ body[data-page^="consumer-protection"] .investment-challenges .challenge-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: transparent !important;
  border: 1.5px solid rgba(255,138,0,.55);
  box-shadow: none !important;
}
body[data-page^="consumer-protection"] .investment-challenges .challenge-icon svg {
  width: 30px;
  height: 30px;
  color: rgba(255,138,0,.92);
}
/* Chips */ body[data-page^="consumer-protection"] .investment-challenges .challenge-chip {
  background: rgba(255,138,0,.10);
  border: 1px solid rgba(255,138,0,.30);
  color: rgba(120,52,0,.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
/* ========================================================== FIX: Block 5 (glass horizontal CTA) — ровное центрирование на всех ширинах Цель: убрать «косые» смещения из-за left/transform/отрицательных марджинов ========================================================== */ /* Base: keep section visually centered */ section#kg-glass, section.kg-glass {
  width: 100%;
}
/* Prefer a single predictable centered panel width */ section#kg-glass .kg-glass__panel, section.kg-glass .kg-glass__panel, section#kg-glass .kg-glass-panel, section.kg-glass .kg-glass-panel, section#kg-glass .kg-glass__wrap, section.kg-glass .kg-glass__wrap, section#kg-glass .kg-glass__inner, section.kg-glass .kg-glass__inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
/* The visible glass rectangle (the big rounded area) */ section#kg-glass .kg-glass__panel, section.kg-glass .kg-glass__panel, section#kg-glass .kg-glass-panel, section.kg-glass .kg-glass-panel {
  width: min(1180px, calc(100% - 48px));
}
/* Inner layout: keep symmetry and prevent accidental overflow shifting */ section#kg-glass .kg-glass__panel *, section.kg-glass .kg-glass__panel *, section#kg-glass .kg-glass-panel *, section.kg-glass .kg-glass-panel * {
  box-sizing: border-box;
}
/* Desktop: the panel stays centered even if inner grid uses transforms */ @media (min-width: 901px) {
  section#kg-glass .kg-glass__panel,
  section.kg-glass .kg-glass__panel,
  section#kg-glass .kg-glass-panel,
  section.kg-glass .kg-glass-panel {
    padding-left: 0;
  padding-right: 0;
  };
}
/* Tablet */ @media (max-width: 900px) {
  section#kg-glass .kg-glass__panel,
  section.kg-glass .kg-glass__panel,
  section#kg-glass .kg-glass-panel,
  section.kg-glass .kg-glass-panel {
    width: min(980px, calc(100% - 36px));
  };
}
/* Mobile */ @media (max-width: 520px) {
  section#kg-glass .kg-glass__panel,
  section.kg-glass .kg-glass__panel,
  section#kg-glass .kg-glass-panel,
  section.kg-glass .kg-glass-panel {
    width: calc(100% - 24px);
  };
}
/* Extra safety: if any child wrapper was shifting the whole block */ section#kg-glass .kg-glass__layout, section.kg-glass .kg-glass__layout, section#kg-glass .kg-glass__grid, section.kg-glass .kg-glass__grid, section#kg-glass .kg-glass__content, section.kg-glass .kg-glass__content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
/* ========================================================== FIX: Block 5 (horizontal CTA form) — responsive layout + sane button sizing Applies site-wide to compact CTA forms; prevents oversized submit button and fixes broken spacing in privacy line on some widths. ========================================================== */ :root {
  --keis-cta-btn-minh: 56px;
  --keis-cta-btn-pad-y: 16px;
  --keis-cta-btn-pad-x: 22px;
}
/* 1) Submit button: stop becoming “too tall / too huge”
   Exclude Block 5 canonical form ([data-b4-form]) to keep its SSOT geometry. */
form:not([data-b4-form]) button[type="submit"], form:not([data-b4-form]) input[type="submit"], form:not([data-b4-form]) .keis-submit, form:not([data-b4-form]) .hero-form__submit, form:not([data-b4-form]) .cta-submit, form:not([data-b4-form]) .form-submit, form:not([data-b4-form]) .btn-submit {
  padding: var(--keis-cta-btn-pad-y) var(--keis-cta-btn-pad-x) !important;
  min-height: var(--keis-cta-btn-minh) !important;
  height: auto !important;
  line-height: 1.1 !important;
  font-size: clamp(15px, 1vw + 11px, 20px) !important;
  border-radius: 16px !important;
}
@media (max-width: 520px){
form:not([data-b4-form]) button[type="submit"], form:not([data-b4-form]) input[type="submit"], form:not([data-b4-form]) .keis-submit, form:not([data-b4-form]) .hero-form__submit, form:not([data-b4-form]) .cta-submit, form:not([data-b4-form]) .form-submit, form:not([data-b4-form]) .btn-submit {
  min-height: 50px !important;
  font-size: clamp(15px, 3.8vw, 16px) !important;
  border-radius: 14px !important;
  padding: 13px 16px !important;
}


}/* 2) Privacy/disclaimer line: remove weird “stretched spaces” */ form .privacy, form .privacy-text, form .form-privacy, form .form-note, form .policy, form .policy-text, form small {
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  text-justify: auto !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}
/* 3) Compact form rows: keep fields aligned across widths */ form .form-row, form .hero-form__row, form .cta-form__row, form .form-grid, form .hero-form__grid {
  align-items: stretch;
}
/* 4) Inputs in compact CTA forms: consistent height */ form input[type="text"], form input[type="tel"], form input[type="email"], form textarea {
  min-height: 44px;
}
/* ========================================================== Block 5 (kg-glass) — правильная геометрия CTA-области на всех ширинах Desktop (>=981px): 2 колонки, левый текстовый блок растянут по высоте, разделительная полоса строго по центру (equal top/bottom). Tablet/Mobile (<=980px): общий контент 80% ширины, по центру, тексты над формой, форма в собственной «стеклянной» карточке. ========================================================== */ /* Base: make inner CTA area predictable */ #kg-glass .kg-glass__cta-inner {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(420px, 560px);
  gap: 42px;
  align-items: stretch;
  width: 100%;
}
/* Left column: 3-row grid so the divider is exactly in the vertical center */ #kg-glass .kg-glass__cta-inner > :first-child {
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  align-items: center;
}
/* Put heading in the top zone and paragraph in the bottom zone */ #kg-glass .kg-glass__cta-inner > :first-child h1, #kg-glass .kg-glass__cta-inner > :first-child h2, #kg-glass .kg-glass__cta-inner > :first-child h3 {
  grid-row: 1;
  align-self: end;
  margin: 0;
}
#kg-glass .kg-glass__cta-inner > :first-child p {
  grid-row: 3;
  align-self: start;
  margin: 0;
}
/* Divider line centered with equal breathing space */ #kg-glass .kg-glass__cta-inner > :first-child hr, #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__divider, #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__rule, #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__line {
  grid-row: 2;
  justify-self: start;
  width: clamp(120px, 32%, 220px);
  height: 2px;
  border: 0;
  background: rgba(255, 138, 0, 0.55);
  margin: 0;
  border-radius: 999px;
}
/* Right column (form wrapper): keep it vertically centered relative to the left */ #kg-glass .kg-glass__cta-inner > :last-child {
  align-self: center;
}
/* Button sizing (only inside Block 5) */ #kg-glass form button[type="submit"], #kg-glass form input[type="submit"] {
  width: 100%;
  max-width: 520px;
  min-height: 52px !important;
  height: auto !important;
  line-height: 1.1 !important;
}
/* Inputs in Block 5: consistent height */ #kg-glass form input[type="text"], #kg-glass form input[type="tel"], #kg-glass form input[type="email"] {
  min-height: 44px;
}
/* ===== Tablet & below: stack, 80% content width, centered ===== */ @media (max-width: 980px) {
  #kg-glass .kg-glass__cta-inner{
    grid-template-columns: 1fr;
  gap: 18px;
  width: clamp(120px, 40%, 240px);
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
  text-align: center;
  }

  #kg-glass .kg-glass__cta-inner > :first-child hr,
  #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__divider,
  #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__rule,
  #kg-glass .kg-glass__cta-inner > :first-child .kg-glass__line {
    justify-self: center;
    grid-template-rows: auto auto auto;
    row-gap: 14px;
    align-self: stretch;
  }

  #kg-glass .kg-glass__cta-inner > :last-child {
    width: 100%;
    max-width: 640px;
    background: rgba(255, 255, 255, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.34);
    box-shadow: 0 18px 40px rgba(0,0,0,0.22);
    border-radius: 22px;
    backdrop-filter: var(--perf-fx-cta-panel-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-cta-panel-backdrop, none);
    padding: 18px 18px 16px;
  }

  #kg-glass form button[type="submit"],
  #kg-glass form input[type="submit"] {
    max-width: 100%;
  }
}
@media (max-width: 520px){
#kg-glass .kg-glass__cta-inner {
  width: calc(100% - 24px);
}
#kg-glass .kg-glass__cta-inner > :last-child {
  border-radius: 18px;
  padding: 16px 14px 14px;
}
#kg-glass form button[type="submit"], #kg-glass form input[type="submit"] {
  min-height: 48px !important;
}


}/* FIX: Block 5 (kg-glass) — кнопка формы 70% ширины стеклянной области */ .kg-glass .kg-glass__cta-inner button[type="submit"], .kg-glass .kg-glass__cta-inner input[type="submit"], .kg-glass .kg-glass__cta-inner .kg-glass__submit, .kg-glass .kg-glass__cta-inner .keis-form-submit, .kg-glass .kg-glass__cta-inner .hero-form__submit {
  width: 70%;
  max-width: 560px;
  min-width: 240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 16px 18px;
  line-height: 1.15;
  border-radius: 14px;
}
@media (max-width: 520px){
.kg-glass .kg-glass__cta-inner button[type="submit"], .kg-glass .kg-glass__cta-inner input[type="submit"], .kg-glass .kg-glass__cta-inner .kg-glass__submit, .kg-glass .kg-glass__cta-inner .keis-form-submit, .kg-glass .kg-glass__cta-inner .hero-form__submit {
  min-width: 0;
}


}/* ========================================================== HERO: 4 cards (value big + description consistent) — ALL PAGES ========================================================== */ /* Card container fallbacks (covers different page variants) */ :where( .hero-stats, .hero-kpis, .hero-kpi-grid, .keis-hero-stats, .keis-hero-kpis, .keis-hero-facts, .hero-facts, .hero-facts-grid, .keis-hero__facts, .keis-hero__stats, .keis-hero__kpis ) {
  --hero-kpi-value-size: clamp(22px, 1.8vw, 34px);
  --hero-kpi-value-weight: 800;
  --hero-kpi-text-size: clamp(12.5px, 0.95vw, 14.5px);
  --hero-kpi-text-weight: 500;
  --hero-kpi-text-opacity: 0.86;
  --hero-kpi-line: 1.25;
}
/* Value line: make bigger, clearer, consistent */ :where( .hero-stat__value, .hero-kpi__value, .kpi__value, .fact__value, .stats__value, .keis-hero-stat__value, .keis-hero-kpi__value, .keis-fact__value, .keis-stat__value, .hero-card__value, .hero-metric__value ) {
  font-size: var(--hero-kpi-value-size);
  font-weight: var(--hero-kpi-value-weight);
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
/* Some pages use the first line as a `strong`/`b` inside the card */ :where( .hero-stats, .hero-kpis, .hero-kpi-grid, .keis-hero-stats, .keis-hero-kpis, .keis-hero-facts, .hero-facts, .hero-facts-grid, .keis-hero__facts, .keis-hero__stats, .keis-hero__kpis ) :where(.card, .glass, .kg-glass, .hero-card, .kpi-card, .stat-card, .fact-card, .metric-card, li, .item) :where(strong, b):first-child {
  font-size: var(--hero-kpi-value-size);
  font-weight: var(--hero-kpi-value-weight);
  line-height: 1.05;
  letter-spacing: -0.02em;
}
/* Description line: keep as it was visually, but normalize size/weight/color */ :where( .hero-stat__text, .hero-kpi__text, .kpi__text, .fact__text, .stats__text, .keis-hero-stat__text, .keis-hero-kpi__text, .keis-fact__text, .keis-stat__text, .hero-card__text, .hero-metric__text ) {
  font-size: var(--hero-kpi-text-size);
  font-weight: var(--hero-kpi-text-weight);
  line-height: var(--hero-kpi-line);
  opacity: var(--hero-kpi-text-opacity);
}
/* If description is the second line as plain text / span / p inside a card */ :where( .hero-stats, .hero-kpis, .hero-kpi-grid, .keis-hero-stats, .keis-hero-kpis, .keis-hero-facts, .hero-facts, .hero-facts-grid, .keis-hero__facts, .keis-hero__stats, .keis-hero__kpis ) :where(.card, .glass, .kg-glass, .hero-card, .kpi-card, .stat-card, .fact-card, .metric-card, li, .item) :where(p, span, div):nth-child(2) {
  font-size: var(--hero-kpi-text-size);
  font-weight: var(--hero-kpi-text-weight);
  line-height: var(--hero-kpi-line);
  opacity: var(--hero-kpi-text-opacity);
}
/* Mobile tweaks: keep value readable but avoid overflow */ @media (max-width: 900px) {
  :where(
    .hero-stats,
    .hero-kpis,
    .hero-kpi-grid,
    .keis-hero-stats,
    .keis-hero-kpis,
    .keis-hero-facts,
    .hero-facts,
    .hero-facts-grid,
    .keis-hero__facts,
    .keis-hero__stats,
    .keis-hero__kpis
  ) {
    --hero-kpi-value-size: clamp(20px, 5.4vw, 30px);
    --hero-kpi-text-size: clamp(12.5px, 3.4vw, 14px);
  }
}
/* HERO BENEFITS: KPI + description (consolidated) */ .hero-benefit-card--intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.hero-benefit-card--intro .benefit-kpi {
  font-family: var(--font-heading);
  font-weight: 900;
  letter-spacing: .01em;
  color: rgba(255,255,255,.92);
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.05;
  margin: 0 0 8px 0;
  text-wrap: balance;
}
.hero-benefit-card--intro .benefit-desc {
  font-family: var(--font-heading);
  font-weight: 600;
  color: rgba(255,255,255,.86);
  font-size: clamp(13px, 1.1vw, 16px);
  line-height: 1.25;
  margin: 0;
  max-width: 34ch;
}
@media (max-width: 900px){
.hero-benefit-card--intro .benefit-desc {
  max-width: 100%;
}


}/* чтобы 400/млн+ визуально совпадали с KPI */ .hero-benefit-card--intro .counter-number, .hero-benefit-card--intro .counter-suffix {
  font: inherit;
  color: inherit;
}
@media (max-width: 980px){
.hero-benefit-card--intro {
  gap: 8px;
}
.hero-benefit-card--intro .benefit-kpi, .hero-benefit-card--intro .benefit-title, .hero-benefit-card--intro .hero-benefit-kpi {
  font-size: clamp(18px, 3.8vw, 22px);
}
.hero-benefit-card--intro .benefit-desc, .hero-benefit-card--intro .benefit-text, .hero-benefit-card--intro .hero-benefit-text {
  font-size: clamp(0.95rem, 1.35vw, 1.02rem);
}


}
@media (max-width: 720px){
.hero-benefit-card--intro .benefit-kpi, .hero-benefit-card--intro .benefit-title, .hero-benefit-card--intro .hero-benefit-kpi {
  font-size: clamp(16px, 5vw, 20px);
  white-space: nowrap;
}
.hero-benefit-card--intro .benefit-desc, .hero-benefit-card--intro .benefit-text, .hero-benefit-card--intro .hero-benefit-text {
  font-size: 0.98rem;
}


}/* Stop forced narrow widths/wraps inside intro benefit cards */ .hero-benefit-card--intro .benefit-kpi, .hero-benefit-card--intro .benefit-desc {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
/* Duplicate/mobile tail block removed — styles consolidated earlier in file to avoid conflicts */ /* ========================================================== CARD TYPOGRAPHY BOOST: 2nd block carousel cards (scam + zpp) Делает заголовок и описание в карточках заметно крупнее на всех страницах. ========================================================== */ /* Заголовок карточки */ .investment-scenarios .scenario-slide-title, .scenarios-band .scenario-slide-title, a.scenario-slide .scenario-slide-title {
  font-size: clamp(18px, 1.25vw + 10px, 28px);
  line-height: 1.12;
  letter-spacing: -0.01em;
}
/* Описание карточки */ .investment-scenarios .scenario-slide-text, .scenarios-band .scenario-slide-text, a.scenario-slide .scenario-slide-text {
  font-size: clamp(13px, 0.55vw + 10px, 18px);
  line-height: 1.38;
  opacity: 0.92;
}
/* Чуть больше воздуха внутри блока текста */ .investment-scenarios .scenario-slide-body, .scenarios-band .scenario-slide-body, a.scenario-slide .scenario-slide-body {
  gap: 10px;
}
/* Мобильные: остаётся крупнее, но без перегруза */ @media (max-width: 520px) {
  .investment-scenarios .scenario-slide-title,
  .scenarios-band .scenario-slide-title,
  a.scenario-slide .scenario-slide-title {
    font-size: 18px;
  line-height: 1.42;
  }
.investment-scenarios .scenario-slide-text,
  .scenarios-band .scenario-slide-text,
  a.scenario-slide .scenario-slide-text {
    font-size: 13.5px;
  };
}
/* ========================================================== CARD TEXT READABILITY: scenarios cards (all pages) Делает описание в карточках лучше читаемым: светлее + чуть пожирнее + мягкая тень. ========================================================== */ /* Описание карточки — базово */ .investment-scenarios .scenario-slide-text, .scenarios-band .scenario-slide-text, a.scenario-slide .scenario-slide-text {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
  text-shadow: 0 1px 1px rgba(0,0,0,0.35),
    0 6px 18px rgba(0,0,0,0.35);
}
/* Если где-то подложка светлее — затемняем текст, но держим читабельность */ .scenario-slide--light .scenario-slide-text, .scenario-slide.is-light .scenario-slide-text {
  color: rgba(10, 12, 16, 0.82);
  text-shadow: 0 1px 0 rgba(255,255,255,0.22),
    0 10px 22px rgba(0,0,0,0.08);
}
/* Мобильные: чуть плотнее, чтобы не было “мыла” */ @media (max-width: 520px) {
  .investment-scenarios .scenario-slide-text,
  .scenarios-band .scenario-slide-text,
  a.scenario-slide .scenario-slide-text {
    font-weight: 550;
  color: rgba(255, 255, 255, 0.94);
  };
}
@media (max-width: 980px){
.hero-investment__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(20px, 4vw, 32px);
  align-items: start;
}
.hero-investment__content {
  width: 100%;
  order: 1;
  position: static;
  transform: none;
  min-height: auto;
}
.hero-investment__benefits {
  width: 100%;
  order: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(12px, 3vw, 20px);
}
.hero-investment__form {
  width: 100%;
  order: 3;
  position: static;
  right: auto;
  left: auto;
  top: auto;
  transform: none;
}


}/* ========================================================== HOME (root index) ========================================================== */ body.page-home {
  min-height: 100svh;
  background: radial-gradient(1200px 800px at 20% 10%, rgba(255, 153, 51, 0.18), rgba(0,0,0,0) 55%),
    radial-gradient(1100px 700px at 85% 20%, rgba(255, 214, 140, 0.12), rgba(0,0,0,0) 60%),
    radial-gradient(900px 600px at 60% 90%, rgba(120, 180, 255, 0.10), rgba(0,0,0,0) 55%),
    linear-gradient(135deg, #050607 0%, #0b0e12 35%, #050607 100%);
  color: #fff;
}
.kg-home {
  min-height: 100svh;
  display: block;
}
.kg-home__section {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: clamp(28px, 5vh, 64px) 0;
}
.kg-home__container {
  width: min(1200px, 92vw);
  margin: 0 auto;
}
.kg-home__top {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: clamp(18px, 3vw, 36px);
  align-items: center;
  margin-bottom: clamp(18px, 3vw, 28px);
}
.kg-home__logo {
  width: 100%;
  max-width: 220px;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,0.35));
  opacity: 0.98;
}
.kg-home__title {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.06;
  margin: 0 0 10px 0;
  letter-spacing: -0.02em;
}
.kg-home__subtitle {
  font-family: var(--font-heading);
  font-size: clamp(14px, 1.35vw, 16px);
  line-height: 1.55;
  color: rgba(255,255,255,0.78);
  margin: 0;
  max-width: 760px;
}
.kg-home__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.2vw, 22px);
  margin-top: clamp(18px, 3vw, 26px);
}
.kg-home__card {
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 22px;
  overflow: hidden;
  min-height: clamp(220px, 18vw, 280px);
  background-image: var(--card-bg);
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255, 200, 130, 0.18);
  box-shadow: 0 26px 60px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.06);
  transform: none;
}
.kg-home__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(900px 480px at 30% 20%, rgba(0,0,0,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.62) 75%, rgba(0,0,0,0.78) 100%);
}
.kg-home__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 170, 70, 0.12), rgba(0,0,0,0) 45%);
  opacity: 0.55;
}
.kg-home__card-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: clamp(18px, 2.2vw, 24px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 55%, rgba(0,0,0,0.42) 100%);
  backdrop-filter: var(--perf-fx-home-card-backdrop, none);
  -webkit-backdrop-filter: var(--perf-fx-home-card-backdrop, none);
}
.kg-home__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-shadow: 0 14px 30px rgba(0,0,0,0.6);
}
.kg-home__card-text {
  margin: 0;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.82);
  max-width: 46ch;
}
.kg-home__card-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
  color: rgba(255, 190, 120, 0.92);
  margin-top: 4px;
}
@media (hover: hover) and (pointer: fine){
.kg-home__card {
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}
.kg-home__card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 200, 130, 0.30);
  box-shadow: 0 34px 80px rgba(0,0,0,0.62),
      inset 0 1px 0 rgba(255,255,255,0.08);
}


}
.kg-home__bottom {
  margin-top: clamp(16px, 3vw, 26px);
}
.kg-home__note {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 13px;
  color: rgba(255,255,255,0.55);
}
@media (max-width: 980px){
.kg-home__top {
  grid-template-columns: 1fr;
}
.kg-home__logo {
  max-width: 200px;
}
.kg-home__grid {
  grid-template-columns: 1fr;
}
.kg-home__card {
  min-height: 220px;
}


}

/* ========================= KG news page ========================= */
body[data-page="news"] {
  background-image:
    radial-gradient(980px 500px at 8% 4%, rgba(248, 226, 188, 0.5), rgba(248, 226, 188, 0) 58%),
    radial-gradient(820px 460px at 92% 10%, rgba(230, 221, 207, 0.52), rgba(230, 221, 207, 0) 62%),
    linear-gradient(175deg, rgba(244, 239, 230, 0.88) 0%, rgba(247, 243, 235, 0.88) 44%, rgba(239, 231, 220, 0.88) 100%),
    url(./assets/block/newsall.webp);
  background-size: auto, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
  background-position: 0 0, 0 0, 0 0, center center;
  background-repeat: repeat, repeat, repeat, no-repeat;
  color: #2b2018;
}
@media (max-width: 980px) {
  body[data-page="news"] {
    background-image:
      radial-gradient(980px 500px at 8% 4%, rgba(248, 226, 188, 0.5), rgba(248, 226, 188, 0) 58%),
      radial-gradient(820px 460px at 92% 10%, rgba(230, 221, 207, 0.52), rgba(230, 221, 207, 0) 62%),
      linear-gradient(175deg, rgba(244, 239, 230, 0.88) 0%, rgba(247, 243, 235, 0.88) 44%, rgba(239, 231, 220, 0.88) 100%),
      url(./assets/block/mobnewsall.webp);
    background-position: 0 0, 0 0, 0 0, 92% 65%;
  }
}
body[data-page="news"] .kg-news {
  position: relative;
  min-height: 100svh;
  padding: calc(var(--keis-header-h, 78px) + clamp(24px, 4vw, 42px)) 0 clamp(36px, 5vw, 70px);
}
/* Scene layer behind cards so backdrop-filter blur has visible texture */
body[data-page="news"] .kg-news::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(ellipse 90% 50% at 15% 30%, rgba(252, 242, 228, 0.45), transparent 55%),
    radial-gradient(ellipse 70% 45% at 88% 60%, rgba(238, 228, 218, 0.4), transparent 50%),
    linear-gradient(165deg, rgba(248, 242, 232, 0.25) 0%, rgba(242, 234, 222, 0.2) 50%, rgba(246, 238, 226, 0.22) 100%);
  background-repeat: repeat, repeat, repeat;
}
body[data-page="news"] .kg-news__hero {
  position: relative;
  z-index: 1;
}
body[data-page="news"] .kg-news__container {
  width: min(1160px, calc(100vw - 34px));
  margin: 0 auto;
}
body[data-page="news"] .kg-news__kicker {
  margin: 0 0 8px;
  color: rgba(76, 56, 42, 0.86);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}
body[data-page="news"] .kg-news__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.018em;
  color: #2a1e16;
}
body[data-page="news"] .kg-news__subtitle {
  margin: 16px 0 0;
  max-width: 64ch;
  font-family: var(--font-heading);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.58;
  color: rgba(56, 39, 28, 0.82);
}
body[data-page="news"] .kg-news-controls {
  margin-top: clamp(20px, 2.8vw, 30px);
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px;
  padding: clamp(14px, 2vw, 20px);
  border-radius: 20px;
  border: 1px solid rgba(162, 138, 114, 0.3);
  background:
    linear-gradient(160deg, rgba(255, 251, 246, 0.95), rgba(245, 236, 225, 0.88)),
    radial-gradient(560px 220px at 8% -20%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  box-shadow: 0 18px 34px rgba(86, 60, 33, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
body[data-page="news"] .kg-news-controls__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
body[data-page="news"] .kg-news-controls__field:first-child {
  flex: 1 1 380px;
}
body[data-page="news"] .kg-news-controls__field#newsSourceWrap {
  flex: 0 0 240px;
}
body[data-page="news"] .kg-news-controls__label {
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 650;
  color: rgba(60, 42, 30, 0.78);
}
body[data-page="news"] .kg-news-controls input,
body[data-page="news"] .kg-news-controls select {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(150, 120, 91, 0.32);
  background: rgba(255, 253, 249, 0.92);
  color: #2d2117;
  font-size: 16px;
  font-family: var(--font-heading);
  padding: 0 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}
body[data-page="news"] .kg-news-controls input:focus-visible,
body[data-page="news"] .kg-news-controls select:focus-visible {
  outline: none;
  border-color: rgba(166, 120, 64, 0.76);
  box-shadow: 0 0 0 3px rgba(230, 181, 118, 0.26);
}
body[data-page="news"] .kg-news-controls__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}
body[data-page="news"] .kg-news-controls__refresh {
  min-width: 132px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(162, 111, 63, 0.45);
  background: linear-gradient(180deg, #fff3e1 0%, #f3d6b2 100%);
  color: #4a2f1a;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  box-shadow: 0 8px 16px rgba(121, 82, 41, 0.14);
}
body[data-page="news"] .kg-news-controls__refresh:hover,
body[data-page="news"] .kg-news-controls__refresh:focus-visible {
  border-color: rgba(158, 106, 56, 0.68);
  box-shadow: 0 10px 20px rgba(121, 82, 41, 0.2);
  transform: translateY(-1px);
  outline: none;
}
body[data-page="news"] .kg-news-controls__refresh:disabled {
  opacity: 0.74;
  cursor: default;
  transform: none;
  box-shadow: 0 6px 12px rgba(121, 82, 41, 0.1);
}
body[data-page="news"] .kg-news-controls__updated {
  margin: 0;
  min-width: 150px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  color: rgba(74, 54, 39, 0.84);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
body[data-page="news"] .kg-news-controls__updated.is-updating {
  color: rgba(92, 66, 44, 0.96);
}
body[data-page="news"] .kg-news-feedback {
  min-height: 28px;
  margin-top: 12px;
  font-size: 15px;
  color: rgba(70, 50, 36, 0.8);
  white-space: pre-line;
}
body[data-page="news"] .kg-news-feedback.is-error {
  color: #7e2412;
}
body[data-page="news"] .kg-news-feedback.is-info {
  color: #4f3a2d;
}
body[data-page="news"] .kg-news-feedback.is-empty {
  color: #5f4736;
}
body[data-page="news"] .kg-news-feedback.is-warn {
  color: #754821;
}
body[data-page="news"] .kg-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: clamp(14px, 1.8vw, 20px);
}
body[data-page="news"] .kg-news-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: clamp(16px, 1.9vw, 22px);
  border-radius: 20px;
  min-height: 320px;
  transition: transform 260ms ease-out, box-shadow 260ms ease-out, border-color 260ms ease-out, filter 260ms ease-out;
}
body[data-page="news"] .kg-news-card:focus-visible {
  outline: 2px solid rgba(186, 132, 62, 0.68);
  outline-offset: 2px;
}
body[data-page="news"] .kg-news-card__meta {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(77, 58, 44, 0.74);
}
body[data-page="news"] .kg-news-card__source {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(151, 118, 84, 0.4);
  background: linear-gradient(180deg, rgba(255, 250, 242, 0.98), rgba(244, 232, 216, 0.96));
  color: #5f3c22;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body[data-page="news"] .kg-news-card__date {
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  color: rgba(88, 66, 48, 0.72);
  white-space: nowrap;
}
body[data-page="news"] .kg-news-card__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(21px, 1.6vw, 28px);
  line-height: 1.18;
  color: #2d2118;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
body[data-page="news"] .kg-news-card__summary {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(15px, 1.3vw, 17px);
  line-height: 1.58;
  color: rgba(55, 39, 28, 0.83);
  flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}
body[data-page="news"] .kg-news-card__actions {
  margin-top: auto;
}
body[data-page="news"] .kg-news-card__link {
  width: fit-content;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid rgba(158, 117, 73, 0.34);
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.98), rgba(245, 228, 205, 0.98));
  font-size: 14px;
  font-weight: 700;
  color: #553821;
  text-decoration: none;
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
body[data-page="news"] .kg-news-card__link:hover,
body[data-page="news"] .kg-news-card__link:focus-visible {
  border-color: rgba(158, 106, 56, 0.6);
  box-shadow: 0 10px 22px rgba(110, 72, 34, 0.16);
  transform: translateY(-1px);
  outline: none;
}
body[data-page="news"] .kg-news-load-more {
  --kg-news-load-more-btn-h: 46px;
  margin-top: clamp(18px, 2.5vw, 28px);
  margin-bottom: calc(var(--kg-news-load-more-btn-h) * 1.5);
  display: flex;
  justify-content: center;
}
body[data-page="news"] .kg-news-load-more__btn {
  min-width: 116px;
  min-height: var(--kg-news-load-more-btn-h);
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(158, 111, 63, 0.45);
  background: linear-gradient(180deg, #fff3e1 0%, #f3d6b2 100%);
  color: #4a2f1a;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
body[data-page="news"] .kg-news-load-more__btn:hover,
body[data-page="news"] .kg-news-load-more__btn:focus-visible {
  border-color: rgba(158, 106, 56, 0.68);
  box-shadow: 0 10px 20px rgba(121, 82, 41, 0.2);
  transform: translateY(-1px);
  outline: none;
}
body[data-page="news"] .kg-news-load-more__btn:disabled {
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  transform: none;
}
body[data-page="news"] .kg-news-card.is-skeleton {
  pointer-events: none;
}
body[data-page="news"] .kg-news-skeleton {
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(216, 202, 185, 0.5), rgba(233, 224, 211, 0.86), rgba(216, 202, 185, 0.5));
  background-size: 280% 100%;
  animation: kg-news-skeleton-wave 1.25s ease-in-out infinite;
}
body[data-page="news"] .kg-news-skeleton--meta {
  height: 14px;
  max-width: 44%;
}
body[data-page="news"] .kg-news-skeleton--title {
  height: 34px;
  max-width: 92%;
}
body[data-page="news"] .kg-news-skeleton--text {
  height: 15px;
}
body[data-page="news"] .kg-news-skeleton--text.short {
  max-width: 76%;
}
body[data-page="news"] .kg-news-skeleton--cta {
  margin-top: 5px;
  height: 38px;
  max-width: 180px;
  border-radius: 999px;
}
@keyframes kg-news-skeleton-wave {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@media (min-width: 981px) {
  body[data-page="news"] .kg-news-card {
    min-height: 380px;
  }
}
@media (max-width: 980px) {
  body[data-page="news"] .kg-news__container {
    width: min(1160px, calc(100vw - 24px));
  }
  body[data-page="news"] .kg-news-controls {
    align-items: stretch;
  }
  body[data-page="news"] .kg-news-controls__field#newsSourceWrap {
    flex: 1 1 220px;
  }
  body[data-page="news"] .kg-news-controls__actions {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  body[data-page="news"] .kg-news {
    padding-top: calc(var(--keis-header-h, 72px) + 16px);
  }
  body[data-page="news"] .kg-news__container {
    width: calc(100vw - 16px);
  }
  body[data-page="news"] .kg-news__title {
    font-size: clamp(28px, 9vw, 40px);
  }
  body[data-page="news"] .kg-news__subtitle {
    font-size: 16px;
  }
  body[data-page="news"] .kg-news-controls__actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body[data-page="news"] .kg-news-controls__updated {
    min-width: auto;
  }
  body[data-page="news"] .kg-news-load-more {
    justify-content: stretch;
  }
  body[data-page="news"] .kg-news-load-more__btn {
    width: 100%;
  }
}

/* ===== NEWS: GLASS CARDS ===== */
body[data-page="news"] .kg-news-list {
  align-items: stretch;
}
body[data-page="news"] .kg-news-list .kg-news-card {
  border: 1px solid rgba(255, 255, 255, 0.48);
  box-shadow:
    0 12px 32px rgba(56, 40, 28, 0.12),
    0 4px 12px rgba(56, 40, 28, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.24s ease, border-color 0.24s ease;
}
body[data-page="news"] .kg-news-list .kg-news-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
/* Inner highlight (glass shine) */
body[data-page="news"] .kg-news-list .kg-news-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 22%, transparent 45%);
  opacity: 0.35;
}
body[data-page="news"] .kg-news-list .kg-news-card > * {
  position: relative;
  z-index: 1;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  body[data-page="news"] .kg-news-list .kg-news-card {
    background: rgba(255, 248, 238, 0.42);
    -webkit-backdrop-filter: blur(18px) saturate(1.35);
    backdrop-filter: blur(18px) saturate(1.35);
    transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.24s ease, border-color 0.24s ease, -webkit-backdrop-filter 0.24s ease, backdrop-filter 0.24s ease;
  }
  body[data-page="news"] .kg-news-list .kg-news-card.is-skeleton {
    background: rgba(248, 242, 234, 0.68);
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  body[data-page="news"] .kg-news-list .kg-news-card {
    background: linear-gradient(175deg, rgba(255, 252, 248, 0.88), rgba(248, 240, 228, 0.82));
    border-color: rgba(200, 178, 155, 0.38);
  }
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="news"] .kg-news-list .kg-news-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow:
      0 20px 44px rgba(56, 40, 28, 0.14),
      0 8px 20px rgba(56, 40, 28, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      inset 0 -1px 0 rgba(0, 0, 0, 0.04);
  }
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  @media (hover: hover) and (pointer: fine) {
    body[data-page="news"] .kg-news-list .kg-news-card:hover {
      -webkit-backdrop-filter: blur(20px) saturate(1.35);
      backdrop-filter: blur(20px) saturate(1.35);
    }
  }
}
body[data-page="news"] .kg-news-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-page="news"] .kg-news-card__summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-height: 0;
}
body[data-page="news"] .kg-news-card__actions {
  margin-top: auto;
  flex-shrink: 0;
}
@media (min-width: 981px) {
  body[data-page="news"] .kg-news-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  body[data-page="news"] .kg-news-list .kg-news-card {
    min-height: 340px;
  }
}
@media (max-width: 767px) {
  body[data-page="news"] .kg-news-list .kg-news-card {
    min-height: 300px;
  }
}
@media (max-width: 419px) {
  body[data-page="news"] .kg-news-list .kg-news-card {
    min-height: 280px;
  }
}

/* =========================
   NEWS: GLASS THEME
   Glassmorphism for /news/ — tokens, stage, cards, controls, pills.
   SSOT: overrides above news styles; no DOM/class changes.
   ========================= */

.page-news {
  --news-bg-0: #0B0F14;
  --news-bg-1: #121A22;
  --news-cream: #F3EBDD;
  --news-amber: #FF5A1F;
  --news-text: rgba(18, 18, 18, 0.92);
  --news-text-soft: rgba(18, 18, 18, 0.72);
  --news-text-meta: rgba(18, 18, 18, 0.55);
  --news-stroke: rgba(255, 255, 255, 0.42);
  --news-glass: rgba(255, 255, 255, 0.18);
  --news-glass-strong: rgba(255, 255, 255, 0.26);
  --news-shadow: 0 22px 60px rgba(10, 18, 28, 0.20);
  --news-shadow-soft: 0 10px 30px rgba(10, 18, 28, 0.14);
}

/* На странице новостей логотип не ведёт на главную */
.page-news .keis-header-logo {
  pointer-events: none;
  cursor: default;
}

/* Stage: base image on .kg-news; overlays in ::before (veil) so image stays visible.
   Fixed attachment: фон не смещается при скролле ленты; одно положение на всех разрешениях. */
.page-news .kg-news {
  background-image: url(./assets/block/newsall.webp);
  background-size: cover;
  background-position: center 38%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-news .kg-news::before {
  background-image:
    linear-gradient(165deg, rgba(248, 242, 232, 0.32) 0%, rgba(242, 234, 222, 0.28) 50%, rgba(246, 238, 226, 0.30) 100%),
    radial-gradient(ellipse 90% 50% at 15% 30%, rgba(252, 242, 228, 0.25), transparent 55%),
    radial-gradient(ellipse 70% 45% at 88% 60%, rgba(238, 228, 218, 0.22), transparent 50%);
  background-repeat: repeat, repeat, repeat;
}

@media (max-width: 980px) {
  .page-news .kg-news {
    background-image: url(./assets/block/mobnewsall.webp);
    background-position: center 38%;
  }
  .page-news .kg-news__container {
    width: min(100%, calc(100vw - 40px));
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
  .page-news .kg-news__container {
    width: min(100%, calc(100vw - 32px));
  }
}

/* Hero typography: dark on light stage */
.page-news .kg-news__kicker {
  color: var(--news-text-meta);
}

.page-news .kg-news__title {
  color: var(--news-text);
  letter-spacing: -0.01em;
}

.page-news .kg-news__subtitle {
  color: var(--news-text-soft);
}

/* Filter bar: premium glass toolbar */
.page-news .kg-news-controls {
  background: rgba(255, 252, 248, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: var(--news-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 0 rgba(20, 20, 20, 0.08);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .page-news .kg-news-controls {
    background: rgba(255, 252, 248, 0.72);
  }
}

.page-news .kg-news-controls__label {
  color: var(--news-text-meta);
  font-weight: 600;
}

.page-news .kg-news-controls input,
.page-news .kg-news-controls select {
  height: 44px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 0 rgba(20, 20, 20, 0.06);
  color: var(--news-text);
  font-size: 15px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-news .kg-news-controls input::placeholder {
  color: rgba(18, 18, 18, 0.48);
}

.page-news .kg-news-controls input:hover,
.page-news .kg-news-controls select:hover {
  border-color: rgba(255, 255, 255, 0.65);
}

.page-news .kg-news-controls input:focus-visible,
.page-news .kg-news-controls select:focus-visible {
  border-color: rgba(255, 90, 31, 0.55);
  box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  outline: none;
}

/* Status line: info glass pill */
.page-news .kg-news-feedback {
  background: rgba(255, 255, 255, 0.20);
  border: 1px solid rgba(255, 255, 255, 0.38);
  color: rgba(18, 18, 18, 0.70);
  padding: 10px 14px;
  border-radius: 14px;
  max-width: fit-content;
}

.page-news .kg-news-feedback.is-error {
  color: #7e2412;
}

.page-news .kg-news-feedback.is-info,
.page-news .kg-news-feedback.is-empty,
.page-news .kg-news-feedback.is-warn {
  color: rgba(18, 18, 18, 0.72);
}

/* Cards: glass (tokens + gradient + blur) */
.page-news .kg-news-list .kg-news-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.10));
  border: 1px solid var(--news-stroke);
  border-radius: 22px;
  box-shadow: var(--news-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.40), inset 0 -1px 0 rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
  transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.24s ease, border-color 0.24s ease;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .page-news .kg-news-list .kg-news-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.28));
  }
}

/* Inner highlight already in box-shadow; ::after = amber edge on hover */
.page-news .kg-news-list .kg-news-card::before {
  box-shadow: none;
}

.page-news .kg-news-list .kg-news-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 90, 31, 0.22);
  opacity: 0;
  transition: opacity 0.24s ease;
}

@media (hover: hover) and (pointer: fine) {
  .page-news .kg-news-list .kg-news-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 26px 70px rgba(10, 18, 28, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.40), inset 0 -1px 0 rgba(0, 0, 0, 0.06);
    border-color: rgba(255, 255, 255, 0.56);
    /* keep same blur as rest state — no backdrop-filter change on hover */
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }

  .page-news .kg-news-list .kg-news-card:hover::after {
    opacity: 1;
  }
}

.page-news .kg-news-card:focus-visible {
  outline: 2px solid rgba(255, 90, 31, 0.55);
  outline-offset: 2px;
}

/* Typography: dark on light glass */
.page-news .kg-news-card__title {
  color: var(--news-text);
  letter-spacing: -0.01em;
}

.page-news .kg-news-card__summary {
  font-family: var(--font-ui);
  color: rgba(18, 18, 18, 0.78);
  line-height: 1.52;
}

.page-news .kg-news-card__meta {
  color: rgba(18, 18, 18, 0.52);
}

/* Chip (source): glass capsule */
.page-news .kg-news-card__source {
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.42);
  color: rgba(18, 18, 18, 0.72);
  padding: 6px 10px;
  border-radius: 999px;
}

.page-news .kg-news-card__date {
  color: var(--news-text-meta);
}

/* Button: glass pill "Читать в источнике" */
.page-news .kg-news-card__link {
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.48);
  color: rgba(18, 18, 18, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 8px 20px rgba(10, 18, 28, 0.08);
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.page-news .kg-news-card__link:hover,
.page-news .kg-news-card__link:focus-visible {
  border-color: rgba(255, 90, 31, 0.55);
  box-shadow: 0 10px 26px rgba(255, 90, 31, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.32);
  outline: none;
}

/* Load more button: glass pill */
.page-news .kg-news-load-more__btn {
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: rgba(18, 18, 18, 0.82);
  box-shadow: 0 10px 24px rgba(10, 18, 28, 0.10);
}

.page-news .kg-news-load-more__btn:hover,
.page-news .kg-news-load-more__btn:focus-visible {
  border-color: rgba(255, 90, 31, 0.55);
  box-shadow: 0 14px 30px rgba(255, 90, 31, 0.12), 0 16px 38px rgba(10, 18, 28, 0.14);
  background: rgba(255, 255, 255, 0.30);
  outline: none;
}

/* Skeleton: subtle glass fallback */
.page-news .kg-news-card.is-skeleton {
  background: rgba(255, 255, 255, 0.20);
  border: 1px solid var(--news-stroke);
}

.page-news .kg-news-skeleton {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.15));
}

/* ========================= Cookie banner (global) ========================= */
.kg-cookie {
  position: fixed;
  left: calc(12px + var(--kg-cookie-offset-left, 0px));
  bottom: 12px;
  width: min(420px, calc(100vw - 20px));
  z-index: 960;
  color: #160f0a;
  background: linear-gradient(180deg, rgba(249, 244, 236, 0.98) 0%, rgba(244, 236, 224, 0.98) 100%);
  border: 1px solid rgba(220, 198, 170, 0.9);
  border-radius: 11px;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.08), 0 3px 9px rgba(0, 0, 0, 0.06);
  padding: 6px 14px 6px 14px;
  animation: kg-cookie-in 260ms cubic-bezier(0.25, 0.9, 0.3, 1) forwards;
  transform: translate3d(0, 10px, 0);
  opacity: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kg-cookie__body {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.kg-cookie__text {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 12px;
  line-height: 1.28;
  color: #160f0a;
  text-wrap: pretty;
}
.kg-cookie__link {
  color: #ff9c3a;
  font-weight: 640;
  text-decoration: underline;
  text-decoration-thickness: 1.4px;
  text-decoration-color: rgba(255, 156, 58, 0.35);
}
.kg-cookie__link:hover,
.kg-cookie__link:focus-visible {
  color: #ff8a00;
  text-decoration-color: rgba(255, 138, 0, 0.65);
  outline: none;
}
.kg-cookie__btn {
  flex: 0 0 auto;
  align-self: center;
  padding: 7px 12px;
  border: none;
  border-radius: 9px;
  background: linear-gradient(120deg, #ffb35c, #ff8a1f);
  color: #291106;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(255, 138, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.kg-cookie__btn:hover {
  box-shadow: 0 8px 18px rgba(255, 138, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.kg-cookie__btn:active {
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 5px 12px rgba(255, 138, 0, 0.2);
}
.kg-cookie__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(16, 185, 98, 0.45), 0 10px 26px rgba(18, 170, 96, 0.28);
}
.kg-cookie.is-hiding {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}
.kg-cookie--mobile {
  left: 6px;
  right: 6px;
  width: auto;
  max-width: none;
  bottom: 8px;
}
@media (min-width: 981px) {
  .kg-cookie {
    width: min(460px, calc(100vw - 24px));
    padding: 6px 16px;
  }
  .kg-cookie__text {
    max-width: 100%;
  }
}
@keyframes kg-cookie-in {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* ========================= Left sticky ask (desktop) ========================= */ .kg-obsidian-drift {
  position: fixed;
  top: 52%;
  bottom: auto;
  left: 0;
  transform: translate3d(-120%, -50%, 0);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 940;
  transition: transform 320ms cubic-bezier(0.26, 0.92, 0.24, 1), opacity 220ms ease;
  backface-visibility: hidden;
  contain: layout style;
}
.kg-obsidian-drift.is-visible,
.kg-obsidian-drift.is-hiding {
  will-change: transform, opacity;
}
.kg-obsidian-drift.is-visible {
  transform: translate3d(0, -50%, 0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.kg-obsidian-drift.is-hiding {
  opacity: 0;
  transform: translate3d(-128%, -50%, 0);
  pointer-events: none;
}
.kg-obsidian-drift.is-hidden {
  opacity: 0;
  transform: translate3d(-120%, -50%, 0);
  pointer-events: none;
  visibility: hidden;
}
@media (max-width: 980px){
.kg-obsidian-drift {
  display: none !important;
}


}
.kg-obsidian-drift__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(340px, calc(100vw - 32px));
  padding: 16px 16px 14px 26px;
  margin-left: -14px;
  border-radius: 14px;
  transform-origin: left center;
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateY(10deg) rotateX(3deg) rotateZ(-8deg);
  background: radial-gradient(140% 120% at 10% 10%, rgba(255, 225, 175, 0.12), rgba(0, 0, 0, 0) 58%),
      linear-gradient(135deg, rgba(255, 184, 110, 0.08), rgba(0, 0, 0, 0) 55%),
      linear-gradient(165deg, rgba(18, 18, 19, 0.56), rgba(12, 12, 13, 0.32));
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 34px 86px rgba(0, 0, 0, 0.62),
      -14px 0 32px rgba(255, 190, 110, 0.16);
  filter: none;
  color: rgba(247, 239, 228, 0.96);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
  isolation: isolate;
  pointer-events: auto;
  contain: paint;
}
.kg-obsidian-drift__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  transform: translate(10px, 10px) rotate(2deg);
}

/* Lift hero so its background reaches the top of the page under the
   sticky header. Header remains on top due to higher z-index. */
.hero-investment {
  margin-top: calc(var(--keis-header-h, 72px) * -1);
  background: radial-gradient(120% 100% at 0% 20%, rgba(255, 210, 150, 0.12), rgba(0, 0, 0, 0) 62%),
      linear-gradient(165deg, rgba(18, 18, 19, 0.38), rgba(12, 12, 13, 0.24));
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 26px 64px rgba(0, 0, 0, 0.56);
  opacity: 0.95;
  pointer-events: none;
}
.kg-obsidian-drift__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 34%, rgba(255, 245, 225, 0.42) 48%, rgba(255, 255, 255, 0) 62%) -140% 0 / 220% 100% no-repeat,
      linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(0, 0, 0, 0) 46%),
      radial-gradient(90% 70% at 14% 10%, rgba(255, 206, 140, 0.18), rgba(0, 0, 0, 0) 62%),
      radial-gradient(80% 60% at 120% 12%, rgba(132, 214, 255, 0.10), rgba(0, 0, 0, 0) 58%),
      linear-gradient(180deg, rgba(255, 182, 102, 0.08), rgba(0, 0, 0, 0));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11),
      inset 0 -22px 34px rgba(0, 0, 0, 0.28);
  opacity: 0.95;
  animation: none;
}
.kg-obsidian-drift__panel > * {
  position: relative;
  z-index: 1;
}
.kg-obsidian-drift__eyebrow {
  margin: 0;
  display: none;
}
.kg-obsidian-drift__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 0.93rem;
  line-height: 1.32;
  font-weight: 650;
  color: rgba(249, 244, 236, 0.86);
  text-shadow: 0 16px 44px rgba(0, 0, 0, 0.62);
}
.kg-obsidian-drift__note {
  display: none;
}
.kg-obsidian-drift__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.kg-obsidian-drift__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 205, 145, 0.6);
  background: linear-gradient(140deg, rgba(255, 202, 140, 0.92), rgba(214, 134, 58, 0.88));
  color: rgba(34, 22, 12, 0.92);
  font-family: var(--font-heading);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.005em;
  text-transform: none;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.44),
      0 0 0 1px rgba(255, 210, 150, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
  cursor: pointer;
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 200ms ease;
  max-width: 82%;
  flex: 0 0 auto;
  min-width: 0;
  white-space: normal;
  transform: translate3d(0, 0, 0);
  animation: none;
}
.kg-obsidian-drift__btn:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 18px 38px rgba(0, 0, 0, 0.44);
}
.kg-obsidian-drift__btn:active {
  transform: translate3d(0, 1px, 0) scale(0.985);
}
.kg-obsidian-drift__btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(132, 214, 255, 0.7), 0 16px 32px rgba(0, 0, 0, 0.52);
}
@keyframes kg-obsidian-sweep {
    0%, 58% {
      background-position: -140% 0, 0 0, 0 0, 0 0, 0 0;
    }
    70% {
      background-position: 140% 0, 0 0, 0 0, 0 0, 0 0;
    }
    100% {
      background-position: 140% 0, 0 0, 0 0, 0 0, 0 0;
    }
  }
@keyframes kg-obsidian-cta-pulse {
    0%, 76%, 100% {
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(255, 210, 150, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
      filter: none;
    }
    84% {
      box-shadow: 0 22px 46px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(255, 210, 150, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.22);
      filter: brightness(1.05) saturate(1.05);
    }
    92% {
      box-shadow: 0 20px 42px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 210, 150, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18);
      filter: brightness(1.02) saturate(1.02);
    }
  }
@media (prefers-reduced-motion: reduce){
.kg-obsidian-drift {
  transition: none;
}
.kg-obsidian-drift__panel::after, .kg-obsidian-drift__btn {
  animation: none !important;
}
.kg-obsidian-drift__panel {
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kg-obsidian-drift__close {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

  
}
.kg-obsidian-drift__close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  z-index: 2;
  border-radius: 5px;
  border: 1px solid rgba(255, 210, 150, 0.28);
  background: rgba(10, 10, 11, 0.48);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 180ms ease;
  transform: none;
}
.kg-obsidian-drift__close:hover {
  transform: translate3d(0, -1px, 0);
  opacity: 0.96;
}
.kg-obsidian-drift__close::before, .kg-obsidian-drift__close::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  background: rgba(216, 234, 255, 0.95);
  transform-origin: center;
}
.kg-obsidian-drift__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.kg-obsidian-drift__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* FAQ SSOT: page-specific body.page and body[data-page] overrides removed */
@media (min-width: 981px) and (max-width: 1150px){
.investment-faq .section-container, .investment-faq .section-container.section-container {
  width: 100%;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
.investment-faq .faq-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}
.investment-faq .faq-aside {
  display: none;
}
.investment-faq .section-header, .investment-faq .faq-main, .investment-faq .faq-list {
  width: 100%;
  max-width: 620px;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
}
.investment-faq .faq-item, .investment-faq .faq-question {
  width: 100%;
}
}


/* 3) <=980px: remove vertical “highlight” shadow around hero form and the 4 cards below */
@media (max-width: 980px){
  .hero-investment .hero-investment__form,
  .hero-investment .hero-form,
  .hero-investment .hero-form-wrapper,
  .hero-investment .keis-form,
  .hero-investment .keis-form-card,
  .hero-investment form{
    box-shadow: none !important;
    filter: none !important;
  }
.hero-investment .hero-investment__cards .card,
  .hero-investment .hero-cards .card,
  .hero-investment .hero-stat-card,
  .hero-investment .hero-benefit-card,
  .hero-investment .hero-card,
  .hero-investment .keis-hero-card{
    box-shadow: none !important;
    filter: none !important;
  }
}

/* 4) Inputs: читаемый размер без обрезки текста в полях формы первого блока */
.hero-investment input,
.hero-investment textarea,
.keis-contact-modal input,
.keis-contact-modal textarea{
  font-size: clamp(14px, 1.4vw, 15px);
  line-height: 1.35;
  min-height: 48px;
  box-sizing: border-box;
}
.hero-investment input::placeholder,
.hero-investment textarea::placeholder,
.keis-contact-modal input::placeholder,
.keis-contact-modal textarea::placeholder{
  font-size: clamp(13px, 1.2vw, 14px);
  line-height: 1.35;
}

/* 6) Hero form: подзаголовок в форме по центру; подзаголовок hero слева от 981px (см. блок ниже) */
.hero-investment .hero-form-subtitle,
.hero-investment .hero-investment__form-subtitle,
.hero-investment .hero-investment__form .subtitle,
.hero-investment .hero-investment__form .desc{
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 980px){
  .hero-investment .hero-form-card,
  .hero-investment .hero-investment__form .hero-form-card{
    box-shadow: 0 16px 36px rgba(0,0,0,0.32);
    outline: none !important;
    filter: none !important;
  }
.hero-investment .hero-benefits .card,
  .hero-investment .hero-benefit-card,
  .hero-investment .hero-card,
  .hero-investment .keis-hero-card{
    box-shadow: 0 12px 28px rgba(0,0,0,0.24);
    outline: none !important;
    filter: none !important;
  }
}
.hero-investment__form input,
.hero-investment__form textarea,
.hero-form-card input,
.hero-form-card textarea{
  font-size: clamp(14px, 1.4vw, 15px);
  line-height: 1.4;
}
.hero-investment__form input::placeholder,
.hero-investment__form textarea::placeholder,
.hero-form-card input::placeholder,
.hero-form-card textarea::placeholder{
  font-size: clamp(13px, 1.2vw, 14px) !important;
  line-height: 1.35 !important;
}

/* Hero form: adaptive input text */
.hero-investment input,
.hero-investment textarea,
.hero-investment .keis-input,
.hero-investment .form-input{
  font-size: clamp(14px, 1.4vw, 15px) !important;
  line-height: 1.3 !important;
  padding-top: clamp(12px, 1.2vw, 16px) !important;
  padding-bottom: clamp(12px, 1.2vw, 16px) !important;
  min-height: clamp(44px, 8.5vw, 54px) !important;
}
.hero-investment input::placeholder,
.hero-investment textarea::placeholder{
  font-size: clamp(13px, 1.2vw, 14px) !important;
  line-height: 1.3 !important;
}

/* Hero (первый блок на всех страницах): заголовок и подзаголовок друг под другом, начало каждой строки на одной вертикальной линии слева */
.hero-investment__content,
.hero-v2 .hero-investment__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hero-investment__title,
.hero-v2 .hero-investment__title {
  margin-left: 0 !important;
  margin-right: auto;
  width: 100%;
  max-width: 46ch;
  line-height: 1.1;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left;
  text-wrap: balance;
  box-sizing: border-box;
}
.hero-investment__subtitle,
.hero-v2 .hero-investment__subtitle,
.hero-subtitle {
  margin-left: 0 !important;
  margin-right: auto;
  width: 100%;
  max-width: 38ch;
  line-height: 1.45;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left;
  text-wrap: balance;
  box-sizing: border-box;
}

/* Добавляем горизонтальный зазор слева от оранжевой полосы во всех блоках, кроме первого hero */
:where(section):not(.hero-investment):not(.hero-v2):not(.investment-hero):not(.investment-find) :is(.k-subtitle, .section-subtitle, .trust-subtitle, .challenges-subtitle) {
  padding-left: clamp(18px, 1.9vw, 26px) !important;
}

/* От 981px: первый блок — опускаем контент равномерно; подзаголовок по левому краю */
@media (min-width: 981px) {
  body.page-investment .hero-investment,
  body.page-main .hero-investment,
  body.page-credit .hero-investment,
  body.page-influence .hero-investment,
  .hero-v2 {
    padding-top: clamp(28px, 3.5vh, 56px) !important;
  }
.hero-investment .hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}
@media (min-width: 981px) {
  .hero-investment__title,
  .hero-v2 .hero-investment__title {
    margin-bottom: clamp(14px, 1.8vw, 20px);
  }
.hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle,
  .hero-subtitle {
    margin-top: 6px;
    margin-bottom: clamp(14px, 1.8vw, 20px);
  }
.hero-benefits {
    margin-top: clamp(28px, 3vw, 46px);
  }
}
@media (min-width: 981px) {
  :root {
    --hero-gap-title-sub: clamp(18px, 2.4vw, 30px);
    --hero-gap-sub-cards: clamp(32px, 3.4vw, 46px);
    --hero-gap-cards-stripe: clamp(20px, 2.2vw, 30px);
  }
  body > section:first-of-type .hero-investment__title,
  body > section:first-of-type .hero-v2 .hero-investment__title {
    margin-bottom: var(--hero-gap-title-sub) !important;
  }
  body > section:first-of-type .hero-investment__subtitle,
  body > section:first-of-type .hero-v2 .hero-investment__subtitle {
    margin-bottom: var(--hero-gap-sub-cards) !important;
  }
  body > section:first-of-type .hero-benefits {
    margin-top: var(--hero-gap-sub-cards) !important;
    margin-bottom: var(--hero-gap-cards-stripe) !important;
  }
  body > section:first-of-type .hero-investment__grid {
    padding-bottom: var(--hero-gap-cards-stripe) !important;
  }
}

/* От 1259px: контейнер карточек 2×2 под подзаголовком — по ширине как подзаголовок (54ch) */
@media (min-width: 1259px) {
  .hero-investment .hero-benefits,
  .hero-v2 .hero-benefits {
    max-width: 48ch;
    width: 100%;
    box-sizing: border-box;
  }
}

/* От 1600px: заголовок и подзаголовок — такая же ширина и выравнивание, как от 1300px до 1599px (54ch) */
@media (min-width: 1600px) {
  .hero-investment__title,
  .hero-v2 .hero-investment__title {
    max-width: 42ch !important;
    width: 100% !important;
  }
.hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle {
    max-width: 38ch !important;
  }
}

/* До 980px: первый блок — заголовок ниже шапки, заголовок шире подзаголовка (больше слов в строке), по одной линии слева, блок по центру */
@media (max-width: 980px) {
  .hero-investment__content,
  .hero-v2 .hero-investment__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 70ch !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
.hero-investment__title,
  .hero-v2 .hero-investment__title {
    max-width: 34ch !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    text-wrap: balance;
    box-sizing: border-box;
  }
.hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle,
  .hero-investment__content .hero-subtitle,
  .hero-investment__content .k-subtitle {
    max-width: 30ch !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    text-wrap: balance;
    box-sizing: border-box;
  }
}
@media (max-width: 980px) {
  body > section:first-of-type .hero-investment__form {
    width: min(90vw, 440px) !important;
    max-width: min(90vw, 440px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 650px) {
  body > section:first-of-type .hero-investment__form {
    width: min(96vw, 520px) !important;
    max-width: min(96vw, 520px) !important;
  }
}
@media (max-width: 780px) {
  body > section:first-of-type .hero-form-card {
    padding: clamp(24px, 5.5vw, 32px) clamp(18px, 5vw, 26px) clamp(22px, 5vw, 30px) !important;
  }
  body > section:first-of-type .hero-form input,
  body > section:first-of-type .hero-form textarea,
  body > section:first-of-type .hero-form button,
  body > section:first-of-type .hero-form .btn-primary {
    width: 100%;
  }
}
@media (min-width: 781px) and (max-width: 980px) {
}

/* HERO TYPO BALANCE */
@media (min-width: 1200px) {
  .hero-investment__title,
  .hero-v2 .hero-investment__title {
    max-width: clamp(520px, 42vw, 760px);
    width: 100%;
    line-height: 1.1;
    text-wrap: balance;
  }
.hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle {
    max-width: clamp(420px, 34vw, 620px);
    width: 100%;
    line-height: 1.42;
    text-wrap: balance;
}

  /* HERO GRID DESKTOP */
  .hero-investment {
    min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 72px) - var(--ticker-h, 56px)) !important;
    padding-top: clamp(22px, 3vh, 46px) !important;
    padding-bottom: clamp(26px, 3.6vh, 48px) !important;
    box-sizing: border-box;
  }
.hero-investment__inner {
    padding-top: calc(var(--keis-header-h, 72px) + clamp(16px, 2.4vh, 32px)) !important;
  }
.hero-investment .section-container {
    width: min(94vw, 1380px);
    max-width: 1380px;
    padding-inline: clamp(24px, 2.6vw, 48px);
    margin-left: auto;
    margin-right: auto;
  }
  .hero-investment__grid {
    grid-template-columns: minmax(560px, 1fr) minmax(360px, 440px);
    grid-template-areas: "content form" "benefits form";
    column-gap: clamp(24px, 3vw, 56px);
    row-gap: clamp(14px, 1.8vw, 24px);
    align-items: start;
    justify-items: stretch;
    padding-bottom: clamp(8px, 1vw, 16px);
  }
  .hero-investment__content {
    max-width: none;
    width: 100%;
    align-self: start;
  }
  .hero-investment__form {
    align-self: start;
    justify-self: stretch;
    width: min(440px, 100%);
    margin-top: 0 !important;
  }
.hero-form-card {
    margin-top: 0;
  }
.hero-benefits {
    max-width: clamp(520px, 46vw, 720px);
    margin-top: clamp(12px, 1.6vw, 22px);
  }
}

/* Consumer-protection hero desktop canonical */
@media (min-width: 1200px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) {
    --consumer-hero-stripe-h: clamp(32px, 3.8vh, 56px);
    --consumer-hero-gap: clamp(18px, 2.4vh, 28px);
    --consumer-hero-col-gap: clamp(42px, 4vw, 88px);
    --consumer-card-min-h: clamp(112px, 8vw, 148px);
    --consumer-card-py: clamp(12px, 1.6vw, 18px);
    --consumer-card-px: clamp(14px, 2vw, 22px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment {
    display: flex;
    flex-direction: column;
    gap: var(--consumer-hero-gap);
    min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 72px));
    padding: clamp(28px, 3.2vh, 44px) 0 clamp(18px, 2.6vh, 32px);
    box-sizing: border-box;
    --ticker-h: var(--consumer-hero-stripe-h);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__inner {
    flex: 1;
    display: flex;
    padding-top: calc(var(--keis-header-h, 72px) + clamp(14px, 1.8vh, 26px)) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment .section-container {
    width: min(94vw, 1380px);
    max-width: 1380px;
    padding-inline: clamp(22px, 2.4vw, 46px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__grid {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 440px);
    grid-template-areas: "content form" "benefits form";
    column-gap: var(--consumer-hero-col-gap);
    row-gap: clamp(18px, 2vh, 28px);
    align-items: start;
    justify-items: stretch;
    padding-bottom: clamp(6px, 0.8vh, 12px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__content {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.6vh, 20px);
    align-self: start;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__form {
    align-self: start;
    justify-self: stretch;
    margin-top: 0 !important;
    padding-top: clamp(4px, 0.8vh, 10px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefits {
    max-width: clamp(620px, 48vw, 780px);
    margin-top: clamp(18px, 2.2vh, 28px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefits-grid.hero-benefits-grid--intro {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: clamp(14px, 1.8vw, 22px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefit-card.hero-benefit-card--intro {
    min-height: var(--consumer-card-min-h);
    padding: var(--consumer-card-py) var(--consumer-card-px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type::after {
    height: var(--consumer-hero-stripe-h);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) > section.hero-investment:first-of-type .kg-stripe-track {
    gap: clamp(10px, 1vw, 16px);
    font-size: clamp(14px, 1.4vw, 18px);
  }
  }
@media (min-width: 1600px) {
  .hero-investment__title,
  .hero-v2 .hero-investment__title {
    max-width: clamp(620px, 38vw, 860px);
  }
  .hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle {
    max-width: clamp(480px, 30vw, 680px);
  }
.hero-investment .section-container {
    width: min(92vw, 1440px);
    max-width: 1440px;
  }
.hero-investment__grid {
    grid-template-columns: minmax(620px, 1fr) minmax(360px, 460px);
    column-gap: clamp(28px, 2.6vw, 64px);
  }
}

/* Consumer-protection hero: unified desktop ticker inside hero (>=981px) */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) {
    --consumer-hero-stripe-h: clamp(40px, 4.2vh, 64px);
    --ticker-h: var(--consumer-hero-stripe-h);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) var(--ticker-h);
    grid-template-columns: 1fr;
    min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 72px)) !important;
    padding-bottom: 0 !important;
    align-items: stretch;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__inner {
    grid-row: 1;
    grid-column: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__grid {
    flex: 1;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section:first-of-type::after {
    display: none !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-track {
    position: relative;
    display: flex;
    align-items: center;
    gap: clamp(16px, 2vw, 24px);
    white-space: nowrap;
    line-height: 1;
    height: 100%;
    transform: translate3d(0,0,0);
    font-size: clamp(21px, 2.1vw, 26px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-item {
    line-height: 1 !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-onyx-sigil {
    margin: 0 clamp(12px, 2vw, 20px);
  }
}

/* 1100px+: подгоняем размер текста как до 1099px без изменения высоты полосы */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-track {
    font-size: clamp(13px, 3.2vh, 22px) !important;
  }
}

/* Consumer-protection hero: restore absolute stripe, lock hero height, widen layout */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type {
    min-height: calc(var(--app-vh, 1vh) * 100);
    padding-bottom: calc(var(--stripe-h) + clamp(12px, 2vh, 28px));
    display: block !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section:first-of-type::after {
    display: block !important;
    height: var(--stripe-h) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__inner {
    display: block;
    min-height: auto;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-ticker {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--stripe-h) !important;
    padding: 0 clamp(18px, 1.8vw, 26px);
    z-index: 8;
    background: transparent;
    align-items: center;
    line-height: var(--stripe-h);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-track {
    align-items: center;
    line-height: 1;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="medical-malpractice"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .kg-stripe-item {
    line-height: 1;
  }
}
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__grid {
    padding-inline: 0 !important;
    column-gap: var(--hero-gap-x);
    grid-template-columns: minmax(0, 1fr) var(--form-w);
    grid-template-areas: "content form" "benefits form";
    align-items: start;
    justify-content: space-between;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__form {
    justify-self: end;
    width: 100%;
    max-width: 460px;
    min-width: 380px;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__title {
    max-width: clamp(720px, 52vw, 980px);
    text-wrap: balance;
    line-height: 1.05;
  }
}

/* Consumer-protection hero: spacing & ticker fit for 1200–1709px */
@media (min-width: 1200px) and (max-width: 1709px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) {
    --consumer-hero-gap: clamp(16px, 1.8vh, 26px);
    --consumer-card-min-h: clamp(96px, 6.4vw, 126px);
    --consumer-card-py: clamp(10px, 1.4vw, 16px);
    --consumer-card-px: clamp(16px, 1.8vw, 22px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment {
    min-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 72px)) !important;
    padding-top: clamp(18px, 2.6vh, 32px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__inner {
    padding-top: calc(var(--keis-header-h, 72px) + clamp(10px, 1.6vh, 20px)) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment .section-container {
    width: min(96vw, 1360px);
    max-width: 1360px;
    padding-inline: var(--hero-pad-x);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px);
    column-gap: var(--hero-gap-x);
    row-gap: clamp(14px, 1.8vh, 22px);
    padding-bottom: clamp(4px, 0.8vh, 10px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__form {
    max-width: clamp(340px, 32vw, 420px);
    width: 100%;
    justify-self: stretch;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefits {
    max-width: clamp(640px, 48vw, 820px);
    margin-top: clamp(14px, 1.8vh, 22px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefits-grid.hero-benefits-grid--intro {
    grid-template-columns: repeat(2, minmax(clamp(248px, 26vw, 320px), 1fr));
    gap: clamp(12px, 1.6vw, 18px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-benefit-card.hero-benefit-card--intro {
    min-height: var(--consumer-card-min-h);
    padding: var(--consumer-card-py) var(--consumer-card-px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment .kg-stripe-ticker {
    height: var(--stripe-h);
    padding: 0 clamp(14px, 1.6vw, 22px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type::after {
    height: var(--stripe-h);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .kg-stripe-track {
    gap: clamp(10px, 1.2vw, 16px);
    font-size: clamp(14px, 1.25vw, 18px);
  }
}

/* Consumer hero: single source for desktop layout (>=981px) */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment {
    --hero-pad-x: clamp(16px, 1.6vw, 44px);
    --hero-gap-x: clamp(56px, 6vw, 180px);
    --form-w: clamp(360px, 28vw, 520px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment .section-container {
    width: 100%;
    max-width: none;
    padding-inline: var(--hero-pad-x) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__inner {
    padding-inline: 0 !important;
    width: 100%;
    max-width: none;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__grid {
    grid-template-columns: minmax(0, 1fr) var(--form-w);
    column-gap: var(--hero-gap-x) !important;
    align-items: start;
    justify-content: space-between;
    justify-items: stretch;
    padding-inline: 0 !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__content {
    justify-self: start;
    max-width: none;
    min-width: 0;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__form {
    justify-self: end;
    width: var(--form-w);
    max-width: var(--form-w);
    margin-left: 0;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-investment__title {
    max-width: clamp(620px, 54vw, 980px);
    line-height: 1.1;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section:first-of-type::after {
    display: block !important;
    height: var(--stripe-h) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .kg-stripe-ticker {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--stripe-h) !important;
    padding-block: 0;
    padding-inline: clamp(14px, 1.6vw, 18px);
    background: transparent;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .kg-stripe-track {
    height: 100%;
    display: flex;
    align-items: center;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .kg-stripe-item {
    line-height: 1;
  }
}

/* Consumer hero A-range 1200–1401px */
@media (min-width: 1200px) and (max-width: 1401px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-investment {
    --hero-pad-x: clamp(16px, 1.6vw, 44px);
    --hero-gap-x: clamp(56px, 6vw, 180px);
  }
}

/* Consumer hero B-range 1402–1709px */
@media (min-width: 1402px) and (max-width: 1709px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-investment {
    --hero-pad-x: clamp(16px, 1.6vw, 44px);
    --hero-gap-x: clamp(56px, 6vw, 180px);
  }
}

/* Consumer hero small desktop: keep form params identical up to 1501px */
@media (min-width: 981px) and (max-width: 1501px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-investment {
    --form-w: clamp(400px, 40vw, 460px);
    --hero-gap-x: clamp(24px, 3.2vw, 68px);
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-investment__form .hero-form-row {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 20px;
  }
}
.hero-subpoints {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.2vh, 16px);
}
.hero-subpoints li {
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 1.2vw, 14px);
  padding: 0;
  line-height: 1.46;
  color: rgba(255, 255, 255, 0.92);
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-align: left;
  font-size: clamp(15px, 1.2vw, 19px);
  font-weight: 600;
}
.hero-subpoints li::before {
  content:"";
  position: relative;
  flex-shrink: 0;
  width: clamp(16px, 1.4vw, 22px);
  height: clamp(16px, 1.4vw, 22px);
  margin-top: 2px;
  border-radius: 6px;
  background: #F08A2A;
  color: #F08A2A;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat;
}

/* HERO first block: boost subtitle, checklist, card title/desc on mid desktops */
@media (min-width: 981px) and (max-width: 1450px) {
  .hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle,
  .hero-subtitle {
    font-size: clamp(17px, 1.3vw, 21px);
    line-height: 1.46;
  }
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-subpoints li {
    font-size: clamp(17px, 1.35vw, 21.5px);
    line-height: 1.48;
  }
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-subpoints li::before {
    width: clamp(20px, 1.9vw, 26px);
    height: clamp(20px, 1.9vw, 26px);
  }
  .hero-benefit-card--intro .benefit-kpi {
    font-size: clamp(20px, 1.9vw, 26px);
  }
  .hero-benefit-card--intro .benefit-desc,
  .hero-benefit-card--intro .benefit-text,
  .hero-benefit-card--intro .hero-benefit-text {
    font-size: clamp(1.04rem, 1.4vw, 1.2rem);
    line-height: 1.32;
  }
}

/* HERO first block: boost subtitle, checklist, cards on tablets/phones */
@media (max-width: 980px) {
  .hero-investment__subtitle,
  .hero-v2 .hero-investment__subtitle,
  .hero-subtitle {
    font-size: clamp(17px, 4.6vw, 21px);
    line-height: 1.52;
  }
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-subpoints li {
    font-size: clamp(16.5px, 4.5vw, 19.5px);
    line-height: 1.52;
  }
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) .hero-subpoints li::before {
    width: clamp(18px, 4.8vw, 24px);
    height: clamp(18px, 4.8vw, 24px);
  }
  .hero-benefit-card--intro .benefit-kpi,
  .hero-benefit-card--intro .benefit-title,
  .hero-benefit-card--intro .hero-benefit-kpi {
    font-size: clamp(19px, 5vw, 24px);
  }
  .hero-benefit-card--intro .benefit-desc,
  .hero-benefit-card--intro .benefit-text,
  .hero-benefit-card--intro .hero-benefit-text {
    font-size: clamp(1.05rem, 4vw, 1.2rem);
    line-height: 1.34;
  }
}
@media (min-width: 981px) {
  .hero-subpoints li {
    gap: clamp(12px, 1.1vw, 16px);
    line-height: 1.5;
  }
.hero-subpoints li::before {
    width: clamp(18px, 1.6vw, 24px);
    height: clamp(18px, 1.6vw, 24px);
  }
}
@media (max-width: 600px) {
  .hero-subpoints {
    align-self: stretch;
    text-align: left;
    align-items: flex-start;
  }
.hero-subpoints li {
    gap: clamp(10px, 3vw, 14px);
  }
.hero-subpoints li::before {
    width: clamp(16px, 5vw, 20px);
    height: clamp(16px, 5vw, 20px);
  }
}

/* Consumer hero checklist + cards unification */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-investment__card{
    padding-block: clamp(10px, 1.2vh, 14px);
    padding-inline: clamp(14px, 2.1vw, 20px);
    min-height: clamp(48px, 6vh, 64px);
  }
}

:is(
  body[data-page="consumer-protection"],
  body[data-page="medical-malpractice"],
  body[data-page="defective-apartment-renovation"],
  body[data-page="consumer-goods-refund"],
  body[data-page="complaint-against-lawyer"],
  body[data-page="forced-insurance"],
  body[data-page="furniture-defects"],
  body[data-page="construction-contract"],
  body[data-page="poor-quality-services"],
  body[data-page="contractor-agreement"],
  body[data-page="fraud"],
  body[data-page="credit"],
  body[data-page="investment"],
  body[data-page="influence"]) .hero-subpoints{
  align-items: flex-start;
  text-align: left;
}
:is(
  body[data-page="consumer-protection"],
  body[data-page="medical-malpractice"],
  body[data-page="defective-apartment-renovation"],
  body[data-page="consumer-goods-refund"],
  body[data-page="complaint-against-lawyer"],
  body[data-page="forced-insurance"],
  body[data-page="furniture-defects"],
  body[data-page="construction-contract"],
  body[data-page="poor-quality-services"],
  body[data-page="contractor-agreement"],
  body[data-page="fraud"],
  body[data-page="credit"],
  body[data-page="investment"],
  body[data-page="influence"]) .hero-subpoints li{
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 1.2vw, 16px);
  padding: 0 !important;
  margin: 0;
  position: static;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(255,255,255,0.92);
  font-size: clamp(15.5px, 1.2vw, 19.5px);
  line-height: 1.45;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45);
  text-align: left;
  font-weight: 600;
}
:is(
  body[data-page="consumer-protection"],
  body[data-page="medical-malpractice"],
  body[data-page="defective-apartment-renovation"],
  body[data-page="consumer-goods-refund"],
  body[data-page="complaint-against-lawyer"],
  body[data-page="forced-insurance"],
  body[data-page="furniture-defects"],
  body[data-page="construction-contract"],
  body[data-page="poor-quality-services"],
  body[data-page="contractor-agreement"],
  body[data-page="fraud"],
  body[data-page="credit"],
  body[data-page="investment"],
  body[data-page="influence"]) .hero-subpoints li::before{
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 auto;
  width: clamp(18px, 1.6vw, 26px);
  height: clamp(18px, 1.6vw, 26px);
  margin-top: 2px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255,160,70,1), rgba(255,122,0,1));
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat;
}
@media (max-width: 600px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-subpoints{
    align-items: flex-start;
    text-align: left;
  }
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]) .hero-subpoints li{
    justify-content: flex-start;
    gap: clamp(10px, 3vw, 14px);
  }
}

/* Fraud first block: keep desktop first-screen height equal to consumer-protection canonical */
@media (min-width: 981px) {
  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type {
    min-height: calc(var(--app-vh, 1vh) * 100) !important;
  }
}

/* =========================
   KG CANONICAL: HEADER + MOBILE MENU
   single source of truth
   ========================= */

/* ===== KG Mobile Menu (kg-mm) ===== */
.kg-mm { display: none; }
@media (max-width: 980px) {
  .kg-mm {
    --kg-mm-accent: #ff8a2a;
    --kg-mm-accent-soft: rgba(255, 138, 42, 0.16);
    --kg-mm-accent-soft2: rgba(255, 138, 42, 0.08);
    --accent: var(--kg-mm-accent);
    display: block;
    position: fixed;
    inset: 0;
    z-index: 2400;
    pointer-events: none;
  }
  body.kg-mm-open {
    overflow: visible;
  }
  body.kg-mm-open .kg-mm {
    pointer-events: auto;
  }
.kg-mm__overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.52);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
  }
  body.kg-mm-open .kg-mm__overlay {
    opacity: 1;
  }
.kg-mm__panel {
    position: fixed;
    top: var(--keis-header-h, 72px);
    right: 0;
    height: auto;
    max-height: calc((var(--app-vh, 1vh) * 100) - var(--keis-header-h, 92px));
    width: clamp(260px, 38vw, 340px);
    background:
      linear-gradient(180deg,
        rgba(20, 22, 28, 0.95) 0%,
        rgba(16, 18, 24, 0.92) 35%,
        rgba(10, 12, 16, 0.88) 60%,
        rgba(8, 10, 14, 0.82) 100%
      ),
      linear-gradient(180deg,
        rgba(255, 160, 60, 0.09) 0%,
        rgba(255, 160, 60, 0.04) 40%,
        rgba(255, 160, 60, 0.02) 100%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid rgba(255, 170, 70, 0.16);
    box-shadow:
      0 22px 70px rgba(0, 0, 0, 0.62),
      0 0 0 1px rgba(255, 170, 70, 0.06) inset;
    border-radius: 0;
    border-bottom-left-radius: 18px;
    transform: translateX(108%);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    overflow-y: auto;
    padding: 18px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    pointer-events: auto;
  }
  body.kg-mm-open .kg-mm__panel {
    transform: translateX(0);
  }
.kg-mm__close {
    display: none;
    align-self: flex-end;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    position: relative;
    transition: background 0.18s ease, transform 0.18s ease;
  }
.kg-mm__close::before,
  .kg-mm__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: var(--keis-orange);
    transform-origin: center;
    transition: background 0.18s ease;
  }
.kg-mm__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.kg-mm__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.kg-mm__close:hover,
  .kg-mm__close:focus-visible {
    background: rgba(255, 255, 255, 0.14);
    outline: none;
  }
.kg-mm__close:hover::before,
  .kg-mm__close:hover::after,
  .kg-mm__close:focus-visible::before,
  .kg-mm__close:focus-visible::after {
    background: #ffb36a;
  }
.kg-mm__nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
.kg-mm__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
.kg-mm__item { border-radius: 10px; }
.kg-mm__item a,
  .kg-mm__sub-toggle {
    display: block;
    padding: 12px 12px;
    color: rgba(244, 241, 235, 0.9);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-radius: 12px;
    position: relative;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
.kg-mm__item a:hover,
  .kg-mm__item a:focus-visible,
  .kg-mm__sub-toggle:hover,
  .kg-mm__sub-toggle:focus-visible {
    color: var(--keis-orange);
    background: rgba(255, 138, 42, 0.12);
    box-shadow: none;
    outline: none;
  }
.kg-mm__item a[aria-current="page"],
  .kg-mm__item--open > .kg-mm__sub-toggle{
    color: var(--keis-orange);
    background: rgba(255, 138, 42, 0.12);
    box-shadow: none;
  }
.kg-mm__item--sub {
    position: relative;
  }
.kg-mm__sub-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding-right: 12px;
    position: relative;
  }
.kg-mm__sub-toggle .keis-dropdown-icon {
    width: 12px;
    height: 12px;
    margin-left: 6px;
    color: var(--keis-orange);
    transition: transform 0.2s ease;
    flex: 0 0 auto;
  }
.kg-mm__item--open .kg-mm__sub-toggle .keis-dropdown-icon {
    transform: rotate(180deg);
  }
.kg-mm__sublist {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.24s ease, opacity 0.22s ease, visibility 0.22s ease;
    /* background highlight for the submenu (mobile): light orange tone */
    background: transparent;
    padding: 0;
    border-radius: 8px;
  }
.kg-mm__item--open .kg-mm__sublist {
    max-height: 520px;
    opacity: 1;
    visibility: visible;
    padding: 6px;
    background: rgba(255,138,42,0.04);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
  }
.kg-mm__sublist a {
    display: block;
    padding: 8px 10px;
    font-size: 0.9rem;
    color: rgba(244, 241, 235, 0.9);
    border-radius: 6px;
    margin: 4px 0;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
.kg-mm__item a:active,
  .kg-mm__sub-toggle:active {
    color: var(--keis-orange);
    background: rgba(255, 138, 42, 0.12);
    box-shadow: none;
    transform: none;
  }
.kg-mm__sublist a:focus-visible,
  .kg-mm__sublist a:hover {
    color: var(--kg-mm-accent, #ff8a2a);
    background: linear-gradient(90deg, rgba(255, 138, 42, 0.14), rgba(255, 138, 42, 0.06));
    box-shadow: inset 0 0 0 1px rgba(255, 138, 42, 0.2);
    outline: none;
  }
.kg-mm__sublist a:active {
    color: var(--kg-mm-accent, #ff8a2a);
    background: linear-gradient(90deg, rgba(255, 138, 42, 0.18), rgba(255, 138, 42, 0.1));
    box-shadow: inset 0 0 0 1px rgba(255, 138, 42, 0.24);
    transform: translateY(1px);
  }
.kg-mm__contacts {
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
.kg-mm__phone,
  .kg-mm__tg {
    color: rgba(244, 241, 235, 0.92);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.18;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease, filter 0.2s ease;
  }
.kg-mm__phone::before,
  .kg-mm__tg::before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    flex: 0 0 18px;
    background: var(--keis-orange);
    opacity: 1;
    transition: none;
    -webkit-mask-size: 18px 18px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-size: 18px 18px;
            mask-repeat: no-repeat;
            mask-position: center;
  }
.kg-mm__phone::before{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
  }
.kg-mm__tg::before{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.04 15.52 8.9 19.3c.57 0 .82-.25 1.12-.54l2.69-2.58 5.57 4.08c1.02.56 1.75.27 2.01-.94l3.64-17.07c.34-1.58-.57-2.2-1.56-1.83L1.23 9.24c-1.52.59-1.49 1.44-.26 1.82l5.94 1.85L20.8 4.65c.65-.42 1.24-.19.75.23'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.04 15.52 8.9 19.3c.57 0 .82-.25 1.12-.54l2.69-2.58 5.57 4.08c1.02.56 1.75.27 2.01-.94l3.64-17.07c.34-1.58-.57-2.2-1.56-1.83L1.23 9.24c-1.52.59-1.49 1.44-.26 1.82l5.94 1.85L20.8 4.65c.65-.42 1.24-.19.75.23'/%3E%3C/svg%3E");
  }
.kg-mm__phone:hover,
  .kg-mm__tg:hover,
  .kg-mm__phone:focus-visible,
  .kg-mm__tg:focus-visible {
    color: var(--kg-mm-accent, #ff8a2a);
    background: none;
    outline: none;
  }
.kg-mm__cta {
    display: none;
    width: 100%;
    padding: 12px 18px;
    background: linear-gradient(135deg, rgba(255, 138, 0, 0.98), rgba(255, 171, 64, 0.92));
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(255, 138, 0, 0.25);
    transition: transform 0.12s ease, box-shadow 0.18s ease, filter 0.18s ease;
  }
.kg-mm__cta:hover,
  .kg-mm__cta:focus-visible {
    filter: brightness(1.05);
    transform: translateY(-1px);
    outline: none;
    box-shadow: 0 12px 28px rgba(255, 138, 0, 0.35);
  }

}

/* Dim hero-hand elements when mobile menu is open (<=980px) */
@media (max-width: 980px) {
  body.kg-mm-open .hero-hand-hint,
  body.kg-mm-open .hero-hand-layer,
  body.kg-mm-open .hero-hand-layer-container,
  body.kg-mm-open .hero-hand-ripple,
  body.kg-mm-open .hero-hand-target {
    opacity: 0.56 !important;
    transition: opacity 0.25s ease !important;
    pointer-events: none !important;
  }
  }

/* Mobile: recolor separator above contacts and add note below Telegram */
@media (max-width: 980px) {
  .kg-mm__contacts {
    border-top: 1px solid var(--keis-orange) !important;
  }
  .kg-mm__contacts::after {
    content: "Консультация бесплатная";
    display: inline-block;
    margin-top: 12px;
    margin-left: -10px;
    color: var(--keis-orange);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.01em;
    font-family: var(--font-heading);
    padding: 8px 12px;
    background: none;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04);
    border-left: 4px solid rgba(255,138,42,0.18);
    transform: none;
    -webkit-font-smoothing: antialiased;
  }
}

/* Widen mobile menu so bottom note stays on one line + keep sharp separator */
@media (max-width: 980px) {
  /* widen panel to give the "Консультация бесплатная" note full line width */
  .kg-mm__panel {
    width: clamp(260px, 44vw, 360px) !important;
  }

  /* draw a thin sharp separator line above contacts using a pseudo-element */
  .kg-mm__contacts {
    border-top: none !important;
    position: relative;
    padding-top: 42px; /* ensure breathing room under the line; increased to match nav spacing */
    gap: 22px; /* match vertical spacing of primary menu items */
  }
.kg-mm__contacts::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0.8px; /* thinner line */
    background: linear-gradient(to right,
      transparent 0%,
      var(--keis-orange) 12%,
      var(--keis-orange) 88%,
      transparent 100%);
    border-radius: 0;
    transform-origin: center;
    opacity: 0.98;
  }
  /* make space between last menu item ("О нас") and separator equal to below-separator spacing */
  .kg-mm__list {
    margin-bottom: 16px;
  }
}
/* Consumer hero ticker fix: taller hero + fixed stripe (>=981px) */
@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) {
    --consumer-stripe-h: clamp(44px, 4.6vh, 64px);
    --stripe-h: var(--consumer-stripe-h);
    --ticker-h: var(--stripe-h);
    --stripe-dur: 168s;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) {
    --stripe-dur: 168s;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) > section:first-of-type::after {
    display: none !important;
    height: 0 !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) > section.hero-investment:first-of-type {
    min-height: 100vh !important;
    padding-bottom: calc(var(--stripe-h) + 32px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .kg-stripe-ticker {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--stripe-h) !important;
    padding: 0 clamp(18px, 2vw, 28px);
    background: linear-gradient(90deg, #ff8a00 0%, #ffb36a 100%);
    z-index: 20;
    align-items: center;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .kg-stripe-track {
    height: 100%;
    align-items: center;
    animation: none !important;
    gap: clamp(12px, 1.8vw, 24px);
  }
}
@media (min-width: 981px) and (max-width: 1099px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) > section.hero-investment:first-of-type {
    min-height: calc(var(--app-vh, 1vh) * 100) !important;
    padding-bottom: calc(var(--stripe-h) + 10px) !important;
    align-items: start;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__inner {
    min-height: 0 !important;
    align-content: start !important;
    justify-content: start !important;
    gap: clamp(18px, 2vh, 30px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__grid {
    align-content: start !important;
    justify-content: start !important;
    flex: 0 0 auto !important;
    align-items: start !important;
    row-gap: clamp(18px, 2vh, 26px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__content {
    row-gap: clamp(18px, 2vh, 28px) !important;
    align-items: start;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__subtitle {
    margin-top: clamp(18px, 2vh, 26px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-subpoints {
    margin-top: clamp(10px, 1.4vh, 18px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__cards,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-cards {
    margin-top: clamp(12px, 1.6vh, 18px) !important;
    margin-bottom: clamp(4px, 1vh, 10px) !important;
  }

  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-subpoints,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__content,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__form,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-investment__cards,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-flags,
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .hero-cards {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 981px) and (prefers-reduced-motion: reduce) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"]
  ) .kg-stripe-track {
    animation: none !important;
  }
}
.page-privacy {
  background:
    radial-gradient(1000px 560px at 14% 10%, rgba(255, 154, 52, 0.22), transparent 58%),
    radial-gradient(820px 520px at 86% 80%, rgba(255, 168, 74, 0.16), transparent 62%),
    linear-gradient(180deg, #eeebe6 0%, #e3ded7 48%, #d7d1c8 100%);
  color: var(--text);
  scroll-padding-top: calc(var(--keis-header-h, 84px) + 16px);
  scroll-behavior: smooth;
}
:root {
  --privacy-top-btn-h: 42px;
  --privacy-scroll-top-height: 42px;
}
.page-privacy .privacy-main [id] {
  scroll-margin-top: calc(var(--keis-header-h, 84px) + 16px);
}
.privacy-hero {
  position: relative;
  overflow: visible;
  isolation: isolate;
  padding: calc(var(--keis-header-h, 78px) + clamp(32px, 5vw, 54px)) 0 calc(var(--privacy-top-btn-h) * 2);
}
.privacy-hero::before {
  content: none;
}
.privacy-hero::after {
  content: none;
}
.privacy-container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(18px, 2.6vw, 32px);
  position: relative;
  z-index: 1;
}
.privacy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(16px, 2vw, 24px);
  align-items: start;
}
.privacy-return {
  position: sticky;
  top: calc(var(--keis-header-h, 72px) + 10px);
  align-self: start;
  z-index: 2;
  max-width: 260px;
}
.privacy-return__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 244, 230, 0.92), rgba(247, 234, 216, 0.88));
  border: 1px solid rgba(255, 156, 52, 0.46);
  appearance: none;
  -webkit-appearance: none;
  color: #5a3720;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 28px rgba(93, 68, 48, 0.20), inset 0 1px 0 rgba(255,255,255,0.86);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  cursor: pointer;
}
.privacy-return__btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 138, 0, 0.64);
  box-shadow: 0 16px 34px rgba(113, 77, 38, 0.24), 0 0 14px rgba(255, 138, 0, 0.22);
}
.privacy-return__btn:focus-visible {
  outline: 2px solid rgba(255, 138, 0, 0.7);
  outline-offset: 3px;
  border-color: rgba(255, 138, 0, 0.64);
  box-shadow: 0 0 0 6px rgba(255, 138, 0, 0.18);
}
.privacy-return__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 138, 0, 0.18);
  border: 1px solid rgba(255, 138, 0, 0.46);
  color: #c96911;
}
.privacy-layout .privacy-content {
  margin: 0;
  justify-self: center;
}
.privacy-content {
  width: min(980px, 100%);
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 1;
}
.privacy-kicker {
  margin: 0 0 10px;
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(109, 77, 47, 0.82);
}
.privacy-content h1 {
  margin: 0 0 14px;
  font-size: clamp(1.9rem, 3.2vw, 2.4rem);
  line-height: 1.15;
  color: #3f2715;
  text-shadow: 0 8px 24px rgba(255, 190, 120, 0.24);
}
.privacy-lead {
  margin: 0 0 20px;
  font-size: 1.02rem;
  line-height: 1.65;
  color: rgba(76, 53, 34, 0.86);
}
.privacy-toc {
  margin: 20px 0 26px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.44);
  border: 1px solid rgba(196, 152, 112, 0.34);
  box-shadow: 0 12px 30px rgba(111, 83, 58, 0.14);
}
.privacy-toc__title {
  margin: 0 0 8px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(78, 52, 31, 0.86);
}
.privacy-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(42px, auto);
  align-items: stretch;
}
.privacy-toc__list li {
  display: flex;
}
.privacy-toc__list a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 100%;
  color: #4e3019;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 138, 0, 0.28);
  padding: 7px 0;
  transition: color 0.18s ease, border-color 0.18s ease;
}
.privacy-toc__list a:hover {
  color: var(--keis-orange, #ff8a00);
  border-color: currentColor;
}
.privacy-section {
  margin: clamp(18px, 2.4vw, 28px) 0;
}
.privacy-section:last-of-type {
  margin-bottom: 0;
}
.privacy-section h2 {
  margin: 0 0 10px;
  font-size: clamp(1.28rem, 2.4vw, 1.7rem);
  line-height: 1.25;
  color: #4e3019;
}
.privacy-section p {
  margin: 0;
  line-height: 1.7;
  color: rgba(65, 47, 32, 0.92);
}
.privacy-section ul {
  margin: 12px 0 0;
  padding-left: 1.15em;
  display: grid;
  gap: 8px;
  color: rgba(65, 47, 32, 0.92);
}
@supports (content-visibility: auto) {
  .page-privacy .privacy-section {
    content-visibility: auto;
    contain-intrinsic-size: 1px 560px;
  }
}
.privacy-contact {
  margin-top: clamp(24px, 4vw, 36px);
  padding-top: clamp(12px, 2vw, 16px);
  border-top: 1px solid rgba(187, 147, 110, 0.34);
}
.privacy-contact h3 {
  margin: 0 0 10px;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: #4e3019;
}
.privacy-contact p {
  margin: 0;
  color: rgba(65, 47, 32, 0.92);
  line-height: 1.6;
}
@media (min-width: 981px) {
  .privacy-layout {
    grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  }
}
@media (max-width: 980px) {
  :root {
    --privacy-top-btn-h: 38px;
  }
  .privacy-return {
    position: sticky;
    top: calc(var(--keis-header-h, 72px) + 10px);
    max-width: none;
    z-index: 3;
    justify-self: start;
  }
.privacy-return__btn {
    justify-content: flex-start;
    width: auto;
    min-width: 168px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 0.92rem;
    gap: 8px;
  }
}
@media (max-width: 960px) {
.privacy-toc__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
  }
}

.privacy-scroll-top {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: clamp(12px, 2.4vw, 26px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 148, 32, 0.72);
  background: linear-gradient(135deg, rgba(255, 150, 42, 0.96), rgba(255, 190, 118, 0.96));
  color: #3d230f;
  font-weight: 800;
  font-size: clamp(13px, 0.9vw, 14px);
  line-height: 1;
  box-shadow: 0 14px 30px rgba(122, 78, 36, 0.36), 0 0 0 1px rgba(255,255,255,0.44) inset;
  z-index: 2601;
  cursor: pointer;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.privacy-scroll-top:hover,
.privacy-scroll-top:focus-visible {
  transform: translateX(-50%) translateY(-1px);
  box-shadow: 0 18px 34px rgba(122, 78, 36, 0.42), 0 0 0 1px rgba(255,255,255,0.52) inset;
  filter: saturate(1.06);
  outline: none;
}

.privacy-scroll-top--visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.privacy-scroll-top__icon {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.42);
}

@media (max-width: 980px) {
  .privacy-scroll-top {
    --privacy-scroll-top-height: 38px;
    left: clamp(18px, 2.6vw, 32px);
    right: auto;
    bottom: calc(14px + (var(--privacy-scroll-top-height) * 1.5));
    padding: 9px 12px;
    gap: 6px;
    font-size: 12px;
    transform: translateY(0);
  }
  .privacy-scroll-top:hover,
  .privacy-scroll-top:focus-visible {
    transform: translateY(-1px);
  }
  .privacy-scroll-top--visible {
    transform: translateY(0);
  }
  .privacy-scroll-top__icon {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 981px) {
  .privacy-scroll-top {
    bottom: calc(clamp(12px, 2.4vw, 26px) + 42px + (var(--privacy-scroll-top-height) / 2));
    width: 240px;
    max-width: 240px;
    justify-content: flex-start;
    left: calc(50% - (min(1180px, 100vw) / 2) + clamp(18px, 2.6vw, 32px));
    right: auto;
    transform: translateY(0);
  }

  .privacy-scroll-top--visible {
    transform: translateY(0);
  }

  .privacy-scroll-top:hover,
  .privacy-scroll-top:focus-visible {
    transform: translateY(-1px);
  }
}
@media (max-width: 720px) {
  .privacy-hero {
    padding: calc(var(--keis-header-h, 72px) + 26px) 0 clamp(16px, 4.6vw, 24px);
  }
.privacy-toc {
    padding: 14px;
  }
.privacy-toc__list {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(36px, auto);
    gap: 6px;
  }
}

/* =========================
   KG CANONICAL: BLOCK 2 + BLOCK 5 (desktop SSOT)
   ========================= */
#kgx-b4 .kgx-b4__titlebox .k-title > .k-title__mark {
  margin-left: 0.24ch;
}
@media (min-width: 981px) {
  /* ---------- Block 2: KGX stories ---------- */
  #kgx-stories-carousel {
    --kgx-gap: clamp(24px, 2vw, 38px);
    --kgx-card-w: clamp(430px, 31vw, 560px);
    --kgx-viewport-pad-x: 0px;
    --kgx-stories-tilt: -2.4deg;
    position: relative;
    isolation: isolate;
    padding: clamp(84px, 7vw, 124px) 0 clamp(76px, 6.5vw, 110px);
    background:
      linear-gradient(180deg, rgba(8, 6, 5, 0.84) 0%, rgba(12, 8, 6, 0.78) 46%, rgba(10, 7, 5, 0.86) 100%),
      url("./assets/block/kazan4.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
  }
  #kgx-stories-carousel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 82% at 50% 100%, rgba(0, 0, 0, 0.38), transparent 66%),
      radial-gradient(100% 74% at 14% 0%, rgba(255, 190, 132, 0.12), transparent 60%);
    pointer-events: none;
    z-index: 0;
  }
  #kgx-stories-carousel > .section-container {
    position: relative;
    z-index: 2;
    width: min(1640px, 92vw);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #kgx-stories-carousel .kgx-stories__head {
    max-width: min(980px, 92%);
    margin-bottom: clamp(22px, 2.2vw, 34px);
  }
  #kgx-stories-carousel .kgx-stories__band {
    margin-top: 0;
    overflow: visible;
  }
  #kgx-stories-carousel .kgx-stories__tilt {
    transform: rotate(var(--kgx-stories-tilt));
    transform-origin: center;
  }
  #kgx-stories-carousel .kgx-stories__viewport {
    width: min(
      calc((var(--kgx-card-w) * 2) + var(--kgx-gap)),
      calc(100vw - clamp(64px, 6vw, 132px))
    );
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: clamp(8px, 0.9vw, 14px) var(--kgx-viewport-pad-x);
    box-sizing: border-box;
    overflow: hidden;
  }
  #kgx-stories-carousel .kgx-stories__rotator {
    width: 100%;
    overflow: visible;
  }
  #kgx-stories-carousel .kgx-stories__track {
    display: flex;
    align-items: stretch;
    gap: var(--kgx-gap);
    width: max-content;
    margin: 0;
    padding: 0;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }
  #kgx-stories-carousel .kgx-stories__slide {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 var(--kgx-card-w);
    width: var(--kgx-card-w);
    min-width: var(--kgx-card-w);
    max-width: var(--kgx-card-w);
    aspect-ratio: 16 / 10;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 143, 40, 0.36);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
    text-decoration: none !important;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    transition: transform .2s var(--perf-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)), border-color .2s ease, box-shadow .2s ease;
  }
  @media (hover: hover) and (pointer: fine) {
    #kgx-stories-carousel .kgx-stories__slide:hover {
      transform: translate3d(0, -2px, 0) scale(1.005) !important;
      border-color: rgba(255, 170, 64, 0.52);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42), inset 0 0 0 2px rgba(255, 164, 54, 0.3);
    }
  }
  #kgx-stories-carousel .kgx-stories__slide--angle-1,
  #kgx-stories-carousel .kgx-stories__slide--angle-2,
  #kgx-stories-carousel .kgx-stories__slide--angle-3,
  #kgx-stories-carousel .kgx-stories__slide--angle-4,
  #kgx-stories-carousel .kgx-stories__slide--angle-5,
  #kgx-stories-carousel .kgx-stories__slide--angle-6 {
    transform: none !important;
  }
  #kgx-stories-carousel .kgx-stories__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center;
    background-size: cover;
    transform: none;
  }
  #kgx-stories-carousel .kgx-stories__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 18%, rgba(0, 0, 0, 0.34) 62%, rgba(0, 0, 0, 0.74) 100%);
  }
  #kgx-stories-carousel .kgx-stories__body {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(26px, 2.2vw, 34px) clamp(20px, 1.8vw, 26px) clamp(22px, 1.8vw, 26px);
  }
  #kgx-stories-carousel .kgx-stories__title {
    margin: 0 0 8px 0;
    font-family: var(--font-heading);
    font-weight: 900;
    font-size: clamp(1.34rem, 1.35vw, 1.66rem);
    line-height: 1.2;
    color: rgba(250, 246, 240, 0.97);
    text-shadow: 0 8px 20px rgba(0, 0, 0, 0.52);
  }
  #kgx-stories-carousel .kgx-stories__text {
    margin: 0;
    font-family: var(--font-ui);
    font-size: clamp(0.99rem, 0.96vw, 1.08rem);
    line-height: 1.48;
    color: rgba(246, 241, 232, 0.9);
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.48);
  }
  #kgx-stories-carousel .kgx-stories__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: clamp(22px, 2.4vw, 34px);
    transform: rotate(var(--kgx-stories-tilt));
    transform-origin: center;
  }
  #kgx-stories-carousel .kgx-stories__btn {
    width: 62px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255, 146, 0, 0.45);
    background:
      radial-gradient(130% 130% at 16% 12%, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.04) 62%),
      linear-gradient(160deg, rgba(255, 255, 255, 0.14), rgba(14, 9, 7, 0.58));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.6),
      inset 0 0 0 1px rgba(255, 138, 0, 0.16),
      0 14px 30px rgba(0, 0, 0, 0.44);
    color: rgba(255, 248, 238, 0.96);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  #kgx-stories-carousel .kgx-stories__btn:hover {
    border-color: rgba(255, 172, 74, 0.74);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.66),
      inset 0 0 0 1px rgba(255, 156, 32, 0.28),
      0 16px 34px rgba(0, 0, 0, 0.5);
  }
  #kgx-stories-carousel .kgx-stories__btn:focus-visible {
    outline: none;
    border-color: rgba(255, 170, 64, 0.9);
    box-shadow:
      0 0 0 2px rgba(255, 120, 10, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.66),
      0 16px 34px rgba(0, 0, 0, 0.52);
  }
  #kgx-stories-carousel .kgx-stories__btn-icon,
  #kgx-stories-carousel .kgx-stories__btn svg {
    width: 18px;
    height: 18px;
  }
  #kgx-stories-carousel .kgx-stories__btn svg path {
    stroke: rgba(255, 170, 64, 0.94);
    stroke-width: 2.5;
  }

  /* ---------- Block 5: KGX B4 ---------- */
  #kgx-b4 {
    position: relative;
    isolation: isolate;
    padding: clamp(92px, 8vw, 138px) 0 clamp(86px, 7.2vw, 128px);
    background:
      linear-gradient(180deg, rgba(12, 9, 7, 0.62) 0%, rgba(14, 10, 8, 0.56) 46%, rgba(10, 7, 5, 0.68) 100%),
      url("./assets/block/kazan_v5.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 52%;
    overflow: hidden;
  }
  #kgx-b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(108deg, rgba(16, 11, 8, 0.56) 16%, rgba(16, 11, 8, 0.42) 52%, rgba(16, 11, 8, 0.58) 100%),
      radial-gradient(120% 90% at 16% 10%, rgba(255, 207, 150, 0.16), transparent 58%);
    pointer-events: none;
    z-index: 0;
  }
  #kgx-b4 .kgx-b4__container.section-container {
    position: relative;
    z-index: 1;
    width: min(1380px, 84vw);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #kgx-b4 .kgx-b4__titlebox {
    max-width: min(980px, 100%);
    margin: 0 0 clamp(20px, 2vw, 30px) 0;
  }
  #kgx-b4 .kgx-b4__layout {
    --kgx-b4-row-gap: clamp(12px, 1vw, 16px);
    --kgx-b4-row-h: clamp(320px, 19vw, 430px);
    display: grid;
    grid-template-columns: minmax(460px, 1.04fr) minmax(420px, 0.96fr);
    gap: clamp(12px, 1.2vw, 18px);
    padding: clamp(16px, 1.7vw, 24px);
    border-radius: 30px;
    border: 1px solid rgba(255, 171, 84, 0.32);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)),
      rgba(20, 14, 11, 0.54);
    box-shadow:
      0 28px 56px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.24);
    backdrop-filter: var(--perf-fx-kgx-layout-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-kgx-layout-backdrop, none);
    align-items: stretch;
  }
  #kgx-b4 .kgx-b4__panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(var(--kgx-b4-row-h), auto));
    row-gap: var(--kgx-b4-row-gap);
    column-gap: clamp(10px, 0.8vw, 14px);
    min-height: calc((var(--kgx-b4-row-h) * 3) + (var(--kgx-b4-row-gap) * 2));
  }
  #kgx-b4 .kgx-b4__images {
    border-radius: 22px;
    border: 1px solid rgba(255, 175, 96, 0.3);
    position: relative;
    background-image:
      url("./assets/block/pret.webp"),
      url("./assets/block/otvet.webp"),
      url("./assets/block/sud.webp");
    background-repeat: no-repeat;
    background-size:
      100% var(--kgx-b4-row-h),
      100% var(--kgx-b4-row-h),
      100% var(--kgx-b4-row-h);
    background-position:
      50% 0,
      50% calc(var(--kgx-b4-row-h) + var(--kgx-b4-row-gap)),
      50% calc((var(--kgx-b4-row-h) * 2) + (var(--kgx-b4-row-gap) * 2));
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.08),
      0 16px 32px rgba(0, 0, 0, 0.36);
    min-height: calc((var(--kgx-b4-row-h) * 3) + (var(--kgx-b4-row-gap) * 2));
    overflow: hidden;
  }
  #kgx-b4 .kgx-b4__item {
    position: relative;
    min-height: var(--kgx-b4-row-h);
    padding: clamp(14px, 1vw, 18px) clamp(14px, 1vw, 18px) clamp(12px, 0.9vw, 16px);
    border-radius: 20px;
    border: 1px solid rgba(255, 177, 94, 0.3);
    background:
      radial-gradient(128% 120% at 16% 10%, rgba(255, 194, 114, 0.16), transparent 64%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)),
      rgba(24, 17, 13, 0.62);
    box-shadow:
      0 14px 28px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.12);
    overflow: hidden;
    display: grid;
    grid-template-columns: clamp(46px, 3.5vw, 60px) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "num title"
      "body body"
      "tag tag";
    column-gap: clamp(4px, 0.3vw, 8px);
    row-gap: clamp(10px, 0.8vw, 14px);
    align-content: stretch;
    opacity: 0.92;
    transition: opacity .16s ease, box-shadow .16s ease, border-color .16s ease;
  }
  #kgx-b4 .kgx-b4__item:hover {
    opacity: 1;
    border-color: rgba(255, 153, 80, 0.48);
    box-shadow:
      inset 0 0 0 3px rgba(255, 153, 80, 0.44),
      0 18px 38px rgba(0, 0, 0, 0.36);
  }
  #kgx-b4 .kgx-b4__item::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01) 56%),
      linear-gradient(180deg, rgba(255, 138, 0, 0.06), transparent 44%);
    pointer-events: none;
  }
  #kgx-b4 .kgx-b4__item > * {
    position: relative;
    z-index: 1;
  }
  #kgx-b4 .kgx-b4__item-badge {
    grid-area: num;
    position: static;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: clamp(1.6rem, 1.4vw, 2.1rem);
    line-height: 1;
    color: #ffd08a;
    text-shadow: 0 6px 16px rgba(132, 61, 9, 0.45);
    letter-spacing: 0.01em;
    align-self: start;
  }
  #kgx-b4 .kgx-b4__item-title {
    grid-area: title;
    margin: 0;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: clamp(0.98rem, 0.9vw, 1.2rem);
    line-height: 1.22;
    color: #fff6e8;
    text-shadow: 0 7px 18px rgba(0, 0, 0, 0.42);
    text-wrap: balance;
    max-width: 100%;
    margin-bottom: clamp(6px, 0.5vw, 10px);
    position: relative;
    padding-bottom: 6px;
  }
  #kgx-b4 .kgx-b4__item-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff9a3c 0%, #ff6f00 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .18s ease-out;
  }
  #kgx-b4 .kgx-b4__item:hover .kgx-b4__item-title::after {
    transform: scaleX(1);
  }
  #kgx-b4 .kgx-b4__item-text {
    grid-area: body;
    margin: 0;
    font-size: clamp(0.9rem, 0.85vw, 1.12rem);
    line-height: 1.48;
    color: #f7e9d2;
    width: 100%;
    max-width: none;
    min-height: 0;
    text-wrap: pretty;
  }
  #kgx-b4 .kgx-b4__item-tag {
    grid-area: tag;
    display: inline-flex;
    align-items: center;
    justify-self: start;
    margin-top: 0;
    padding: clamp(5px, 0.4vw, 7px) clamp(10px, 0.9vw, 14px);
    font-family: var(--font-ui);
    font-size: clamp(0.74rem, 0.7vw, 0.84rem);
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
    color: #ffd9ad;
    border: 1px solid rgba(255, 174, 94, 0.42);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 236, 211, 0.2), rgba(255, 182, 95, 0.12));
    white-space: normal;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
  }
  #kgx-b4 .kgx-b4__icon {
    display: none;
  }
  #kgx-b4 .kgx-b4__icon img {
    display: none;
  }
  #kgx-b4 .kgx-b4__item:nth-child(1),
  #kgx-b4 .kgx-b4__item:nth-child(2) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #kgx-b4 .kgx-b4__item:nth-child(3),
  #kgx-b4 .kgx-b4__item:nth-child(4) {
    border-radius: 0;
  }
  #kgx-b4 .kgx-b4__item:nth-child(5),
  #kgx-b4 .kgx-b4__item:nth-child(6) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  /* === KG CTA FORM (SSOT) === */
  #kgx-b4 .kg-cta {
    margin-top: clamp(26px, 2.2vw, 34px);
  }
  #kgx-b4 .kg-cta__inner {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, 560px);
    align-items: stretch;
    gap: clamp(28px, 2.8vw, 44px);
    padding: clamp(30px, 3vw, 46px);
    border-radius: 28px;
    border: 1px solid rgba(247, 200, 149, 0.42);
    background:
      linear-gradient(118deg, rgba(37, 23, 15, 0.74), rgba(20, 13, 9, 0.58)),
      radial-gradient(132% 118% at 14% 0%, rgba(238, 165, 99, 0.34), transparent 58%);
    box-shadow:
      0 30px 56px rgba(11, 6, 3, 0.56),
      inset 0 1px 0 rgba(255, 242, 225, 0.34),
      inset 0 -1px 0 rgba(134, 74, 30, 0.24);
    backdrop-filter: var(--perf-fx-kgx-cta-inner-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-kgx-cta-inner-backdrop, none);
    overflow: hidden;
  }
  #kgx-b4 .kg-cta__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(118deg, rgba(255, 216, 172, 0.3) 0%, rgba(255, 216, 172, 0.05) 48%, rgba(255, 216, 172, 0) 74%),
      radial-gradient(124% 92% at 86% 12%, rgba(255, 245, 231, 0.2), transparent 58%);
    pointer-events: none;
    z-index: 0;
  }
  #kgx-b4 .kg-cta__inner > * {
    position: relative;
    z-index: 1;
  }
  #kgx-b4 .kg-cta__copy {
    display: grid;
    gap: 16px;
    align-content: center;
    padding-block: clamp(6px, 0.8vw, 12px);
  }
  #kgx-b4 .kgx-b4__cta-title {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: clamp(1.56rem, 1.74vw, 2.22rem);
    line-height: 1.12;
    letter-spacing: 0.01em;
    color: rgba(255, 250, 244, 0.99);
    text-shadow: 0 10px 22px rgba(0, 0, 0, 0.34);
  }
  #kgx-b4 .kgx-b4__cta-subtitle {
    margin: 0;
    color: rgba(247, 231, 213, 0.96);
    line-height: 1.48;
    font-weight: 500;
    font-size: clamp(1.02rem, 0.95vw, 1.14rem);
    max-width: 52ch;
  }
  #kgx-b4 .kg-cta .hero-form-divider {
    width: min(100%, 420px);
    height: 2px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(242, 166, 84, 0.94), rgba(242, 166, 84, 0.08));
    margin: 2px 0 4px;
  }
  #kgx-b4 .kg-cta__panel {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 16px;
    width: min(100%, 540px);
    margin-left: auto;
    padding: clamp(22px, 1.8vw, 30px);
    border-radius: 24px;
    border: 1px solid rgba(222, 177, 130, 0.56);
    background:
      linear-gradient(180deg, rgba(255, 252, 247, 0.86), rgba(247, 238, 226, 0.8)),
      rgba(246, 233, 214, 0.74);
    box-shadow:
      0 22px 36px rgba(14, 8, 4, 0.36),
      0 1px 0 rgba(255, 250, 243, 0.78) inset;
    backdrop-filter: var(--perf-fx-kgx-cta-panel-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-kgx-cta-panel-backdrop, none);
  }
  #kgx-b4 .kg-cta__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0) 36%),
      radial-gradient(72% 60% at 12% 8%, rgba(255, 214, 173, 0.28), transparent 68%);
    z-index: 0;
  }
  #kgx-b4 .kg-cta__panel > * {
    position: relative;
    z-index: 1;
  }
  #kgx-b4 .kg-cta__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  #kgx-b4 .kg-cta__field {
    display: grid;
    gap: 7px;
    padding: 0;
    border: 0;
    background: none;
  }
  #kgx-b4 .kg-cta__field span {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(114, 69, 34, 0.95);
  }
  #kgx-b4 .kg-cta__input {
    width: 100%;
    min-height: 62px;
    padding: 15px 18px;
    border-radius: 14px;
    border: 1px solid rgba(208, 162, 118, 0.84);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(253, 246, 238, 0.8));
    color: rgba(66, 41, 21, 0.98);
    font-size: 1.05rem;
    font-weight: 600;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.86) inset,
      0 10px 16px rgba(31, 19, 10, 0.1);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  #kgx-b4 .kg-cta__input::placeholder {
    color: rgba(124, 87, 55, 0.82);
  }
  #kgx-b4 .kg-cta__input:focus {
    outline: none;
    border-color: rgba(255, 150, 28, 0.98);
    box-shadow: 0 0 0 3px rgba(255, 150, 28, 0.3);
  }
  #kgx-b4 .kg-cta__submit {
    width: auto;
    inline-size: clamp(270px, 82%, 560px);
    max-inline-size: 100%;
    min-height: 53px;
    margin-top: 10px;
    margin-inline: auto;
    justify-self: center;
    align-self: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-inline: clamp(16px, 2.1vw, 24px);
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 16px;
    border: 1px solid rgba(173, 77, 2, 0.9);
    background:
      linear-gradient(135deg, #f8b051 0%, #f38a16 52%, #c94b00 100%);
    color: rgba(255, 248, 241, 0.98);
    font-weight: 800;
    font-size: clamp(1.12rem, 1.2vw, 1.34rem);
    letter-spacing: 0.01em;
    text-transform: none;
    box-shadow:
      0 20px 34px rgba(54, 22, 2, 0.48),
      0 1px 0 rgba(255, 236, 210, 0.62) inset,
      inset 0 -1px 0 rgba(129, 46, 0, 0.34);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
  }
  #kgx-b4 .kg-cta__submit::before,
  #kgx-b4 .kg-cta__submit::after {
    content: none;
  }
  #kgx-b4 .kg-cta__submit:hover {
    transform: translateY(-1px);
    filter: saturate(1.05);
    box-shadow:
      0 18px 34px rgba(54, 22, 2, 0.46),
      0 1px 0 rgba(255, 242, 224, 0.74) inset,
      inset 0 -1px 0 rgba(129, 46, 0, 0.3);
  }
  #kgx-b4 .kg-cta__submit:active {
    transform: translateY(1px);
  }
  #kgx-b4 .kg-cta__submit:focus-visible {
    outline: none;
    box-shadow:
      0 0 0 3px rgba(248, 153, 40, 0.34),
      0 16px 30px rgba(54, 22, 2, 0.42),
      0 1px 0 rgba(255, 236, 210, 0.62) inset;
  }
  #kgx-b4 .kg-cta__submit .faq-ask-btn__icon {
    transition: transform 0.18s ease;
  }
  #kgx-b4 .kg-cta__submit .faq-ask-btn__text {
    text-align: center;
  }
  #kgx-b4 .kg-cta__submit:hover .faq-ask-btn__icon {
    transform: translateX(3px);
  }
  #kgx-b4 .kgx-b4__disclaimer {
    margin: 0;
    text-align: center;
    inline-size: clamp(270px, 82%, 560px);
    max-inline-size: 100%;
    font-size: 0.8rem;
    line-height: 1.45;
    color: rgba(90, 61, 36, 0.96);
    margin-inline: auto;
  }
  #kgx-b4 .kgx-b4__disclaimer a {
    color: rgba(166, 70, 2, 0.98);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
  @media (min-width: 981px) and (max-width: 1199px) {
    #kgx-b4 .kg-cta__inner {
      grid-template-columns: minmax(0, 1fr) minmax(390px, 460px);
      gap: 22px;
    }
    #kgx-b4 .kg-cta__panel {
      padding: 20px;
    }
  }
  @media (min-width: 1200px) {
    #kgx-b4 .kg-cta__inner {
      grid-template-columns: minmax(0, 1fr) minmax(460px, 530px);
    }
  }
  @media (min-width: 1500px) {
    #kgx-b4 .kg-cta__inner {
      padding: 40px 44px;
    }
    #kgx-b4 .kg-cta__panel {
      max-width: 520px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    #kgx-b4 .kg-cta__input,
    #kgx-b4 .kg-cta__submit,
    #kgx-b4 .kg-cta__submit .faq-ask-btn__icon {
      transition: none;
    }
  }
}

@media (min-width: 1581px) {
  #kgx-stories-carousel {
    --kgx-gap: clamp(22px, 1.6vw, 34px);
    --kgx-card-w: clamp(408px, 25vw, 510px);
  }
  #kgx-stories-carousel .kgx-stories__viewport {
    width: min(
      calc((var(--kgx-card-w) * 3) + (var(--kgx-gap) * 2)),
      calc(100vw - clamp(56px, 5.6vw, 118px))
    );
  }
}

@media (min-width: 981px) and (max-width: 1150px) {
  #kgx-b4 .kgx-b4__container.section-container {
    width: min(1380px, 92vw);
  }
  #kgx-b4 .kgx-b4__layout {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: clamp(10px, 1vw, 14px);
  }
  #kgx-b4 .kgx-b4__images,
  #kgx-b4 .kgx-b4__panel {
    min-width: 0;
  }
}

  /* =========================
   KG CANONICAL: BLOCK 2 + 4 + 5 (mobile/tablet SSOT)
   ========================= */
  @media (max-width: 980px) {
    /* ---------- Block 2 ---------- */
  #kgx-stories-carousel {
    --kgx-gap: clamp(12px, 3vw, 18px);
    --kgx-card-w: min(86vw, 640px);
    --kgx-pad-x: clamp(12px, 3.8vw, 20px);
    --kgx-stories-tilt: -1deg;
    padding: clamp(54px, 9vw, 78px) 0 clamp(56px, 9vw, 84px);
    position: relative;
    isolation: isolate;
    background:
      linear-gradient(180deg, rgba(8, 6, 5, 0.9) 0%, rgba(12, 8, 6, 0.86) 46%, rgba(10, 7, 5, 0.92) 100%),
      url("./assets/block/kazan4.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #kgx-stories-carousel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(118% 82% at 50% 100%, rgba(0, 0, 0, 0.42), transparent 66%),
      radial-gradient(120% 76% at 12% 0%, rgba(255, 190, 132, 0.12), transparent 60%);
    pointer-events: none;
    z-index: 0;
  }
  #kgx-stories-carousel > .section-container {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--kgx-pad-x);
    padding-right: var(--kgx-pad-x);
    box-sizing: border-box;
  }
  #kgx-stories-carousel .kgx-stories__head {
    max-width: 100%;
    margin-bottom: clamp(14px, 3.6vw, 22px);
  }
  #kgx-stories-carousel .kgx-stories__band {
    margin-top: 0;
  }
  #kgx-stories-carousel .kgx-stories__tilt {
    transform: rotate(var(--kgx-stories-tilt));
    transform-origin: center;
  }
  #kgx-stories-carousel .kgx-stories__viewport {
    width: min(var(--kgx-card-w), 100%);
    margin-left: auto;
    margin-right: auto;
    padding: clamp(6px, 2vw, 10px) 0;
    box-sizing: border-box;
    overflow: hidden;
  }
  #kgx-stories-carousel .kgx-stories__rotator {
    width: 100%;
    overflow: hidden;
  }
  #kgx-stories-carousel .kgx-stories__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--kgx-gap);
    width: max-content;
    margin: 0;
    padding: 0;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }
  #kgx-stories-carousel .kgx-stories__slide {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 0 0 var(--kgx-card-w);
    width: var(--kgx-card-w);
    min-width: var(--kgx-card-w);
    max-width: var(--kgx-card-w);
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 146, 38, 0.34);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
  }
  #kgx-stories-carousel .kgx-stories__slide--angle-1,
  #kgx-stories-carousel .kgx-stories__slide--angle-2,
  #kgx-stories-carousel .kgx-stories__slide--angle-3,
  #kgx-stories-carousel .kgx-stories__slide--angle-4,
  #kgx-stories-carousel .kgx-stories__slide--angle-5,
  #kgx-stories-carousel .kgx-stories__slide--angle-6 {
    transform: none !important;
  }
  #kgx-stories-carousel .kgx-stories__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center;
    background-size: cover;
  }
  #kgx-stories-carousel .kgx-stories__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 24%, rgba(0, 0, 0, 0.38) 64%, rgba(0, 0, 0, 0.75) 100%);
  }
  #kgx-stories-carousel .kgx-stories__body {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(18px, 4.6vw, 24px) clamp(14px, 4vw, 18px) clamp(14px, 3.8vw, 18px);
  }
  #kgx-stories-carousel .kgx-stories__title {
    margin: 0 0 6px 0;
    font-family: var(--font-heading);
    font-size: clamp(1.02rem, 4.6vw, 1.34rem);
    line-height: 1.2;
    color: rgba(250, 245, 238, 0.97);
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.52);
  }
  #kgx-stories-carousel .kgx-stories__text {
    margin: 0;
    font-family: var(--font-ui);
    font-size: clamp(0.86rem, 3.65vw, 1rem);
    line-height: 1.42;
    color: rgba(243, 236, 226, 0.9);
  }
  #kgx-stories-carousel .kgx-stories__controls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    margin-top: clamp(10px, 3vw, 16px);
    transform: rotate(var(--kgx-stories-tilt));
    transform-origin: center;
  }
  #kgx-stories-carousel .kgx-stories__controls .kgx-stories__btn {
    display: none !important;
  }
  #kgx-stories-carousel .kgx-stories__swipe-hint {
    --kgx-swipe-row-w: clamp(140px, 46vw, 240px);
    --kgx-swipe-gap: clamp(10px, 2.6vw, 14px);
    --kgx-swipe-line-w: calc((var(--kgx-swipe-row-w) - var(--kgx-swipe-gap)) / 2);
    --kgx-swipe-hand-size: clamp(46px, 12vw, 70px);
    --kgx-swipe-hand-y: 14px;
    --kgx-swipe-hand-anchor: calc(var(--kgx-swipe-hand-size) * 0.55);
    --kgx-swipe-hand-start-x: calc(var(--kgx-swipe-gap) + (var(--kgx-swipe-line-w) * 1.75) - var(--kgx-swipe-hand-anchor));
    --kgx-swipe-hand-end-x: calc((var(--kgx-swipe-line-w) * 0.25) - var(--kgx-swipe-hand-anchor));
    display: inline-flex;
    align-items: center;
    gap: var(--kgx-swipe-gap);
    justify-content: center;
    width: var(--kgx-swipe-row-w);
    max-width: 100%;
    margin-top: clamp(10px, 2.8vw, 16px);
    transform: rotate(var(--kgx-stories-tilt));
    transform-origin: center;
    opacity: 0.94;
    position: relative;
    overflow: visible;
  }
  #kgx-stories-carousel .kgx-stories__swipe-line {
    position: relative;
    width: var(--kgx-swipe-line-w);
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 142, 34, 0.45);
    overflow: hidden;
  }
  #kgx-stories-carousel .kgx-stories__swipe-line::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate3d(120%, 0, 0);
    background: linear-gradient(90deg, rgba(255, 142, 34, 0) 0%, rgba(255, 142, 34, 0.95) 45%, rgba(255, 142, 34, 0) 100%);
    will-change: transform, opacity;
  }
  #kgx-stories-carousel .kgx-stories__swipe-line--left::after {
    animation: none;
  }
  #kgx-stories-carousel .kgx-stories__swipe-line--right::after {
    animation: none;
  }
  #kgx-stories-carousel .kgx-stories__swipe-hand {
    position: absolute;
    left: 0;
    bottom: -34px;
    width: var(--kgx-swipe-hand-size);
    height: var(--kgx-swipe-hand-size);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, var(--kgx-swipe-hand-y), 0) rotate(-10deg);
    will-change: transform, opacity;
  }
  @keyframes kgxSwipeHandLR {
    0% {
      opacity: 0;
      transform: translate3d(var(--kgx-swipe-hand-start-x), var(--kgx-swipe-hand-y), 0) rotate(-10deg);
    }
    6% {
      opacity: 0.45;
      transform: translate3d(var(--kgx-swipe-hand-start-x), var(--kgx-swipe-hand-y), 0) rotate(-10deg);
    }
    56% {
      opacity: 0.55;
      transform: translate3d(calc((var(--kgx-swipe-hand-start-x) + var(--kgx-swipe-hand-end-x)) / 2), var(--kgx-swipe-hand-y), 0) rotate(-10.5deg);
    }
    84% {
      opacity: 0.55;
      transform: translate3d(var(--kgx-swipe-hand-end-x), var(--kgx-swipe-hand-y), 0) rotate(-11deg);
    }
    92% {
      opacity: 0;
      transform: translate3d(var(--kgx-swipe-hand-end-x), var(--kgx-swipe-hand-y), 0) rotate(-11deg);
    }
    100% {
      opacity: 0;
      transform: translate3d(var(--kgx-swipe-hand-end-x), var(--kgx-swipe-hand-y), 0) rotate(-11deg);
    }
  }
  @keyframes kgxSwipeGlowRight {
    0% {
      opacity: 0;
      transform: translate3d(120%, 0, 0);
    }
    6% {
      opacity: 0.9;
      transform: translate3d(55%, 0, 0);
    }
    52% {
      opacity: 0.9;
      transform: translate3d(-55%, 0, 0);
    }
    60% {
      opacity: 0.3;
      transform: translate3d(-120%, 0, 0);
    }
    100% {
      opacity: 0;
      transform: translate3d(-120%, 0, 0);
    }
  }
  @keyframes kgxSwipeGlowLeft {
    0% {
      opacity: 0;
      transform: translate3d(120%, 0, 0);
    }
    50% {
      opacity: 0;
      transform: translate3d(120%, 0, 0);
    }
    52% {
      opacity: 0.9;
      transform: translate3d(55%, 0, 0);
    }
    80% {
      opacity: 0.9;
      transform: translate3d(-55%, 0, 0);
    }
    84% {
      opacity: 0;
      transform: translate3d(-120%, 0, 0);
    }
    100% {
      opacity: 0;
      transform: translate3d(-120%, 0, 0);
    }
  }
  #kgx-stories-carousel .kgx-stories__swipe-hint.is-mounted .kgx-stories__swipe-hand {
    animation: kgxSwipeHandLR 1.9s linear infinite;
  }
  #kgx-stories-carousel .kgx-stories__swipe-hint.is-mounted .kgx-stories__swipe-line--right::after {
    animation: kgxSwipeGlowRight 1.9s linear infinite;
  }
  #kgx-stories-carousel .kgx-stories__swipe-hint.is-mounted .kgx-stories__swipe-line--left::after {
    animation: kgxSwipeGlowLeft 1.9s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    #kgx-stories-carousel .kgx-stories__swipe-hint {
      display: none !important;
    }
  }

  /* ---------- Block 4 ---------- */
  .kf-flags {
    padding-top: clamp(42px, 7.5vw, 64px);
    padding-bottom: clamp(56px, 9vw, 84px);
  }
  .kf-flags .kf-flag-card__top {
    margin-bottom: clamp(10px, 2.8vw, 14px);
    gap: 8px;
  }
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head {
    font-size: clamp(1.02rem, 4.6vw, 1.28rem);
    line-height: 1.26;
  }
  .kf-flags .kf-flag-card p,
  .kf-flags .kf-flag-card .kf-flag-card__text,
  .kf-flags .kf-flag p,
  .kf-flags .kf-flag .kf-flag-card__text {
    font-size: clamp(0.92rem, 3.7vw, 1rem);
    line-height: 1.42;
  }

  /* ---------- Block 5 ---------- */
  #kgx-b4 {
    padding: clamp(56px, 10vw, 82px) 0 clamp(62px, 11.5vw, 92px);
    background:
      linear-gradient(180deg, rgba(12, 9, 7, 0.58) 0%, rgba(14, 10, 8, 0.52) 46%, rgba(10, 7, 5, 0.64) 100%),
      url("./assets/block/kazan_v5.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 36%;
  }
  #kgx-b4::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(120deg, rgba(16, 11, 8, 0.52), rgba(16, 11, 8, 0.4)),
      radial-gradient(120% 92% at 20% 8%, rgba(255, 207, 150, 0.14), transparent 60%);
    pointer-events: none;
    z-index: 0;
  }
  #kgx-b4 .kgx-b4__container.section-container {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(12px, 3.8vw, 20px);
    padding-right: clamp(12px, 3.8vw, 20px);
    box-sizing: border-box;
  }
  #kgx-b4 .kgx-b4__titlebox {
    margin-bottom: clamp(12px, 3.6vw, 22px);
  }
  #kgx-b4 .kgx-b4__layout {
    --kgx-b4-mobile-gap: clamp(10px, 2.8vw, 14px);
    --kgx-b4-mobile-row-h: clamp(186px, 50vw, 290px);
    --kgx-b4-mobile-break-gap: clamp(22px, 6vw, 34px);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  #kgx-b4 .kgx-b4__layout::before,
  #kgx-b4 .kgx-b4__layout::after {
    content: "";
    display: block;
    width: 100%;
    min-height: var(--kgx-b4-mobile-row-h);
    border: 1px solid rgba(255, 175, 96, 0.3);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  #kgx-b4 .kgx-b4__layout::before {
    order: 1;
    border-radius: 16px 16px 0 0;
    border-bottom: 0;
    background-image: url("./assets/block/pret.webp");
  }
  #kgx-b4 .kgx-b4__layout::after {
    order: 4;
    margin-top: var(--kgx-b4-mobile-break-gap);
    border-radius: 16px 16px 0 0;
    border-bottom: 0;
    background-image: url("./assets/block/otvet.webp");
  }
  #kgx-b4 .kgx-b4__rows,
  #kgx-b4 .kgx-b4__row,
  #kgx-b4 .kgx-b4__cards,
  #kgx-b4 .kgx-b4__panel {
    display: contents;
  }
  #kgx-b4 .kgx-b4__shot {
    display: none !important;
  }
  #kgx-b4 .kgx-b4__images {
    display: block !important;
    order: 7;
    margin-top: var(--kgx-b4-mobile-break-gap);
    width: 100%;
    min-height: var(--kgx-b4-mobile-row-h);
    border-radius: 16px 16px 0 0;
    border: 1px solid rgba(255, 175, 96, 0.3);
    border-bottom: 0;
    background-image: url("./assets/block/sud.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
  #kgx-b4 .kgx-b4__item {
    min-height: 0;
    padding: clamp(14px, 3.4vw, 18px) clamp(14px, 3.4vw, 18px) clamp(10px, 2.6vw, 14px);
    border-radius: 0;
    border-top: 0;
    display: grid;
    grid-template-columns: clamp(54px, 13vw, 72px) minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "num title"
      "body body"
      "tag tag";
    column-gap: clamp(6px, 1.8vw, 10px);
    row-gap: clamp(8px, 2.2vw, 12px);
    align-content: start;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }
  #kgx-b4 .kgx-b4__item:nth-child(1) { order: 2; }
  #kgx-b4 .kgx-b4__item:nth-child(2) { order: 3; }
  #kgx-b4 .kgx-b4__item:nth-child(3) { order: 5; }
  #kgx-b4 .kgx-b4__item:nth-child(4) { order: 6; }
  #kgx-b4 .kgx-b4__item:nth-child(5) { order: 8; }
  #kgx-b4 .kgx-b4__item:nth-child(2),
  #kgx-b4 .kgx-b4__item:nth-child(4) {
    border-radius: 0 0 16px 16px;
    border-bottom: 1px solid rgba(255, 177, 94, 0.3);
  }
  #kgx-b4 .kgx-b4__item:nth-child(1),
  #kgx-b4 .kgx-b4__item:nth-child(3),
  #kgx-b4 .kgx-b4__item:nth-child(5) {
    border-bottom: 0;
  }
  #kgx-b4 .kgx-b4__item:nth-child(6) {
    order: 9;
    border-radius: 0 0 16px 16px;
    border-bottom: 1px solid rgba(255, 177, 94, 0.3);
  }
  #kgx-b4 .kgx-b4__item-badge {
    grid-area: num;
    position: static;
    font-size: clamp(1.6rem, 5vw, 1.9rem);
    line-height: 1;
    color: #ffd596;
    text-shadow: 0 5px 12px rgba(120, 52, 8, 0.42);
  }
  #kgx-b4 .kgx-b4__item-title {
    grid-area: title;
    margin: 0;
    font-size: clamp(1.02rem, 3.6vw, 1.18rem);
    line-height: 1.24;
    text-wrap: pretty;
    color: #ffffff;
    font-weight: 800;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-bottom: clamp(10px, 2.4vw, 14px);
  }
  #kgx-b4 .kgx-b4__item-text {
    grid-area: body;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    font-size: clamp(0.98rem, 3.1vw, 1.08rem);
    line-height: 1.5;
    text-wrap: pretty;
    margin-bottom: clamp(10px, 2.4vw, 14px);
    color: #f7ead4;
  }
  #kgx-b4 .kgx-b4__icon {
    display: none;
  }
  #kgx-b4 .kgx-b4__icon img {
    display: none;
  }
  #kgx-b4 .kgx-b4__item-tag {
    grid-area: tag;
    display: inline-flex;
    align-items: center;
    justify-self: start;
    margin-top: clamp(4px, 1.4vw, 8px);
    padding: clamp(3px, 1vw, 5px) clamp(9px, 2.6vw, 12px);
    font-family: var(--font-ui);
    font-size: clamp(0.72rem, 2.35vw, 0.82rem);
    line-height: 1.18;
    letter-spacing: 0.01em;
    text-transform: none;
    color: #ffd9ad;
    border: 1px solid rgba(255, 174, 94, 0.42);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 236, 211, 0.2), rgba(255, 182, 95, 0.12));
    white-space: normal;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
  }
  #kgx-b4 .kg-cta {
    margin-top: clamp(26px, 7vw, 38px);
  }
  #kgx-b4 .kg-cta__inner {
    position: relative;
    isolation: isolate;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: clamp(22px, 5.4vw, 30px);
    border-radius: 22px;
    border: 1px solid rgba(247, 200, 149, 0.4);
    background:
      linear-gradient(118deg, rgba(37, 23, 15, 0.74), rgba(20, 13, 9, 0.58)),
      radial-gradient(132% 118% at 14% 0%, rgba(238, 165, 99, 0.32), transparent 58%);
    box-shadow:
      0 26px 44px rgba(11, 6, 3, 0.5),
      inset 0 1px 0 rgba(255, 242, 225, 0.3),
      inset 0 -1px 0 rgba(134, 74, 30, 0.2);
    backdrop-filter: var(--perf-fx-kgx-cta-inner-mobile-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-kgx-cta-inner-mobile-backdrop, none);
    overflow: hidden;
  }
  #kgx-b4 .kg-cta__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(118deg, rgba(255, 216, 172, 0.28) 0%, rgba(255, 216, 172, 0.04) 50%, rgba(255, 216, 172, 0) 74%),
      radial-gradient(124% 90% at 84% 10%, rgba(255, 245, 231, 0.18), transparent 58%);
  }
  #kgx-b4 .kg-cta__inner > * {
    position: relative;
    z-index: 1;
  }
  #kgx-b4 .kgx-b4__cta-title {
    font-size: clamp(1.24rem, 4.8vw, 1.56rem);
    line-height: 1.14;
    color: rgba(255, 250, 244, 0.99);
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
  }
  #kgx-b4 .kgx-b4__cta-subtitle {
    font-size: clamp(0.98rem, 3.7vw, 1.08rem);
    line-height: 1.44;
    color: rgba(247, 231, 213, 0.95);
  }
  #kgx-b4 .kg-cta .hero-form-divider {
    width: 100%;
    margin: 1px 0 4px;
    height: 2px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(242, 166, 84, 0.94), rgba(242, 166, 84, 0.08));
  }
  #kgx-b4 .kg-cta__panel {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding: clamp(18px, 4.6vw, 26px);
    border-radius: 20px;
    border: 1px solid rgba(222, 177, 130, 0.54);
    background:
      linear-gradient(180deg, rgba(255, 252, 247, 0.86), rgba(247, 238, 226, 0.8)),
      rgba(246, 233, 214, 0.74);
    box-shadow:
      0 20px 32px rgba(14, 8, 4, 0.36),
      0 1px 0 rgba(255, 250, 243, 0.76) inset;
    backdrop-filter: var(--perf-fx-kgx-cta-panel-mobile-backdrop, none);
    -webkit-backdrop-filter: var(--perf-fx-kgx-cta-panel-mobile-backdrop, none);
  }
  #kgx-b4 .kg-cta__grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
    column-gap: 0;
  }
  #kgx-b4 .kg-cta__field {
    display: grid;
    gap: 11px;
    padding: 0;
    border: 0;
    background: none;
  }
  #kgx-b4 .kg-cta__field span {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(114, 69, 34, 0.95);
  }
  #kgx-b4 .kg-cta__input {
    min-height: 58px;
    padding: 14px 16px;
    font-size: 1rem;
    border-radius: 13px;
    border: 1px solid rgba(208, 162, 118, 0.84);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(253, 246, 238, 0.8));
    color: rgba(66, 41, 21, 0.98);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) inset;
  }
  #kgx-b4 .kg-cta__input::placeholder {
    color: rgba(124, 87, 55, 0.82);
  }
  #kgx-b4 .kg-cta__input:focus {
    border-color: rgba(255, 150, 28, 0.98);
    box-shadow: 0 0 0 3px rgba(255, 150, 28, 0.3);
  }
  #kgx-b4 .kg-cta__submit {
    width: auto;
    inline-size: clamp(250px, 84%, 560px);
    max-inline-size: 100%;
    min-height: 50px;
    margin-top: 10px;
    margin-inline: auto;
    justify-self: center;
    align-self: center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-inline: 16px;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: clamp(1.05rem, 2.1vw, 1.18rem);
    border-radius: 14px;
    border: 1px solid rgba(173, 77, 2, 0.9);
    background:
      linear-gradient(135deg, #f8b051 0%, #f38a16 52%, #c94b00 100%);
    color: rgba(255, 248, 241, 0.98);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    box-shadow:
      0 16px 26px rgba(54, 22, 2, 0.44),
      0 1px 0 rgba(255, 236, 210, 0.62) inset,
      inset 0 -1px 0 rgba(129, 46, 0, 0.34);
  }
  #kgx-b4 .kg-cta__submit::before,
  #kgx-b4 .kg-cta__submit::after {
    content: none;
  }
  #kgx-b4 .kg-cta__submit:hover {
    transform: translateY(-1px);
    filter: saturate(1.05);
  }
  #kgx-b4 .kg-cta__submit:active {
    transform: translateY(1px);
  }
  #kgx-b4 .kg-cta__submit:focus-visible {
    outline: none;
    box-shadow:
      0 0 0 3px rgba(255, 150, 28, 0.34),
      0 16px 26px rgba(54, 22, 2, 0.44),
      0 1px 0 rgba(255, 236, 210, 0.62) inset;
  }
  #kgx-b4 .kgx-b4__disclaimer {
    inline-size: clamp(250px, 84%, 560px);
    max-inline-size: 100%;
    font-size: 0.8rem;
    color: rgba(90, 61, 36, 0.96);
    text-align: center;
    margin-inline: auto;
  }
  #kgx-b4 .kgx-b4__disclaimer a {
    color: rgba(166, 70, 2, 0.98);
  }
}

@media (min-width: 900px) and (max-width: 980px) {
  #kgx-b4 .kg-cta__grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #kgx-b4 .kg-cta__submit,
  #kgx-b4 .kg-cta__submit .faq-ask-btn__icon {
    animation: none;
    transition: none;
  }
}

@media (max-width: 900px) {
  #kgx-b4 .kg-cta__inner {
    gap: 16px;
    padding: 18px;
  }
  #kgx-b4 .kg-cta__field span {
    font-size: 0.71rem;
  }
}

@media (max-width: 600px) {
  #kgx-b4 .kg-cta__inner {
    border-radius: 18px;
    padding: 16px;
  }
  #kgx-b4 .kg-cta__panel {
    padding: 14px;
    border-radius: 16px;
  }
  #kgx-b4 .kg-cta__input {
    min-height: 52px;
    padding: 12px 14px;
    font-size: 0.96rem;
  }
  #kgx-b4 .kg-cta__submit {
    min-height: 56px;
    font-size: clamp(1.02rem, 4.1vw, 1.14rem);
    inline-size: min(100%, 340px);
    padding-inline: 14px;
  }
}

/* Block 4 tuning from visual review:
   <=980: reduce cards stronger and restore paper-like tilt. */

@media (max-width: 980px) {
  .kf-flags {
    overflow: hidden !important;
  }
  .kf-flags__decor {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
  }
  .kf-flags__decor .kf-flags__bg {
    background-size: clamp(108%, 112vw, 118%) 100% !important;
    background-position: 50% 47% !important;
  }
  .kf-flags__inner.section-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .kf-flags__rows,
  .kf-flags__grid {
    column-gap: 0 !important;
    row-gap: clamp(10px, 2.4vw, 14px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .kf-flags .kf-flag-card,
  .kf-flags .kf-flag {
    width: min(95%, 520px) !important;
    min-height: clamp(74px, 16.5vw, 112px);
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(9px, 2.4vw, 12px) clamp(12px, 3vw, 16px) !important;
    transform-origin: 50% 52%;
    transform: translateX(var(--kf-mob-x, 0px)) rotate(-3deg) !important;
  }
  .kf-flags .kf-flag-card:nth-child(odd),
  .kf-flags .kf-flag:nth-child(odd),
  .kf-flags .kf-flag-card:nth-child(even),
  .kf-flags .kf-flag:nth-child(even) { transform: translateX(var(--kf-mob-x, 0px)) rotate(-3deg) !important; }
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1 { --kf-mob-x: 0px; }
  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2 { --kf-mob-x: clamp(4px, 0.8vw, 8px); }
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3 { --kf-mob-x: clamp(-4px, -0.8vw, -8px); }
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 { --kf-mob-x: clamp(6px, 1vw, 10px); }
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 { --kf-mob-x: clamp(-6px, -1vw, -10px); }
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 { --kf-mob-x: clamp(2px, 0.5vw, 6px); }
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head {
    font-size: clamp(1rem, 4.1vw, 1.2rem);
    margin-bottom: clamp(3px, 1.1vw, 6px);
  }
  .kf-flags .kf-flag-card p,
  .kf-flags .kf-flag-card .kf-flag-card__text,
  .kf-flags .kf-flag p,
  .kf-flags .kf-flag .kf-flag-card__text {
    font-size: clamp(0.86rem, 3.15vw, 0.96rem);
    line-height: 1.36;
  }
}

@media (min-width: 981px) {
  .kf-flags {
    --kg4x-wrap: min(1060px, 84vw);
    --kg4x-col-gap: clamp(58px, 7.2vw, 142px);
    --kg4x-row-gap: clamp(14px, 1.5vw, 22px);
    --kg4x-card-w: clamp(286px, 23vw, 404px);
    --kg4x-card-w-wide: clamp(306px, 24.8vw, 436px);
    --kg4x-card-minh: clamp(140px, 9.1vw, 188px);
    min-height: clamp(920px, 58vw, 1180px) !important;
    padding-top: clamp(34px, 3.2vw, 56px) !important;
    padding-bottom: clamp(96px, 7vw, 152px) !important;
    overflow: hidden !important;
  }
  .kf-flags__decor {
    left: 50%;
    right: auto;
    width: 128vw;
    max-width: none;
    transform: translateX(-50%);
  }
  .kf-flags__decor,
  .kf-flags__decor .kf-flags__bg {
    height: 100%;
  }
  .kf-flags__decor .kf-flags__bg {
    width: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
  }
  .kf-flags__inner.section-container {
    width: var(--kg4x-wrap) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .kf-flags__header {
    max-width: min(620px, 52%) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: clamp(20px, 2.2vw, 30px) !important;
  }
  .kf-flags__rows,
  .kf-flags__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    column-gap: var(--kg4x-col-gap) !important;
    row-gap: var(--kg4x-row-gap) !important;
  }
  .kf-flags .kf-flag-card,
  .kf-flags .kf-flag {
    width: min(100%, var(--kg4x-card-w)) !important;
    max-width: var(--kg4x-card-w) !important;
    justify-self: start !important;
    transform: translateX(var(--kf-shift-x, 0px)) !important;
    min-height: var(--kg4x-card-minh);
    padding: clamp(16px, 1.4vw, 22px) clamp(22px, 1.9vw, 28px) !important;
  }
  .kf-flags .kf-flag-card h3,
  .kf-flags .kf-flag-card .kf-flag-card__head,
  .kf-flags .kf-flag h3,
  .kf-flags .kf-flag .kf-flag-card__head {
    margin-bottom: clamp(4px, 0.55vw, 8px);
  }
  .kf-flags .kf-flag-card:nth-child(even),
  .kf-flags .kf-flag:nth-child(even) {
    justify-self: end !important;
  }
  .kf-flags .kf-flag-card--p1,
  .kf-flags .kf-flag.kf-flag-card--p1,
  .kf-flags .kf-flag-card--p2,
  .kf-flags .kf-flag.kf-flag-card--p2,
  .kf-flags .kf-flag-card--p3,
  .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p4,
  .kf-flags .kf-flag.kf-flag-card--p4,
  .kf-flags .kf-flag-card--p5,
  .kf-flags .kf-flag.kf-flag-card--p5,
  .kf-flags .kf-flag-card--p6,
  .kf-flags .kf-flag.kf-flag-card--p6 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .kf-flags .kf-flag-card--p1,
  .kf-flags .kf-flag.kf-flag-card--p1 {
    --kf-shift-x: clamp(6px, 0.8vw, 12px);
  }
  .kf-flags .kf-flag-card--p2,
  .kf-flags .kf-flag.kf-flag-card--p2 {
    --kf-shift-x: clamp(-12px, -1.1vw, -6px);
  }
  .kf-flags .kf-flag-card--p3,
  .kf-flags .kf-flag.kf-flag-card--p3 {
    width: min(100%, var(--kg4x-card-w-wide)) !important;
    max-width: var(--kg4x-card-w-wide) !important;
    --kf-shift-x: clamp(20px, 2vw, 32px);
  }
  .kf-flags .kf-flag-card--p4,
  .kf-flags .kf-flag.kf-flag-card--p4 {
    width: min(100%, var(--kg4x-card-w-wide)) !important;
    max-width: var(--kg4x-card-w-wide) !important;
    --kf-shift-x: clamp(-32px, -2.6vw, -18px);
  }
  .kf-flags .kf-flag-card--p5,
  .kf-flags .kf-flag.kf-flag-card--p5 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.2)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.2) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.8) !important;
    --kf-shift-x: clamp(14px, 1.4vw, 24px);
  }
  .kf-flags .kf-flag-card--p6,
  .kf-flags .kf-flag.kf-flag-card--p6 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.2)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.2) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.8) !important;
    --kf-shift-x: clamp(-16px, -1.5vw, -8px);
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .kf-flags {
    --kg4x-wrap: min(980px, 96vw);
    --kg4x-col-gap: clamp(56px, 7vw, 88px);
    --kg4x-row-gap: clamp(12px, 1.4vw, 18px);
    --kg4x-card-w: clamp(292px, 32vw, 358px);
    --kg4x-card-w-wide: clamp(312px, 34vw, 382px);
    --kg4x-card-minh: clamp(122px, 8.5vw, 166px);
    padding-top: clamp(48px, 4.5vw, 72px) !important;
  }
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1,
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 {
    --kf-shift-x: clamp(-28px, -2.6vw, -16px);
  }
  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4,
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    --kf-shift-x: clamp(28px, 2.6vw, 40px);
  }
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1 {
    --kf-shift-x: clamp(-44px, -4vw, -26px);
  }
  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2 {
    --kf-shift-x: clamp(44px, 4vw, 62px);
  }
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 {
    width: min(100%, var(--kg4x-card-w-wide)) !important;
    max-width: var(--kg4x-card-w-wide) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1499px) {
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5,
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    min-height: calc(var(--kg4x-card-minh) * 0.8) !important;
    width: min(100%, calc(var(--kg4x-card-w) * 1.2)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.2) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1528px) {
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.22)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.22) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.78) !important;
  }
}

@media (min-width: 1529px) and (max-width: 1650px) {
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.22)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.22) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.78) !important;
  }
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 {
    --kf-shift-x: clamp(20px, 1.8vw, 32px);
  }
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    --kf-shift-x: clamp(-24px, -1.8vw, -14px);
  }
}

@media (min-width: 1500px) {
  .kf-flags {
    --kg4x-wrap: min(1120px, 74vw);
    --kg4x-col-gap: clamp(72px, 6.8vw, 154px);
    --kg4x-card-w: clamp(334px, 22vw, 414px);
    --kg4x-card-w-wide: clamp(356px, 23.4vw, 438px);
    --kg4x-card-minh: clamp(146px, 9.2vw, 196px);
  }
  .kf-flags .kf-flag-card, .kf-flags .kf-flag {
    min-height: var(--kg4x-card-minh) !important;
  }
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1,
  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2,
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4,
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.1)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.1) !important;
  }
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.2)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.2) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.8) !important;
    justify-self: start !important;
  }
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.2)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.2) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.8) !important;
    justify-self: end !important;
  }
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1,
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3 {
    --kf-shift-x: clamp(-8px, -0.8vw, -4px);
  }
  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 {
    --kf-shift-x: clamp(8px, 0.8vw, 14px);
  }
}

@media (min-width: 981px) and (max-width: 1650px) {
  .kf-flags {
    --kg4x-row-gap: clamp(10px, 1.1vw, 16px);
  }

  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.24)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.24) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.79) !important;
    --kf-shift-x: clamp(-30px, -1.9vw, -16px);
  }

  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.22)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.22) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.78) !important;
    --kf-shift-x: clamp(20px, 1.9vw, 30px);
  }

  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.18)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.18) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.84) !important;
    --kf-shift-x: clamp(-26px, -1.7vw, -14px);
  }

  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.20)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.20) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.81) !important;
    --kf-shift-x: clamp(18px, 1.7vw, 28px);
  }

  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.30)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.30) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.75) !important;
    --kf-shift-x: clamp(-22px, -1.5vw, -12px);
  }

  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    width: min(100%, calc(var(--kg4x-card-w) * 1.28)) !important;
    max-width: calc(var(--kg4x-card-w) * 1.28) !important;
    min-height: calc(var(--kg4x-card-minh) * 0.77) !important;
    --kf-shift-x: clamp(16px, 1.5vw, 26px);
  }
}

@media (min-width: 1801px) {
  .kf-flags .kf-flag-card--p1, .kf-flags .kf-flag.kf-flag-card--p1,
  .kf-flags .kf-flag-card--p3, .kf-flags .kf-flag.kf-flag-card--p3,
  .kf-flags .kf-flag-card--p5, .kf-flags .kf-flag.kf-flag-card--p5 {
    --kf-shift-x: clamp(-52px, -2.6vw, -30px);
  }

  .kf-flags .kf-flag-card--p2, .kf-flags .kf-flag.kf-flag-card--p2,
  .kf-flags .kf-flag-card--p4, .kf-flags .kf-flag.kf-flag-card--p4,
  .kf-flags .kf-flag-card--p6, .kf-flags .kf-flag.kf-flag-card--p6 {
    --kf-shift-x: clamp(30px, 2.6vw, 52px);
  }
}

/* First block <=980: centered title/subtitle column (85%) + form side gutters 15% */
@media (max-width: 980px) {
  body > section:first-of-type .hero-investment__content,
  body > section:first-of-type .hero-v2 .hero-investment__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 85% !important;
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
  }

  body > section:first-of-type .hero-investment__title,
  body > section:first-of-type .hero-v2 .hero-investment__title,
  body > section:first-of-type .hero-investment__subtitle,
  body > section:first-of-type .hero-v2 .hero-investment__subtitle {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body > section:first-of-type .hero-investment__form {
    width: 70vw !important;
    max-width: 70vw !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
  }

  body > section:first-of-type .hero-investment__form .hero-form-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro {
    gap: clamp(10px, 1.35vw, 16px) !important;
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro {
    --hero-card-kpi-color: #ffe4cb;
    --hero-card-text-color: rgba(255, 229, 199, 0.92);
    --hero-card-kpi-shadow: 0 10px 22px rgba(0, 0, 0, 0.36);
    --hero-card-text-shadow: 0 4px 12px rgba(0, 0, 0, 0.32);
    min-height: clamp(118px, 17vw, 176px) !important;
    padding: clamp(14px, 1.9vw, 22px) clamp(12px, 1.7vw, 20px) clamp(16px, 2.2vw, 24px) !important;
  }
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
    --hero-card-kpi-color: #ffecd9;
    --hero-card-text-color: rgba(255, 239, 221, 0.93);
  }
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
    --hero-card-kpi-color: #ffdcb3;
    --hero-card-text-color: rgba(255, 228, 194, 0.92);
  }
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
    --hero-card-kpi-color: #ffd19a;
    --hero-card-text-color: rgba(255, 220, 180, 0.91);
  }
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
    --hero-card-kpi-color: #ffddb0;
    --hero-card-text-color: rgba(255, 226, 189, 0.92);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-kpi,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-title,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .hero-benefit-kpi,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-number,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-suffix,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-value {
    font-size: clamp(1.2rem, 3.2vw, 1.55rem) !important;
    line-height: 1.22 !important;
    color: var(--hero-card-kpi-color) !important;
    text-shadow: var(--hero-card-kpi-shadow) !important;
    text-wrap: balance !important;
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-desc,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-text,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .hero-benefit-text,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-caption,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro strong {
    font-size: clamp(0.98rem, 2.1vw, 1.2rem) !important;
    line-height: 1.35 !important;
    color: var(--hero-card-text-color) !important;
    text-shadow: var(--hero-card-text-shadow) !important;
    text-wrap: balance !important;
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro {
    gap: clamp(8px, 1.4vw, 14px) !important;
  }
}
/* SSOT: first block (all pages) 2x2 cards text palette, desktop only.
   Text only: do not touch card backgrounds here. */
@media (min-width: 981px) {
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro {
    --hero-card-kpi-color: #ffe4cb;
    --hero-card-text-color: rgba(255, 229, 199, 0.92);
    --hero-card-kpi-shadow: 0 10px 22px rgba(0, 0, 0, 0.36);
    --hero-card-text-shadow: 0 4px 12px rgba(0, 0, 0, 0.32);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(1) {
    --hero-card-kpi-color: #ffecd9;
    --hero-card-text-color: rgba(255, 239, 221, 0.93);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(2) {
    --hero-card-kpi-color: #ffdcb3;
    --hero-card-text-color: rgba(255, 228, 194, 0.92);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(3) {
    --hero-card-kpi-color: #ffd19a;
    --hero-card-text-color: rgba(255, 220, 180, 0.91);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro:nth-child(4) {
    --hero-card-kpi-color: #ffddb0;
    --hero-card-text-color: rgba(255, 226, 189, 0.92);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-kpi,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-title,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .hero-benefit-kpi,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-number,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-suffix,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-value {
    color: var(--hero-card-kpi-color);
    text-shadow: var(--hero-card-kpi-shadow);
  }

  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-desc,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .benefit-text,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .hero-benefit-text,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card--intro .counter-caption,
  body > section:first-of-type .hero-benefits-grid.hero-benefits-grid--intro .hero-benefit-card.hero-benefit-card--intro strong {
    color: var(--hero-card-text-color);
    text-shadow: var(--hero-card-text-shadow);
  }
}

/* SSOT: first block form placeholders, desktop only.
   Slightly smaller placeholder text to prevent clipping in inputs. */
@media (min-width: 981px) {
  body > section:first-of-type .hero-investment__form input::placeholder,
  body > section:first-of-type .hero-investment__form textarea::placeholder,
  body > section:first-of-type .hero-form-card input::placeholder,
  body > section:first-of-type .hero-form-card textarea::placeholder,
  body > section:first-of-type .hero-form-group input::placeholder,
  body > section:first-of-type .hero-form-group textarea::placeholder {
    font-size: clamp(13px, 0.88vw, 14px);
    line-height: 1.25;
  }
}

/* SSOT: first block form CTA (consumer-protection + fraud).
   Keep a single canonical visual for button/form geometry. */
body > section.hero-investment:first-of-type .hero-form-card {
  background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.062), transparent 58%),
    radial-gradient(120% 140% at 110% 20%, rgba(255,106,0,.048), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.046), rgba(255,255,255,.02)),
    rgba(10, 6, 4, 0.34);
}

body > section.hero-investment:first-of-type .hero-form {
  --form-consent-width: min(100%, 420px);
}

body > section.hero-investment:first-of-type .hero-form .btn-primary {
  width: min(100%, 420px);
  max-width: 420px;
  margin: clamp(14px, 1.6vw, 22px) auto 0;
  min-height: clamp(54px, 5.8vh, 64px);
  padding: clamp(12px, 1.1vw, 16px) clamp(16px, 1.9vw, 24px);
  background: linear-gradient(180deg, rgba(255,245,230,0.055), rgba(255,234,210,0.018)),
    rgba(10, 6, 4, 0.2);
  font-size: clamp(15px, 0.9vw + 12px, 19px);
  line-height: 1.08;
  letter-spacing: 0.01em;
  text-align: center;
}

@media (min-width: 981px) {
  :is(
    body[data-page="consumer-protection"],
    body[data-page="medical-malpractice"],
    body[data-page="defective-apartment-renovation"],
    body[data-page="consumer-goods-refund"],
    body[data-page="complaint-against-lawyer"],
    body[data-page="forced-insurance"],
    body[data-page="furniture-defects"],
    body[data-page="construction-contract"],
    body[data-page="poor-quality-services"],
    body[data-page="contractor-agreement"],
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type {
    min-height: calc(var(--app-vh, 1vh) * 100);
  }
}

@media (max-width: 980px) {
  body > section.hero-investment:first-of-type .hero-form-card {
    background: radial-gradient(120% 140% at 18% 0%, rgba(255,138,0,.042), transparent 58%),
      radial-gradient(120% 140% at 110% 20%, rgba(255,106,0,.03), transparent 62%),
      linear-gradient(145deg, rgba(255,255,255,.029), rgba(255,255,255,.012)),
      rgba(10, 6, 4, 0.24);
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-investment__title {
    font-size: clamp(34px, 4.6vw, 48px);
    line-height: 1.02;
    margin-bottom: 10px;
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-subpoints {
    gap: 8px;
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-subpoints li {
    font-size: clamp(14px, 1.8vw, 16px);
    line-height: 1.34;
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-form-card {
    padding: clamp(20px, 4.6vw, 28px) clamp(16px, 4.2vw, 24px) clamp(18px, 4.2vw, 24px);
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-form-subtitle {
    margin: 14px 0 18px;
  }

  :is(
    body[data-page="fraud"],
    body[data-page="credit"],
    body[data-page="investment"],
    body[data-page="influence"]
  ) > section.hero-investment:first-of-type .hero-form-row {
    gap: 14px;
    margin-bottom: 18px;
  }
}

/* SSOT hotfix: block 2 (trust) desktop/tablet >=981.
   Keep this override at file end to beat late global .section-container rules. */
@media (min-width: 981px) {
  body[data-page] section.trust-parallax {
    padding: clamp(64px, 6vw, 92px) 0 clamp(70px, 6.5vw, 100px) !important;
    min-height: clamp(580px, 44vw, 760px) !important;
  }

  body[data-page] section.trust-parallax > .section-container.trust-parallax-inner {
    width: min(1520px, calc(100vw - 28px)) !important;
    max-width: none !important;
    margin-left: 14px !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: clamp(8px, 1.1vw, 16px) !important;
  }

  body[data-page] section.trust-parallax .trust-header {
    margin-left: 0 !important;
    margin-bottom: clamp(14px, 1.25vw, 20px) !important;
  }

  body[data-page] section.trust-parallax .trust-header .k-header__box {
    padding: clamp(16px, 1.45vw, 22px) clamp(18px, 1.65vw, 24px) clamp(18px, 1.75vw, 24px) !important;
    border-radius: clamp(16px, 1.8vw, 24px) !important;
    gap: clamp(6px, 0.7vw, 10px) !important;
  }

  body[data-page] section.trust-parallax .trust-title {
    font-size: clamp(1.86rem, 2.35vw, 2.5rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
  }

  body[data-page] section.trust-parallax .trust-subtitle {
    font-size: clamp(0.96rem, 0.9vw, 1.06rem) !important;
    line-height: 1.42 !important;
    margin-top: 6px !important;
  }

  body[data-page] section.trust-parallax .trust-panel {
    width: clamp(700px, 50vw, 860px) !important;
    max-width: min(62vw, 860px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 0 clamp(4px, 0.7vw, 10px) 0 0 !important;
  }

  body[data-page] section.trust-parallax .trust-parallax-bg {
    background-position: 56% 12% !important;
  }

  body[data-page] section.trust-parallax .trust-mini-grid {
    gap: clamp(12px, 1.1vw, 16px) !important;
  }

  body[data-page] section.trust-parallax .trust-mini {
    min-height: clamp(158px, 9.8vw, 192px) !important;
    padding: 22px 20px 20px !important;
    width: 80% !important;
    max-width: 80% !important;
    justify-self: center !important;
  }

  body[data-page] section.trust-parallax .trust-mini-title {
    font-size: clamp(1.06rem, 0.88vw, 1.2rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 9px !important;
  }

  body[data-page] section.trust-parallax .trust-mini-text {
    font-size: clamp(0.94rem, 0.76vw, 1.02rem) !important;
    line-height: 1.46 !important;
  }
}

@media (min-width: 981px) and (max-width: 1200px) {
  body[data-page] section.trust-parallax .trust-panel {
    width: min(62vw, 780px) !important;
    max-width: min(62vw, 780px) !important;
  }
}

@media (max-width: 980px) {
  body[data-page] section.trust-parallax .trust-parallax-bg {
    background-position:70% center !important;
  }
}

/* SSOT FAQ block (8): CTA wave + stable background behavior on accordion open */
@keyframes faq-consult-wave {
  0%, 100% {
    transform: rotate(2.4deg);
  }
  18% {
    transform: rotate(5.3deg);
  }
  36% {
    transform: rotate(0.1deg);
  }
  54% {
    transform: rotate(4.8deg);
  }
  74% {
    transform: rotate(0.6deg);
  }
}

.investment-faq .faq-ask .faq-ask-btn {
  transform-origin: 0 50% !important;
  transform: rotate(2.4deg);
  animation: none !important;
  will-change: auto;
}

.investment-faq .faq-ask .faq-ask-btn.is-wave {
  animation: faq-consult-wave 560ms cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
  will-change: transform;
}

.investment-faq .faq-ask .faq-ask-btn.is-hover-paused {
  transform: rotate(0deg) !important;
  animation-play-state: paused !important;
  border-color: rgba(255, 190, 124, 0.58) !important;
  box-shadow: 0 24px 84px rgba(0,0,0,.58), 0 10px 30px rgba(255, 165, 90, 0.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
  background: radial-gradient(760px 280px at 12% 14%, rgba(255, 214, 166, 0.40), transparent 60%),
    radial-gradient(520px 220px at 92% 50%, rgba(255, 155, 66, 0.28), transparent 70%),
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255, 138, 0, 0.10) 62%, rgba(255, 138, 0, 0.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 100%),
    rgba(12,8,6,.50) !important;
}

@media (hover: hover) and (pointer: fine) {
  .investment-faq .faq-ask .faq-ask-btn:hover,
  .investment-faq .faq-ask .faq-ask-btn:focus-visible {
    transform: rotate(0deg) !important;
    animation-play-state: paused !important;
    border-color: rgba(255, 190, 124, 0.58) !important;
    box-shadow: 0 24px 84px rgba(0,0,0,.58), 0 10px 30px rgba(255, 165, 90, 0.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
    background: radial-gradient(760px 280px at 12% 14%, rgba(255, 214, 166, 0.40), transparent 60%),
      radial-gradient(520px 220px at 92% 50%, rgba(255, 155, 66, 0.28), transparent 70%),
      linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255, 138, 0, 0.10) 62%, rgba(255, 138, 0, 0.18) 100%),
      linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 100%),
      rgba(12,8,6,.50) !important;
  }
}

.investment-faq .faq-aside--visual,
.investment-faq .keis-parallax-bg {
  transform: none !important;
  transition: none !important;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .investment-faq .faq-ask .faq-ask-btn,
  .investment-faq .faq-ask .faq-ask-btn.is-wave {
    animation: none !important;
    transform: rotate(2.4deg) !important;
  }

  .investment-faq .faq-aside--visual,
  .investment-faq .keis-parallax-bg {
    transform: none !important;
    transition: none !important;
  }

  .hero-benefit-card.hero-benefit-card--intro,
  #kgx-stories-carousel .kgx-stories__slide,
  .trust-mini,
  .kf-flags .kf-flag-card,
  .kf-flags .kf-flag,
  body.page-investment .investment-process .work-step-body,
  body.page-main .investment-process .work-step-body,
  body.page-credit .investment-process .work-step-body,
  body.page-influence .investment-process .work-step-body {
    transition: none !important;
  }

  .hero-investment .hero-benefit-card.hero-benefit-card--intro:hover,
  #kgx-stories-carousel .kgx-stories__slide:hover,
  .trust-mini:hover,
  body.page-investment .investment-process .work-step-body:hover,
  body.page-main .investment-process .work-step-body:hover,
  body.page-credit .investment-process .work-step-body:hover,
  body.page-influence .investment-process .work-step-body:hover {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  .kf-flags .kf-flag-card:hover,
  .kf-flags .kf-flag:hover {
    --kf-hover-lift: 0px !important;
    --kf-hover-scale: 1 !important;
  }
}

/* KF-flags header text policy:
   title in one line, subtitle up to two lines. */
.kf-flags .k-header__box .k-title {
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  line-height: 1.05 !important;
}

.kf-flags .k-header__box .k-subtitle {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.34 !important;
  max-height: calc(2 * 1.34em) !important;
}

@media (max-width: 980px) {
  .kf-flags .k-header__box .k-title {
    font-size: clamp(1.36rem, 5vw, 2.8rem) !important;
  }
}

/* KF FLAGS: universal desktop — paper cards only (no photo background on any page) */
@media (min-width: 981px) {
  .kf-flags .kf-flag-card,
  .kf-flags .kf-flag {
    background-image: none !important;
  }
}