:root{
--bg: #16120f; --fg: #f4ede3; --muted: #a89886; --accent: #ff6b35;
    --accent-fg: #1a1109; --surface: #211a15; --border: #3a2f26;
    --display-font: ui-sans-serif, system-ui, sans-serif;
    --body-font:    ui-sans-serif, system-ui, sans-serif;
    --radius: 8px;
    --scale-xs: .82rem; --scale-sm: .92rem; --scale-base: 1rem;
    --scale-md: 1.2rem; --scale-lg: clamp(1.9rem,4vw,2.8rem);
    --scale-xl: clamp(2.4rem,5vw,3.5rem); --scale-2xl: clamp(3rem,7vw,5rem);
    --space-section: 5.5rem; --space-gap: 2rem; --space-card: 1.75rem;
    --card-shadow: 0 2px 16px rgba(0,0,0,.25); --glow: none;
    --tb-height: 3.5rem;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:            #16120f;
    --fg:            #f4ede3;
    --muted:         #a89886;
    --accent:        #ff6b35;
    --accent-fg:     #1a1109;
    --surface:       #211a15;
    --border:        #3a2f26;
    --display-font:  ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --body-font:     ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --radius:        8px;
    --scale-xs:      .82rem;
    --scale-sm:      .92rem;
    --scale-base:    1rem;
    --scale-md:      1.2rem;
    --scale-lg:      clamp(1.9rem, 4vw, 2.8rem);
    --scale-xl:      clamp(2.4rem, 5vw, 3.5rem);
    --scale-2xl:     clamp(3rem, 7vw, 5rem);
    --space-section: 5.5rem;
    --space-gap:     2rem;
    --space-card:    1.75rem;
    --card-shadow:   0 2px 16px rgba(0,0,0,.25);
    --glow:          none;
    --ft-pad-block:  4rem;
    --ft-gap:        3rem;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:        #16120f;
    --fg:        #f4ede3;
    --muted:     #a89886;
    --accent:    #ff6b35;
    --accent-fg: #1a1109;
    --surface:   #211a15;
    --border:    #3a2f26;
    --display-font: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --body-font:    ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --sm-stage-min: 560px;
    --sm-pad-block: 4rem;
    --radius: 12px;
    
    --sm-card-bg: rgba(20,13,9,.55);
    --sm-card-border: rgba(255,255,255,.12);
  
  --scale-xs:   .82rem;
  --scale-sm:   .92rem;
  --scale-base: 1rem;
  --scale-md:   1.2rem;
  --scale-lg:   clamp(1.9rem, 4vw, 2.8rem);
  --scale-xl:   clamp(2.4rem, 5vw, 3.5rem);
  --scale-2xl:  clamp(3rem, 7vw, 5rem);
  
  --space-section: 5.5rem;
  --space-gap:     2rem;
  --space-card:    1.75rem;
  
  --card-shadow: 0 2px 16px rgba(0,0,0,.25);
  --glow:        none;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:           #16120f;
    --fg:           #f4ede3;
    --muted:        #a89886;
    --accent:       #ff6b35;
    --accent-fg:    #1a1109;
    --surface:      #211a15;
    --border:       #3a2f26;
    --display-font: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --body-font:    ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --nr-split-ratio: 1fr 1fr;
    --nr-gap: 5rem;
    --nr-pad-block: 6rem;
    --radius: 10px;
  
  --scale-xs:   .82rem;
  --scale-sm:   .92rem;
  --scale-base: 1rem;
  --scale-md:   1.2rem;
  --scale-lg:   clamp(1.9rem, 4vw, 2.8rem);
  --scale-xl:   clamp(2.4rem, 5vw, 3.5rem);
  --scale-2xl:  clamp(3rem, 7vw, 5rem);
  
  --space-section: 5.5rem;
  --space-gap:     2rem;
  --space-card:    1.75rem;
  
  --card-shadow: 0 2px 16px rgba(0,0,0,.25);
  --glow:        none;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:           #16120f;
    --fg:           #f4ede3;
    --muted:        #a89886;
    --accent:       #ff6b35;
    --accent-fg:    #1a1109;
    --surface:      #211a15;
    --border:       #3a2f26;
    --display-font: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --body-font:    ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --ct-pad-block: 5rem;
    --radius: 16px;
  
  --scale-xs:   .82rem;
  --scale-sm:   .92rem;
  --scale-base: 1rem;
  --scale-md:   1.2rem;
  --scale-lg:   clamp(1.9rem, 4vw, 2.8rem);
  --scale-xl:   clamp(2.4rem, 5vw, 3.5rem);
  --scale-2xl:  clamp(3rem, 7vw, 5rem);
  
  --space-section: 5.5rem;
  --space-gap:     2rem;
  --space-card:    1.75rem;
  
  --card-shadow: 0 2px 16px rgba(0,0,0,.25);
  --glow:        none;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:#16120f;--fg:#f4ede3;--muted:#a89886;--accent:#ff6b35;
    --accent-fg:#1a1109;--surface:#211a15;--border:#3a2f26;
    --display-font:ui-sans-serif,system-ui,sans-serif;
    --body-font:ui-sans-serif,system-ui,sans-serif;
    --radius:10px;
    --scale-xs:.82rem;--scale-sm:.92rem;--scale-base:1rem;
    --scale-md:1.2rem;--scale-lg:clamp(1.9rem,4vw,2.8rem);
    --scale-xl:clamp(2.4rem,5vw,3.5rem);--scale-2xl:clamp(3rem,7vw,5rem);
    --space-section:5.5rem;--space-gap:2rem;--space-card:1.75rem;
    --card-shadow:0 2px 16px rgba(0,0,0,.25);--glow:none;
    --hl-pad-block:3.5rem;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:#16120f;--fg:#f4ede3;--muted:#a89886;--accent:#ff6b35;
    --accent-fg:#1a1109;--surface:#211a15;--border:#3a2f26;
    --display-font:ui-sans-serif,system-ui,sans-serif;
    --body-font:ui-sans-serif,system-ui,sans-serif;
    --radius:8px;
    --scale-xs:.82rem;--scale-sm:.92rem;--scale-base:1rem;
    --scale-md:1.2rem;--scale-lg:clamp(1.9rem,4vw,2.8rem);
    --scale-xl:clamp(2.4rem,5vw,3.5rem);--scale-2xl:clamp(3rem,7vw,5rem);
    --space-section:5.5rem;--space-gap:2rem;--space-card:1.75rem;
    --card-shadow:0 2px 16px rgba(0,0,0,.25);--glow:none;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:           #16120f;
    --fg:           #f4ede3;
    --muted:        #a89886;
    --accent:       #ff6b35;
    --accent-fg:    #1a1109;
    --surface:      #211a15;
    --border:       #3a2f26;
    --display-font: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --body-font:    ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
    --lb-pad-block: 4.5rem;
    
    --scale-xs:   .82rem;
    --scale-sm:   .92rem;
    --scale-base: 1rem;
    --scale-md:   1.2rem;
    --scale-lg:   clamp(1.9rem, 4vw, 2.8rem);
    --scale-xl:   clamp(2.4rem, 5vw, 3.5rem);
    --scale-2xl:  clamp(3rem, 7vw, 5rem);
    
    --space-section: 5.5rem;
    --space-gap:     2rem;
    --space-card:    1.75rem;
    
    --card-shadow: 0 2px 16px rgba(0,0,0,.25);
    --glow:        none;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
}
:root{--bg:#0a0a0a;--fg:#e7e7e7;--muted:#898989;--surface:#1b1b1b;--border:#313131;--accent:#ff3b30;--accent-fg:#ffffff;--display-font:'Playfair Display', system-ui, sans-serif;--body-font:'Source Sans 3', system-ui, sans-serif;--radius:14px;--heading-weight:700;--heading-tracking:.01em;--kicker-transform:none;--kicker-tracking:.04em;--motion-duration:.2s;--motion-lift:-4px;}

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-roko {
    position: fixed; inset-block-start: 0; inset-inline: 0;
    z-index: 100; font-family: var(--body-font);
  }
  .kog-liba {
    background: var(--tb-nav-bg, var(--surface));
    border-bottom: 1px solid var(--border);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: var(--tb-height, 3.5rem);
    padding-inline: var(--tb-pad-x, clamp(1rem, 4vw, 3rem));
    gap: var(--tb-gap, 1rem);
    position: relative;
  }

  .kog-kodade {
    display: inline-flex; align-items: center; gap: .6rem;
    text-decoration: none; white-space: nowrap; justify-self: start;
  }
  .kog-nane {
    width: var(--tb-logo-size, 2rem); height: var(--tb-logo-size, 2rem);
    object-fit: contain; display: block;
  }
  .kog-paga {
    font-family: var(--display-font);
    font-size: var(--scale-md); font-weight: 700; color: var(--fg);
  }

  .kog-taba {
    display: flex; align-items: center; gap: var(--tb-nav-gap, 2.5rem);
    list-style: none; margin: 0; padding: 0;
    justify-self: center;
  }
  .kog-neliso {
    color: var(--muted); text-decoration: none;
    font-size: var(--scale-sm); font-weight: 600;
    letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
    transition: color var(--motion-duration, .15s) ease;
  }
  .kog-neliso:hover { color: var(--fg); }
  .kog-neliso--active { color: var(--accent); }
  .kog-neliso:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 5px; }

  .kog-dunu { justify-self: end; }
  .kog-nagu {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .5rem 1.25rem;
    border-radius: var(--radius, 8px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-sm); font-weight: 600;
    text-decoration: none; white-space: nowrap;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-nagu:hover { transform: translateY(-1px); }
  .kog-nagu:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

  .kog-buna {
    display: none;
    background: none; border: 1px solid var(--border);
    border-radius: var(--radius, 6px); cursor: pointer; color: var(--fg);
    width: 2.25rem; height: 2.25rem;
    align-items: center; justify-content: center;
  }
  .kog-zufa { display: block; width: 1.1rem; height: 2px; background: currentColor; position: relative; }
  .kog-zufa::before,
  .kog-zufa::after {
    content: ""; position: absolute; left: 0; width: 100%; height: 2px;
    background: currentColor; transition: transform var(--motion-duration, .2s) ease;
  }
  .kog-zufa::before { top: -.42rem; }
  .kog-zufa::after  { top:  .42rem; }

  .kog-roko[data-open] .kog-taba {
    display: flex; flex-direction: column; align-items: stretch;
    position: absolute; inset-block-start: var(--tb-height, 3.5rem); inset-inline: 0;
    background: var(--surface); border-bottom: 1px solid var(--border);
    padding: 1rem var(--tb-pad-x, 1rem); gap: .5rem;
  }
  .kog-roko[data-open] .kog-neliso { padding: .6rem 0; border-bottom: 1px solid var(--border); }
  .kog-roko[data-open] .kog-neliso:last-child { border-bottom: none; }
  .kog-roko[data-open] .kog-zufa { background: transparent; }
  .kog-roko[data-open] .kog-zufa::before { transform: rotate(45deg) translate(.3rem, .3rem); }
  .kog-roko[data-open] .kog-zufa::after  { transform: rotate(-45deg) translate(.3rem, -.3rem); }

  @media (prefers-reduced-motion: reduce) {
    .kog-neliso, .kog-nagu, .kog-zufa::before, .kog-zufa::after { transition: none; }
  }
  @media (max-width: 768px) {
    .kog-liba { grid-template-columns: 1fr auto; }
    .kog-taba { display: none; }
    .kog-dunu { display: none; }
    .kog-buna { display: inline-flex; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-tofama {
    background: var(--ft-bg, var(--surface));
    border-top: 1px solid var(--border);
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--ft-pad-block, var(--space-section));
    padding-inline: var(--ft-pad-inline, clamp(1rem, 4vw, 3rem));
  }

  .kog-kami {
    max-width: var(--ft-max, 1150px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--ft-cols, 1.2fr 1fr 1fr);
    gap: var(--ft-gap, var(--space-gap));
    margin-bottom: 3rem;
  }

  .kog-pade {
    display: flex; align-items: center; gap: .6rem;
    text-decoration: none; margin-bottom: 1rem;
  }
  .kog-palenu {
    width: var(--ft-logo-size, 2rem); height: var(--ft-logo-size, 2rem);
    object-fit: contain; display: block; flex-shrink: 0;
  }
  .kog-vupa {
    font-family: var(--display-font);
    font-size: var(--scale-md); font-weight: 700;
    color: var(--fg);
  }
  .kog-renepo {
    margin: 0 0 1.5rem;
    font-size: var(--scale-sm); line-height: 1.55; color: var(--muted);
    max-width: 28ch;
  }
  .kog-mefare {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .7rem 1.5rem;
    border-radius: var(--radius, 8px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-sm); font-weight: 600;
    text-decoration: none;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-mefare:hover { transform: translateY(var(--motion-lift, -2px)); }
  .kog-mefare:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

  .kog-gate {
    margin: 0 0 1rem;
    font-size: var(--scale-xs); font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--muted);
  }
  .kog-bope {
    display: flex; flex-direction: column; gap: .6rem;
  }
  .kog-refa {
    color: var(--muted); text-decoration: none;
    font-size: var(--scale-sm); line-height: 1.4;
    transition: color var(--motion-duration, .15s) ease;
  }
  .kog-refa:hover { color: var(--fg); }
  .kog-refa:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }

  .kog-vamege {
    display: flex; flex-direction: column; gap: .2rem;
    margin-bottom: .85rem;
  }
  .kog-vamege:last-child { margin-bottom: 0; }
  .kog-puta {
    font-size: var(--scale-xs); font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
  }
  .kog-rorona {
    font-size: var(--scale-sm); color: var(--fg);
  }

  .kog-figiru {
    max-width: var(--ft-max, 1150px);
    margin-inline: auto;
    border-top: 1px solid var(--border);
    padding-top: 1.5rem;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: .75rem;
  }
  .kog-gopu {
    margin: 0;
    font-size: var(--scale-xs); color: var(--muted);
  }
  .kog-foti {
    display: flex; flex-wrap: wrap; gap: 1rem;
  }
  .kog-rifode {
    font-size: var(--scale-xs); color: var(--muted);
    text-decoration: none;
  }
  .kog-rifode:hover { color: var(--fg); }

  @media (prefers-reduced-motion: reduce) {
    .kog-mefare, .kog-refa { transition: none; }
  }

  @media (max-width: 860px) {
    .kog-kami { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px) {
    .kog-kami { grid-template-columns: 1fr; gap: 2.5rem; }
    .kog-figiru { flex-direction: column; align-items: flex-start; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-kotatu--oversized {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--hero-pad-block, 7rem);
    padding-inline: var(--hero-pad-inline, 1.5rem);
  }
  .kog-kotatu--oversized .kog-taso {
    max-width: var(--hero-max, 1300px);
    margin-inline: auto;
  }

  .kog-lifodo {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 1rem; flex-wrap: wrap;
    margin-bottom: var(--hero-top-gap, 2.5rem);
  }
  .kog-dise {
    margin: 0;
    font-family: var(--utility-font, var(--body-font));
    font-size: var(--hero-kicker-size, .8rem);
    letter-spacing: .2em; text-transform: uppercase;
    color: var(--accent); font-weight: 600;
  }
  .kog-supopa {
    margin: 0;
    font-size: .8rem; letter-spacing: .12em; text-transform: uppercase;
    color: var(--muted);
  }

  .kog-dubuzu {
    margin: 0 0 var(--hero-title-gap, 2.5rem);
    font-family: var(--display-font);
    font-size: var(--hero-title-size, clamp(3rem, 13vw, 11rem));
    font-weight: var(--hero-title-weight, 850);
    line-height: var(--hero-title-leading, .94);
    letter-spacing: var(--hero-title-spacing, -.03em);
    text-wrap: balance;
  }
  .kog-dubuzu em {
    font-style: normal;
    color: var(--accent);
  }

  .kog-rubi {
    display: flex; justify-content: space-between; align-items: end;
    gap: 2rem; flex-wrap: wrap;
    border-top: 1px solid var(--border);
    padding-top: var(--hero-bottom-pad, 2rem);
  }
  .kog-demedi {
    margin: 0;
    font-size: var(--hero-sub-size, 1.15rem);
    line-height: 1.5; color: var(--muted);
    max-width: 46ch;
  }
  .kog-bose { display: flex; flex-wrap: wrap; gap: 1rem; }
  .kog-rine {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--hero-cta-pad, .9rem 1.8rem);
    border-radius: var(--radius, 8px);
    font-size: 1.05rem; font-weight: 600;
    text-decoration: none; cursor: pointer; white-space: nowrap;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-rine:hover { transform: translateY(var(--motion-lift, -2px)); }
  .kog-rine--primary { background: var(--accent); color: var(--accent-fg); }
  .kog-rine--ghost { background: transparent; color: var(--fg); border: 1px solid var(--border); }

  .kog-rine:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { .kog-rine { transition: none; } }

  @media (max-width: 768px) {
    .kog-kotatu--oversized { padding-block: var(--hero-pad-block-mobile, 4rem); }
    .kog-rubi { flex-direction: column; align-items: stretch; gap: 1.5rem; }
    .kog-demedi { max-width: none; }
    .kog-bose { width: 100%; }
    .kog-rine { flex: 1; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-disulu--cards {
    background: var(--stats-bg, var(--bg));
    color: var(--stats-fg, var(--fg));
    font-family: var(--body-font);
    padding-block: var(--stats-pad-block, 4rem);
    padding-inline: var(--stats-pad-inline, 1.5rem);
  }
  .kog-disulu--cards .kog-sola {
    max-width: var(--stats-max, 1100px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(var(--stats-cols, 4), 1fr);
    gap: var(--stats-gap, 1.25rem);
  }
  .kog-savo {
    background: var(--stats-card-bg, var(--surface-bg));
    border: 1px solid var(--stats-border, var(--border));
    border-radius: var(--stats-radius, 12px);
    padding: var(--stats-card-pad, 1.75rem 1.5rem);
    display: flex; flex-direction: column; gap: .4rem;
    text-align: var(--stats-card-align, left);
  }
  .kog-ramoda {
    font-family: var(--display-font);
    font-size: var(--stats-value-size, 2.6rem);
    font-weight: var(--stats-value-weight, 800);
    color: var(--stats-value-color, var(--accent));
    line-height: 1;
  }
  .kog-repe {
    font-size: var(--stats-label-size, 1rem);
    font-weight: 600;
    color: var(--stats-label-color, var(--fg));
  }
  .kog-bedifi {
    font-size: var(--stats-note-size, .85rem);
    color: var(--stats-note-color, var(--muted));
    line-height: 1.4;
  }

  @media (max-width: 768px) {
    .kog-disulu--cards .kog-sola { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .kog-ramoda { font-size: 2.1rem; }
  }
  @media (max-width: 420px) {
    .kog-disulu--cards .kog-sola { grid-template-columns: 1fr 1fr; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-nikene--fullbleed {
    position: relative;
    overflow: hidden;
    background: var(--surface);
    color: var(--fg);
    font-family: var(--body-font);
    min-height: var(--sm-stage-min, clamp(420px, 60vh, 620px));
    display: grid;
    align-items: center;
    padding-block: var(--sm-pad-block, var(--space-section));
    padding-inline: var(--sm-pad-inline, 1.5rem);
  }

  .kog-mubo {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .kog-deko {
    width: 100%; height: 100%;
    background: var(--surface);
    display: grid; place-items: center;
    color: var(--muted); font-size: var(--scale-sm);
  }
  
  .kog-mubo::after {
    content: "";
    position: absolute; inset: 0;
    background: var(--sm-overlay, linear-gradient(90deg, var(--bg) 0%, transparent 75%));
    opacity: var(--sm-overlay-opacity, .9);
  }
  .kog-nikene--fullbleed[data-reverse="true"] .kog-mubo::after {
    background: var(--sm-overlay-rev, linear-gradient(270deg, var(--bg) 0%, transparent 75%));
  }

  .kog-ludo {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--sm-max, 1200px);
    margin-inline: auto;
  }
  .kog-gupe {
    width: var(--sm-card-width, min(520px, 100%));
    padding: var(--sm-card-pad, clamp(1.75rem, 3vw, 2.5rem));
    background: var(--sm-card-bg, var(--surface));
    border: 1px solid var(--sm-card-border, var(--border));
    border-radius: var(--radius, 10px);
    backdrop-filter: var(--sm-card-blur, blur(4px));
  }
  .kog-nikene--fullbleed[data-reverse="true"] .kog-ludo { display: flex; justify-content: flex-end; }

  .kog-kirebi {
    margin: 0 0 1rem;
    font-family: var(--utility-font, var(--body-font));
    font-size: var(--sm-kicker-size, var(--scale-xs));
    letter-spacing: var(--sm-kicker-spacing, .18em);
    text-transform: var(--sm-kicker-transform, uppercase);
    color: var(--accent); font-weight: 600;
  }
  .kog-nugu {
    margin: 0 0 1.1rem;
    font-family: var(--display-font);
    font-size: var(--sm-title-size, var(--scale-lg));
    font-weight: var(--sm-title-weight, 800);
    line-height: var(--sm-title-leading, 1.08);
    letter-spacing: var(--sm-title-spacing, -.02em);
    color: var(--sm-title-color, var(--fg));
  }
  .kog-zeda {
    margin: 0 0 1rem;
    font-size: var(--sm-sub-size, var(--scale-md));
    line-height: 1.4; font-weight: 500;
    color: var(--sm-sub-color, var(--fg));
  }
  .kog-musa {
    margin: 0 0 1.5rem;
    font-size: var(--sm-body-size, var(--scale-base));
    line-height: 1.6;
    color: var(--sm-body-color, var(--muted));
  }
  .kog-gado {
    list-style: none; margin: 0 0 1.75rem; padding: 0;
    display: grid; gap: var(--sm-points-gap, .6rem);
  }
  .kog-gado li {
    position: relative; padding-inline-start: 1.6rem;
    font-size: var(--sm-point-size, var(--scale-base)); line-height: 1.5;
    color: var(--sm-point-color, var(--fg));
  }
  .kog-gado li::before {
    content: ""; position: absolute; inset-inline-start: 0; top: .55em;
    width: .55rem; height: .55rem; border-radius: 50%; background: var(--accent);
  }
  .kog-dupo { display: flex; flex-wrap: wrap; gap: 1rem; }
  .kog-votuda {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--sm-cta-pad, .8rem 1.5rem);
    border-radius: var(--radius, 8px);
    font-size: var(--scale-base); font-weight: 600;
    text-decoration: none; cursor: pointer;
    transition: transform var(--motion-duration, .15s) ease, opacity var(--motion-duration, .15s) ease;
  }
  .kog-votuda:hover { transform: translateY(var(--motion-lift, -2px)); }
  .kog-votuda--primary { background: var(--accent); color: var(--accent-fg); }
  .kog-votuda--ghost {
    background: transparent; color: var(--fg);
    border: 1px solid var(--sm-ghost-border, var(--border));
  }

  .kog-votuda:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { .kog-votuda { transition: none; } }

  @media (max-width: 768px) {
    .kog-nikene--fullbleed { min-height: var(--sm-stage-min-mobile, 0); }
    .kog-gupe { width: 100%; }
    .kog-nikene--fullbleed[data-reverse="true"] .kog-ludo { justify-content: flex-start; }
    .kog-mubo::after,
    .kog-nikene--fullbleed[data-reverse="true"] .kog-mubo::after {
      background: var(--sm-overlay-mobile, linear-gradient(to top, var(--bg) 30%, transparent 100%));
    }
  }

*, *::before, *::after { box-sizing: border-box; }

  .kog-ronona--compact {
    background: var(--feat-bg, var(--bg));
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--feat-pad-block, 5.5rem);
    padding-inline: var(--feat-pad-inline, 1.5rem);
  }
  .kog-ronona--compact .kog-sure { max-width: var(--feat-max, 1050px); margin-inline: auto; }
  .kog-baru { max-width: 640px; margin-bottom: var(--feat-head-gap, 2.75rem); }
  .kog-moka {
    margin: 0 0 1rem; font-family: var(--utility-font, var(--body-font));
    font-size: .8rem; letter-spacing: var(--kicker-tracking, .18em); text-transform: var(--kicker-transform, uppercase);
    color: var(--accent); font-weight: 600;
  }
  .kog-lime {
    margin: 0; font-family: var(--display-font);
    font-size: var(--feat-title-size, clamp(1.9rem, 4vw, 2.8rem));
    font-weight: var(--heading-weight, 800); line-height: 1.1; letter-spacing: var(--heading-tracking, -.02em);
  }

  .kog-dikupi {
    display: grid;
    grid-template-columns: repeat(var(--feat-cols, 2), 1fr);
    gap: var(--feat-gap, 1.25rem 2.5rem);
  }
  .kog-kukune {
    display: flex; gap: 1rem; align-items: flex-start;
    padding: var(--feat-item-pad, .85rem 0);
    border-bottom: 1px solid var(--feat-item-border, var(--border));
  }
  .kog-peda {
    flex: none; width: 38px; height: 38px;
    display: grid; place-items: center; border-radius: 14px;
    background: var(--feat-icon-bg, color-mix(in srgb, var(--accent) 14%, transparent));
    color: var(--accent);
  }
  .kog-peda svg { width: 19px; height: 19px; }
  .kog-mumi { display: flex; flex-direction: column; gap: .25rem; }
  .kog-zadu { margin: 0; font-family: var(--display-font); font-size: 1.08rem; font-weight: 700; }
  .kog-baku { margin: 0; font-size: .92rem; line-height: 1.5; color: var(--muted); }

  @media (max-width: 700px) {
    .kog-ronona--compact .kog-dikupi { grid-template-columns: 1fr; gap: 0; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-litabu--split {
    background: var(--nr-bg, var(--bg));
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--nr-pad-block, var(--space-section));
    padding-inline: var(--nr-pad-inline, 1.5rem);
  }
  .kog-pubi {
    max-width: var(--nr-max, 1150px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--nr-split-ratio, 1fr 1fr);
    gap: var(--nr-gap, 5rem);
    align-items: center;
  }

  .kog-dobu {
    margin: 0 0 1rem;
    font-family: var(--utility-font, var(--body-font));
    font-size: var(--nr-kicker-size, var(--scale-xs));
    letter-spacing: var(--kicker-tracking, .18em);
    text-transform: var(--kicker-transform, uppercase);
    color: var(--accent); font-weight: 600;
  }
  .kog-zukivu {
    margin: 0 0 2rem;
    font-family: var(--display-font);
    font-size: var(--nr-title-size, var(--scale-lg));
    font-weight: var(--nr-title-weight, 800);
    line-height: 1.1;
    letter-spacing: var(--heading-tracking, -.02em);
  }
  .kog-fabigu {
    display: grid;
    gap: var(--nr-para-gap, 1.1rem);
    margin-bottom: 2.5rem;
  }
  .kog-daki {
    margin: 0;
    font-size: var(--nr-para-size, var(--scale-base));
    line-height: 1.75;
    color: var(--muted);
  }
  
  .kog-fabigu {
    border-inline-start: 2px solid var(--accent);
    padding-inline-start: 1.5rem;
  }
  .kog-begobu {
    display: inline-flex; align-items: center;
    padding: var(--nr-cta-pad, .8rem 1.75rem);
    border-radius: var(--radius, 10px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-base); font-weight: 600;
    text-decoration: none;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-begobu:hover { transform: translateY(var(--motion-lift, -2px)); }
  .kog-begobu:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

  .kog-bada {
    aspect-ratio: var(--nr-media-aspect, 3 / 4);
    border-radius: var(--radius, 10px);
    background: var(--surface);
    border: 1px solid var(--border);
    overflow: hidden;
    display: grid; place-items: center;
    color: var(--muted); font-size: var(--scale-sm);
  }

  @media (prefers-reduced-motion: reduce) { .kog-begobu { transition: none; } }

  @media (max-width: 768px) {
    .kog-litabu--split .kog-pubi { grid-template-columns: 1fr; gap: 2.5rem; }
    .kog-bada { aspect-ratio: 4 / 3; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-redo--split {
    background: var(--ct-bg, var(--bg));
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--ct-pad-block, var(--space-section));
    padding-inline: var(--ct-pad-inline, 1.5rem);
  }
  .kog-gafe {
    max-width: var(--ct-max, 1100px);
    margin-inline: auto;
    background: var(--ct-card-bg, var(--surface));
    border: 1px solid var(--border);
    border-radius: var(--radius, 16px);
    padding: var(--ct-card-pad, var(--space-card));
    display: grid;
    grid-template-columns: var(--ct-split-ratio, 1fr auto);
    gap: var(--ct-gap, var(--space-gap));
    align-items: center;
  }
  .kog-zoduva {
    display: flex; flex-direction: column; gap: .85rem;
  }
  .kog-riza {
    margin: 0;
    font-family: var(--display-font);
    font-size: var(--ct-title-size, var(--scale-xl));
    font-weight: var(--heading-weight, 800); line-height: 1.12; letter-spacing: var(--heading-tracking, -.02em);
  }
  .kog-duke {
    margin: 0;
    font-size: var(--ct-subtext-size, 1.08rem);
    line-height: 1.55; color: var(--muted);
    max-width: 48ch;
  }
  .kog-gopa {
    display: flex; flex-direction: column; gap: .85rem;
    align-items: var(--ct-actions-align, flex-start);
  }
  .kog-bobu {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--ct-cta-pad, 1rem 2.25rem);
    border-radius: var(--radius, 12px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--ct-cta-size, var(--scale-md)); font-weight: 700;
    text-decoration: none; white-space: nowrap;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-bobu:hover { transform: translateY(var(--motion-lift, -2px)); }
  .kog-bobu:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  .kog-meda {
    margin: 0;
    font-size: var(--ct-disclaimer-size, var(--scale-xs));
    color: var(--muted); letter-spacing: .03em;
  }

  @media (prefers-reduced-motion: reduce) { .kog-bobu { transition: none; } }

  @media (max-width: 760px) {
    .kog-redo--split .kog-gafe { grid-template-columns: 1fr; gap: 1.75rem; }
    .kog-gopa { align-items: stretch; }
    .kog-bobu { width: 100%; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-zobare--split {
    background: var(--hl-bg, var(--surface));
    border-bottom: 1px solid var(--border);
    color: var(--fg); font-family: var(--body-font);
    padding-block: var(--hl-pad-block, 3.5rem);
    padding-inline: var(--hl-pad-inline, 1.5rem);
  }
  .kog-vade {
    max-width: var(--hl-max, 1050px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--hl-ratio, 1fr .7fr);
    gap: var(--hl-gap, 3rem);
    align-items: center;
  }
  .kog-zefa {
    font-size: var(--scale-xs); color: var(--muted);
    letter-spacing: .06em; text-transform: uppercase;
    font-weight: 600; margin: 0 0 .6rem;
  }
  .kog-mepa {
    font-family: var(--utility-font, var(--body-font));
    font-size: var(--scale-xs); font-weight: 600;
    letter-spacing: var(--kicker-tracking, .18em); text-transform: var(--kicker-transform, uppercase);
    color: var(--accent); margin: 0 0 .75rem;
  }
  .kog-buno {
    margin: 0 0 1rem;
    font-family: var(--display-font);
    font-size: var(--scale-xl);
    font-weight: var(--heading-weight, 800); line-height: 1.1; letter-spacing: var(--heading-tracking, -.02em);
  }
  .kog-nibu {
    margin: 0;
    font-size: var(--scale-base); line-height: 1.65; color: var(--muted);
  }
  .kog-kisu {
    aspect-ratio: var(--hl-media-aspect, 4 / 3);
    border-radius: var(--radius, 10px);
    background: var(--bg);
    border: 1px solid var(--border);
    overflow: hidden;
    display: grid; place-items: center;
    color: var(--muted); font-size: .85rem;
  }

  @media (max-width: 768px) {
    .kog-zobare--split .kog-vade { grid-template-columns: 1fr; gap: 2rem; }
    .kog-diro { display: none; } 
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-mavo--split {
    background: var(--cf-bg, var(--bg));
    color: var(--fg); font-family: var(--body-font);
    padding-block: var(--cf-pad-block, var(--space-section));
    padding-inline: var(--cf-pad-inline, 1.5rem);
  }
  .kog-fibefe {
    max-width: var(--cf-max, 1000px); margin-inline: auto;
    display: grid;
    grid-template-columns: var(--cf-ratio, 1.2fr 1fr);
    gap: var(--cf-gap, var(--space-gap));
    align-items: start;
  }

  .kog-pemi { margin-bottom: 1.75rem; }
  .kog-luse {
    margin: 0 0 .5rem;
    font-family: var(--display-font);
    font-size: var(--scale-lg); font-weight: var(--heading-weight, 800);
    line-height: 1.1; letter-spacing: var(--heading-tracking, -.02em);
  }
  .kog-modu {
    margin: 0; font-size: var(--scale-sm);
    line-height: 1.55; color: var(--muted);
  }

  .kog-kigo { display: flex; flex-direction: column; gap: 1rem; }
  .kog-boma { display: flex; flex-direction: column; gap: .4rem; }
  .kog-norede {
    font-size: var(--scale-xs); font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase; color: var(--muted);
  }
  .kog-lizi,
  .kog-zibu {
    background: var(--cf-input-bg, var(--surface));
    border: var(--cf-input-border, 1px solid var(--border));
    border-radius: var(--radius, 8px);
    color: var(--fg); font-family: var(--body-font);
    font-size: var(--scale-base);
    padding: var(--cf-input-pad, .75rem 1rem);
    width: 100%;
    transition: border-color .15s ease;
  }
  .kog-lizi:focus,
  .kog-zibu:focus {
    outline: none; border-color: var(--accent);
  }
  .kog-zibu { min-height: var(--cf-textarea-min-h, 130px); resize: vertical; }
  
  .kog-kifa { display: none; visibility: hidden; position: absolute; }

  .kog-tumo {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--cf-btn-pad, .85rem 2rem);
    border-radius: var(--radius, 8px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-sm); font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
    border: none; cursor: pointer; align-self: flex-start;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .kog-tumo:hover { transform: translateY(var(--motion-lift, -2px)); }

  .kog-dapo {
    padding: 1rem 1.25rem;
    border-radius: var(--radius, 8px);
    font-size: var(--scale-sm); font-weight: 600;
  }
  .kog-dapo--success {
    background: var(--cf-success-bg, color-mix(in srgb, var(--accent) 12%, transparent));
    border: 1px solid var(--accent); color: var(--fg);
  }
  .kog-dapo--error {
    background: var(--cf-error-bg, color-mix(in srgb, #e53e3e 12%, transparent));
    border: 1px solid #e53e3e; color: var(--fg);
  }

  .kog-pogito {
    background: var(--surface); border: var(--cf-input-border, 1px solid var(--border));
    border-radius: var(--radius, 12px);
    padding: var(--space-card, 1.75rem);
    box-shadow: var(--card-shadow);
    display: flex; flex-direction: column; gap: 1.5rem;
    position: sticky; top: 5rem;
  }
  .kog-bede { display: flex; flex-direction: column; gap: .3rem; }
  .kog-fubati {
    font-size: var(--scale-xs); font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
  }
  .kog-rala {
    font-size: var(--scale-sm); color: var(--fg);
    text-decoration: none;
  }
  .kog-rala:hover { color: var(--accent); }

  @media (prefers-reduced-motion: reduce) {
    .kog-lizi, .kog-zibu, .kog-tumo { transition: none; }
  }
  @media (max-width: 768px) {
    .kog-mavo--split .kog-fibefe { grid-template-columns: 1fr; }
    .kog-pogito { position: static; }
  }

*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; }

  .kog-lape--simple {
    background: var(--lb-bg, var(--bg));
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--lb-pad-block, 4.5rem);
    padding-inline: var(--lb-pad-inline, 1.5rem);
  }
  .kog-dutafi {
    max-width: var(--lb-max, 700px);
    margin-inline: auto;
  }

  .kog-dimu {
    margin: 0 0 .5rem;
    font-family: var(--display-font);
    font-size: var(--lb-title-size, var(--scale-lg));
    font-weight: var(--heading-weight, 800); line-height: 1.15; letter-spacing: var(--heading-tracking, -.02em);
  }
  .kog-sabe {
    margin: 0 0 3rem;
    font-size: var(--lb-meta-size, var(--scale-xs));
    color: var(--muted);
    letter-spacing: .05em; text-transform: uppercase; font-weight: 600;
  }

  .kog-siru {
    display: flex; flex-direction: column;
    gap: var(--lb-section-gap, 2rem);
  }
  .kog-vure { }
  .kog-nozugi {
    margin: 0 0 .7rem;
    font-family: var(--display-font);
    font-size: var(--lb-sec-title-size, var(--scale-md));
    font-weight: 700; line-height: 1.3; color: var(--fg);
  }
  .kog-zulisa {
    margin: 0;
    font-size: var(--lb-text-size, var(--scale-base));
    line-height: 1.7; color: var(--muted);
  }

  @media (max-width: 600px) {
    .kog-lape--simple { padding-block: var(--lb-pad-block-mobile, 3rem); }
  }