/* Brand tokens are inserted here by build-preview.py, without changing values. */
body:has(#kg-comparison-page),.kg-comparison-content{
  /* ── ЦВЕТ ────────────────────────────────────────────────────────────── */
  /* Красный — единственный цвет действия: CTA, ссылки, цена-акцент, лента скидки */
  --kg-red:        #ED3C24;
  --kg-red-light:  #FF8574;  /* иконка-бейдж в CTA, hover */
  --kg-red-coral:  #FF7E6D;  /* hover play-бейджа видео */
  --kg-red-100:    #FFDED9;  /* заливка вторичной кнопки */

  /* Синий — информация / активное состояние: eyebrow-плашки, активный FAQ, «на карте» */
  --kg-blue:       #2C9CED;
  --kg-blue-light: #54AFF0;
  --kg-blue-badge: #1695F0;

  /* Зелёный (из логотипа) и золото — точечно, максимум один акцент на экран */
  --kg-green:      #8DD32A;
  --kg-green-2:    #7AB922;
  --kg-gold:       #FFD700;

  /* Чернила и нейтрали */
  --kg-ink:        #272524;  /* заголовки */
  --kg-ink-2:      #252525;  /* основной текст */
  --kg-white:      #FFFFFF;
  --kg-grey-bg:    #F6F6F6;  /* фон секции */
  --kg-grey-chip:  #F3F3F3;  /* серый инфо-чип */
  --kg-grey-300:   #D9D9D9;
  --kg-border:     #E3E3E3;  /* разделители */
  --kg-border-2:   #E7E7E7;  /* волосяная рамка карточки */

  /* Семантические алиасы — в разметке используйте их */
  --kg-text-primary:   var(--kg-ink);
  --kg-text-secondary: var(--kg-ink-2);
  --kg-text-muted:     rgba(37,37,37,0.4);   /* подписи в карточках */
  --kg-text-inverse:   var(--kg-white);
  --kg-surface:        var(--kg-white);
  --kg-surface-alt:    var(--kg-grey-bg);
  --kg-surface-chip:   var(--kg-grey-chip);
  --kg-accent:         var(--kg-red);
  --kg-accent-hover:   var(--kg-red-light);
  --kg-accent-soft:    var(--kg-red-100);
  --kg-info:           var(--kg-blue);
  --kg-link:           var(--kg-red);
  --kg-link-hover:     var(--kg-red-light);

  /* ── ТИПОГРАФИКА ─────────────────────────────────────────────────────── */
  /* Display = Unbounded (ВСЕГДА UPPERCASE, letter-spacing .02em)
     Body = Inter (базовый размер 15px, line-height 1.3)
     Raleway SemiBold — редкий акцент */
  --kg-font-display: 'Unbounded', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --kg-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --kg-font-accent:  'Raleway', var(--kg-font-body);

  --kg-w-light: 300;
  --kg-w-regular: 400;
  --kg-w-medium: 500;
  --kg-w-semibold: 600;
  --kg-w-bold: 700;
  --kg-w-extrabold: 800;

  --kg-display-xl: 52px;  /* H1 первого экрана */
  --kg-display-lg: 36px;  /* заголовок секции */
  --kg-display-md: 28px;  /* заголовок карточки */
  --kg-display-sm: 24px;  /* подзаголовок, цена */
  --kg-display-xs: 20px;

  --kg-body-lg:   20px;
  --kg-body-md:   18px;   /* лейблы кнопок */
  --kg-body-base: 15px;   /* доминирующий размер текста */
  --kg-body-sm:   13px;
  --kg-body-xs:   12px;

  --kg-lh-tight: 1.2;
  --kg-lh-base:  1.3;
  --kg-ls-display: 0.02em;
  --kg-ls-tight: -0.02em; /* лейблы кнопок */

  /* ── ОТСТУПЫ (ритм 4/6/10/16/20/30) ──────────────────────────────────── */
  --kg-space-1: 4px;
  --kg-space-2: 6px;
  --kg-space-3: 10px;
  --kg-space-4: 16px;
  --kg-space-5: 20px;
  --kg-space-6: 30px;
  --kg-space-7: 40px;
  --kg-space-8: 60px;
  --kg-section-y: 100px;   /* вертикальный ритм секций (desktop) */
  --kg-container: 1200px;  /* макетная сетка: 1200 / 640 / 340 */

  /* ── РАДИУСЫ ─────────────────────────────────────────────────────────── */
  --kg-radius-chip: 6px;    /* серый инфо-чип */
  --kg-radius-sm:   16px;   /* внутреннее изображение */
  --kg-radius-md:   20px;   /* FAQ / квиз / медиа-карточка */
  --kg-radius-lg:   27px;   /* фото внутри карточки */
  --kg-radius-xl:   30px;   /* основная карточка */
  --kg-radius-pill: 200px;  /* кнопки, поля ввода */

  /* ── ТЕНИ И СОСТОЯНИЯ ────────────────────────────────────────────────── */
  --kg-shadow-card: 0px 2px 17px 0px rgba(0,0,0,0.1);
  --kg-shadow-soft: 0px 2px 17px 0px rgba(84,138,174,0.15);
  --kg-shadow-step: 0px 0px 22px 0px rgba(174,207,255,0.5);
  --kg-ring-focus:  0 0 0 4px rgba(237,60,36,0.2);
  --kg-transition:  .15s ease;

  /* Защитный градиент поверх фото в hero (слева направо) */
  --kg-hero-scrim: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.05) 100%);}
/* ==========================================================================
   КРЫМСКИЙ ГЕКТАР — Components
   Подключать после kg-tokens.css. Геометрия перенесена из фирменных компонентов.
   ========================================================================== */

/* ── КНОПКИ ───────────────────────────────────────────────────────────────
   Главный сигнатурный элемент: красная pill-кнопка с коралловым круглым
   бейджем-иконкой слева. Высота 55 (md), 60 (lg), 48 (sm). Лейбл — UPPERCASE. */
.kg-comparison-content .kg-btn{
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--kg-space-2);
  height: 55px; padding: 0 28px;
  border: none; border-radius: var(--kg-radius-pill);
  font-family: var(--kg-font-body); font-weight: var(--kg-w-medium);
  font-size: var(--kg-body-md); letter-spacing: var(--kg-ls-tight);
  text-transform: uppercase; cursor: pointer; overflow: hidden;
  transition: filter var(--kg-transition), background var(--kg-transition), color var(--kg-transition);
}
.kg-comparison-content .kg-btn--lg{ height: 60px; }
.kg-comparison-content .kg-btn--sm{ height: 48px; font-size: var(--kg-body-base); }
.kg-comparison-content .kg-btn:hover{ filter: brightness(1.05); }
.kg-comparison-content .kg-btn:active{ transform: none; }              /* прессы не «сжимаются» */
.kg-comparison-content .kg-btn:focus-visible{ outline: none; box-shadow: var(--kg-ring-focus); }

.kg-comparison-content .kg-btn--primary{ background: var(--kg-red);      color: var(--kg-white); }
.kg-comparison-content .kg-btn--secondary{ background: var(--kg-red-100);  color: var(--kg-red); }
.kg-comparison-content .kg-btn--outline{ background: var(--kg-white);    color: var(--kg-red); box-shadow: inset 0 0 0 1px var(--kg-red); }
.kg-comparison-content .kg-btn--outline:hover{ background: var(--kg-red); color: var(--kg-white); filter: none; }

/* Бейдж-иконка внутри кнопки */
.kg-comparison-content .kg-btn--icon{ padding-left: 4px; }
.kg-comparison-content .kg-btn__badge{
  width: 47px; height: 47px; flex-shrink: 0; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--kg-red-light); color: var(--kg-white);
}
.kg-btn--secondary .kg-btn__badge,
.kg-comparison-content .kg-btn--outline .kg-btn__badge{ background: var(--kg-white); color: var(--kg-red); }
.kg-comparison-content .kg-btn--icon .kg-btn__label{ padding: 0 8px; }

/* Круглая стрелка «купить / подробнее» */
.kg-comparison-content .kg-arrow-btn{
  width: 60px; height: 60px; flex-shrink: 0; border-radius: 50%; border: none;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  background: var(--kg-white); color: var(--kg-red);
  box-shadow: inset 0 0 0 1px var(--kg-red);
  transition: background var(--kg-transition), color var(--kg-transition);
}
.kg-comparison-content .kg-arrow-btn:hover{ background: var(--kg-red); color: var(--kg-white); }
.kg-comparison-content .kg-arrow-btn--filled{ background: var(--kg-red); color: var(--kg-white); box-shadow: none; }
.kg-comparison-content .kg-arrow-btn--sm{ width: 48px; height: 48px; }

/* Текстовая ссылка-действие */
.kg-comparison-content .kg-textlink{
  display: inline-flex; align-items: center; gap: var(--kg-space-3);
  font-size: var(--kg-body-base); font-weight: var(--kg-w-medium);
  text-transform: uppercase; letter-spacing: var(--kg-ls-display); color: var(--kg-red);
}
.kg-comparison-content .kg-textlink:hover{ color: var(--kg-red-light); }

/* Синий переключатель «На карте» */
.kg-comparison-content .kg-map-btn{
  display: inline-flex; align-items: center; gap: var(--kg-space-2);
  height: 48px; padding: 0 22px; border: none; border-radius: var(--kg-radius-pill);
  background: var(--kg-blue); color: var(--kg-white); cursor: pointer;
  font-family: var(--kg-font-body); font-size: var(--kg-body-base); text-transform: uppercase;
}

/* ── ПЛАШКИ И ЧИПЫ ──────────────────────────────────────────────────────── */
.kg-comparison-content .kg-eyebrow{          /* синяя надзаголовочная плашка */
  display: inline-flex; padding: 4px 17px; border-radius: 10px;
  background: var(--kg-blue); color: var(--kg-white);
  font-size: var(--kg-body-base); letter-spacing: var(--kg-ls-display);
}
.kg-comparison-content .kg-chip{             /* серый чип «ключ: значение» */
  display: inline-flex; align-items: center; gap: var(--kg-space-2);
  padding: 10px 16px; border-radius: var(--kg-radius-chip); background: var(--kg-surface-chip);
}
.kg-comparison-content .kg-chip__key{ font-size: var(--kg-body-base); color: var(--kg-text-muted); }
.kg-comparison-content .kg-chip__val{ font-size: var(--kg-body-md); font-weight: var(--kg-w-semibold); color: var(--kg-ink); }

.kg-comparison-content .kg-counter{          /* белая пилюля «Осталось: N» */
  display: inline-flex; align-items: center; gap: 5px;
  height: 40px; padding: 0 16px; border-radius: var(--kg-radius-xl); background: var(--kg-white);
}
.kg-comparison-content .kg-counter__key{ font-size: var(--kg-body-base); color: var(--kg-text-muted); }
.kg-comparison-content .kg-counter__val{ font-size: var(--kg-body-md); font-weight: var(--kg-w-semibold); color: var(--kg-red); }

.kg-comparison-content .kg-badge-value{      /* синий бейдж значения (инвест-карточки) */
  display: inline-flex; padding: 6px 14px; border-radius: var(--kg-radius-chip);
  background: var(--kg-blue-badge); color: var(--kg-white);
  font-family: var(--kg-font-display); font-size: var(--kg-body-base); letter-spacing: var(--kg-ls-display);
}

/* ── ЗАГОЛОВОК СЕКЦИИ ───────────────────────────────────────────────────── */
.kg-comparison-content .kg-heading{ display: flex; flex-direction: column; gap: var(--kg-space-4); align-items: flex-start; }
.kg-comparison-content .kg-heading--center{ align-items: center; text-align: center; }
.kg-comparison-content .kg-heading p{ margin: 0; max-width: 640px; font-size: var(--kg-body-md); line-height: 1.4; color: var(--kg-ink-2); }

/* ── HERO ───────────────────────────────────────────────────────────────── */
.kg-comparison-content .kg-hero{
  position: relative; min-height: 640px; display: flex; align-items: center;
  background-size: cover; background-position: center; color: var(--kg-white);
  border-radius: 0;
}
.kg-comparison-content .kg-hero::before{ content: ''; position: absolute; inset: 0; background: var(--kg-hero-scrim); }
.kg-comparison-content .kg-hero > *{ position: relative; }
.kg-comparison-content .kg-hero .kg-display-xl, .kg-comparison-content .kg-hero h1{ color: var(--kg-white); }
.kg-comparison-content .kg-hero__lead{ max-width: 560px; font-size: var(--kg-body-lg); line-height: 1.4; color: var(--kg-white); }

/* ── КАРТОЧКА УЧАСТКА ───────────────────────────────────────────────────── */
.kg-comparison-content .kg-card{
  position: relative; background: var(--kg-white);
  border-radius: var(--kg-radius-xl); box-shadow: var(--kg-shadow-card);
  padding: 3px; overflow: hidden;
}
.kg-comparison-content .kg-card__media{ position: relative; height: 230px; border-radius: var(--kg-radius-lg); overflow: hidden; background: var(--kg-grey-300) center/cover no-repeat; }
.kg-comparison-content .kg-card__media .kg-counter{ position: absolute; top: 10px; right: 10px; }
.kg-comparison-content .kg-card__body{ padding: 20px 17px 17px; display: flex; flex-direction: column; gap: var(--kg-space-5); }
.kg-comparison-content .kg-card__title{ font-family: var(--kg-font-display); font-weight: var(--kg-w-regular); font-size: var(--kg-display-md); line-height: var(--kg-lh-base); letter-spacing: var(--kg-ls-display); text-transform: uppercase; color: var(--kg-ink); margin: 0; }
.kg-comparison-content .kg-card__location{ font-size: var(--kg-body-base); color: var(--kg-ink-2); }
.kg-comparison-content .kg-card__foot{ display: flex; justify-content: space-between; align-items: flex-end; gap: var(--kg-space-4); }
.kg-comparison-content .kg-card__old{ font-family: var(--kg-font-display); font-size: var(--kg-body-base); letter-spacing: var(--kg-ls-display); text-decoration: line-through; opacity: .3; color: var(--kg-ink); }

/* Диагональная красная лента скидки в углу карточки */
.kg-comparison-content .kg-ribbon{
  position: absolute; left: 0; top: 0; width: 128px; height: 128px; overflow: hidden; z-index: 2; pointer-events: none;
}
.kg-comparison-content .kg-ribbon span{
  position: absolute; top: 26px; left: -34px; width: 170px; padding: 6px 0;
  transform: rotate(-45deg); background: var(--kg-red); color: var(--kg-white);
  text-align: center; font-family: var(--kg-font-display); font-size: var(--kg-body-base); letter-spacing: var(--kg-ls-display);
}

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.kg-comparison-content .kg-faq{ display: flex; flex-direction: column; gap: var(--kg-space-4); }
.kg-comparison-content .kg-faq__item{ background: var(--kg-white); border-radius: var(--kg-radius-md); box-shadow: var(--kg-shadow-soft); overflow: hidden; }
.kg-comparison-content .kg-faq__q{
  display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--kg-space-5);
  padding: 30px; border: none; background: none; cursor: pointer; text-align: left;
  font-family: var(--kg-font-display); font-weight: var(--kg-w-medium); font-size: var(--kg-display-sm);
  line-height: var(--kg-lh-tight); text-transform: uppercase; color: var(--kg-ink);
  transition: color var(--kg-transition);
}
.kg-comparison-content .kg-faq__toggle{
  flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--kg-red-100); color: var(--kg-red);
  transition: transform .2s ease, background var(--kg-transition), color var(--kg-transition);
}
.kg-comparison-content .kg-faq__a{ padding: 0 30px 30px; font-size: var(--kg-body-md); line-height: 1.4; color: var(--kg-ink-2); }
.kg-comparison-content .kg-faq__item[data-open="true"] .kg-faq__q{ color: var(--kg-blue); }
.kg-comparison-content .kg-faq__item[data-open="true"] .kg-faq__toggle{ background: var(--kg-red); color: var(--kg-white); transform: rotate(45deg); }
.kg-comparison-content .kg-faq__item[data-open="false"] .kg-faq__a{ display: none; }

/* ── ФОРМЫ ──────────────────────────────────────────────────────────────── */
.kg-comparison-content .kg-field{ display: flex; flex-direction: column; gap: var(--kg-space-2); }
.kg-comparison-content .kg-field > span{ font-size: var(--kg-body-base); color: var(--kg-text-muted); }
.kg-comparison-content .kg-input, .kg-comparison-content .kg-textarea{
  width: 100%; padding: 0 24px; height: 55px;
  border: 1px solid var(--kg-border); border-radius: var(--kg-radius-pill);
  background: var(--kg-white); font-family: var(--kg-font-body); font-size: var(--kg-body-base); color: var(--kg-ink);
  outline: none; transition: border-color var(--kg-transition), box-shadow var(--kg-transition);
}
.kg-comparison-content .kg-textarea{ height: auto; min-height: 96px; padding: 16px 24px; border-radius: var(--kg-radius-md); resize: vertical; }
.kg-comparison-content .kg-input:focus, .kg-comparison-content .kg-textarea:focus{ border-color: var(--kg-red); box-shadow: var(--kg-ring-focus); }
.kg-comparison-content .kg-checkbox{ display: flex; align-items: flex-start; gap: var(--kg-space-3); font-size: var(--kg-body-sm); color: var(--kg-text-muted); }
.kg-comparison-content .kg-checkbox input{ accent-color: var(--kg-red); width: 20px; height: 20px; margin: 0; flex-shrink: 0; }

/* ── ШАГИ «КАК ПРОХОДИТ СДЕЛКА» ─────────────────────────────────────────── */
.kg-comparison-content .kg-step{
  position: relative; width: 300px; height: 300px; border-radius: 50%;
  background: var(--kg-white); box-shadow: var(--kg-shadow-step);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--kg-space-4); padding: 0 14%; text-align: center;
}
.kg-comparison-content .kg-step__num{
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  width: 51px; height: 52px; padding-top: 8px; background: var(--kg-blue); color: var(--kg-white);
  border-radius: 10px 10px 20px 20px / 10px 10px 26px 26px;
  display: inline-flex; align-items: flex-start; justify-content: center; font-size: var(--kg-body-md);
}

/* ── ПРОЧИЕ БЛОКИ ───────────────────────────────────────────────────────── */
.kg-comparison-content .kg-benefit{          /* плитка выгоды: синий медальон + заголовок + текст */
  background: var(--kg-white); border-radius: var(--kg-radius-md); box-shadow: var(--kg-shadow-soft);
  padding: var(--kg-space-6); display: flex; flex-direction: column; align-items: center;
  gap: var(--kg-space-4); text-align: center;
}
.kg-comparison-content .kg-benefit__icon{ width: 64px; height: 64px; border-radius: 50%; background: rgba(44,156,237,.1); color: var(--kg-blue); display: inline-flex; align-items: center; justify-content: center; }

.kg-comparison-content .kg-media{            /* видео/медиа-карточка с красным play-бейджем */
  position: relative; border-radius: var(--kg-radius-md); overflow: hidden; background: var(--kg-grey-300) center/cover no-repeat; aspect-ratio: 16 / 10;
}
.kg-comparison-content .kg-media__play{ position: absolute; inset: 0; margin: auto; width: 72px; height: 72px; border-radius: 50%; background: var(--kg-red); color: var(--kg-white); display: inline-flex; align-items: center; justify-content: center; border: none; cursor: pointer; }
.kg-comparison-content .kg-media__play:hover{ background: var(--kg-red-coral); }

.kg-comparison-content .kg-socials{ display: flex; gap: var(--kg-space-3); }
.kg-comparison-content .kg-social{ width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--kg-white); box-shadow: var(--kg-shadow-card); color: var(--kg-red); transition: transform var(--kg-transition); }
.kg-comparison-content .kg-social:hover{ transform: translateY(-2px); }

.kg-comparison-content{font:var(--kg-w-regular) var(--kg-body-base)/1.45 var(--kg-font-body);color:var(--kg-ink);background:var(--kg-white);color-scheme:light;max-width:var(--kg-container);margin:auto}
.kg-comparison-content *{box-sizing:border-box}
.kg-comparison-content [hidden]{display:none!important}
.kg-comparison-content .kg-note{background:var(--kg-grey-bg);padding:var(--kg-space-3) var(--kg-space-5);font-size:var(--kg-body-sm)}
.kg-comparison-content .kg-shell{padding:var(--kg-space-4) var(--kg-space-5);border-bottom:1px solid var(--kg-border);font-size:var(--kg-body-sm);display:flex;justify-content:space-between;gap:var(--kg-space-4);flex-wrap:wrap}
.kg-comparison-content .kg-shell strong{font-family:var(--kg-font-display);font-weight:var(--kg-w-medium);text-transform:uppercase}
.kg-comparison-content main{padding:0}
.kg-comparison-content h1{font-family:var(--kg-font-display);font-size:var(--kg-display-sm);font-weight:var(--kg-w-medium);letter-spacing:var(--kg-ls-display);text-transform:uppercase;margin:var(--kg-space-2) 0 var(--kg-space-3)}
.kg-comparison-content h2{font-size:var(--kg-body-lg);font-weight:var(--kg-w-semibold);margin:var(--kg-space-4) 0 var(--kg-space-3)}
.kg-comparison-content p{margin:0 0 var(--kg-space-3)}
.kg-comparison-content button,.kg-comparison-content select{font:inherit;min-height:44px}
.kg-comparison-content .kg-button{border:1px solid var(--kg-border);border-radius:var(--kg-radius-pill);padding:var(--kg-space-3) var(--kg-space-4);background:var(--kg-white);color:var(--kg-ink);font-weight:var(--kg-w-medium)}
.kg-comparison-content .kg-button[aria-pressed=true]{background:var(--kg-red-100);border-color:var(--kg-red);color:var(--kg-ink)}
.kg-comparison-content .kg-button:disabled{opacity:.5}
.kg-comparison-content .kg-primary{background:var(--kg-red);color:var(--kg-white);border-color:var(--kg-red)}
.kg-comparison-content .kg-row{display:flex;flex-wrap:wrap;gap:var(--kg-space-3);align-items:center;margin:var(--kg-space-4) 0}
.kg-comparison-content label{display:flex;align-items:center;gap:var(--kg-space-2);min-height:44px}
.kg-comparison-content input{accent-color:var(--kg-red);width:18px;height:18px;flex-shrink:0}
.kg-comparison-content .kg-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kg-space-3)}
.kg-comparison-content .kg-choice{padding:var(--kg-space-3);border:1px solid var(--kg-border);border-radius:var(--kg-radius-sm);align-items:flex-start}
.kg-comparison-content .kg-choice:has(input:checked){border-color:var(--kg-red);background:var(--kg-red-100)}
.kg-comparison-content .kg-choice small{display:block;font-size:var(--kg-body-xs)}
.kg-comparison-content .kg-criteria{border:1px solid var(--kg-border);padding:var(--kg-space-4);border-radius:var(--kg-radius-sm);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--kg-space-4)}
.kg-comparison-content .kg-criteria legend{font-weight:var(--kg-w-semibold)}
.kg-comparison-content .kg-table-wrap{overflow-x:auto;max-width:100%;margin:var(--kg-space-4) 0}
.kg-comparison-content .kg-wide th:first-child{width:calc(var(--kg-space-5)*9)}
.kg-comparison-content table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:var(--kg-body-sm)}
.kg-comparison-content th,.kg-comparison-content td{padding:var(--kg-space-3);vertical-align:top;text-align:left;border-bottom:1px solid var(--kg-border);overflow-wrap:anywhere}
.kg-comparison-content thead th{background:var(--kg-grey-bg);font-weight:var(--kg-w-semibold)}
.kg-comparison-content tbody th{font-weight:var(--kg-w-medium);background:var(--kg-grey-bg)}
.kg-comparison-content th:first-child{width:20%}
.kg-comparison-content th .kg-button{width:100%;margin-top:var(--kg-space-3);font-size:var(--kg-body-xs);padding:var(--kg-space-2)}
.kg-comparison-content .kg-preferred{box-shadow:inset 3px 0 var(--kg-red);background:var(--kg-red-100)}
.kg-comparison-content .kg-value{display:block;font-weight:var(--kg-w-semibold)}
.kg-comparison-content small{font-size:var(--kg-body-xs);display:block;margin-top:var(--kg-space-1);line-height:1.4}
.kg-comparison-content .kg-common{border-top:1px solid var(--kg-border);padding-top:var(--kg-space-4);margin-top:var(--kg-space-4)}
.kg-comparison-content summary{min-height:44px;padding:var(--kg-space-3) 0;font-weight:var(--kg-w-medium)}
.kg-comparison-content .kg-status{font-size:var(--kg-body-sm);min-height:1.5em}
.kg-comparison-content a{color:var(--kg-ink);text-decoration:underline;overflow-wrap:anywhere}
.kg-comparison-content .kg-sources{font-size:var(--kg-body-sm)}
.kg-comparison-content .kg-linktext{overflow-wrap:anywhere;padding:var(--kg-space-3);background:var(--kg-grey-bg);font-size:var(--kg-body-sm)}
.kg-comparison-content .kg-phone-selector,.kg-comparison-content .kg-mobile-only{display:none}
.kg-comparison-content .kg-page-section{padding:var(--kg-space-8) var(--kg-space-5);scroll-margin-top:var(--kg-space-5)}
.kg-comparison-content .kg-page-section h2{font-family:var(--kg-font-display);font-size:var(--kg-display-lg);line-height:var(--kg-lh-tight);text-transform:uppercase;font-weight:var(--kg-w-medium);margin:0 0 var(--kg-space-5)}
.kg-comparison-content .kg-page-section h3{font-size:var(--kg-body-lg);margin:0 0 var(--kg-space-3)}
.kg-comparison-content .kg-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--kg-space-5);padding:var(--kg-space-4) var(--kg-space-5)}
.kg-comparison-content .kg-logo{display:block;width:calc(var(--kg-space-5)*7);height:auto}
.kg-comparison-content .kg-nav{display:flex;flex-wrap:wrap;gap:var(--kg-space-5);align-items:center}
.kg-comparison-content .kg-nav a{font-size:var(--kg-body-sm);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.kg-comparison-content .kg-contact-head{text-align:right}
.kg-comparison-content .kg-contact-head a{font-weight:var(--kg-w-semibold);text-decoration:none}
.kg-comparison-content .kg-hero{background-image:url('media/hero-coast.jpg');padding:var(--kg-space-8) var(--kg-space-7);min-height:calc(var(--kg-space-8)*8)}
.kg-comparison-content .kg-hero h1{font-size:var(--kg-display-xl);max-width:calc(var(--kg-space-8)*12);line-height:var(--kg-lh-tight);margin:var(--kg-space-5) 0}
.kg-comparison-content .kg-hero p{max-width:calc(var(--kg-space-8)*9);font-size:var(--kg-body-lg);margin-bottom:var(--kg-space-6)}
.kg-comparison-content .kg-hero small{color:var(--kg-white)}
.kg-comparison-content a.kg-btn{color:var(--kg-white);text-decoration:none;white-space:normal;text-align:center;height:auto;min-height:55px;padding:var(--kg-space-4) var(--kg-space-6)}
.kg-comparison-content .kg-alt{background:var(--kg-grey-bg)}
.kg-comparison-content .kg-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-5)}
.kg-comparison-content .kg-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kg-space-7);align-items:center}
.kg-comparison-content .kg-page-card{background:var(--kg-white);border:1px solid var(--kg-border);border-radius:var(--kg-radius-xl);padding:var(--kg-space-6);display:flex;flex-direction:column;gap:var(--kg-space-3)}
.kg-comparison-content .kg-page-card a{margin-top:auto}
.kg-comparison-content .kg-number{font-family:var(--kg-font-display);font-size:var(--kg-display-lg);font-weight:var(--kg-w-medium);display:block}
.kg-comparison-content .kg-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kg-space-4);padding:var(--kg-space-6) 0}
.kg-comparison-content .kg-payment span{font-size:var(--kg-body-sm)}
.kg-comparison-content .kg-download-row{display:flex;flex-direction:column;align-items:flex-end;gap:var(--kg-space-2);padding:0 0 var(--kg-space-5)}
.kg-comparison-content .kg-download-row .kg-status{margin:0;text-align:right}
.kg-comparison-content .kg-review{border:1px solid var(--kg-border);border-radius:var(--kg-radius-md);overflow:hidden;background:var(--kg-white);display:flex;flex-direction:column}
.kg-comparison-content .kg-review img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.kg-comparison-content .kg-review-text{padding:var(--kg-space-5);display:flex;flex-direction:column;gap:var(--kg-space-3);flex:1}
.kg-comparison-content .kg-review a{margin-top:auto}
.kg-comparison-content .kg-faq details{border-bottom:1px solid var(--kg-border);padding:var(--kg-space-3) 0}
.kg-comparison-content .kg-faq summary{font-size:var(--kg-body-md);cursor:pointer}
.kg-comparison-content .kg-faq details p{padding:var(--kg-space-3) 0;max-width:calc(var(--kg-space-8)*13)}
.kg-comparison-content .kg-form{display:flex;flex-direction:column;gap:var(--kg-space-4);padding:var(--kg-space-6);background:var(--kg-white);border-radius:var(--kg-radius-xl)}
.kg-comparison-content .kg-form label{align-items:flex-start}
.kg-comparison-content .kg-form .kg-phone-label{display:flex;flex-direction:column;gap:var(--kg-space-3)}
.kg-comparison-content .kg-form input[type=tel]{width:100%;height:55px;border:1px solid var(--kg-border);border-radius:var(--kg-radius-pill);padding:var(--kg-space-4);font:inherit;font-size:var(--kg-body-md)}
.kg-comparison-content .kg-form .kg-consent{font-size:var(--kg-body-xs)}
.kg-comparison-content .kg-map-image{width:100%;height:auto;display:block;border-radius:var(--kg-radius-md)}
.kg-comparison-content .kg-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kg-space-6);padding-bottom:var(--kg-space-7)}
.kg-comparison-content .kg-footer-links nav{display:flex;flex-direction:column;gap:var(--kg-space-3)}
.kg-comparison-content .kg-footer-links a{font-size:var(--kg-body-sm);min-height:32px}
.kg-comparison-content .kg-legal{border-top:1px solid var(--kg-border);padding-top:var(--kg-space-5);font-size:var(--kg-body-xs)}
.kg-comparison-content .kg-legal nav{display:flex;flex-wrap:wrap;gap:var(--kg-space-4);margin:var(--kg-space-4) 0}
.kg-comparison-content .kg-choice:has(input:disabled){opacity:.55}
@media(max-width:999px){
 .kg-comparison-content main{padding:0}

 .kg-comparison-content .kg-page-section{padding:var(--kg-space-7) var(--kg-space-4)}
 .kg-comparison-content .kg-topbar{flex-wrap:wrap;padding:var(--kg-space-4)}
 .kg-comparison-content .kg-nav{order:3;width:100%;gap:var(--kg-space-4)}
 .kg-comparison-content .kg-contact-head small{display:none}
 .kg-comparison-content .kg-hero{padding:var(--kg-space-7) var(--kg-space-5);min-height:calc(var(--kg-space-8)*7)}
 .kg-comparison-content .kg-page-grid{grid-template-columns:1fr}
 .kg-comparison-content .kg-two-col{grid-template-columns:1fr;gap:var(--kg-space-6)}
 .kg-comparison-content .kg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kg-comparison-content .kg-payment .kg-number{font-size:var(--kg-display-sm)}
 .kg-comparison-content .kg-page-card{padding:var(--kg-space-5)}
 .kg-comparison-content .kg-form{padding:var(--kg-space-5)}
 .kg-comparison-content .kg-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kg-comparison-content .kg-criteria{grid-template-columns:1fr}
 .kg-comparison-content .kg-phone-selector{display:flex;flex-wrap:wrap;gap:var(--kg-space-3)}
 .kg-comparison-content .kg-phone-selector label{display:block;flex:1;min-width:110px}
 .kg-comparison-content select{display:block;width:100%;max-width:100%;background:var(--kg-white);border:1px solid var(--kg-border);border-radius:var(--kg-radius-chip);color:var(--kg-ink);font-size:var(--kg-body-base)}
 .kg-comparison-content table{font-size:var(--kg-body-sm)}
 .kg-comparison-content .kg-mobile-only th:first-child{width:50%}
 .kg-comparison-content .kg-mobile-only .kg-mobile-param th{width:auto}
 .kg-comparison-content .kg-mobile-only .kg-value{font-size:var(--kg-body-base)}
 .kg-comparison-content .kg-desktop-only{display:none}
 .kg-comparison-content .kg-mobile-only{display:block}
 .kg-comparison-content .kg-shell{padding:var(--kg-space-3)}
}
/* KG_UX */
/* KG_SLIDERS */
/* KG_DESIGN */