:root {
  --kg-ink: #010B14;
  --kg-ink-2: #051321;
  --kg-ink-3: #0B1D2F;
  --kg-paper: #F2EEE3;
  --kg-text: #D9DDE2;
  --kg-mute: #9AA7B4;
  --kg-line: rgba(242, 238, 227, 0.12);
  --kg-line-strong: rgba(242, 238, 227, 0.24);
  --kg-gold: #C9A227;
  --kg-gold-soft: #E0BC48;
  --kg-gold-wash: rgba(201, 162, 39, 0.1);
  --kg-danger: #F0776F;
  --kg-ok: #6FCF97;

  --kg-r-sm: 8px;
  --kg-r-md: 12px;
  --kg-r-lg: 18px;
  --kg-r-pill: 999px;

  --kg-s-1: 4px;
  --kg-s-2: 8px;
  --kg-s-3: 12px;
  --kg-s-4: 16px;
  --kg-s-5: 24px;
  --kg-s-6: 32px;
  --kg-s-7: 48px;
  --kg-s-8: 72px;
  --kg-s-9: 112px;

  --kg-fs-xs: 0.75rem;
  --kg-fs-sm: 0.875rem;
  --kg-fs-md: 1rem;
  --kg-fs-lg: 1.125rem;
  --kg-fs-xl: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --kg-fs-2xl: clamp(1.625rem, 1.2rem + 1.8vw, 2.5rem);
  --kg-fs-3xl: clamp(2rem, 1.3rem + 3.2vw, 3.75rem);
  --kg-fs-hero: clamp(2.5rem, 1.2rem + 6.4vw, 6.25rem);

  --kg-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --kg-ease-io: cubic-bezier(0.77, 0, 0.175, 1);
  --kg-d-fast: 140ms;
  --kg-d-base: 200ms;
  --kg-d-slow: 280ms;

  --kg-header-h: 60px;
  --kg-header-top: 14px;
  --kg-nav-h: 64px;
  --kg-safe-b: env(safe-area-inset-bottom, 0px);
  --kg-wrap: 1180px;
  --kg-gutter: clamp(16px, 4vw, 40px);
}

html { scroll-behavior: smooth; scroll-padding-top: 96px; }

html body {
  font-family: 'Estedad', Tahoma, system-ui, sans-serif;
  background: var(--kg-ink);
  color: var(--kg-text);
  font-feature-settings: 'ss01', 'kern';
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
}

html body h1, html body h2, html body h3 { text-wrap: balance; letter-spacing: 0; }
html body .tracking-widest, html body .tracking-wide, html body .tracking-wider { letter-spacing: 0 !important; }

:focus-visible { outline: 2px solid var(--kg-gold); outline-offset: 3px; border-radius: 4px; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline: none; }
::selection { background: var(--kg-gold); color: var(--kg-ink); }

.kg-i { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; display: inline-block; vertical-align: middle; }
.kg-i--sm { width: 1em; height: 1em; }
.kg-i--lg { width: 1.5em; height: 1.5em; }

.kg-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.kg-skip { position: fixed; top: 12px; inset-inline-start: 16px; z-index: 200; transform: translateY(-300%); background: var(--kg-gold); color: var(--kg-ink); padding: 10px 16px; border-radius: var(--kg-r-sm); font-weight: 700; transition: transform var(--kg-d-fast) var(--kg-ease-out); }
.kg-skip:focus { transform: none; }

/* ── Neutralise inherited decoration ─────────────────────────── */
html body .gold-shine, html body .logo-sweep, html body i.gold-shine, html body span.text-brandGold:not(.gold-shine) {
  background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important; color: var(--kg-gold) !important; animation: none !important; text-shadow: none !important; filter: none !important;
}
html body .logo-sweep::after, html body .btn-glow::before, html body .card-glow::before, html body .glow-container::before, html body .card-shimmer::before, html body .product-glass-card::after { display: none !important; }
html body .animate-blob, html body .animate-pulse, html body .animate-glow-pulse, html body .animate-float, html body .animate-bounce-slow, html body .animate-shimmer-fast, html body .animate-pulse-scale, html body .animate-gradient-shift, html body .float-badge, html body .gold-particle { animation: none !important; }
html body .mix-blend-screen { mix-blend-mode: normal !important; }
html body *, html body *::before, html body *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body [class*="blur-["] { filter: none !important; }
html body .neon-glow-gold, html body .btn-glow, html body .card-glow, html body .neon-glow-gold:hover, html body .btn-glow:hover, html body .card-glow:hover { box-shadow: none !important; }
html body [class*="shadow-[0_0"], html body [class*="shadow-[0_4"], html body .shadow-2xl, html body .shadow-xl, html body .shadow-lg, html body .shadow-md { box-shadow: none !important; }
html body [class*="drop-shadow"] { filter: none !important; }
html body [class*="bg-gradient-to"]:not(.absolute) { background-image: none !important; background-color: var(--kg-ink-2); }
html body [class*="bg-gradient-to"][class*="from-brandGold"]:not(.absolute), html body [class*="bg-gradient-to"][class*="from-[#C9A227]"]:not(.absolute) { background-color: var(--kg-gold); color: var(--kg-ink); }
html body [class*="h-1.5"][class*="bg-brandGold"], html body [class*="h-1.5"][class*="from-transparent"], html body [class*="h-[2px]"][class*="from-transparent"], html body .section-divider-gold { display: none !important; }
html body .rounded-3xl, html body [class*="rounded-[30px]"], html body [class*="rounded-[40px]"], html body [class*="rounded-[50px]"], html body [class*="rounded-[24px]"] { border-radius: var(--kg-r-lg) !important; }
html body .rounded-2xl { border-radius: var(--kg-r-md) !important; }
html body .rounded-xl { border-radius: var(--kg-r-sm) !important; }
html body .rounded-full { border-radius: var(--kg-r-pill) !important; }
html body .hover\:-translate-y-3:hover, html body .hover\:-translate-y-1:hover, html body .hover\:scale-110:hover, html body .hover\:scale-105:hover { transform: none !important; }
html body .scale-105 { transform: none !important; }
html body .scale-95 { transform: none !important; }
html body .group:hover .group-hover\:scale-110 { transform: none !important; }
html body .bg-\[\#010810\], html body .bg-\[\#080812\], html body .bg-\[\#020a12\], html body .bg-\[\#00050a\] { background-color: var(--kg-ink) !important; }
html body .border-white\/5, html body .border-white\/8, html body .border-white\/10 { border-color: var(--kg-line) !important; }
html body .text-slate-300, html body .text-slate-200 { color: var(--kg-text) !important; }
html body .text-slate-400, html body .text-slate-500 { color: var(--kg-mute) !important; }
html body input, html body select, html body textarea { border-radius: var(--kg-r-sm) !important; }
html body .bg-brandGold, html body .hover\:bg-brandGold:hover { background-color: var(--kg-gold) !important; }

html body .reveal-up, html body .reveal-zoom, html body .reveal-right, html body .reveal-left {
  opacity: 0; transform: translateY(14px); transition: opacity var(--kg-d-slow) var(--kg-ease-out), transform var(--kg-d-slow) var(--kg-ease-out);
}
html body .reveal-up.in-view, html body .reveal-zoom.in-view, html body .reveal-right.in-view, html body .reveal-left.in-view { opacity: 1; transform: none; }

/* ── Layout primitives ───────────────────────────────────────── */
.kg-wrap { width: 100%; max-width: var(--kg-wrap); margin-inline: auto; padding-inline: var(--kg-gutter); }
.kg-wrap--wide { max-width: 1360px; }
.kg-section { padding-block: clamp(56px, 9vw, 128px); border-top: 1px solid var(--kg-line); position: relative; }
.kg-section--flush { border-top: 0; }
.kg-sec-head { display: grid; gap: var(--kg-s-4); margin-bottom: clamp(32px, 5vw, 64px); max-width: 46rem; }
.kg-sec-head--row { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: var(--kg-s-5); flex-wrap: wrap; }
.kg-title { font-size: var(--kg-fs-2xl); line-height: 1.35; font-weight: 800; color: var(--kg-paper); margin: 0; }
.kg-title em { font-style: normal; color: var(--kg-gold); }
.kg-lede { font-size: var(--kg-fs-lg); line-height: 2; color: var(--kg-text); max-width: 40rem; margin: 0; }
.kg-body { font-size: var(--kg-fs-md); line-height: 2; color: var(--kg-text); }
.kg-rule { border: 0; border-top: 1px solid var(--kg-line); margin: 0; }

/* ── Buttons ─────────────────────────────────────────────────── */
.kg-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px;
  border-radius: var(--kg-r-pill); font: inherit; font-size: var(--kg-fs-sm); font-weight: 700; line-height: 1; cursor: pointer; text-decoration: none;
  border: 1px solid transparent; transition: transform var(--kg-d-fast) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out), border-color var(--kg-d-base) var(--kg-ease-out);
  -webkit-tap-highlight-color: transparent;
}
.kg-btn:active { transform: scale(0.97); }
.kg-btn--gold { background: var(--kg-gold); color: var(--kg-ink); }
.kg-btn--ghost { background: transparent; color: var(--kg-paper); border-color: var(--kg-line-strong); }
.kg-btn[disabled] { opacity: .5; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
  .kg-btn--gold:hover { background: var(--kg-gold-soft); }
  .kg-btn--ghost:hover { border-color: var(--kg-gold); color: var(--kg-gold); }
}
.kg-link { display: inline-flex; align-items: center; gap: 8px; color: var(--kg-paper); font-weight: 700; font-size: var(--kg-fs-sm); text-decoration: none; padding-block: 6px; border-bottom: 1px solid var(--kg-line-strong); transition: color var(--kg-d-base) var(--kg-ease-out), border-color var(--kg-d-base) var(--kg-ease-out); background: none; border-inline: 0; border-top: 0; cursor: pointer; font-family: inherit; }
.kg-link .kg-i { transition: transform var(--kg-d-base) var(--kg-ease-out); }
@media (hover: hover) and (pointer: fine) {
  .kg-link:hover { color: var(--kg-gold); border-color: var(--kg-gold); }
  .kg-link:hover .kg-i { transform: translateX(-4px); }
}

/* ── Header capsule ──────────────────────────────────────────── */
.kg-header {
  position: fixed; top: var(--kg-header-top); inset-inline: 0; z-index: 60; margin-inline: auto;
  width: min(1200px, calc(100% - 24px)); height: var(--kg-header-h);
  display: flex; align-items: center; gap: 8px; padding-inline: 10px 14px;
  background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill);
  transition: border-color var(--kg-d-slow) var(--kg-ease-out);
}
body.has-announcement .kg-header { top: calc(var(--kg-header-top) + 40px); }
.kg-header.is-scrolled { border-color: rgba(201, 162, 39, 0.45); }
.kg-brand { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding-inline: 12px; border-radius: var(--kg-r-pill); background: none; border: 0; cursor: pointer; color: var(--kg-paper); flex: none; font-family: inherit; }
.kg-brand img { height: 30px; width: auto; display: block; filter: brightness(0) invert(1); }
.kg-brand span { font-weight: 800; font-size: 15px; letter-spacing: 0.14em; }
.kg-nav { display: none; align-items: center; gap: 2px; margin-inline: auto; min-width: 0; }
.kg-nav__item {
  position: relative; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding-inline: 12px; border-radius: var(--kg-r-pill);
  color: var(--kg-mute); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; background: none; border: 0; cursor: pointer; text-decoration: none;
  transition: color var(--kg-d-base) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out);
  -webkit-tap-highlight-color: transparent;
}
.kg-nav__item .kg-i { width: 17px; height: 17px; }
.kg-nav__item:active { transform: scale(0.97); }
.kg-nav__item[aria-current="page"] { color: var(--kg-ink); background: var(--kg-gold); }
@media (hover: hover) and (pointer: fine) {
  .kg-nav__item:hover { color: var(--kg-paper); background: rgba(242, 238, 227, 0.08); }
  .kg-nav__item[aria-current="page"]:hover { color: var(--kg-ink); background: var(--kg-gold); }
}
.kg-actions { display: flex; align-items: center; gap: 4px; margin-inline-start: auto; flex: none; }
.kg-iconbtn {
  position: relative; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--kg-r-pill);
  color: var(--kg-paper); background: none; border: 0; cursor: pointer; text-decoration: none;
  transition: background-color var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out);
  -webkit-tap-highlight-color: transparent;
}
.kg-iconbtn:active { transform: scale(0.95); }
.kg-iconbtn .kg-i { width: 21px; height: 21px; }
@media (hover: hover) and (pointer: fine) { .kg-iconbtn:hover { background: rgba(242, 238, 227, 0.09); color: var(--kg-gold); } }
.kg-iconbtn__dot { position: absolute; top: 9px; inset-inline-end: 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--kg-ok); border: 2px solid var(--kg-ink-2); }
.kg-iconbtn__count { position: absolute; top: 4px; inset-inline-end: 3px; min-width: 18px; height: 18px; padding-inline: 4px; border-radius: var(--kg-r-pill); background: var(--kg-gold); color: var(--kg-ink); font-size: 10px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }

.kg-pop { position: absolute; top: calc(100% + 10px); inset-inline-end: 0; min-width: 232px; background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-md); padding: 6px; z-index: 70;
  transform-origin: top left; }
.kg-pop__head { padding: 10px 12px 12px; border-bottom: 1px solid var(--kg-line); margin-bottom: 6px; }
.kg-pop__head small { display: block; font-size: 11px; color: var(--kg-mute); }
.kg-pop__head strong { display: block; font-size: 13px; color: var(--kg-gold); direction: ltr; text-align: left; overflow: hidden; text-overflow: ellipsis; }
.kg-pop__item { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border-radius: var(--kg-r-sm); color: var(--kg-text); font: inherit; font-size: 14px; font-weight: 600; text-align: start; background: none; border: 0; cursor: pointer; text-decoration: none; transition: background-color var(--kg-d-fast) var(--kg-ease-out), color var(--kg-d-fast) var(--kg-ease-out); }
.kg-pop__item[aria-current="page"] { color: var(--kg-gold); }
@media (hover: hover) and (pointer: fine) { .kg-pop__item:hover { background: rgba(242, 238, 227, 0.07); color: var(--kg-gold); } }
.kg-more-wrap { position: relative; display: none; }
.kg-more-wrap .kg-pop { inset-inline-end: auto; inset-inline-start: 0; }

@media (min-width: 1024px) {
  .kg-nav { display: flex; }
  .kg-more-wrap { display: block; }
  .kg-actions { margin-inline-start: 0; }
  .kg-brand span { display: none; }
}
@media (min-width: 1180px) { .kg-brand span { display: inline; } .kg-nav__item { padding-inline: 14px; } }
@media (max-width: 1023.98px) {
  .kg-header { width: min(560px, calc(100% - 24px)); --kg-header-h: 56px; }
  .kg-brand { margin-inline-end: auto; }
}

/* ── Bottom navigation (mobile) ──────────────────────────────── */
.kg-bnav { display: none; }
@media (max-width: 1023.98px) {
  .kg-bnav {
    display: block; position: fixed; z-index: 62; inset-inline: 0; bottom: calc(12px + var(--kg-safe-b)); margin-inline: auto; width: min(440px, calc(100% - 24px));
  }
  .kg-bnav__bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; height: var(--kg-nav-h); padding: 6px; background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); }
  .kg-bnav__item {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; border-radius: var(--kg-r-pill);
    color: var(--kg-mute); background: none; border: 0; font: inherit; font-size: 10.5px; font-weight: 700; line-height: 1.1; cursor: pointer; text-decoration: none;
    transition: color var(--kg-d-base) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out);
    -webkit-tap-highlight-color: transparent;
  }
  .kg-bnav__item .kg-i { width: 22px; height: 22px; }
  .kg-bnav__item:active { transform: scale(0.95); }
  .kg-bnav__item[aria-current="page"], .kg-bnav__item[aria-expanded="true"] { background: var(--kg-gold); color: var(--kg-ink); }
  .kg-sheet-scrim { position: fixed; inset: 0; z-index: 61; background: rgba(1, 11, 20, 0.72); opacity: 0; pointer-events: none; transition: opacity var(--kg-d-base) var(--kg-ease-out); }
  .kg-sheet-scrim.is-open { opacity: 1; pointer-events: auto; }
  .kg-sheet {
    position: absolute; inset-inline: 0; bottom: calc(var(--kg-nav-h) + 10px); background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); padding: 10px;
    max-height: min(70dvh, 520px); overflow-y: auto; overscroll-behavior: contain;
    opacity: 0; transform: translateY(12px) scale(0.98); transform-origin: bottom center; visibility: hidden; pointer-events: none;
    transition: opacity var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-base) var(--kg-ease-out), visibility 0s linear var(--kg-d-base);
  }
  .kg-sheet.is-open { opacity: 1; transform: none; visibility: visible; pointer-events: auto; transition-delay: 0s; }
  .kg-sheet__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
  .kg-sheet__item { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 14px; border-radius: var(--kg-r-md); color: var(--kg-text); background: none; border: 0; font: inherit; font-size: 14px; font-weight: 600; text-align: start; text-decoration: none; cursor: pointer; transition: background-color var(--kg-d-fast) var(--kg-ease-out); }
  .kg-sheet__item .kg-i { color: var(--kg-gold); }
  .kg-sheet__item:active { background: rgba(242, 238, 227, 0.08); }
  .kg-sheet__item[aria-current="page"] { background: var(--kg-gold-wash); color: var(--kg-gold); }
  .kg-sheet__label { grid-column: 1 / -1; padding: 8px 14px 4px; font-size: 11px; color: var(--kg-mute); font-weight: 700; }

  body { padding-bottom: calc(var(--kg-nav-h) + 28px + var(--kg-safe-b)); }
  .kg-fab { bottom: calc(var(--kg-nav-h) + 28px + var(--kg-safe-b)) !important; }
  .kg-chat-panel { bottom: calc(var(--kg-nav-h) + 92px + var(--kg-safe-b)) !important; height: min(30rem, calc(100dvh - var(--kg-nav-h) - 170px - var(--kg-safe-b))) !important; }
}

/* ── Chat FAB ────────────────────────────────────────────────── */
.kg-fab {
  position: fixed; z-index: 55; bottom: 24px; inset-inline-start: 20px; width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--kg-gold); color: var(--kg-ink); border: 0; border-radius: 50%; cursor: pointer;
  transition: transform var(--kg-d-fast) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out);
}
.kg-fab:active { transform: scale(0.95); }
.kg-fab .kg-i { width: 26px; height: 26px; }
.kg-fab__dot { position: absolute; top: 2px; inset-inline-end: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--kg-ok); border: 2px solid var(--kg-ink); }
@media (hover: hover) and (pointer: fine) { .kg-fab:hover { background: var(--kg-gold-soft); } }
.kg-chat-panel { inset-inline-start: 20px !important; inset-inline-end: auto !important; right: auto !important; left: 20px; bottom: 92px !important; background: var(--kg-ink-2) !important; border: 1px solid var(--kg-line-strong) !important; border-radius: var(--kg-r-lg) !important; box-shadow: none !important; }
@media (max-width: 1023.98px) { .kg-fab, .kg-chat-panel { inset-inline-start: auto; inset-inline-end: 16px; left: auto !important; right: 16px !important; } .kg-chat-panel { inset-inline-start: auto !important; } }

/* ── Main content offset ─────────────────────────────────────── */
html body main { padding-top: calc(var(--kg-header-h) + var(--kg-header-top) + 24px) !important; }
html body main[x-show="currentView === 'landing'"] { padding-top: 0 !important; }
html body main > div[class*="pt-"]:first-child { padding-top: 0 !important; }

/* ── Hero ────────────────────────────────────────────────────── */
.kg-hero { position: relative; min-height: 100dvh; display: grid; align-items: end; padding: calc(var(--kg-header-h) + var(--kg-header-top) + 56px) 0 clamp(40px, 7vw, 88px); overflow: hidden; border-bottom: 1px solid var(--kg-line); }
.kg-hero__plate { position: absolute; inset: 0; z-index: 0; }
.kg-hero__plate img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.38; filter: grayscale(0.55) contrast(1.05); }
.kg-hero__plate::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, var(--kg-ink) 4%, rgba(1, 11, 20, 0.72) 48%, rgba(1, 11, 20, 0.9) 100%); }
.kg-hero__inner { position: relative; z-index: 1; display: grid; gap: clamp(28px, 5vw, 56px); }
.kg-hero__mark { width: clamp(120px, 16vw, 200px); height: auto; filter: brightness(0) invert(1); display: block; }
.kg-hero__title { font-size: var(--kg-fs-hero); line-height: 1.12; font-weight: 900; color: var(--kg-paper); margin: 0; }
.kg-hero__title em { font-style: normal; color: var(--kg-gold); }
.kg-hero__tag { font-size: var(--kg-fs-lg); color: var(--kg-text); margin: 0; font-weight: 600; }
.kg-hero__stage { display: grid; grid-template-columns: 1fr; gap: var(--kg-s-5); padding-top: clamp(20px, 3vw, 32px); border-top: 1px solid var(--kg-line-strong); }
.kg-phrase { font-size: var(--kg-fs-xl); line-height: 1.9; font-weight: 700; color: var(--kg-paper); min-height: 5.6em; margin: 0; max-width: 34ch; transition: opacity var(--kg-d-slow) var(--kg-ease-out), transform var(--kg-d-slow) var(--kg-ease-out); }
.kg-phrase b { color: var(--kg-gold); font-weight: 800; }
.kg-phrase.is-out { opacity: 0; transform: translateY(8px); }
.kg-hero__cta { display: flex; flex-wrap: wrap; gap: var(--kg-s-3); }
@media (min-width: 900px) {
  .kg-hero__inner { grid-template-columns: 1.4fr 1fr; align-items: end; }
  .kg-hero__stage { grid-column: 1 / -1; grid-template-columns: 1.4fr 1fr; align-items: end; }
  .kg-hero__cta { justify-content: flex-start; }
}

/* ── Statement / about ───────────────────────────────────────── */
.kg-split { display: grid; gap: clamp(32px, 6vw, 80px); align-items: start; }
@media (min-width: 960px) { .kg-split { grid-template-columns: 1.05fr 0.95fr; } }
.kg-prose p { margin: 0 0 1.2em; line-height: 2.1; color: var(--kg-text); font-size: var(--kg-fs-md); }
.kg-quote { border-inline-start: 2px solid var(--kg-gold); padding-inline-start: var(--kg-s-4); color: var(--kg-paper) !important; font-weight: 700; font-size: var(--kg-fs-lg) !important; }
.kg-plate { position: relative; border-radius: var(--kg-r-lg); overflow: hidden; border: 1px solid var(--kg-line); background: var(--kg-ink-2); aspect-ratio: 4 / 5; }
.kg-plate img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity var(--kg-d-slow) var(--kg-ease-out); }
.kg-plate__ctl { position: absolute; inset-inline: 12px; bottom: 12px; display: flex; justify-content: space-between; align-items: center; z-index: 3; }
.kg-plate__ctl .kg-iconbtn { background: var(--kg-ink); border: 1px solid var(--kg-line-strong); width: 44px; height: 44px; }

/* ── Ledger lists (why-us / services) ────────────────────────── */
.kg-ledger { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--kg-line-strong); }
.kg-ledger__row { display: grid; gap: 8px; padding-block: clamp(20px, 3vw, 32px); border-bottom: 1px solid var(--kg-line); }
.kg-ledger__row h3, .kg-ledger__row h4 { margin: 0; font-size: var(--kg-fs-lg); font-weight: 800; color: var(--kg-paper); line-height: 1.7; }
.kg-ledger__row p { margin: 0; color: var(--kg-mute); line-height: 2; font-size: var(--kg-fs-sm); }
@media (min-width: 760px) {
  .kg-ledger--2 { grid-template-columns: 1fr 1fr; column-gap: clamp(32px, 5vw, 72px); }
  .kg-ledger--2 .kg-ledger__row:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid var(--kg-line); }
}
.kg-ledger__row--link { cursor: pointer; transition: background-color var(--kg-d-base) var(--kg-ease-out); }
.kg-ledger__row--link .kg-link { margin-top: 6px; width: fit-content; }
@media (hover: hover) and (pointer: fine) { .kg-ledger__row--link:hover h3 { color: var(--kg-gold); } }
.kg-ledger__row h3 { transition: color var(--kg-d-base) var(--kg-ease-out); }

.kg-why { display: grid; gap: clamp(32px, 5vw, 64px); }
@media (min-width: 1024px) { .kg-why { grid-template-columns: 1fr 340px; align-items: start; } .kg-why__img { position: sticky; top: 110px; } }
.kg-why__img img { width: 100%; max-width: 340px; height: auto; display: block; margin-inline: auto; }

/* ── Partners ────────────────────────────────────────────────── */
.kg-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.kg-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); font-size: 13px; font-weight: 600; color: var(--kg-text); }

/* ── Featured projects strip ─────────────────────────────────── */
.kg-strip { display: flex; gap: var(--kg-s-4); overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--kg-gutter) * -1); padding-inline: var(--kg-gutter); }
.kg-strip::-webkit-scrollbar { display: none; }
.kg-card { position: relative; flex: none; width: min(78vw, 340px); aspect-ratio: 4 / 5; scroll-snap-align: start; border-radius: var(--kg-r-lg); overflow: hidden; border: 1px solid var(--kg-line); background: var(--kg-ink-2); cursor: pointer; text-align: start; padding: 0; color: inherit; font: inherit; display: block; }
.kg-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--kg-d-slow) var(--kg-ease-out); }
.kg-card__cap { position: absolute; inset-inline: 0; bottom: 0; padding: 48px 18px 18px; background: linear-gradient(to top, rgba(1, 11, 20, 0.92), rgba(1, 11, 20, 0)); display: grid; gap: 4px; }
.kg-card__cap small { color: var(--kg-gold); font-weight: 700; font-size: 12px; }
.kg-card__cap strong { color: var(--kg-paper); font-size: var(--kg-fs-md); font-weight: 800; line-height: 1.6; }
@media (hover: hover) and (pointer: fine) { .kg-card:hover img { transform: scale(1.03); } }
.kg-strip-ctl { display: flex; gap: 8px; }
.kg-strip-ctl .kg-iconbtn { border: 1px solid var(--kg-line-strong); }

/* ── Pricing ─────────────────────────────────────────────────── */
.kg-tiers { display: grid; gap: var(--kg-s-4); }
@media (min-width: 900px) { .kg-tiers { grid-template-columns: repeat(3, 1fr); align-items: stretch; } }
.kg-tier { display: flex; flex-direction: column; gap: var(--kg-s-5); padding: clamp(22px, 3vw, 32px); border: 1px solid var(--kg-line); border-radius: var(--kg-r-lg); background: var(--kg-ink-2); cursor: pointer; transition: border-color var(--kg-d-base) var(--kg-ease-out); position: relative; }
.kg-tier.is-active { border-color: var(--kg-gold); }
.kg-tier__tag { position: absolute; top: -12px; inset-inline-start: 24px; background: var(--kg-gold); color: var(--kg-ink); font-size: 11px; font-weight: 800; padding: 4px 12px; border-radius: var(--kg-r-pill); }
.kg-tier h3 { margin: 0; font-size: var(--kg-fs-xl); color: var(--kg-paper); font-weight: 800; }
.kg-tier__price { font-size: var(--kg-fs-lg); color: var(--kg-gold); font-weight: 800; padding-bottom: var(--kg-s-4); border-bottom: 1px solid var(--kg-line); }
.kg-tier ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; font-size: 13.5px; line-height: 1.9; color: var(--kg-text); }
.kg-tier li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; }
.kg-tier li .kg-i { color: var(--kg-gold); margin-top: 6px; width: 16px; height: 16px; }
.kg-tier .kg-btn { margin-top: auto; width: 100%; }

/* ── Blog strip ──────────────────────────────────────────────── */
.kg-post { flex: none; width: min(66vw, 260px); scroll-snap-align: start; cursor: pointer; background: none; border: 0; padding: 0; text-align: start; color: inherit; font: inherit; }
.kg-post__img { aspect-ratio: 4 / 3; border-radius: var(--kg-r-md); overflow: hidden; border: 1px solid var(--kg-line); margin-bottom: 12px; position: relative; background: var(--kg-ink-2); }
.kg-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--kg-d-slow) var(--kg-ease-out); }
.kg-post h3 { margin: 0; font-size: 15px; line-height: 1.8; font-weight: 700; color: var(--kg-paper); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) and (pointer: fine) { .kg-post:hover img { transform: scale(1.03); } .kg-post:hover h3 { color: var(--kg-gold); } }

/* ── FAQ ─────────────────────────────────────────────────────── */
html body #faq .rounded-2xl { border-radius: var(--kg-r-md) !important; background: transparent !important; border-color: var(--kg-line) !important; }

/* ── Footer ──────────────────────────────────────────────────── */
.kg-footer { position: relative; z-index: 10; border-top: 1px solid var(--kg-line); background: var(--kg-ink); padding-block: clamp(48px, 7vw, 88px) clamp(28px, 4vw, 40px); }
.kg-footer__grid { display: grid; gap: clamp(28px, 5vw, 56px); grid-template-columns: 1fr; }
@media (min-width: 640px) { .kg-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .kg-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.kg-footer h4 { margin: 0 0 var(--kg-s-4); font-size: var(--kg-fs-sm); font-weight: 800; color: var(--kg-paper); }
.kg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.kg-footer a, .kg-footer button.kg-flink { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; color: var(--kg-mute); font: inherit; font-size: 14px; text-decoration: none; background: none; border: 0; cursor: pointer; padding: 0; transition: color var(--kg-d-base) var(--kg-ease-out); }
.kg-footer .kg-i { color: var(--kg-gold); width: 18px; height: 18px; }
@media (hover: hover) and (pointer: fine) { .kg-footer a:hover, .kg-footer button.kg-flink:hover { color: var(--kg-gold); } }
.kg-footer__logo { width: 120px; height: auto; filter: brightness(0) invert(1); opacity: .9; margin-bottom: var(--kg-s-4); }
.kg-footer__about { color: var(--kg-mute); font-size: 14px; line-height: 2; max-width: 32ch; margin: 0; }
.kg-footer__legal { margin-top: clamp(32px, 5vw, 56px); padding-top: var(--kg-s-5); border-top: 1px solid var(--kg-line); display: flex; flex-wrap: wrap; gap: var(--kg-s-4) var(--kg-s-6); align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--kg-mute); }
.kg-footer__trust { display: flex; flex-wrap: wrap; gap: var(--kg-s-4); align-items: center; margin-top: clamp(24px, 4vw, 40px); }
.kg-trust { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--kg-line); border-radius: var(--kg-r-pill); padding: 8px 14px; font-size: 12.5px; color: var(--kg-text); }
.kg-trust .kg-i { color: var(--kg-gold); }

/* ── Existing views: shared surfaces ─────────────────────────── */
html body .store-glass-bar, html body .sidebar-glass, html body .product-glass-card, html body .store-card { background: var(--kg-ink-2) !important; border: 1px solid var(--kg-line) !important; border-radius: var(--kg-r-md) !important; box-shadow: none !important; }
html body .product-glass-card:hover, html body .store-card:hover { transform: none !important; border-color: var(--kg-line-strong) !important; }
html body .portfolio-card, html body .team-card, html body .value-card, html body .why-buy-card { box-shadow: none !important; border-radius: var(--kg-r-md) !important; background: var(--kg-ink-2) !important; border: 1px solid var(--kg-line) !important; }
html body .portfolio-card:hover, html body .team-card:hover, html body .value-card:hover, html body .why-buy-card:hover { transform: none !important; }
html body .benefit-icon-ring, html body .process-icon, html body .value-icon, html body .team-avatar-ring { box-shadow: none !important; background: transparent !important; border: 1px solid var(--kg-line-strong) !important; }
html body .pticker-item img { filter: none; }

html body .fixed.inset-0[class*="bg-brandDark/9"], html body .fixed.inset-0[class*="bg-black"] { background-color: rgba(1, 11, 20, 0.84) !important; }
html body .fixed.inset-0 > div[class*="bg-"][class*="rounded-"], html body [class*="max-w-"][class*="rounded-3xl"][class*="bg-slateDark"], html body [class*="bg-slateDark"][class*="rounded-"] { background-color: var(--kg-ink-2) !important; border: 1px solid var(--kg-line-strong) !important; box-shadow: none !important; }

html body input[type="text"], html body input[type="email"], html body input[type="tel"], html body input[type="password"], html body input[type="number"], html body input[type="search"], html body input:not([type]), html body select, html body textarea {
  background-color: var(--kg-ink) !important; border: 1px solid var(--kg-line-strong) !important; color: var(--kg-paper) !important; min-height: 46px; transition: border-color var(--kg-d-base) var(--kg-ease-out);
}
html body input:focus, html body select:focus, html body textarea:focus { border-color: var(--kg-gold) !important; outline: none; box-shadow: none !important; }
html body ::placeholder { color: #70808F; opacity: 1; }

html body button[class*="bg-brandGold"]:not(.kg-iconbtn):not(.kg-fab), html body a[class*="bg-brandGold"] { border-radius: var(--kg-r-pill) !important; }

html body footer.legacy-footer { display: none; }

/* ── Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  html body .reveal-up, html body .reveal-zoom, html body .reveal-right, html body .reveal-left { opacity: 1; transform: none; }
}

@media (max-width: 1023.98px) { .kg-hero { padding-bottom: calc(var(--kg-nav-h) + var(--kg-safe-b) + 112px); } .kg-phrase { min-height: 0; } }

/* ── Inner pages ─────────────────────────────────────────────── */
.kg-page { padding-top: calc(var(--kg-header-h) + var(--kg-header-top) + clamp(32px, 6vw, 72px)) !important; padding-bottom: clamp(56px, 8vw, 112px); background: var(--kg-ink); }
.kg-title--xl { font-size: var(--kg-fs-3xl); line-height: 1.25; font-weight: 900; }
.kg-page-head { display: flex; align-items: end; justify-content: space-between; gap: var(--kg-s-5); flex-wrap: wrap; padding-bottom: var(--kg-s-5); margin-bottom: var(--kg-s-5); border-bottom: 1px solid var(--kg-line-strong); }
.kg-count { margin: 0; color: var(--kg-mute); font-weight: 700; font-size: var(--kg-fs-sm); }
.kg-filter { display: flex; gap: 8px; overflow-x: auto; padding-block: 4px 12px; margin-bottom: var(--kg-s-6); scrollbar-width: none; }
.kg-filter::-webkit-scrollbar { display: none; }
.kg-filter__item { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); color: var(--kg-text); font-size: 14px; font-weight: 600; cursor: pointer; position: relative; transition: background-color var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out), border-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out); -webkit-tap-highlight-color: transparent; }
.kg-filter__item:active { transform: scale(0.97); }
.kg-filter__item.is-on { background: var(--kg-gold); border-color: var(--kg-gold); color: var(--kg-ink); }
.kg-filter__item:focus-within { outline: 2px solid var(--kg-gold); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .kg-filter__item:not(.is-on):hover { border-color: var(--kg-gold); color: var(--kg-gold); } }
.kg-works { display: grid; grid-template-columns: 1fr; gap: clamp(28px, 4vw, 48px) var(--kg-s-5); }
@media (min-width: 640px) { .kg-works { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .kg-works { grid-template-columns: repeat(3, 1fr); } }
.kg-work { display: grid; gap: 14px; align-content: start; min-width: 0; }
.kg-work__media { position: relative; aspect-ratio: 1 / 1; border-radius: var(--kg-r-lg); overflow: hidden; background: var(--kg-ink-2); border: 1px solid var(--kg-line); }
.kg-work__media--video { aspect-ratio: auto; }
.kg-work__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kg-work__ctl { position: absolute; inset-inline: 10px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; opacity: 0; transition: opacity var(--kg-d-base) var(--kg-ease-out); pointer-events: none; }
.kg-work__ctl .kg-iconbtn { pointer-events: auto; background: var(--kg-ink); border: 1px solid var(--kg-line-strong); }
.kg-work:hover .kg-work__ctl, .kg-work:focus-within .kg-work__ctl { opacity: 1; }
@media (hover: none) { .kg-work__ctl { opacity: 1; } }
.kg-work__dots { position: absolute; inset-inline: 0; bottom: 12px; display: flex; justify-content: center; gap: 6px; pointer-events: none; }
.kg-work__dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(242, 238, 227, 0.45); }
.kg-work__dots i.is-on { background: var(--kg-gold); }
.kg-work__meta { display: flex; align-items: start; justify-content: space-between; gap: var(--kg-s-4); background: none; border: 0; padding: 0; color: inherit; font: inherit; text-align: start; cursor: pointer; min-height: 44px; }
.kg-work__meta small { display: block; color: var(--kg-gold); font-weight: 700; font-size: 12.5px; margin-bottom: 4px; }
.kg-work__meta strong { display: block; color: var(--kg-paper); font-size: var(--kg-fs-lg); font-weight: 800; line-height: 1.6; }
.kg-work__meta .kg-i { color: var(--kg-mute); margin-top: 6px; transition: transform var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out); }
@media (hover: hover) and (pointer: fine) { .kg-work__meta:hover strong { color: var(--kg-gold); } .kg-work__meta:hover .kg-i { color: var(--kg-gold); transform: translate(-3px, -3px); } }
.kg-empty { grid-column: 1 / -1; text-align: center; padding-block: 80px; color: var(--kg-mute); font-weight: 700; }

.kg-detail-head { display: flex; flex-direction: column-reverse; gap: var(--kg-s-3); margin-bottom: var(--kg-s-6); }
.kg-eyebrow-free { margin: 0; color: var(--kg-gold); font-weight: 800; font-size: var(--kg-fs-sm); }
.kg-detail-hero__img { display: block; width: 100%; aspect-ratio: 16 / 8; border-radius: var(--kg-r-lg); overflow: hidden; border: 1px solid var(--kg-line); background: var(--kg-ink-2); padding: 0; cursor: zoom-in; }
.kg-detail-hero__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kg-detail-hero__img--video { aspect-ratio: 16 / 9; cursor: default; }
@media (max-width: 640px) { .kg-detail-hero__img { aspect-ratio: 4 / 3; } }
.kg-detail-desc { display: grid; gap: var(--kg-s-3); max-width: 46rem; margin-block: clamp(32px, 5vw, 64px); }
.kg-detail-desc h2 { margin: 0; font-size: var(--kg-fs-md); font-weight: 800; color: var(--kg-gold); }
.kg-detail-desc p { margin: 0; line-height: 2.2; color: var(--kg-text); font-size: var(--kg-fs-md); }
.kg-detail-cta { display: grid; gap: clamp(32px, 5vw, 64px); margin-top: clamp(48px, 7vw, 96px); padding-top: clamp(32px, 5vw, 56px); border-top: 1px solid var(--kg-line-strong); }
@media (min-width: 900px) { .kg-detail-cta { grid-template-columns: 1fr 1.4fr; } }
.kg-minor { margin: 0 0 var(--kg-s-4); font-size: var(--kg-fs-lg); font-weight: 800; color: var(--kg-paper); }
.kg-contacts { display: grid; gap: 0; border-top: 1px solid var(--kg-line); }
.kg-contact { display: flex; align-items: center; gap: 14px; min-height: 60px; border-bottom: 1px solid var(--kg-line); color: var(--kg-text); text-decoration: none; transition: color var(--kg-d-base) var(--kg-ease-out); }
.kg-contact .kg-i { color: var(--kg-gold); width: 22px; height: 22px; }
.kg-contact strong { display: block; font-size: 14px; color: var(--kg-paper); }
.kg-contact small { display: block; color: var(--kg-mute); font-size: 12.5px; direction: ltr; text-align: start; }
@media (hover: hover) and (pointer: fine) { .kg-contact:hover strong { color: var(--kg-gold); } }

/* ── About ───────────────────────────────────────────────────── */
.kg-hero--about { min-height: auto; align-items: center; padding-bottom: clamp(48px, 7vw, 96px); }
.kg-about-hero { position: relative; z-index: 1; display: grid; gap: clamp(24px, 5vw, 64px); align-items: center; }
@media (min-width: 900px) { .kg-about-hero { grid-template-columns: 1.15fr 0.85fr; } }
.kg-about-hero__text { display: grid; gap: var(--kg-s-5); justify-items: start; }
.kg-about-hero__img img { width: 100%; max-width: 440px; height: auto; display: block; margin-inline: auto; }
.kg-values { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--kg-line-strong); }
@media (min-width: 760px) { .kg-values { grid-template-columns: repeat(3, 1fr); } }
.kg-values__item { padding-block: clamp(24px, 4vw, 44px); border-bottom: 1px solid var(--kg-line); font-size: var(--kg-fs-xl); font-weight: 800; color: var(--kg-paper); }
.kg-steps { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--kg-line-strong); }
@media (min-width: 900px) { .kg-steps { grid-template-columns: repeat(5, 1fr); } }
.kg-steps__item { display: grid; gap: 8px; padding-block: var(--kg-s-5); padding-inline-end: var(--kg-s-4); border-bottom: 1px solid var(--kg-line); }
.kg-steps__item span { font-size: var(--kg-fs-sm); color: var(--kg-gold); font-weight: 800; direction: ltr; text-align: start; }
.kg-steps__item strong { font-size: var(--kg-fs-lg); color: var(--kg-paper); font-weight: 800; }
@media (min-width: 900px) { .kg-steps__item { border-bottom: 0; border-inline-start: 1px solid var(--kg-line); padding-inline: var(--kg-s-4); padding-block: var(--kg-s-5) 0; } .kg-steps__item:first-child { border-inline-start: 0; padding-inline-start: 0; } }
.kg-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--kg-s-6) var(--kg-s-5); }
@media (min-width: 900px) { .kg-stats { grid-template-columns: repeat(5, 1fr); } }
.kg-stats__item .counter-num, .kg-stats__item .kg-stat-num { font-size: var(--kg-fs-3xl); font-weight: 900; color: var(--kg-gold); line-height: 1.2; font-feature-settings: 'tnum'; }
.kg-stats__label { color: var(--kg-text); font-weight: 700; font-size: var(--kg-fs-sm); margin-top: 6px; }
.kg-team { display: grid; gap: clamp(28px, 4vw, 48px) var(--kg-s-6); grid-template-columns: 1fr; }
@media (min-width: 700px) { .kg-team { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .kg-team { grid-template-columns: repeat(3, 1fr); } }
.kg-member { display: grid; grid-template-columns: 72px 1fr; gap: var(--kg-s-4); align-items: start; padding-top: var(--kg-s-5); border-top: 1px solid var(--kg-line); }
.kg-member__avatar { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); display: grid; place-items: center; }
.kg-member__avatar img { width: 100%; height: 100%; object-fit: cover; }
.kg-member__avatar span { font-size: 28px; font-weight: 800; color: var(--kg-gold); }
.kg-member h3 { margin: 0; font-size: var(--kg-fs-md); font-weight: 800; color: var(--kg-paper); line-height: 1.7; }
.kg-member p { margin: 0; }
.kg-member__role { color: var(--kg-gold); font-weight: 700; font-size: 13px; line-height: 1.8; }
.kg-member__skills { color: var(--kg-text); font-size: 13px; margin-top: 4px !important; line-height: 1.9; }
.kg-member__desc { color: var(--kg-mute); font-size: 13px; margin-top: 8px !important; line-height: 2; }
.kg-cta { display: grid; gap: var(--kg-s-5); justify-items: start; max-width: 52rem; }
html body .page-gradient-bg, html body .bg-dynamic-gradient { background: var(--kg-ink) !important; background-image: none !important; }

/* ── Blog ────────────────────────────────────────────────────── */
.kg-filter--sub { margin-top: calc(var(--kg-s-3) * -1); }
.kg-filter--sub .kg-filter__item { min-height: 38px; font-size: 13px; }
.kg-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-style: normal; color: var(--kg-mute); font-weight: 400; font-size: 13.5px; line-height: 1.9; margin-top: 6px; }
.kg-article { max-width: 46rem; margin-inline: auto; }
.kg-article .kg-detail-hero__img { max-width: none; }
.kg-article__body { margin-top: clamp(28px, 4vw, 48px); display: grid; gap: 1.4em; }
.kg-article__body p { margin: 0; font-size: 17px; line-height: 2.2; color: var(--kg-text); }

/* ── Web design page ─────────────────────────────────────────── */
.kg-hero--web { min-height: auto; align-items: end; }
.kg-web-hero { display: grid; gap: var(--kg-s-5); max-width: 46rem; justify-items: start; padding-top: clamp(24px, 4vw, 48px); }
.kg-inline-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; color: var(--kg-text); font-size: 14px; font-weight: 600; }
.kg-inline-list li { position: relative; padding-inline-start: 14px; }
.kg-inline-list li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.8em; width: 5px; height: 5px; border-radius: 50%; background: var(--kg-gold); }
.kg-stats--hero { width: 100%; grid-template-columns: repeat(5, auto); justify-content: start; gap: var(--kg-s-5) clamp(16px, 4vw, 48px); padding-top: var(--kg-s-5); border-top: 1px solid var(--kg-line-strong); }
.kg-stats--hero .kg-stat-num { font-size: var(--kg-fs-xl); }
@media (max-width: 640px) { .kg-stats--hero { grid-template-columns: repeat(3, auto); } }
.kg-benefits { display: grid; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .kg-benefits { grid-template-columns: repeat(4, 1fr); } }
.kg-benefits__item { display: grid; gap: 4px; padding: var(--kg-s-5) var(--kg-s-4); border-inline-start: 1px solid var(--kg-line); }
.kg-benefits__item:first-child { border-inline-start: 0; padding-inline-start: 0; }
.kg-benefits__item strong { color: var(--kg-paper); font-size: 15px; font-weight: 800; }
.kg-benefits__item span { color: var(--kg-mute); font-size: 13px; }
.kg-steps--6 .kg-steps__item p { margin: 0; color: var(--kg-mute); font-size: 13px; line-height: 1.9; }
@media (min-width: 900px) { .kg-steps--6 { grid-template-columns: repeat(6, 1fr); } }
.kg-split2 { display: grid; gap: clamp(40px, 6vw, 88px); }
@media (min-width: 960px) { .kg-split2 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .kg-ledger--3 { grid-template-columns: repeat(3, 1fr); column-gap: clamp(24px, 4vw, 56px); } }
.kg-bignum { font-size: var(--kg-fs-3xl); font-weight: 900; color: var(--kg-gold); line-height: 1.2; }
.kg-section--cta { overflow: hidden; }
.kg-section--cta .kg-hero__plate img { opacity: 0.18; }
html body .kg-tier.reveal-up { opacity: 0; }
html body .kg-tier.reveal-up.in-view { opacity: 1; }

/* ── Store ───────────────────────────────────────────────────── */
.kg-wrap--narrow { max-width: 780px; }
.kg-shop-hero { display: grid; gap: var(--kg-s-6); align-items: center; padding-bottom: var(--kg-s-6); }
.kg-shop-hero .kg-lede { margin-top: var(--kg-s-4); }
.kg-shop-hero__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--kg-r-lg); border: 1px solid var(--kg-line); background: var(--kg-ink-2); }
@media (min-width: 900px) { .kg-shop-hero { grid-template-columns: 1.1fr 0.9fr; gap: var(--kg-s-8); } .kg-shop-hero__img { aspect-ratio: 4 / 3; } }
.kg-shop-trust { list-style: none; margin: 0 0 var(--kg-s-6); padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); border-block: 1px solid var(--kg-line-strong); }
.kg-shop-trust li { display: flex; align-items: center; gap: 10px; padding: 16px 4px; color: var(--kg-text); font-size: var(--kg-fs-sm); font-weight: 700; }
.kg-shop-trust .kg-i { color: var(--kg-gold); flex: none; }
@media (min-width: 900px) { .kg-shop-trust { grid-template-columns: repeat(4, 1fr); } .kg-shop-trust li { padding-inline: 16px; } .kg-shop-trust li + li { border-inline-start: 1px solid var(--kg-line); } }
.kg-shop-bar { display: flex; align-items: center; gap: var(--kg-s-3); flex-wrap: wrap; margin-bottom: var(--kg-s-4); scroll-margin-top: 96px; }
.kg-search { position: relative; flex: 1 1 220px; max-width: 420px; display: block; }
.kg-search .kg-i { position: absolute; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); color: var(--kg-mute); pointer-events: none; }
.kg-search input { width: 100%; min-height: 46px; padding: 0 16px; padding-inline-start: 44px; background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); color: var(--kg-paper); font: inherit; font-size: 16px; transition: border-color var(--kg-d-base) var(--kg-ease-out); }
.kg-search input:focus { outline: none; border-color: var(--kg-gold); }
.kg-shop-bar .kg-count { margin-inline-start: auto; }
.kg-shop-bar__filter { min-height: 46px; }
.kg-badge-n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--kg-r-pill); background: var(--kg-gold); color: var(--kg-ink); font-size: 11px; font-weight: 900; }
.kg-filter--sub { margin-top: calc(var(--kg-s-3) * -1); }
.kg-filter--sub .kg-filter__item { min-height: 38px; font-size: 13px; }

.kg-fpanel { border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); background: var(--kg-ink-2); padding: var(--kg-s-5); margin-bottom: var(--kg-s-6); }
.kg-fpanel__grid { display: grid; gap: var(--kg-s-5); grid-template-columns: 1fr; }
@media (min-width: 700px) { .kg-fpanel__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .kg-fpanel__grid { grid-template-columns: repeat(3, 1fr); } }
.kg-fgroup { border: 0; margin: 0; padding: 0; min-width: 0; }
.kg-fgroup legend { padding: 0; margin-bottom: var(--kg-s-3); font-size: var(--kg-fs-sm); font-weight: 800; color: var(--kg-paper); }
.kg-fgroup__body { display: flex; flex-wrap: wrap; gap: 8px; }
.kg-fgroup__body--col { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: var(--kg-s-3); }
.kg-range-val { display: flex; justify-content: space-between; color: var(--kg-mute); font-size: 12px; font-weight: 700; }
.kg-fpanel__foot { margin-top: var(--kg-s-5); padding-top: var(--kg-s-4); border-top: 1px solid var(--kg-line); display: flex; justify-content: flex-end; }
.kg-check { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px 0 14px; border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); font-size: 13px; font-weight: 600; color: var(--kg-text); cursor: pointer; transition: border-color var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out); }
.kg-check:active { transform: scale(0.97); }
.kg-check__box { width: 16px; height: 16px; border: 1px solid var(--kg-line-strong); border-radius: 4px; display: grid; place-items: center; color: transparent; flex: none; transition: background-color var(--kg-d-fast) var(--kg-ease-out), border-color var(--kg-d-fast) var(--kg-ease-out); }
.kg-check__box .kg-i { width: 11px; height: 11px; }
.kg-check.is-on { border-color: var(--kg-gold); color: var(--kg-gold); background: var(--kg-gold-wash); }
.kg-check.is-on .kg-check__box { background: var(--kg-gold); border-color: var(--kg-gold); color: var(--kg-ink); }
.kg-check:focus-within { outline: 2px solid var(--kg-gold); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .kg-check:not(.is-on):hover { border-color: var(--kg-gold); } }

.kg-bestsellers { margin-bottom: var(--kg-s-7); }
.kg-bestsellers__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kg-s-3); grid-template-columns: 1fr; }
@media (min-width: 700px) { .kg-bestsellers__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .kg-bestsellers__list { grid-template-columns: repeat(4, 1fr); } }
.kg-best { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 1px solid var(--kg-line); border-radius: var(--kg-r-md); background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; transition: border-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out); }
.kg-best:active { transform: scale(0.98); }
.kg-best__n { font-weight: 900; color: var(--kg-gold); width: 1.4em; text-align: center; flex: none; }
.kg-best img { width: 52px; height: 52px; border-radius: var(--kg-r-sm); object-fit: cover; background: var(--kg-ink-3); flex: none; }
.kg-best__t { display: grid; gap: 2px; min-width: 0; font-size: 13px; font-weight: 700; color: var(--kg-paper); }
.kg-best__t > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kg-best__t small { color: var(--kg-gold); font-size: 12px; }
@media (hover: hover) and (pointer: fine) { .kg-best:hover { border-color: var(--kg-gold); } }

.kg-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--kg-s-5) var(--kg-s-4); }
@media (min-width: 760px) { .kg-products { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .kg-products { grid-template-columns: repeat(4, 1fr); gap: var(--kg-s-6) var(--kg-s-5); } }
.kg-product { display: flex; flex-direction: column; min-width: 0; border-bottom: 1px solid var(--kg-line); padding-bottom: var(--kg-s-4); }
.kg-product__open { display: grid; gap: 6px; align-content: start; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; flex: 1; }
.kg-product__open:focus-visible { outline: 2px solid var(--kg-gold); outline-offset: 4px; border-radius: var(--kg-r-md); }
.kg-product__media { position: relative; display: block; aspect-ratio: 1; border-radius: var(--kg-r-md); overflow: hidden; background: var(--kg-ink-3); border: 1px solid var(--kg-line); margin-bottom: 6px; }
.kg-product__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--kg-d-slow) var(--kg-ease-out); }
@media (hover: hover) and (pointer: fine) { .kg-product__open:hover .kg-product__media img { transform: scale(1.03); } .kg-product__open:hover .kg-product__name { color: var(--kg-gold); } }
.kg-product__badges { position: absolute; inset: 8px 8px auto auto; display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.kg-tag { padding: 3px 9px; border-radius: var(--kg-r-pill); background: var(--kg-ink); color: var(--kg-paper); border: 1px solid var(--kg-line-strong); font-size: 11px; font-weight: 800; }
.kg-tag--gold { background: var(--kg-gold); color: var(--kg-ink); border-color: var(--kg-gold); }
.kg-tag--hot { border-color: var(--kg-danger); color: var(--kg-danger); }
.kg-product__cat { font-size: 11px; font-weight: 700; color: var(--kg-mute); }
.kg-product__name { font-size: var(--kg-fs-sm); font-weight: 800; color: var(--kg-paper); line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color var(--kg-d-base) var(--kg-ease-out); }
.kg-product__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: var(--kg-s-3); }
.kg-product__price { display: grid; gap: 2px; min-width: 0; }
.kg-product__price strong { color: var(--kg-paper); font-size: var(--kg-fs-md); font-weight: 900; }
.kg-product__price small { color: var(--kg-mute); font-weight: 600; font-size: 11px; }
.kg-stock { font-size: 11px; font-weight: 700; }
.kg-stock.is-in { color: var(--kg-ok); }
.kg-stock.is-out { color: var(--kg-danger); }
.kg-product__add { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--kg-gold); color: var(--kg-ink); border: 0; cursor: pointer; transition: transform var(--kg-d-fast) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out); }
.kg-product__add:active { transform: scale(0.92); }
.kg-product__add:disabled { opacity: .35; cursor: not-allowed; }
.kg-product__add:focus-visible { outline: 2px solid var(--kg-paper); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .kg-product__add:not(:disabled):hover { background: var(--kg-gold-soft); } }
.kg-product.is-out .kg-product__media img { filter: grayscale(1) opacity(.55); }
.kg-shop-why { padding-top: var(--kg-s-8); }
.kg-shop-why .kg-title { margin-bottom: var(--kg-s-6); }

/* ── Dialogs: new markup ─────────────────────────────────────── */
.kg-dialog { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: var(--kg-s-4); background: rgba(1, 11, 20, 0.82); }
.kg-dialog--side { justify-content: flex-start; padding: 0; z-index: 95; }
.kg-dialog__panel { position: relative; width: 100%; max-width: 560px; max-height: 94dvh; overflow-y: auto; background: var(--kg-ink-2); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); padding: clamp(18px, 3vw, 32px); }
.kg-dialog__panel--wide { max-width: 1040px; }
.kg-dialog__close { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; z-index: 5; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--kg-ink); color: var(--kg-paper); border: 1px solid var(--kg-line-strong); cursor: pointer; transition: transform var(--kg-d-fast) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out); }
.kg-dialog__close:active { transform: scale(0.95); }
@media (hover: hover) and (pointer: fine) { .kg-dialog__close:hover { color: var(--kg-gold); } }

.kg-pm { display: grid; gap: var(--kg-s-6); grid-template-columns: 1fr; padding-top: 40px; }
@media (min-width: 860px) { .kg-pm { grid-template-columns: 1fr 1fr; gap: var(--kg-s-7); padding-top: 0; } }
.kg-pm__stage { position: relative; aspect-ratio: 1; border-radius: var(--kg-r-md); overflow: hidden; border: 1px solid var(--kg-line); background: var(--kg-ink-3); }
.kg-pm__stage > img { width: 100%; height: 100%; object-fit: cover; }
.kg-pm__ctl { position: absolute; inset-inline: 10px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; }
.kg-pm__ctl .kg-iconbtn { pointer-events: auto; background: var(--kg-ink); border: 1px solid var(--kg-line-strong); }
.kg-pm__thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 4px; }
.kg-pm__thumbs button { flex: none; width: 56px; height: 56px; padding: 0; border-radius: var(--kg-r-sm); overflow: hidden; border: 1px solid var(--kg-line-strong); background: var(--kg-ink-3); opacity: .6; cursor: pointer; transition: opacity var(--kg-d-base) var(--kg-ease-out), border-color var(--kg-d-base) var(--kg-ease-out); }
.kg-pm__thumbs button.is-on { opacity: 1; border-color: var(--kg-gold); }
.kg-pm__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.kg-pm__info { display: flex; flex-direction: column; gap: var(--kg-s-4); min-width: 0; }
.kg-pm__title { margin: 0; font-size: var(--kg-fs-2xl); font-weight: 900; color: var(--kg-paper); line-height: 1.5; }
.kg-pm__price { margin: 0; padding-bottom: var(--kg-s-4); border-bottom: 1px solid var(--kg-line); color: var(--kg-gold); font-size: var(--kg-fs-xl); }
.kg-pm__price strong { font-weight: 900; }
.kg-pm__price span { font-size: var(--kg-fs-sm); color: var(--kg-mute); }
.kg-pm__desc p { margin: 0; color: var(--kg-text); line-height: 2; font-size: var(--kg-fs-sm); white-space: pre-line; }
.kg-pm__desc .kg-minor, .kg-pm__attrs .kg-minor { font-size: var(--kg-fs-sm); margin-bottom: var(--kg-s-2); }
.kg-pm__attrlist { display: flex; flex-wrap: wrap; gap: 8px; }
.kg-pm__buy { margin-top: auto; width: 100%; min-height: 52px; }

.kg-cart { width: 100%; max-width: 440px; height: 100%; background: var(--kg-ink-2); border-inline-end: 1px solid var(--kg-line-strong); display: flex; flex-direction: column; }
.kg-cart__head { display: flex; align-items: center; justify-content: space-between; padding: var(--kg-s-5); border-bottom: 1px solid var(--kg-line); }
.kg-cart__title { font-size: var(--kg-fs-xl); margin: 0; }
.kg-cart__body { flex: 1; overflow-y: auto; padding: var(--kg-s-5); }
.kg-cart__body .kg-empty { padding-block: 64px; }
.kg-cart__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kg-s-4); }
.kg-cart__item { display: flex; align-items: center; gap: var(--kg-s-3); padding-bottom: var(--kg-s-4); border-bottom: 1px solid var(--kg-line); }
.kg-cart__item img { width: 72px; height: 72px; border-radius: var(--kg-r-sm); object-fit: cover; background: var(--kg-ink-3); flex: none; }
.kg-cart__meta { flex: 1; min-width: 0; display: grid; gap: 4px; }
.kg-cart__meta h3 { margin: 0; font-size: var(--kg-fs-sm); font-weight: 800; color: var(--kg-paper); line-height: 1.7; }
.kg-cart__attr { margin: 0; font-size: 12px; color: var(--kg-gold); font-weight: 700; }
.kg-cart__line { margin: 0; font-size: 12px; color: var(--kg-mute); font-weight: 700; }
.kg-cart__rm:hover { color: var(--kg-danger); }
.kg-cart__foot { padding: var(--kg-s-5); padding-bottom: calc(var(--kg-s-5) + var(--kg-safe-b)); border-top: 1px solid var(--kg-line-strong); display: grid; gap: var(--kg-s-4); }
.kg-cart__code { display: flex; gap: 8px; }
.kg-cart__code input { flex: 1; min-width: 0; min-height: 46px; padding: 0 14px; background: var(--kg-ink); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-pill); color: var(--kg-paper); font: inherit; font-size: 16px; text-align: center; letter-spacing: .1em; }
.kg-cart__code input:focus { outline: none; border-color: var(--kg-gold); }
.kg-cart__total { display: flex; align-items: center; justify-content: space-between; color: var(--kg-text); font-weight: 700; }
.kg-cart__total div { text-align: end; display: grid; }
.kg-cart__total s { color: var(--kg-mute); font-size: 12px; }
.kg-cart__total strong { color: var(--kg-gold); font-size: var(--kg-fs-xl); font-weight: 900; }
.kg-cart__total small { color: var(--kg-mute); font-size: 12px; font-weight: 600; }
.kg-cart__go { width: 100%; min-height: 52px; }

/* ── Tickets / forms ─────────────────────────────────────────── */
.kg-gate { display: grid; justify-items: center; gap: var(--kg-s-4); text-align: center; padding: var(--kg-s-7) var(--kg-s-5); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); color: var(--kg-text); }
.kg-gate .kg-i { color: var(--kg-gold); }
.kg-gate p { margin: 0; line-height: 2; }
.kg-form { display: grid; gap: var(--kg-s-4); padding: clamp(18px, 3vw, 32px); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); background: var(--kg-ink-2); margin-bottom: var(--kg-s-7); }
.kg-form .kg-minor { margin: 0; }
.kg-form .kg-btn { justify-self: start; }
.kg-field { display: grid; gap: 6px; }
.kg-field > span { font-size: 13px; font-weight: 700; color: var(--kg-mute); }
.kg-field input, .kg-field textarea { width: 100%; padding: 12px 16px; background: var(--kg-ink); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-md); color: var(--kg-paper); font: inherit; font-size: 16px; line-height: 1.8; transition: border-color var(--kg-d-base) var(--kg-ease-out); }
.kg-field textarea { resize: vertical; min-height: 120px; }
.kg-field input:focus, .kg-field textarea:focus { outline: none; border-color: var(--kg-gold); }
.kg-tickets { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kg-s-4); }
.kg-ticket { padding: var(--kg-s-5); border: 1px solid var(--kg-line-strong); border-radius: var(--kg-r-lg); display: grid; gap: var(--kg-s-3); }
.kg-ticket__head { display: flex; justify-content: space-between; align-items: start; gap: var(--kg-s-3); flex-wrap: wrap; }
.kg-ticket__head h3 { margin: 0; font-size: var(--kg-fs-md); font-weight: 800; color: var(--kg-paper); }
.kg-ticket time { color: var(--kg-mute); font-size: 12px; }
.kg-ticket__msg { margin: 0; color: var(--kg-text); line-height: 2; font-size: var(--kg-fs-sm); white-space: pre-wrap; }
.kg-ticket__reply { padding: var(--kg-s-4); border-inline-start: 2px solid var(--kg-gold); background: var(--kg-gold-wash); border-radius: var(--kg-r-sm); display: grid; gap: 6px; }
.kg-ticket__reply p { margin: 0; line-height: 2; font-size: var(--kg-fs-sm); color: var(--kg-paper); white-space: pre-wrap; }
.kg-ticket__reply .kg-minor { font-size: 12px; color: var(--kg-gold); margin: 0; }
.kg-ticket__wait { margin: 0; display: flex; align-items: center; gap: 8px; color: var(--kg-mute); font-size: 13px; }
.kg-status { padding: 4px 12px; border-radius: var(--kg-r-pill); font-size: 12px; font-weight: 800; border: 1px solid var(--kg-line-strong); color: var(--kg-text); }
.kg-status.is-open { color: var(--kg-gold); border-color: var(--kg-gold); }
.kg-status.is-in_progress { color: #8FB8E8; border-color: #8FB8E8; }
.kg-status.is-closed { color: var(--kg-ok); border-color: var(--kg-ok); }

/* ── Legacy modals (checkout, consult, auth, profile, admin) ── */
html body div.fixed.inset-0[class*="bg-black"] > div[class*="rounded-[30px]"], html body div.fixed.inset-0[class*="bg-black"] > div[class*="rounded-3xl"] { background: var(--kg-ink-2) !important; border: 1px solid var(--kg-line-strong) !important; border-radius: var(--kg-r-lg) !important; box-shadow: none !important; }
html body div.fixed.inset-0[class*="bg-black"] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(1, 11, 20, 0.84) !important; }
html body div.fixed.inset-0[class*="bg-black"] input:not([type="radio"]):not([type="checkbox"]):not([type="range"]), html body div.fixed.inset-0[class*="bg-black"] textarea, html body div.fixed.inset-0[class*="bg-black"] select { font-size: 16px; border-radius: var(--kg-r-md) !important; background: var(--kg-ink) !important; border-color: var(--kg-line-strong) !important; color: var(--kg-paper); }
html body div.fixed.inset-0[class*="bg-black"] input:focus, html body div.fixed.inset-0[class*="bg-black"] textarea:focus, html body div.fixed.inset-0[class*="bg-black"] select:focus { border-color: var(--kg-gold) !important; outline: none; }
html body div.fixed.inset-0[class*="bg-black"] button[class*="absolute"][aria-label="بستن"] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; z-index: 5; }
html body div.fixed.inset-0[class*="bg-black"] [class*="bg-brandDark/50"] { background: transparent !important; border-color: var(--kg-line) !important; }
html body div.fixed.inset-0[class*="bg-black"] .gold-shine { background: none !important; -webkit-text-fill-color: currentColor; color: var(--kg-gold); animation: none; }
html body div.fixed.inset-0[class*="bg-black"] i.fas, html body div.fixed.inset-0[class*="bg-black"] i.far { color: var(--kg-gold); }

@media (max-width: 1023.98px) {
  .kg-dialog--side .kg-cart { max-width: none; }
  .kg-cart__foot { padding-bottom: calc(var(--kg-s-5) + var(--kg-safe-b)); }
}
@media (prefers-reduced-motion: reduce) { .kg-product__media img, .kg-product__open:hover .kg-product__media img { transition: none; transform: none; } }

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .kg-nav { gap: 0; }
  .kg-nav__item { padding-inline: 7px; gap: 5px; font-size: 12px; }
  .kg-nav__item .kg-i { width: 15px; height: 15px; }
}

/* ── Polish layer ────────────────────────────────────────────── */
@counter-style kg-fa { system: numeric; symbols: "۰" "۱" "۲" "۳" "۴" "۵" "۶" "۷" "۸" "۹"; pad: 2 "۰"; }
main { counter-reset: kgsec; }
.kg-section { counter-increment: kgsec; }
.kg-section:not(.kg-section--cta) .kg-sec-head::before,
.kg-section:not(.kg-section--cta) .kg-page-head::before { content: counter(kgsec, kg-fa); display: flex; align-items: center; gap: 14px; color: var(--kg-gold); font-size: var(--kg-fs-sm); font-weight: 800; letter-spacing: .04em; }
.kg-section:not(.kg-section--cta) .kg-sec-head > :first-child { margin-top: 0; }
.kg-sec-head--row::before { flex-basis: 100%; }
.kg-section:not(.kg-section--cta) .kg-sec-head:not(.kg-sec-head--row)::before { content: counter(kgsec, kg-fa) "  ———"; }
.kg-section:nth-of-type(even) { background: linear-gradient(180deg, rgba(5, 19, 33, .7), rgba(1, 11, 20, 0) 70%); }

::selection { background: var(--kg-gold); color: var(--kg-ink); }
html { scrollbar-color: rgba(242, 238, 227, .28) var(--kg-ink); scrollbar-width: thin; }
:focus-visible { outline: 2px solid var(--kg-gold); outline-offset: 3px; }
.kg-btn, .kg-filter__item, .kg-iconbtn, .kg-nav__item, .kg-bnav__item { -webkit-tap-highlight-color: transparent; }
.kg-product__price strong, .kg-pm__price, .kg-cart__total, .kg-tier__price { font-variant-numeric: tabular-nums; }

@keyframes kg-view-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
main[x-show], main.kg-page { animation: kg-view-in var(--kg-d-slow) var(--kg-ease-out) both; }

@media (hover: hover) and (pointer: fine) {
  .kg-btn .kg-i { transition: transform var(--kg-d-base) var(--kg-ease-out); }
  .kg-btn:hover .kg-i[class*="arrow"], .kg-btn:hover svg:has(use[href="#i-arrow-left"]) { transform: translateX(-4px); }
  .kg-card, .kg-work, .kg-post, .kg-tier, .kg-ticket, .kg-order { transition: border-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-base) var(--kg-ease-out); }
  .kg-card:hover, .kg-tier:hover, .kg-ticket:hover { border-color: rgba(201, 162, 39, .55); }
  .kg-work:hover .kg-work__media, .kg-post:hover .kg-post__img { border-color: rgba(201, 162, 39, .55); }
}

.kg-footer { position: relative; border-top: 0; }
.kg-footer::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201, 162, 39, .6), transparent); }

@supports (animation-timeline: scroll()) {
  .kg-progress { position: fixed; inset-inline: 0; top: 0; height: 2px; z-index: 60; background: var(--kg-gold); transform-origin: 100% 50%; transform: scaleX(0); animation: kg-progress linear both; animation-timeline: scroll(root block); pointer-events: none; }
  @keyframes kg-progress { to { transform: scaleX(1); } }
}
@media (prefers-reduced-motion: reduce) { .kg-progress { display: none; } main[x-show], main.kg-page { animation: none; } }

.kg-more-wrap .kg-pop { min-width: 252px; padding: 8px; box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .6); }
.kg-more-wrap .kg-pop::before { content: "پرش به بخش"; display: block; padding: 6px 12px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--kg-line); color: var(--kg-mute); font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.kg-more-wrap .kg-pop__item { gap: 12px; min-height: 48px; position: relative; }
.kg-more-wrap .kg-pop__item .kg-i { width: 32px; height: 32px; padding: 7px; border: 1px solid var(--kg-line-strong); border-radius: 50%; color: var(--kg-gold); transition: background-color var(--kg-d-base) var(--kg-ease-out), border-color var(--kg-d-base) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out); }
.kg-more-wrap .kg-pop__item:active { transform: scale(.98); }
.kg-more-wrap .kg-pop__item:focus-visible { outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) { .kg-more-wrap .kg-pop__item:hover .kg-i { background: var(--kg-gold); border-color: var(--kg-gold); color: var(--kg-ink); } }

@media (max-width: 1023.98px) {
  .kg-sheet-scrim { z-index: 0; }
  .kg-sheet { z-index: 2; }
  .kg-bnav__bar { position: relative; z-index: 3; }
  .kg-sheet-scrim.is-open { background: rgba(1, 11, 20, 0.72); }
}

.kg-hero { overflow: hidden; }
.kg-hero::after { content: "KARGADAN"; position: absolute; inset-inline-start: -2%; bottom: -0.18em; font-family: 'Estedad', sans-serif; font-weight: 900; font-size: clamp(5rem, 17vw, 17rem); line-height: 1; letter-spacing: .02em; color: transparent; -webkit-text-stroke: 1px rgba(242, 238, 227, .08); white-space: nowrap; pointer-events: none; user-select: none; direction: ltr; z-index: 0; }
.kg-hero > * { position: relative; z-index: 1; }
.kg-hero::after { z-index: 0; }
@media (max-width: 1023.98px) { .kg-hero::after { font-size: clamp(3.5rem, 22vw, 8rem); bottom: calc(var(--kg-nav-h) + var(--kg-safe-b) + 60px); } }

/* ── Luxury layer ────────────────────────────────────────────── */
:root {
  --kg-gold-deep: #8F7218;
  --kg-hl: inset 0 1px 0 rgba(242, 238, 227, .07);
  --kg-shadow-1: 0 1px 0 rgba(242, 238, 227, .04) inset, 0 18px 40px -22px rgba(0, 0, 0, .8);
  --kg-shadow-2: 0 1px 0 rgba(242, 238, 227, .06) inset, 0 30px 70px -28px rgba(0, 0, 0, .9);
}
html body { background: radial-gradient(120% 60% at 50% -10%, #07192b 0%, var(--kg-ink) 55%) fixed, var(--kg-ink); }
body::before { content: ""; position: fixed; inset: 0; z-index: 1; pointer-events: none; opacity: .045; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }

.kg-header { background: rgba(5, 19, 33, .82); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: var(--kg-hl), 0 18px 40px -20px rgba(0, 0, 0, .85); border-color: rgba(242, 238, 227, .16); }
.kg-bnav__bar { background: rgba(5, 19, 33, .86); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: var(--kg-hl), 0 18px 40px -16px rgba(0, 0, 0, .9); }
.kg-nav__item[aria-current="page"], .kg-bnav__item[aria-current="page"], .kg-bnav__item[aria-expanded="true"] { background: linear-gradient(180deg, #D8B13A, var(--kg-gold)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }

.kg-btn { position: relative; overflow: hidden; isolation: isolate; letter-spacing: .01em; }
.kg-btn--gold { background: linear-gradient(180deg, #D8B13A, var(--kg-gold) 55%, #B8921F); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 10px 24px -12px rgba(201, 162, 39, .55); }
.kg-btn--gold::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .38) 50%, transparent 65%); transform: translateX(120%); transition: transform 700ms var(--kg-ease-out); }
.kg-btn--ghost { box-shadow: var(--kg-hl); background: rgba(242, 238, 227, .02); }
@media (hover: hover) and (pointer: fine) {
  .kg-btn--gold:hover { background: linear-gradient(180deg, #E3BC42, #D0AA2C 55%, #BF9822); }
  .kg-btn--gold:hover::after { transform: translateX(-120%); }
}

.kg-title { letter-spacing: -.01em; }
.kg-title--xl, .kg-hero__title { letter-spacing: -.02em; }
.kg-lede { color: #C3CAD2; }
.kg-sec-head::after { content: ""; display: block; width: 56px; height: 1px; background: linear-gradient(90deg, var(--kg-gold), transparent); margin-top: 4px; }
.kg-sec-head--row::after { display: none; }

.kg-section { border-top: 0; }
.kg-section::before { content: ""; position: absolute; inset-inline: var(--kg-gutter); top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(242, 238, 227, .16) 20%, rgba(201, 162, 39, .45) 50%, rgba(242, 238, 227, .16) 80%, transparent); }
.kg-section--flush::before { display: none; }

.kg-card, .kg-tier, .kg-product__media, .kg-work__media, .kg-post__img, .kg-ticket, .kg-form, .kg-fpanel, .kg-gate, .kg-dialog__panel, .kg-cart, .sa-card { box-shadow: var(--kg-shadow-1); }
.kg-tier { background: linear-gradient(180deg, rgba(11, 29, 47, .6), var(--kg-ink-2) 60%); }
.kg-tier.is-active { box-shadow: var(--kg-shadow-2), 0 0 0 1px rgba(201, 162, 39, .35); }
.kg-card::after, .kg-work__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(242, 238, 227, .06); }
.kg-work__media { position: relative; }

.kg-filter__item, .kg-check, .kg-chip { background: rgba(242, 238, 227, .02); }
.kg-filter__item.is-on { background: linear-gradient(180deg, #D8B13A, var(--kg-gold)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }

.kg-product { border-bottom-color: rgba(242, 238, 227, .1); }
.kg-product__add { background: linear-gradient(180deg, #D8B13A, var(--kg-gold)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 18px -8px rgba(201, 162, 39, .6); }

.kg-ledger__row { position: relative; transition: padding-inline-start var(--kg-d-slow) var(--kg-ease-out); }
.kg-ledger__row::before { content: ""; position: absolute; inset-inline-start: 0; top: 50%; width: 0; height: 1px; background: var(--kg-gold); transition: width var(--kg-d-slow) var(--kg-ease-out); }
@media (hover: hover) and (pointer: fine) { .kg-ledger__row:hover { padding-inline-start: 22px; } .kg-ledger__row:hover::before { width: 12px; } }

.kg-footer { background: linear-gradient(180deg, rgba(5, 19, 33, .6), var(--kg-ink) 40%); }
.kg-fab { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 16px 32px -12px rgba(0, 0, 0, .8); }

html body .reveal-up { transition-duration: 700ms; transition-timing-function: var(--kg-ease-out); }

@media (prefers-reduced-motion: reduce) { .kg-btn--gold::after { display: none; } .kg-ledger__row, .kg-ledger__row::before { transition: none; } }
@media (max-width: 1023.98px) { body::before { opacity: .03; } }
.kg-bnav__bar { background: rgba(5, 19, 33, .95); }
.kg-header { background: rgba(5, 19, 33, .9); }
.kg-product__price strong, .kg-pm__price, .kg-cart__total, .kg-tier__price { font-variant-numeric: normal; }

@media (max-width: 1023.98px) {
  .kg-bnav { width: min(480px, calc(100% - 20px)); }
  .kg-bnav__bar { gap: 6px; padding: 6px 8px; }
  .kg-bnav__item { padding-inline: 2px; gap: 4px; font-size: 11px; letter-spacing: 0; }
  .kg-bnav__item > span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 359.98px) { .kg-bnav__bar { gap: 4px; padding-inline: 6px; } .kg-bnav__item { font-size: 10.5px; } }
@media (max-width: 379.98px) { .kg-bnav__item { font-size: 10px; padding-inline: 0; } .kg-bnav__bar { padding-inline: 5px; } }
@media (max-width: 1023.98px) {
  .kg-bnav__bar { display: flex; }
  .kg-bnav__item { flex: 1 1 0; transition: flex-grow var(--kg-d-slow) var(--kg-ease-out), color var(--kg-d-base) var(--kg-ease-out), background-color var(--kg-d-base) var(--kg-ease-out), transform var(--kg-d-fast) var(--kg-ease-out); }
  .kg-bnav__item[aria-current="page"], .kg-bnav__item[aria-expanded="true"] { flex-grow: 1.45; padding-inline: 6px; }
}
@media (max-width: 339.98px) {
  .kg-bnav__item:not([aria-current="page"]):not([aria-expanded="true"]) > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ── Entrance, dialogs, footer mark ──────────────────────────── */
@keyframes kg-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes kg-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kg-pop-dialog { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
.kg-hero__mark { animation: kg-rise 800ms var(--kg-ease-out) 80ms both; }
.kg-hero__title { animation: kg-rise 900ms var(--kg-ease-out) 200ms both; }
.kg-hero__tag { animation: kg-rise 900ms var(--kg-ease-out) 380ms both; }
.kg-phrase { animation: kg-rise 900ms var(--kg-ease-out) 520ms both; }
.kg-hero__cta { animation: kg-rise 900ms var(--kg-ease-out) 660ms both; }
.kg-hero::after { animation: kg-fade 1600ms ease-out 400ms both; }
.kg-dialog, html body div.fixed.inset-0[class*="bg-black"] { animation: kg-fade var(--kg-d-slow) var(--kg-ease-out) both; }
.kg-dialog__panel, html body div.fixed.inset-0[class*="bg-black"] > div[class*="rounded-"] { animation: kg-pop-dialog 360ms var(--kg-ease-out) both; }
.kg-cart { animation: kg-rise 320ms var(--kg-ease-out) both; }

.kg-footer { overflow: hidden; }
.kg-footer::after { content: "KARGADAN"; position: absolute; inset-inline: 0; bottom: -0.22em; text-align: center; font-weight: 900; font-size: clamp(4rem, 15vw, 14rem); line-height: 1; letter-spacing: .04em; color: transparent; -webkit-text-stroke: 1px rgba(242, 238, 227, .06); pointer-events: none; user-select: none; direction: ltr; }
.kg-footer > * { position: relative; z-index: 1; }

.kg-tier__price { font-weight: 900; color: var(--kg-paper); }
.kg-tier.is-active .kg-tier__price { color: var(--kg-gold); }
.kg-tier__tag { background: linear-gradient(180deg, #D8B13A, var(--kg-gold)); }

@media (prefers-reduced-motion: reduce) {
  .kg-hero__mark, .kg-hero__title, .kg-hero__tag, .kg-phrase, .kg-hero__cta, .kg-hero::after, .kg-dialog, .kg-dialog__panel, .kg-cart, html body div.fixed.inset-0[class*="bg-black"], html body div.fixed.inset-0[class*="bg-black"] > div[class*="rounded-"] { animation: none; }
}