/* ============================================================================
   UOGOS – antroji landing dalis (informacinis turinys), antraštė ir
   responsyvūs patikslinimai animuotoms scenoms.

   SVARBU: scrub-engine.js ir jo CSS (@layer sw) nekeičiami. Šis failas yra
   be sluoksnio (unlayered), todėl visada laimi prieš variklio numatytuosius
   stilius – animuotų scenų logika lieka nepaliesta.
   ========================================================================== */

:root {
  /* Prekės ženklo spalvos (paimtos tiesiai iš UOGOS logotipo) */
  --uo-pink:   #F94A77;
  --uo-red:    #FA2E33;
  --uo-amber:  #FFAE00;
  --uo-green:  #66A427;
  --uo-purple: #7F2691;
  --uo-blue:   #12378E;

  --uo-cream:      #FBF1E7;
  --uo-cream-deep: #F6E6D5;
  --uo-paper:      #FFFBF5;
  --uo-card:       #FFFFFF;
  --uo-ink:        #2E2A28;
  --uo-ink-soft:   #6A5F58;
  --uo-line:       rgba(46, 42, 40, .10);

  --uo-radius:  26px;
  --uo-radius-s: 18px;
  --uo-shadow:  0 22px 48px -26px rgba(46, 42, 40, .40), 0 2px 6px rgba(46, 42, 40, .04);
  --uo-shadow-h: 0 30px 60px -26px rgba(46, 42, 40, .46), 0 2px 6px rgba(46, 42, 40, .05);

  --uo-wrap:   1220px;
  --uo-gutter: clamp(20px, 5vw, 64px);

  /* Tipografinė hierarchija (santūri, gerai skaitoma) */
  --uo-fs-h1:   clamp(2.1rem, 3.4vw, 3.15rem);
  --uo-fs-h2:   clamp(1.85rem, 2.9vw, 2.6rem);
  --uo-fs-h3:   clamp(1.25rem, 1.6vw, 1.5rem);
  --uo-fs-h4:   clamp(1.08rem, 1.25vw, 1.2rem);
  --uo-fs-body: clamp(1.0625rem, 1.2vw, 1.125rem);
  --uo-fs-lead: clamp(1.15rem, 1.45vw, 1.3rem);

  --uo-header-h: 76px;
  --uo-font: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

/* ============================== PAGRINDAI ============================== */

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

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--uo-cream);
  color: var(--uo-ink);
  font-family: var(--uo-font);
  font-size: var(--uo-fs-body);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* height:auto neutralizuoja HTML width/height atributus, kad paveikslėliai
   nebūtų iškreipti, kai CSS nurodo tik plotį. */
img { max-width: 100%; height: auto; }

.uo-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.uo-ico {
  width: 26px; height: 26px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round;
}
.uo-ico--sm { width: 19px; height: 19px; stroke-width: 2.2; }

/* Fokusavimo būsenos – matomos visame puslapyje, įskaitant variklio elementus */
:focus-visible { outline: 3px solid var(--uo-pink); outline-offset: 3px; }
.sw-route__dot:focus-visible,
.sw-copy__close:focus-visible,
.sw-btn:focus-visible { outline: 3px solid var(--uo-pink); outline-offset: 4px; border-radius: 999px; }

.uo-skip {
  position: fixed; top: 10px; left: 10px; z-index: 200;
  transform: translateY(-160%);
  background: var(--uo-ink); color: #fff; text-decoration: none;
  padding: 12px 20px; border-radius: 999px; font-weight: 700;
  transition: transform .2s;
}
.uo-skip:focus-visible { transform: none; }

/* ============================== ANTRAŠTĖ ============================== */

.uo-header {
  position: fixed; inset: 0 0 auto 0; z-index: 80;
  display: flex; align-items: center; justify-content: space-between;
  gap: clamp(12px, 2vw, 28px);
  padding: clamp(14px, 2.2vw, 24px) var(--uo-gutter);
  padding-top: max(clamp(14px, 2.2vw, 24px), env(safe-area-inset-top));
  transition: background .35s ease, box-shadow .35s ease, padding .35s ease;
}
.uo-header.is-solid {
  background: color-mix(in srgb, var(--uo-cream) 90%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 var(--uo-line), 0 12px 28px -24px rgba(46, 42, 40, .5);
  padding-block: clamp(10px, 1.4vw, 15px);
}

.uo-header__brand { display: flex; align-items: center; text-decoration: none; flex: none; }
.uo-header__brand img {
  height: clamp(30px, 3.4vw, 38px); width: auto; display: block;
  transition: height .35s ease;
}
.uo-header.is-solid .uo-header__brand img { height: clamp(28px, 3vw, 33px); }

.uo-header__nav {
  display: flex; gap: 2px; padding: 5px;
  background: color-mix(in srgb, #fff 58%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--uo-pink) 16%, transparent);
  border-radius: 999px;
}
.uo-header__nav a {
  font-size: .82rem; font-weight: 600; line-height: 1.2;
  color: var(--uo-ink-soft); text-decoration: none;
  padding: 9px 14px; border-radius: 999px; white-space: nowrap;
  transition: color .25s, background .25s;
}
.uo-header__nav a:hover { color: var(--uo-ink); }
.uo-header__nav a.is-active { color: #fff; background: var(--uo-pink); }
.uo-header.is-solid .uo-header__nav { background: color-mix(in srgb, #fff 74%, transparent); }

.uo-header__actions { display: flex; align-items: center; gap: 10px; flex: none; }
.uo-header__cta {
  text-decoration: none; font-weight: 700; font-size: .9rem;
  color: #fff; background: var(--uo-ink);
  padding: 11px 20px; border-radius: 999px; white-space: nowrap;
  transition: transform .2s, background .2s;
}
.uo-header__cta:hover { transform: translateY(-2px); background: var(--uo-pink); }

.uo-burger {
  display: none; width: 46px; height: 46px; padding: 0;
  border: 1px solid var(--uo-line); border-radius: 14px;
  background: color-mix(in srgb, #fff 62%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer; place-items: center; gap: 5px;
  flex-direction: column; justify-content: center;
}
.uo-burger span {
  display: block; width: 20px; height: 2px; border-radius: 2px;
  background: var(--uo-ink); transition: transform .3s, opacity .2s;
}
.uo-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.uo-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.uo-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Meniu skydelis (planšetė / telefonas) */
.uo-panel {
  position: fixed; inset: 0; z-index: 79;
  background: var(--uo-cream);
  padding: calc(var(--uo-header-h) + 28px) var(--uo-gutter) calc(28px + env(safe-area-inset-bottom));
  padding-top: calc(var(--uo-header-h) + 28px + env(safe-area-inset-top));
  display: flex; flex-direction: column; gap: 8px;
  overflow-y: auto; overscroll-behavior: contain;
  opacity: 0; visibility: hidden; transform: translateY(-12px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s;
}
.uo-panel.is-open { opacity: 1; visibility: visible; transform: none; }
.uo-panel__nav { display: flex; flex-direction: column; }
.uo-panel__nav a {
  display: flex; align-items: center; min-height: 56px;
  font-family: var(--uo-font); font-size: clamp(1.15rem, 4.5vw, 1.45rem);
  font-weight: 700; color: var(--uo-ink); text-decoration: none;
  border-bottom: 1px solid var(--uo-line);
}
.uo-panel__nav a::before {
  content: ""; width: 10px; height: 10px; border-radius: 50%; flex: none;
  margin-right: 14px; background: var(--uo-pink);
}
.uo-panel__nav a:nth-child(2)::before { background: var(--uo-amber); }
.uo-panel__nav a:nth-child(3)::before { background: var(--uo-green); }
.uo-panel__nav a:nth-child(4)::before { background: var(--uo-blue); }
.uo-panel__nav a:nth-child(5)::before { background: var(--uo-purple); }
.uo-panel__cta { margin-top: 22px; width: 100%; }
.uo-panel__note { margin: 14px 0 0; font-size: .95rem; color: var(--uo-ink-soft); }

/* ===================== PERĖJIMAS Į INFORMACINĘ DALĮ ===================== */

.uo-page { position: relative; z-index: 45; }

.uo-bridge {
  position: relative; z-index: 1;
  height: 46vh; height: 46svh; min-height: 260px;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(255, 251, 245, 0) 0%,
      rgba(255, 251, 245, .30) 24%,
      rgba(255, 251, 245, .80) 56%,
      rgba(255, 251, 245, .98) 78%,
      var(--uo-paper) 100%);
}
.uo-bridge__badge {
  position: absolute; left: 50%; bottom: 74px; transform: translateX(-50%);
  width: 78px; height: 78px; border-radius: 50%;
  background: var(--uo-paper);
  box-shadow: 0 14px 34px -16px rgba(46, 42, 40, .45);
  display: grid; place-items: center;
}
.uo-bridge__badge img { width: 46px; height: auto; display: block; }
.uo-bridge__berries { position: absolute; inset: 0; }
.uo-bridge__berries img { position: absolute; display: block; opacity: .9; }
.uo-bridge__berries img:nth-child(1) { width: 74px;  left: 16%;  bottom: 132px; transform: rotate(-24deg); }
.uo-bridge__berries img:nth-child(2) { width: 34px;  left: 27%;  bottom: 78px; }
.uo-bridge__berries img:nth-child(3) { width: 40px;  right: 24%; bottom: 104px; }
.uo-bridge__berries img:nth-child(4) { width: 26px;  right: 15%; bottom: 62px; }
.uo-bridge__berries img:nth-child(5) { width: 22px;  left: 38%;  bottom: 44px; }
.uo-bridge__path {
  position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%);
  width: 8px; height: 52px;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--uo-pink) 45%, transparent) 42%, transparent 46%);
  background-size: 8px 16px; background-repeat: repeat-y;
}

/* ============================== SEKCIJOS ============================== */

.uo-section {
  position: relative;
  padding: clamp(72px, 9vw, 132px) 0;
  background: var(--uo-cream);
  scroll-margin-top: calc(var(--uo-header-h) + 14px);
  overflow: hidden;
}
.uo-section--paper { background: var(--uo-paper); }
.uo-section--culture {
  background:
    radial-gradient(60% 50% at 88% 8%, color-mix(in srgb, var(--uo-green) 12%, transparent), transparent 70%),
    radial-gradient(50% 40% at 4% 92%, color-mix(in srgb, var(--uo-amber) 14%, transparent), transparent 70%),
    var(--uo-cream);
}
.uo-section--final { background: var(--uo-paper); }

.uo-wrap {
  width: min(100% - (var(--uo-gutter) * 2), var(--uo-wrap));
  margin-inline: auto;
}

/* ============================= TIPOGRAFIJA ============================= */

.uo-h1, .uo-h2, .uo-h3, .uo-h4 {
  font-family: var(--uo-font); color: var(--uo-ink);
  margin: 0; font-weight: 800; letter-spacing: -.012em;
  overflow-wrap: break-word;
}
.uo-h1 { font-size: var(--uo-fs-h1); line-height: 1.1;  max-width: 19ch; }
.uo-h2 { font-size: var(--uo-fs-h2); line-height: 1.14; max-width: 26ch; }
.uo-h3 { font-size: var(--uo-fs-h3); line-height: 1.25; }
.uo-h4 { font-size: var(--uo-fs-h4); line-height: 1.3; }

.uo-p, .uo-lead {
  margin: 0; color: var(--uo-ink-soft);
  max-width: 68ch; overflow-wrap: break-word;
}
.uo-p   { font-size: var(--uo-fs-body); line-height: 1.72; }
.uo-lead{ font-size: var(--uo-fs-lead); line-height: 1.6; color: color-mix(in srgb, var(--uo-ink) 78%, var(--uo-ink-soft)); }
.uo-small { margin: 0; font-size: .95rem; color: var(--uo-ink-soft); }

.uo-eyebrow {
  display: inline-flex; align-items: center; gap: 7px; margin: 0 0 18px;
  font-size: .82rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2;
  color: color-mix(in srgb, var(--uo-c, var(--uo-pink)) 72%, #2a2010);
  background: color-mix(in srgb, var(--uo-c, var(--uo-pink)) 15%, #fff);
  border: 1px solid color-mix(in srgb, var(--uo-c, var(--uo-pink)) 26%, transparent);
  border-radius: 999px; padding: 8px 16px;
}
.uo-eyebrow::before { content: "\2726"; font-size: .9em; color: var(--uo-c, var(--uo-pink)); }
.uo-eyebrow--green  { --uo-c: var(--uo-green); }
.uo-eyebrow--blue   { --uo-c: var(--uo-blue); }
.uo-eyebrow--purple { --uo-c: var(--uo-purple); }
.uo-eyebrow--amber  { --uo-c: #C98A00; }
.uo-eyebrow--red    { --uo-c: var(--uo-red); }
.uo-eyebrow--pink   { --uo-c: var(--uo-pink); }

.uo-head { margin-bottom: clamp(40px, 5vw, 64px); }
.uo-head .uo-h2 + .uo-lead,
.uo-head .uo-h2 + .uo-head__cols { margin-top: 26px; }
.uo-head--center { text-align: center; }
.uo-head--center .uo-h2 { margin-inline: auto; max-width: 28ch; }
.uo-head--center .uo-lead { margin-inline: auto; }
.uo-head__cols {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 48px);
}

/* ============================== MYGTUKAI ============================== */

.uo-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 0; }

.uo-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 14px 28px;
  font-family: var(--uo-font); font-size: 1rem; font-weight: 700; line-height: 1.2;
  text-decoration: none; border-radius: 999px; border: 2px solid transparent;
  cursor: pointer; transition: transform .2s, background .2s, box-shadow .2s, border-color .2s;
}
.uo-btn--primary {
  color: #fff; background: var(--uo-pink);
  box-shadow: 0 14px 28px -14px rgba(249, 74, 119, .85);
}
.uo-btn--primary:hover { transform: translateY(-2px); background: #EE3A69; }
.uo-btn--ghost { color: var(--uo-ink); border-color: color-mix(in srgb, var(--uo-ink) 22%, transparent); }
.uo-btn--ghost:hover { transform: translateY(-2px); border-color: var(--uo-ink); }

/* =========================== 1 BLOKAS · ĮVADAS =========================== */

.uo-intro {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(32px, 5vw, 76px); align-items: center;
}
.uo-intro .uo-h1 { margin-bottom: 26px; }
.uo-intro .uo-lead + .uo-p { margin-top: 18px; }

.uo-figure { position: relative; margin: 0; }
.uo-figure img {
  display: block; width: 100%; height: auto; border-radius: var(--uo-radius);
  box-shadow: var(--uo-shadow);
}
.uo-figure--tall img { aspect-ratio: 4 / 3; object-fit: cover; object-position: center 45%; }
.uo-figure figcaption {
  position: absolute; left: 18px; bottom: -18px;
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--uo-card); border: 1px solid var(--uo-line);
  border-radius: 999px; padding: 9px 18px 9px 10px;
  font-size: .9rem; font-weight: 700; color: var(--uo-ink);
  box-shadow: 0 14px 30px -18px rgba(46, 42, 40, .55);
}
.uo-figure figcaption img { width: 30px; height: auto; border-radius: 0; box-shadow: none; }

/* ============================== KORTELĖS ============================== */

.uo-grid { list-style: none; display: grid; gap: clamp(18px, 2vw, 26px); margin: 0; padding: 0; }
.uo-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.uo-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.uo-card {
  position: relative; background: var(--uo-card);
  border: 1px solid var(--uo-line); border-radius: var(--uo-radius);
  padding: clamp(24px, 2.6vw, 34px);
  box-shadow: var(--uo-shadow);
  transition: transform .3s ease, box-shadow .3s ease;
}
.uo-card:hover { transform: translateY(-4px); box-shadow: var(--uo-shadow-h); }
.uo-card .uo-h3 { margin-bottom: 12px; }
.uo-card--tall { padding-block: clamp(28px, 3vw, 40px); }

.uo-card__ico {
  display: grid; place-items: center; width: 54px; height: 54px;
  margin-bottom: 20px; border-radius: 17px;
  color: var(--uo-c, var(--uo-pink));
  background: color-mix(in srgb, var(--uo-c, var(--uo-pink)) 13%, #fff);
  border: 1px solid color-mix(in srgb, var(--uo-c, var(--uo-pink)) 24%, transparent);
}

.uo-note {
  margin: clamp(28px, 3.5vw, 44px) 0 0;
  background: color-mix(in srgb, var(--uo-amber) 14%, var(--uo-paper));
  border: 1px solid color-mix(in srgb, var(--uo-amber) 34%, transparent);
  border-radius: var(--uo-radius-s);
  padding: clamp(20px, 2.4vw, 28px) clamp(22px, 2.6vw, 34px);
  font-size: var(--uo-fs-body); font-weight: 600; line-height: 1.65;
  color: var(--uo-ink); max-width: 92ch;
}

.uo-editorial {
  margin: clamp(34px, 4vw, 54px) auto 0; max-width: 72ch; text-align: center;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.65;
  color: var(--uo-ink-soft);
  padding-top: clamp(28px, 3vw, 40px);
  border-top: 1px solid var(--uo-line);
}

/* ==================== 4 BLOKAS · GEBĖJIMŲ TINKLELIS ==================== */

.uo-grid--tight { gap: clamp(14px, 1.6vw, 20px); }

.uo-skill {
  display: flex; gap: 16px; align-items: flex-start;
  background: var(--uo-card); border: 1px solid var(--uo-line);
  border-radius: var(--uo-radius-s); padding: clamp(20px, 2.2vw, 26px);
  box-shadow: 0 14px 30px -26px rgba(46, 42, 40, .5);
  transition: transform .3s ease, border-color .3s ease;
}
.uo-skill:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--uo-c) 38%, transparent); }
.uo-skill__ico {
  display: grid; place-items: center; width: 44px; height: 44px; flex: none;
  border-radius: 14px; color: var(--uo-c);
  background: color-mix(in srgb, var(--uo-c) 12%, #fff);
}
.uo-skill .uo-ico { width: 23px; height: 23px; }
.uo-skill .uo-h4 { margin-bottom: 6px; }
.uo-skill .uo-p { font-size: 1rem; line-height: 1.6; }

/* ======================= 5 BLOKAS · KAIP VEIKIA ======================= */

.uo-steps { list-style: none; margin: 0; padding: 0; position: relative; max-width: 940px; }
.uo-steps::before {
  content: ""; position: absolute; top: 18px; bottom: 18px;
  left: 33px; width: 2px;
  background: linear-gradient(180deg, var(--uo-green), var(--uo-amber), var(--uo-red), var(--uo-purple), var(--uo-pink));
  opacity: .35; border-radius: 2px;
}
.uo-step {
  position: relative; display: flex; align-items: flex-start;
  gap: clamp(18px, 2.4vw, 32px);
  padding: 0 0 clamp(26px, 3vw, 40px) 0;
}
.uo-step:last-child { padding-bottom: 0; }
.uo-step__num {
  position: relative; z-index: 1; flex: none;
  display: grid; place-items: center; width: 68px; height: 68px; margin: 0;
  border-radius: 50%; background: var(--uo-card);
  border: 2px solid color-mix(in srgb, var(--uo-c) 45%, transparent);
  color: var(--uo-c); font-weight: 800; font-size: 1.2rem; letter-spacing: -.01em;
  box-shadow: 0 12px 26px -18px rgba(46, 42, 40, .6);
}
.uo-step__body {
  background: var(--uo-card); border: 1px solid var(--uo-line);
  border-radius: var(--uo-radius-s); padding: clamp(20px, 2.2vw, 28px) clamp(22px, 2.4vw, 32px);
  flex: 1; box-shadow: 0 16px 34px -30px rgba(46, 42, 40, .55);
}
.uo-step__body .uo-h3 { margin-bottom: 8px; }

/* ========================= 7 BLOKAS · LYGIAI ========================= */

.uo-levels {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 26px);
}
.uo-level {
  position: relative; background: var(--uo-card);
  border: 1px solid var(--uo-line); border-top: 4px solid var(--uo-c);
  border-radius: var(--uo-radius-s);
  padding: clamp(24px, 2.6vw, 32px);
  box-shadow: var(--uo-shadow);
  display: flex; flex-direction: column;
}
.uo-level__ico {
  display: grid; place-items: center; width: 50px; height: 50px;
  margin-bottom: 18px; border-radius: 16px;
  color: var(--uo-c);
  background: color-mix(in srgb, var(--uo-c) 13%, #fff);
  border: 1px solid color-mix(in srgb, var(--uo-c) 26%, transparent);
}
.uo-level__num {
  margin: 0 0 6px; font-size: .8rem; font-weight: 800; letter-spacing: .12em;
  color: var(--uo-c);
}
.uo-level .uo-h3 { font-size: clamp(1.15rem, 1.5vw, 1.35rem); margin-bottom: 10px; }
.uo-level .uo-p { font-size: 1rem; flex: 1; }
.uo-level__bars { display: flex; gap: 5px; margin-top: 22px; }
.uo-level__bars i {
  height: 6px; flex: 1; border-radius: 3px;
  background: color-mix(in srgb, var(--uo-ink) 12%, transparent);
}
.uo-level__bars i.is-on { background: var(--uo-c); }

/* ========================= 8 BLOKAS · KULTŪRA ========================= */

.uo-culture {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(32px, 5vw, 72px); align-items: center;
}
.uo-culture .uo-h2 { margin-bottom: 24px; }
.uo-culture .uo-lead + .uo-p { margin-top: 18px; }

.uo-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 32px 0 0; padding: 0; }
.uo-chips li {
  font-size: .92rem; font-weight: 700; line-height: 1.2;
  color: color-mix(in srgb, var(--uo-ink) 82%, transparent);
  background: var(--uo-card); border: 1px solid var(--uo-line);
  border-radius: 999px; padding: 10px 16px;
  display: inline-flex; align-items: center; gap: 8px;
}
.uo-chips li::before {
  content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--uo-pink);
}
.uo-chips li:nth-child(2)::before { background: var(--uo-green); }
.uo-chips li:nth-child(3)::before { background: var(--uo-amber); }
.uo-chips li:nth-child(4)::before { background: var(--uo-purple); }
.uo-chips li:nth-child(5)::before { background: var(--uo-blue); }
.uo-chips li:nth-child(6)::before { background: var(--uo-red); }
.uo-chips li:nth-child(7)::before { background: var(--uo-amber); }
.uo-chips li:nth-child(8)::before { background: var(--uo-green); }

/* ==================== 9 BLOKAS · TĖVAMS IR MOKYTOJAMS ==================== */

.uo-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 30px); }
.uo-panelcard {
  background: var(--uo-card); border: 1px solid var(--uo-line);
  border-radius: var(--uo-radius); padding: clamp(26px, 3vw, 40px);
  box-shadow: var(--uo-shadow);
}
.uo-panelcard .uo-h3 { margin-bottom: 12px; }
.uo-list { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 12px; }
.uo-list li {
  display: flex; align-items: flex-start; gap: 12px;
  font-weight: 600; color: var(--uo-ink); line-height: 1.5;
}
.uo-list .uo-ico { color: var(--uo-c); margin-top: 2px; }

/* ======================= 10 BLOKAS · PABAIGA ======================= */

.uo-final {
  position: relative; text-align: center; overflow: hidden;
  border-radius: clamp(28px, 3vw, 40px);
  padding: clamp(48px, 7vw, 96px) clamp(24px, 5vw, 80px);
  background:
    radial-gradient(70% 90% at 12% 8%, color-mix(in srgb, var(--uo-amber) 22%, transparent), transparent 62%),
    radial-gradient(70% 90% at 92% 96%, color-mix(in srgb, var(--uo-pink) 22%, transparent), transparent 62%),
    var(--uo-cream);
  border: 1px solid color-mix(in srgb, var(--uo-pink) 18%, transparent);
}
.uo-final .uo-h1 { margin-inline: auto; max-width: 18ch; }
.uo-final .uo-eyebrow { margin-bottom: 22px; }
.uo-final .uo-lead { margin: 26px auto 0; max-width: 56ch; }
.uo-final .uo-actions { justify-content: center; margin-top: 38px; }
.uo-final .uo-small { margin-top: 24px; }
.uo-final__berries { position: absolute; inset: 0; pointer-events: none; }
.uo-final__berries img { position: absolute; display: block; }
.uo-final__berries img:nth-child(1) { width: 40px; left: 6%;  top: 18%; transform: rotate(-8deg); }
.uo-final__berries img:nth-child(2) { width: 26px; left: 13%; top: 66%; }
.uo-final__berries img:nth-child(3) { width: 52px; right: 7%; top: 14%; transform: rotate(14deg); }
.uo-final__berries img:nth-child(4) { width: 30px; right: 14%; top: 68%; }
.uo-final__berries img:nth-child(5) { width: 22px; right: 29%; top: 6%; }

/* ============ UOGŲ IR LAPŲ DEKORAS TARP TEKSTO BLOKŲ ============ */

.uo-deco { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.uo-deco img { position: absolute; display: block; opacity: .8; }
.uo-wrap { position: relative; z-index: 1; }

.uo-deco--a { width: 96px; right: -18px;  top: 8%;   transform: rotate(18deg); }
.uo-deco--b { width: 44px; left: -10px;   bottom: 14%; }
.uo-deco--c { width: 30px; right: 6%;     bottom: 9%; }
.uo-deco--d { width: 40px; left: -12px;   top: 16%;  }
.uo-deco--e { width: 28px; right: 3%;     top: 9%;   }
.uo-deco--f { width: 54px; right: -16px;  top: 12%;  transform: rotate(-10deg); }
.uo-deco--g { width: 84px; left: -26px;   bottom: 8%; transform: rotate(-140deg); }
.uo-deco--h { width: 36px; right: 4%;     top: 10%;  }
.uo-deco--i { width: 88px; left: -24px;   top: 22%;  transform: rotate(150deg); }

/* Uogų juostelė – vizualus skirtukas tarp teksto blokų */
.uo-berrybar {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  margin: clamp(34px, 4vw, 52px) 0 0;
}
.uo-berrybar::before, .uo-berrybar::after {
  content: ""; flex: 1; max-width: 180px; height: 2px; border-radius: 2px;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--uo-pink) 42%, transparent) 40%, transparent 44%);
  background-size: 10px 2px;
}
.uo-berrybar img { display: block; width: 22px; height: auto; }
.uo-berrybar img:nth-child(2) { width: 30px; }

/* Uoga prie paryškinto teksto */
.uo-note { position: relative; padding-left: clamp(64px, 6vw, 84px); }
.uo-note__berry {
  position: absolute; left: clamp(20px, 2.2vw, 28px); top: 50%;
  width: 30px; height: auto; transform: translateY(-50%);
}

/* ============================== PORAŠTĖ ============================== */

.uo-footer {
  position: relative; z-index: 45;
  background: var(--uo-cream-deep);
  padding: clamp(48px, 6vw, 76px) 0 calc(clamp(36px, 4vw, 52px) + env(safe-area-inset-bottom));
  border-top: 1px solid var(--uo-line);
}
.uo-footer__inner {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(24px, 4vw, 60px);
  align-items: start;
}
.uo-footer__brand img { height: 40px; width: auto; display: block; margin-bottom: 14px; }
.uo-footer__brand p { margin: 0; max-width: 42ch; color: var(--uo-ink-soft); font-size: 1rem; }
.uo-footer__nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.uo-footer__nav a {
  color: var(--uo-ink); text-decoration: none; font-weight: 700; font-size: .95rem;
  border-bottom: 2px solid transparent; padding: 6px 0;
}
.uo-footer__nav a:hover { border-bottom-color: var(--uo-pink); }
.uo-footer__copy {
  grid-column: 1 / -1; margin: clamp(20px, 3vw, 34px) 0 0;
  padding-top: clamp(18px, 2vw, 26px); border-top: 1px solid var(--uo-line);
  font-size: .9rem; color: var(--uo-ink-soft);
}

/* ============================ ATSIRADIMAS ============================ */

/* Slepiama tik tada, kai uogos.js tikrai veikia – kitaip turinys lieka matomas */
.uo-anim .uo-reveal { opacity: 0; transform: translateY(20px); }
.uo-anim .uo-reveal.is-in {
  opacity: 1; transform: none;
  transition: opacity .75s cubic-bezier(.22, .7, .2, 1), transform .75s cubic-bezier(.22, .7, .2, 1);
}

/* ================== ANIMUOTŲ SCENŲ SLĖPIMAS 2 DALYJE ================== */
/* Kai informacinė dalis visiškai uždengia ekraną, fiksuota scena nebematoma –
   nustojame ją piešti (našumas). Grąžinama akimirksniu slenkant atgal. */
.uo-deep .sw-stage, .uo-deep .sw-sky { visibility: hidden; }

/* ======================================================================
   RESPONSYVUMAS
   ====================================================================== */

/* ---------- Nešiojamas kompiuteris (≤1280 px) ---------- */
@media (max-width: 1280px) {
  :root { --uo-wrap: 1080px; }
}

/* ---------- Siauresnis darbalaukis: kompaktiškesnis meniu ---------- */
@media (max-width: 1180px) {
  .uo-header__nav a { font-size: .78rem; padding: 8px 11px; }
  .uo-header__cta { padding: 10px 16px; font-size: .85rem; }
}

/* ---------- Planšetė ir žemiau: meniu mygtukas ---------- */
@media (max-width: 1024px) {
  :root { --uo-header-h: 70px; }
  .uo-header__nav { display: none; }
  .uo-burger { display: flex; }

  .uo-intro,
  .uo-culture { grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 44px); }
  .uo-culture .uo-figure { order: -1; }
  .uo-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uo-level { padding: clamp(20px, 2.6vw, 26px); }
  .uo-level .uo-p { font-size: 1rem; }
  .uo-h1 { max-width: 22ch; }
  .uo-h2 { max-width: 26ch; }
  .uo-head__cols { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}

/* ---------- Planšetė: animuotų scenų teksto kortelė ≤45 % pločio ---------- */
@media (min-width: 700px) and (max-width: 1024px) {
  .sw-copy {
    left: clamp(18px, 4vw, 44px); right: auto;
    width: min(45%, 420px); max-width: 45%;
    /* +2vh atsarga variklio translateY poslinkiui, kad kortelė neuždengtų
       slinkties užuominos ekrano apačioje */
    bottom: clamp(96px, 15vh, 128px);
    padding: clamp(18px, 2.4vw, 26px) clamp(20px, 2.6vw, 28px);
  }
  .sw-copy__title { font-size: clamp(1.45rem, 3.2vw, 2rem); }
  .sw-copy__body { font-size: clamp(.9rem, 1.7vw, 1rem); }
  .sw-copy__eyebrow { font-size: .74rem; padding: 5px 12px; }
  .sw-copy__divider { margin: 12px 0; }
  .sw-copy__cta { margin-top: 20px; }
  .sw-btn { font-size: .88rem; padding: 12px 20px; }
  .sw-route { right: 8px; gap: 18px; }
}

/* ---------- Telefonas (<768 px): viskas viena skiltimi ---------- */
@media (max-width: 767px) {
  :root {
    --uo-radius: 22px;
    --uo-fs-h1: clamp(1.85rem, 7vw, 2.1rem);
    --uo-fs-h2: clamp(1.7rem, 6.4vw, 2rem);
    --uo-fs-h3: clamp(1.15rem, 4.6vw, 1.35rem);
    --uo-fs-body: 1.0625rem;
    --uo-fs-lead: 1.125rem;
  }

  .uo-section { padding: clamp(56px, 12vw, 80px) 0; }
  .uo-grid--3, .uo-grid--2, .uo-duo, .uo-levels { grid-template-columns: minmax(0, 1fr); }
  .uo-h1, .uo-h2 { max-width: none; }
  .uo-lead, .uo-p { max-width: none; }

  .uo-btn { width: 100%; min-height: 52px; }
  .uo-actions { flex-direction: column; align-items: stretch; gap: 12px; }

  .uo-figure figcaption { left: 12px; right: 12px; bottom: -16px; justify-content: center; font-size: .85rem; }
  .uo-figure--tall img { aspect-ratio: 3 / 2; }

  .uo-steps::before { left: 25px; }
  .uo-step { gap: 16px; }
  .uo-step__num { width: 52px; height: 52px; font-size: 1rem; }

  .uo-editorial { text-align: left; }
  .uo-final { padding: clamp(40px, 10vw, 56px) clamp(20px, 6vw, 32px); }
  .uo-final .uo-h1, .uo-final .uo-lead { max-width: none; }
  .uo-final__berries i:nth-child(1) { left: 4%; top: 4%; }
  .uo-final__berries i:nth-child(2) { left: 6%; top: 92%; }
  .uo-final__berries i:nth-child(3) { right: 4%; top: 3%; }
  .uo-final__berries i:nth-child(4) { right: 5%; top: 94%; }
  .uo-final__berries i:nth-child(5) { display: none; }

  .uo-footer__inner { grid-template-columns: minmax(0, 1fr); }
  .uo-footer__nav { flex-direction: column; gap: 2px; }
  .uo-footer__nav a { min-height: 44px; display: flex; align-items: center; }

  .uo-bridge { height: 38vh; height: 38svh; min-height: 210px; }
  .uo-bridge__badge { width: 66px; height: 66px; bottom: 62px; }
  .uo-bridge__badge img { width: 38px; }
  .uo-bridge__berries img:nth-child(1) { width: 52px; left: 6%;  bottom: 96px; }
  .uo-bridge__berries img:nth-child(2) { width: 26px; left: 20%; bottom: 54px; }
  .uo-bridge__berries img:nth-child(3) { width: 30px; right: 12%; bottom: 84px; }
  .uo-bridge__berries img:nth-child(4) { width: 20px; right: 4%; bottom: 44px; }
  .uo-bridge__berries img:nth-child(5) { display: none; }

  /* Telefone paliekame tik ritmingus uogų akcentus tekste, be fono dekoro */
  .uo-deco { display: none; }
  .uo-berrybar::before, .uo-berrybar::after { max-width: 60px; }
  .uo-note { padding-left: 60px; }
  .uo-note__berry { left: 18px; width: 26px; }
}

/* ---------- Telefonas: antraštė (logotipas + meniu mygtukas) ---------- */
@media (max-width: 639px) {
  .uo-header { padding-inline: clamp(16px, 4.5vw, 26px); }
  .uo-header__cta { display: none; }
  .uo-header__brand img { height: 30px; }
  .uo-header.is-solid .uo-header__brand img { height: 28px; }
}

/* ---------- Telefonas: animuotos scenos ---------- */
@media (max-width: 699px) {
  /* Vertikali šoninė navigacija -> horizontali juosta ekrano apačioje */
  .sw-route {
    top: auto; right: auto; left: 50%;
    bottom: calc(58px + env(safe-area-inset-bottom));
    transform: translateX(-50%);
    flex-direction: row; gap: 0; padding: 2px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, #fff 64%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 26px -18px rgba(46, 42, 40, .8);
  }
  .sw-route::before {
    left: 16px; right: 16px; top: 50%; bottom: auto;
    width: auto; height: 2px; transform: translateY(-50%);
  }
  /* 44 px lietimo taikinys, nors matomas taškas lieka mažas */
  .sw-route__dot { width: 44px; height: 44px; }

  /* Teksto kortelė – virš navigacijos, saugioje zonoje, be perdengimų.
     +2vh atsarga, nes variklis kortelę slenka translateY((0.5-pr)*4vh). */
  .sw-copy {
    left: clamp(14px, 4vw, 24px); right: clamp(14px, 4vw, 24px);
    bottom: calc(136px + env(safe-area-inset-bottom));
    width: auto; max-width: none;
    padding: 20px 22px; border-radius: 18px;
  }
  .sw-copy__title { font-size: clamp(1.65rem, 6.6vw, 2.1rem); }
  .sw-copy__body { font-size: 1rem; line-height: 1.55; }
  .sw-copy__divider { margin: 12px 0; }
  .sw-copy__cta { margin-top: 20px; gap: 10px; flex-direction: column; }
  .sw-copy__cta .sw-btn { width: 100%; text-align: center; min-height: 48px; display: flex; align-items: center; justify-content: center; }
  /* Telefone paliekame tik slinkties indikatorių: ilgas užrašas nebetelpa
     vienoje eilutėje ir kirstųsi su nauja apatine scenų navigacija. */
  .sw-hint { bottom: calc(10px + env(safe-area-inset-bottom)); gap: 0; }
  .sw-hint span { display: none; }
  .sw-hint i { width: 20px; height: 30px; }
}

/* Žemi ekranai (mažas telefonas vertikaliai) – kompaktiškesnė kortelė */
@media (max-width: 699px) and (max-height: 700px) {
  .sw-copy { padding: 16px 18px; bottom: calc(128px + env(safe-area-inset-bottom)); }
  .sw-copy__title { font-size: clamp(1.45rem, 6vw, 1.8rem); }
  .sw-copy__divider { margin: 9px 0; }
}

/* ---------- Telefonas horizontaliai ---------- */
@media (max-width: 940px) and (max-height: 520px) and (orientation: landscape) {
  .sw-copy {
    left: clamp(14px, 3vw, 28px); right: auto;
    width: min(46%, 380px); max-width: 46%;
    bottom: calc(22px + env(safe-area-inset-bottom));
    padding: 14px 18px;
  }
  .sw-copy__title { font-size: clamp(1.2rem, 3.4vh, 1.55rem); }
  .sw-copy__body { font-size: .92rem; line-height: 1.45; }
  .sw-copy__divider { margin: 8px 0; }
  .sw-copy__cta { flex-direction: row; margin-top: 12px; }
  .sw-copy__cta .sw-btn { width: auto; padding: 10px 16px; font-size: .85rem; }
  .sw-hint { display: none; }
  .sw-route {
    left: auto; right: 8px; bottom: auto; top: 50%;
    transform: translateY(-50%);
    flex-direction: column; gap: 12px; padding: 12px 6px;
    background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none;
  }
  .sw-route::before { left: 50%; right: auto; top: 14px; bottom: 14px; width: 2px; height: auto; transform: translateX(-50%); }
  .uo-header { padding-block: 10px; }
}

/* ---------- Labai siauri telefonai ---------- */
@media (max-width: 380px) {
  :root { --uo-gutter: 18px; }
  .uo-card, .uo-panelcard, .uo-level { padding: 22px 20px; }
  .uo-skill { padding: 18px; gap: 13px; }
  .uo-chips li { font-size: .87rem; padding: 9px 13px; }
}

/* ---------- Lietimo įrenginiai: pakankamai dideli taikiniai ---------- */
@media (hover: none) and (pointer: coarse) {
  .uo-header__cta, .uo-btn { min-height: 48px; }
  .uo-card:hover, .uo-skill:hover, .uo-btn:hover, .uo-header__cta:hover { transform: none; }
}

/* ---------- Sumažintas judesys ---------- */
@media (prefers-reduced-motion: reduce) {
  .uo-anim .uo-reveal { opacity: 1; transform: none; }
  .uo-anim .uo-reveal.is-in { transition: opacity .2s linear; }
  .uo-header, .uo-header__brand img, .uo-panel,
  .uo-btn, .uo-card, .uo-skill, .uo-header__cta { transition-duration: .01ms !important; }
  .uo-card:hover, .uo-skill:hover, .uo-btn:hover, .uo-header__cta:hover { transform: none; }
  * { scroll-behavior: auto !important; }
}