: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: 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, 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;
    --ft-pad-block: 5rem;
  
  --heading-weight:   800;
  --heading-tracking: -.02em;
  --kicker-transform: uppercase;
  --kicker-tracking:  .18em;
  
  --motion-duration:  .15s;
  --motion-lift:      -2px;
--bg:        #16120f;
    --fg:        #f4ede3;
    --muted:     #a8988684;
    --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;
    
    --hero-split-ratio: 1.05fr .95fr;
    --hero-gap: 3.5rem;
    --hero-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;
    --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-pad-block: 4rem;
    --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: 5.5rem;
    --radius: 12px;
  
  --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: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;
    --hl-pad-block:4rem;
  
  --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:#16100f;--fg:#e8e7e7;--muted:#8f8c8c;--surface:#262120;--border:#3b3635;--accent:#b0303c;--accent-fg:#ffffff;--display-font:'Archivo', system-ui, sans-serif;--body-font:'Archivo Narrow', system-ui, sans-serif;--radius:14px;--heading-weight:700;--heading-tracking:.01em;--kicker-transform:uppercase;--kicker-tracking:.18em;--motion-duration:.2s;--motion-lift:-4px;}

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

  .ba-selopo {
    position: fixed; inset-block-start: 0; inset-inline: 0;
    z-index: 100; font-family: var(--body-font);
  }
  .ba-pudufa {
    background: var(--tb-nav-bg, var(--bg));
    border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
    height: var(--tb-height, 3rem);
    padding-inline: var(--tb-pad-x, clamp(1rem, 4vw, 3rem));
  }

  .ba-gase {
    display: inline-flex; align-items: center; gap: .55rem;
    text-decoration: none; white-space: nowrap;
  }
  .ba-mukise {
    width: var(--tb-logo-size, 1.75rem); height: var(--tb-logo-size, 1.75rem);
    object-fit: contain; display: block;
  }
  .ba-dalivu {
    font-family: var(--display-font);
    font-size: var(--scale-sm); font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
    color: var(--fg);
  }

  .ba-bemu {
    display: inline-flex;
    background: none; border: none; cursor: pointer;
    color: var(--muted); padding: .4rem;
    flex-direction: column; gap: .32rem;
    align-items: flex-end;
  }
  .ba-bemu:hover { color: var(--fg); }
  
  .ba-demo {
    display: block; height: 2px; background: currentColor;
    transition: transform var(--motion-duration, .2s) ease, opacity var(--motion-duration, .15s) ease;
  }
  .ba-demo:nth-child(1) { width: 1.4rem; }
  .ba-demo:nth-child(2) { width: 1rem; }
  .ba-demo:nth-child(3) { width: 1.4rem; }

  .ba-tapi {
    display: none;
    position: absolute; inset-block-start: var(--tb-height, 3rem); inset-inline: 0;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 1.5rem var(--tb-pad-x, 1rem);
  }
  .ba-noma {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: .25rem;
  }
  .ba-kate {
    display: block; padding: .75rem 0;
    color: var(--muted); text-decoration: none;
    font-size: var(--scale-base); font-weight: 600;
    letter-spacing: .04em; text-transform: uppercase;
    border-bottom: 1px solid var(--border);
    transition: color var(--motion-duration, .15s) ease;
  }
  .ba-kate:last-child { border-bottom: none; }
  .ba-kate:hover { color: var(--fg); }
  .ba-kate--active { color: var(--accent); }

  .ba-selopo[data-open] .ba-tapi { display: block; }
  .ba-selopo[data-open] .ba-demo:nth-child(1) { transform: rotate(45deg) translate(.35rem, .35rem); }
  .ba-selopo[data-open] .ba-demo:nth-child(2) { opacity: 0; }
  .ba-selopo[data-open] .ba-demo:nth-child(3) { transform: rotate(-45deg) translate(.35rem, -.35rem); }
  .ba-selopo[data-open] .ba-bemu { color: var(--fg); }

  @media (prefers-reduced-motion: reduce) {
    .ba-kate, .ba-demo { transition: none; }
  }

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

  .ba-lurevi {
    background: var(--ft-bg, var(--bg));
    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));
  }
  .ba-topimo {
    max-width: var(--ft-max, 1100px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--ft-split-ratio, 1.4fr 1fr);
    gap: var(--ft-gap, var(--space-gap));
    align-items: start;
    margin-bottom: 3rem;
  }

  .ba-voleta {
    display: inline-flex; align-items: center; gap: .6rem;
    text-decoration: none; margin-bottom: 1rem;
  }
  .ba-ludope {
    width: var(--ft-logo-size, 2.25rem); height: var(--ft-logo-size, 2.25rem);
    object-fit: contain; display: block; flex-shrink: 0;
  }
  .ba-puba {
    font-family: var(--display-font);
    font-size: var(--scale-md); font-weight: 700; color: var(--fg);
  }
  .ba-muzuze {
    margin: 0 0 2rem;
    font-size: var(--scale-sm); line-height: 1.6; color: var(--muted);
    max-width: 34ch;
  }
  .ba-ninedu {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .75rem 1.75rem;
    border-radius: var(--radius, 8px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-sm); font-weight: 700;
    text-decoration: none; transition: transform var(--motion-duration, .15s) ease;
  }
  .ba-ninedu:hover { transform: translateY(var(--motion-lift, -2px)); }

  .ba-pufu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem var(--ft-nav-col-gap, 2rem);
  }
  .ba-dubefi {
    color: var(--muted); text-decoration: none;
    font-size: var(--scale-sm); line-height: 1.4;
    transition: color var(--motion-duration, .15s) ease;
    display: block; padding: .3rem 0;
  }
  .ba-dubefi:hover { color: var(--fg); }
  .ba-dubefi--active { color: var(--accent); }

  .ba-nebe {
    max-width: var(--ft-max, 1100px); 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;
  }
  .ba-ranu { margin: 0; font-size: var(--scale-xs); color: var(--muted); }
  .ba-bonino { display: flex; flex-wrap: wrap; gap: 1rem; }
  .ba-zedino {
    font-size: var(--scale-xs); color: var(--muted);
    text-decoration: none; transition: color var(--motion-duration, .15s) ease;
  }
  .ba-zedino:hover { color: var(--fg); }

  @media (prefers-reduced-motion: reduce) {
    .ba-ninedu, .ba-dubefi, .ba-zedino { transition: none; }
  }
  @media (max-width: 700px) {
    .ba-topimo { grid-template-columns: 1fr; gap: 2.5rem; }
    .ba-nebe { flex-direction: column; align-items: flex-start; }
  }

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

  .ba-sudu--split {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--body-font);
    padding-block: var(--hero-pad-block, var(--space-section));
    padding-inline: var(--hero-pad-inline, 1.5rem);
  }
  .ba-sudu--split .ba-ketafa {
    max-width: var(--hero-max, 1200px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: var(--hero-split-ratio, 1fr 1fr);
    gap: var(--hero-gap, 3.5rem);
    align-items: var(--hero-align, center);
  }
  
  .ba-sudu--split[data-reverse="true"] .ba-nabe { order: 2; }
  .ba-sudu--split[data-reverse="true"] .ba-kaze   { order: 1; }

  .ba-zobi {
    margin: 0 0 1rem;
    font-family: var(--utility-font, var(--body-font));
    font-size: var(--hero-kicker-size, var(--scale-xs));
    letter-spacing: var(--hero-kicker-spacing, .18em);
    text-transform: var(--hero-kicker-transform, uppercase);
    color: var(--accent);
    font-weight: 600;
  }
  .ba-zuvo {
    margin: 0 0 1.25rem;
    font-family: var(--display-font);
    font-size: var(--hero-title-size, var(--scale-2xl));
    font-weight: var(--hero-title-weight, 800);
    line-height: var(--hero-title-leading, 1.05);
    letter-spacing: var(--hero-title-spacing, -.02em);
  }
  .ba-viroba {
    margin: 0 0 1rem;
    font-size: var(--hero-sub-size, var(--scale-md));
    line-height: 1.4;
    color: var(--fg);
    font-weight: 500;
  }
  .ba-nale {
    margin: 0 0 2rem;
    font-size: var(--hero-desc-size, var(--scale-base));
    line-height: 1.6;
    color: var(--muted);
    max-width: 46ch;
  }
  .ba-romoma { display: flex; flex-wrap: wrap; gap: 1rem; }
  .ba-pobe {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--hero-cta-pad, .85rem 1.6rem);
    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;
  }
  .ba-pobe:hover { transform: translateY(var(--motion-lift, -2px)); }
  .ba-pobe--primary {
    background: var(--accent);
    color: var(--accent-fg);
  }
  .ba-pobe--ghost {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--border);
  }

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

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

  @media (max-width: 768px) {
    .ba-sudu--split .ba-ketafa { grid-template-columns: 1fr; gap: 2rem; }
    .ba-sudu--split[data-reverse="true"] .ba-nabe { order: 1; }
    .ba-sudu--split[data-reverse="true"] .ba-kaze   { order: 2; }
    .ba-nale { max-width: none; }
  }

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

  .ba-rapu--big {
    background: var(--stats-bg, var(--bg));
    color: var(--stats-fg, var(--fg));
    font-family: var(--body-font);
    padding-block: var(--stats-pad-block, 5rem);
    padding-inline: var(--stats-pad-inline, 1.5rem);
  }
  .ba-rapu--big .ba-vodoli {
    max-width: var(--stats-max, 1000px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(var(--stats-cols, 3), 1fr);
    gap: var(--stats-gap, 2rem);
  }
  .ba-vago {
    text-align: center;
    display: flex; flex-direction: column; gap: .5rem;
    position: relative;
  }
  
  .ba-vago:not(:last-child)::after {
    content: ""; position: absolute; right: calc(var(--stats-gap, 2rem) / -2);
    top: 15%; height: 70%; width: 1px;
    background: var(--stats-divider, var(--border));
    display: var(--stats-divider-show, block);
  }
  .ba-bule {
    font-family: var(--display-font);
    font-size: var(--stats-num-size, clamp(3.5rem, 9vw, 6.5rem));
    font-weight: var(--stats-value-weight, 850);
    color: var(--stats-value-color, var(--accent));
    line-height: .9;
    letter-spacing: -.03em;
  }
  .ba-debifu {
    font-size: var(--stats-label-size, 1.05rem);
    color: var(--stats-label-color, var(--muted));
    letter-spacing: .04em;
    text-transform: var(--stats-label-transform, uppercase);
  }

  @media (max-width: 768px) {
    .ba-rapu--big .ba-vodoli { grid-template-columns: 1fr; gap: 2.5rem; }
    .ba-vago:not(:last-child)::after {
      right: auto; left: 50%; top: auto; bottom: -1.25rem;
      transform: translateX(-50%);
      width: 40%; height: 1px;
    }
    .ba-bule { font-size: clamp(3rem, 18vw, 5rem); }
  }

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

  .ba-bakoza--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);
  }

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

  .ba-bagagi {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--sm-max, 1200px);
    margin-inline: auto;
  }
  .ba-dafa {
    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));
  }
  .ba-bakoza--fullbleed[data-reverse="true"] .ba-bagagi { display: flex; justify-content: flex-end; }

  .ba-zolu {
    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;
  }
  .ba-kaba {
    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));
  }
  .ba-mumani {
    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));
  }
  .ba-duba {
    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));
  }
  .ba-zidali {
    list-style: none; margin: 0 0 1.75rem; padding: 0;
    display: grid; gap: var(--sm-points-gap, .6rem);
  }
  .ba-zidali 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));
  }
  .ba-zidali li::before {
    content: ""; position: absolute; inset-inline-start: 0; top: .55em;
    width: .55rem; height: .55rem; border-radius: 50%; background: var(--accent);
  }
  .ba-pika { display: flex; flex-wrap: wrap; gap: 1rem; }
  .ba-bizovi {
    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;
  }
  .ba-bizovi:hover { transform: translateY(var(--motion-lift, -2px)); }
  .ba-bizovi--primary { background: var(--accent); color: var(--accent-fg); }
  .ba-bizovi--ghost {
    background: transparent; color: var(--fg);
    border: 1px solid var(--sm-ghost-border, var(--border));
  }

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

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

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

  .ba-beza--tabs {
    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);
  }
  .ba-beza--tabs .ba-vazili { max-width: var(--ftabs-max, 1000px); margin-inline: auto; }
  .ba-vode { text-align: center; max-width: 640px; margin: 0 auto var(--feat-head-gap, 2.5rem); }
  .ba-fani {
    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;
  }
  .ba-feza {
    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);
  }

  .ba-nezo { position: relative; }
  .ba-fadeli { position: absolute; opacity: 0; pointer-events: none; }

  .ba-safa {
    display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0;
  }
  .ba-dizo {
    padding: .7rem 1.3rem; cursor: pointer;
    font-weight: 600; font-size: 1rem; color: var(--muted);
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    transition: color var(--motion-duration, .15s) ease, border-color .15s ease;
  }
  .ba-dizo:hover { color: var(--fg); }

  .ba-tetadi { display: none; }
  .ba-noko {
    display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: center;
    min-height: var(--ftabs-panel-min, 280px);
  }
  .ba-nodo { margin: 0 0 1rem; font-family: var(--display-font); font-size: 1.5rem; font-weight: 700; }
  .ba-dopa  { margin: 0; font-size: 1.05rem; line-height: 1.6; color: var(--muted); }
  .ba-buga {
    aspect-ratio: 4 / 3; border-radius: var(--radius, 12px);
    background: var(--surface); border: 1px solid var(--border);
    display: grid; place-items: center; color: var(--muted); font-size: .9rem;
  }

  .ba-fadeli:nth-of-type(1):checked ~ .ba-safa > .ba-dizo:nth-child(1),
  .ba-fadeli:nth-of-type(2):checked ~ .ba-safa > .ba-dizo:nth-child(2),
  .ba-fadeli:nth-of-type(3):checked ~ .ba-safa > .ba-dizo:nth-child(3),
  .ba-fadeli:nth-of-type(4):checked ~ .ba-safa > .ba-dizo:nth-child(4),
  .ba-fadeli:nth-of-type(5):checked ~ .ba-safa > .ba-dizo:nth-child(5) {
    color: var(--accent); border-bottom-color: var(--accent);
  }
  .ba-fadeli:nth-of-type(1):checked ~ .ba-losa > .ba-tetadi:nth-child(1),
  .ba-fadeli:nth-of-type(2):checked ~ .ba-losa > .ba-tetadi:nth-child(2),
  .ba-fadeli:nth-of-type(3):checked ~ .ba-losa > .ba-tetadi:nth-child(3),
  .ba-fadeli:nth-of-type(4):checked ~ .ba-losa > .ba-tetadi:nth-child(4),
  .ba-fadeli:nth-of-type(5):checked ~ .ba-losa > .ba-tetadi:nth-child(5) {
    display: block;
  }

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

  @media (max-width: 700px) {
    .ba-noko { grid-template-columns: 1fr; gap: 1.5rem; }
  }

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

  .ba-redode--band {
    background: var(--nr-bg, var(--surface));
    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);
  }
  .ba-vidu {
    max-width: var(--nr-max, 860px);
    margin-inline: auto;
    background: var(--nr-card-bg, var(--bg));
    border: 1px solid var(--border);
    border-radius: var(--radius, 10px);
    padding: var(--nr-card-pad, var(--space-card));
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: var(--nr-gap, var(--space-gap));
    row-gap: var(--nr-row-gap, .75rem);
    align-items: center;
  }

  .ba-bovebu {
    display: flex;
    align-items: center;
    gap: .75rem;
    grid-column: 1; grid-row: 1;
  }
  .ba-vazi {
    font-size: var(--nr-icon-size, 2rem);
    line-height: 1;
    flex-shrink: 0;
  }
  .ba-disobe {
    margin: 0;
    font-family: var(--display-font);
    font-size: var(--nr-title-size, clamp(1.3rem, 3vw, 1.9rem));
    font-weight: var(--nr-title-weight, 800);
    line-height: 1.15;
    letter-spacing: -.01em;
  }

  .ba-dalu {
    margin: 0;
    font-size: var(--nr-body-size, var(--scale-base));
    line-height: 1.6;
    color: var(--muted);
    grid-column: 1; grid-row: 2;
  }

  .ba-lubogu {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--nr-cta-pad, .75rem 1.5rem);
    border-radius: var(--radius, 10px);
    background: var(--accent); color: var(--accent-fg);
    font-size: var(--scale-sm); font-weight: 600;
    text-decoration: none; white-space: nowrap;
    grid-column: 2; grid-row: 1 / 3;
    align-self: center;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .ba-lubogu:hover { transform: translateY(var(--motion-lift, -2px)); }
  .ba-lubogu:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

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

  @media (max-width: 680px) {
    .ba-vidu {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto;
    }
    .ba-bovebu  { grid-column: 1; grid-row: 1; }
    .ba-dalu  { grid-column: 1; grid-row: 2; }
    .ba-lubogu   { grid-column: 1; grid-row: 3; width: 100%; justify-content: center; }
  }

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

  .ba-zanome--center {
    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);
  }
  .ba-gudapo {
    max-width: var(--ct-max, 680px);
    margin-inline: auto;
    text-align: center;
    display: flex; flex-direction: column;
    align-items: center; gap: var(--ct-gap, 1.5rem);
  }
  .ba-sazo {
    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.1; letter-spacing: var(--heading-tracking, -.02em);
  }
  .ba-bupe {
    margin: 0;
    font-size: var(--ct-subtext-size, var(--scale-md));
    line-height: 1.55; color: var(--muted);
    max-width: 52ch;
  }
  .ba-fame {
    display: inline-flex; align-items: center; justify-content: center;
    padding: var(--ct-cta-pad, 1rem 2.5rem);
    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; margin-top: .5rem;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .ba-fame:hover { transform: translateY(var(--motion-lift, -2px)); }
  .ba-fame:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
  .ba-pulazi {
    margin: 0;
    font-size: var(--ct-disclaimer-size, var(--scale-xs));
    color: var(--muted); letter-spacing: .03em;
  }

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

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

  .ba-nudu--oversized {
    background: var(--hl-bg, var(--bg));
    border-bottom: 1px solid var(--border);
    color: var(--fg); font-family: var(--body-font);
    padding-block: var(--hl-pad-block, 4rem);
    padding-inline: var(--hl-pad-inline, 1.5rem);
  }
  .ba-dugebi {
    max-width: var(--hl-max, 1100px);
    margin-inline: auto;
  }
  .ba-deki {
    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 1rem;
  }
  .ba-menaze {
    margin: 0 0 1.25rem;
    font-family: var(--display-font);
    font-size: var(--scale-2xl);
    font-weight: var(--heading-weight, 800); line-height: 1.0; letter-spacing: var(--heading-tracking, -.03em);
    text-wrap: balance;
  }
  
  .ba-bere {
    width: 3.5rem; height: 3px;
    background: var(--accent); border: none; margin: 0 0 1.25rem;
  }
  .ba-fite {
    margin: 0;
    font-size: var(--scale-base); line-height: 1.65; color: var(--muted);
    max-width: 60ch;
  }

  @media (max-width: 600px) {
    .ba-nudu--oversized { padding-block: 3rem; }
  }

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

  .ba-dubu--minimal {
    background: var(--cf-bg, var(--surface));
    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);
  }
  .ba-dokiro {
    max-width: var(--cf-max, 520px); margin-inline: auto;
    text-align: center;
  }
  .ba-bedale {
    margin: 0 0 2rem;
    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);
  }
  .ba-dibu { display: flex; flex-direction: column; gap: .85rem; }
  .ba-lesebe,
  .ba-bemunu {
    background: var(--cf-input-bg, var(--bg));
    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: .85rem 1rem; width: 100%;
    transition: border-color .15s ease; text-align: left;
  }
  .ba-lesebe:focus, .ba-bemunu:focus { outline: none; border-color: var(--accent); }
  .ba-bemunu { min-height: var(--cf-textarea-min-h, 100px); resize: vertical; }
  .ba-mufiri { display: none; visibility: hidden; position: absolute; }
  .ba-zoto {
    width: 100%; padding: var(--cf-btn-pad, .9rem 1rem);
    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;
    transition: transform var(--motion-duration, .15s) ease;
  }
  .ba-zoto:hover { transform: translateY(var(--motion-lift, -2px)); }
  .ba-meze {
    padding: .85rem 1rem; border-radius: var(--radius, 8px);
    font-size: var(--scale-sm); font-weight: 600; margin-bottom: .85rem;
    text-align: left;
  }
  .ba-meze--success {
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    border: 1px solid var(--accent); color: var(--fg);
  }
  .ba-meze--error {
    background: color-mix(in srgb, #e53e3e 12%, transparent);
    border: 1px solid #e53e3e; color: var(--fg);
  }
  .ba-dera {
    margin-top: 1.5rem;
    font-size: var(--scale-xs); color: var(--muted);
  }
  .ba-lofipi { color: var(--accent); text-decoration: none; }
  .ba-lofipi:hover { text-decoration: underline; }

  @media (prefers-reduced-motion: reduce) {
    .ba-lesebe, .ba-bemunu, .ba-zoto { transition: none; }
  }

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

  .ba-godo--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);
  }
  .ba-deneto {
    max-width: var(--lb-max, 700px);
    margin-inline: auto;
  }

  .ba-bave {
    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);
  }
  .ba-ligebe {
    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;
  }

  .ba-kana {
    display: flex; flex-direction: column;
    gap: var(--lb-section-gap, 2rem);
  }
  .ba-rabope { }
  .ba-kufi {
    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);
  }
  .ba-malu {
    margin: 0;
    font-size: var(--lb-text-size, var(--scale-base));
    line-height: 1.7; color: var(--muted);
  }

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