/* Protis 3D svetainė v2 — TAMSI, „nustebinkit“ (Domantas 2026-10-01: „Nežinau, nustebinkit“ + „dark theme labiau norėčiau“).
   Kryptis: kaip geriausios programų svetainės (Linear / Framer) — beveik juodas fonas, didelės raidės, daug erdvės, švytėjimas.
   Parašas: per visą puslapį slenkant PATS NUSIBRĖŽIA oranžinis vamzdis (stovas kairėje + atšakos į kiekvieną skyrių; srauto nėra — Domantas 2026-10-02: „keistai atrodo“).
   Viršuje — Erelio katilinės filmas. Judesys lieka visada (Domantas 2026-10-02), net jei įjungta „mažinti judesį“. */
:root {
  --fonas: #06080B;
  --fonas-2: #0A0E13;
  --pavirsius: #0E1319;
  --pavirsius-2: #131A22;
  --linija: rgba(255, 255, 255, 0.07);
  --linija-2: rgba(255, 255, 255, 0.12);
  --tekstas: #ECF0F4;
  --tekstas-2: #95A3B0;
  --blankus: #75838F;
  --zenklas: #E85D2A;
  --zenklas-sviesus: #FF7A45;
  --melyna: #5CC8FF;
  --fokusas: #7CC0FF;
  --plotis: 1180px;
  --kr: clamp(18px, 4vw, 40px);
  --lenk: cubic-bezier(.2, .8, .2, 1);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; background: var(--fonas); }
body { margin: 0; background: var(--fonas); color: var(--tekstas); font-family: 'Archivo', system-ui, sans-serif; font-variation-settings: 'wdth' 100; font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { margin: 0; line-height: 1.02; letter-spacing: -0.02em; text-wrap: balance; }
h1 { font-size: clamp(36px, 4.8vw, 68px); font-variation-settings: 'wdth' 112; font-weight: 760; }
h2 { font-size: clamp(28px, 3.6vw, 48px); font-variation-settings: 'wdth' 112; font-weight: 740; }
h3 { font-size: 21px; font-variation-settings: 'wdth' 108; font-weight: 680; line-height: 1.2; letter-spacing: -0.01em; }
p { margin: 0 0 0.9em; text-wrap: pretty; }
:focus-visible { outline: 2px solid var(--fokusas); outline-offset: 3px; border-radius: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.praleisti { position: absolute; left: 12px; top: -60px; z-index: 60; background: var(--tekstas); color: var(--fonas); padding: 10px 14px; border-radius: 6px; font-weight: 600; }
.praleisti:focus { top: 12px; }
[hidden] { display: none !important; }
main { position: relative; z-index: 1; overflow-x: clip; }

/* Grūdėtumas — kaip kino juosta, labai švelniai */
.grudeliai { position: fixed; inset: 0; z-index: 40; pointer-events: none; opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* Įėjimai slenkant */
[data-r] { opacity: 0; transform: translateY(46px) scale(.97); filter: blur(10px); transition: opacity 1s var(--lenk), transform 1.15s var(--lenk), filter 1s var(--lenk); transition-delay: var(--d, 0s); }
[data-r].virs:not(.matomas) { transform: translateY(-46px) scale(.97); }
[data-r].matomas { opacity: 1; transform: none; filter: none; }

/* Mygtukai */
.mygtukas { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px;
  background: var(--zenklas); color: #0B0F13; text-decoration: none; font-weight: 700; font-size: 16px; font-variation-settings: 'wdth' 106;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 10px 30px -10px rgba(232,93,42,.8); transition: background-color .2s ease, transform .2s var(--lenk), box-shadow .25s ease; }
.mygtukas { overflow: hidden; isolation: isolate; }
.mygtukas::after { content: ''; position: absolute; inset: -2px; z-index: -1; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.45) 50%, transparent 65%); transform: translateX(-120%); transition: transform .7s var(--lenk); pointer-events: none; }
.mygtukas:hover::after { transform: translateX(120%); }
.mygtukas.antrinis::after { background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.14) 50%, transparent 65%); }
.mygtukas:hover { background: var(--zenklas-sviesus); transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 16px 44px -10px rgba(255,122,69,.95); }
.mygtukas:active { transform: translateY(0); }
.mygtukas.didelis { min-height: 52px; padding: 0 28px; font-size: 17px; }
.mygtukas.antrinis { background: rgba(255,255,255,.04); color: var(--tekstas); box-shadow: inset 0 0 0 1px var(--linija-2); }
.mygtukas.antrinis:hover { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.nuoroda { text-decoration: none; font-weight: 600; padding: 10px 6px; border-radius: 6px; }
.nuoroda:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Juosta */
.juosta { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid transparent; transition: background-color .25s ease, border-color .25s ease; }
.juosta.slinkta { background: rgba(6,8,11,.72); border-bottom-color: var(--linija); backdrop-filter: saturate(1.5) blur(16px); -webkit-backdrop-filter: saturate(1.5) blur(16px); }
.juosta-eiga { position: absolute; left: 0; bottom: -1px; height: 2px; width: calc(var(--eiga, 0) * 100%); background: linear-gradient(90deg, #A63A15, #E85D2A 60%, #FFB08F); box-shadow: 0 0 10px rgba(232,93,42,.8); border-radius: 0 2px 2px 0; pointer-events: none; transition: opacity .3s ease; opacity: 0; }
.juosta.slinkta .juosta-eiga { opacity: 1; }
.juosta-vidus { max-width: var(--plotis); margin: 0 auto; padding: 0 var(--kr); height: 68px; display: flex; align-items: center; gap: 28px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 780; font-size: 19px; font-variation-settings: 'wdth' 116; }
.logo svg { width: 24px; height: 24px; transition: transform .6s var(--lenk); }
.logo:hover svg { transform: rotate(90deg); }
.nav { display: flex; gap: 2px; margin-left: 8px; }
.nav a { text-decoration: none; color: var(--tekstas-2); font-weight: 540; padding: 8px 12px; border-radius: 999px; font-size: 15px; transition: color .2s ease, background-color .2s ease; }
.nav a:hover { color: var(--tekstas); background: rgba(255,255,255,.05); }
.nav a.dabar { color: var(--tekstas); background: rgba(232,93,42,.12); box-shadow: inset 0 0 0 1px rgba(232,93,42,.35); }
.veiksmai { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.veiksmai .nuoroda { font-size: 15px; }
.veiksmai .mygtukas { min-height: 38px; padding: 0 16px; font-size: 15px; }
.tik-tel { display: none; }
.meniu-mygtukas { display: none; margin-left: 4px; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--tekstas); cursor: pointer; }
.meniu-mygtukas svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; }

/* ── VIRŠUS ─────────────────────────────────────────────── */
.virsus { position: relative; isolation: isolate; text-align: center; padding: clamp(40px, 7vh, 88px) var(--kr) 40px; max-width: 1280px; margin: 0 auto; }
.virsus-tinklelis { position: absolute; inset: -68px -30vw 0; z-index: -1; pointer-events: none;
  background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 56px 56px;
  -webkit-mask-image: radial-gradient(60% 55% at 50% 30%, #000 20%, transparent 75%); mask-image: radial-gradient(60% 55% at 50% 30%, #000 20%, transparent 75%); }
.virsus::before { content: ''; position: absolute; z-index: -1; left: 50%; top: -120px; width: min(1100px, 120vw); height: 620px; translate: -50% 0; pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, rgba(232,93,42,.22), rgba(232,93,42,.06) 45%, transparent 70%); filter: blur(10px); animation: kvepuoja 9s ease-in-out infinite alternate; }
@keyframes kvepuoja { from { opacity: .75; transform: scale(.96); } to { opacity: 1; transform: scale(1.04); } }
.zyme { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 24px; padding: 7px 14px 7px 12px; border-radius: 999px; font-size: 14px; font-weight: 600; color: #CFD8E0;
  background: rgba(255,255,255,.035); border: 1px solid var(--linija-2); }
.zyme-taskas { width: 8px; height: 8px; border-radius: 50%; background: var(--zenklas); box-shadow: 0 0 0 4px rgba(232,93,42,.18), 0 0 14px var(--zenklas); }
.antraste { max-width: 18ch; margin: 0 auto; background: linear-gradient(180deg, #FFFFFF 35%, #8EA0B0 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .06em; }
.antraste .z { display: inline-block; opacity: 0; transform: translateY(.4em); filter: blur(8px); animation: zodis .9s var(--lenk) forwards; animation-delay: calc(var(--i) * 55ms + 80ms);
  background: inherit; -webkit-background-clip: text; background-clip: text; }
@keyframes zodis { to { opacity: 1; transform: none; filter: none; } }
.ivadas { margin: 22px auto 28px; max-width: 36em; font-size: clamp(16px, 1.35vw, 19px); color: var(--tekstas-2); }
.cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
.kaina-trumpai { margin: 18px 0 0; color: var(--blankus); font-size: 14.5px; }

.ekranas { position: relative; margin: clamp(36px, 5vh, 60px) auto 0; max-width: 1080px; animation: iskyla 1.4s var(--lenk) .55s both; }
/* be permatomumo ir suliejimo: Safari nematomam (opacity 0) vaizdui neleidžia pačiam paleisti filmo */
@keyframes iskyla { from { transform: translateY(60px) scale(.97); } }
.ekranas-svytejimas { translate: var(--gx, 0) var(--gy, 0); transition: translate .8s var(--lenk); }
.ekranas-svytejimas { position: absolute; inset: 8% 6% -6%; z-index: -1; border-radius: 40px; background: radial-gradient(60% 60% at 50% 60%, rgba(232,93,42,.35), rgba(92,200,255,.08) 55%, transparent 75%); filter: blur(60px); }
.ekranas-vidus { transform: perspective(1600px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .6s var(--lenk); will-change: transform; }
.ekranas-vidus { position: relative; border-radius: 22px; overflow: hidden; background: #040507; aspect-ratio: 16 / 9;
  box-shadow: 0 0 0 1px rgba(255,255,255,.09), 0 1px 0 0 rgba(255,255,255,.12) inset, 0 60px 120px -50px rgba(0,0,0,1); }
.ekranas-vidus::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(180deg, transparent 70%, rgba(6,8,11,.65)); }
.ekranas-vidus img, .filmas-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.filmas-video { opacity: 0; transition: opacity .6s ease; }
.filmas-video.groja, .eiga-vaizdas video.groja { opacity: 1; }
.ekranas-parasas { position: absolute; right: 18px; bottom: 16px; margin: 0; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px;
  font-size: 13px; font-weight: 650; color: #DDE5EB; background: rgba(6,8,11,.6); border: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.ekranas-parasas svg { width: 15px; height: 15px; }

/* ── VAMZDIS per visą puslapį: tikro vamzdžio išvaizda (tamsus kraštas, oranžinis kūnas, šešėlis, blizgesys), alkūnės to paties
   skersmens; movos „užsispaudžia“ pasiekus; trišakis su atšaka į skyriaus mazgą; gale — švytinti kibirkštis ── */
.vamzdis { --W: 12px; --Wb: 10px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; fill: none; stroke-linecap: butt; stroke-linejoin: round; }
.vamzdis .v-planas { stroke: rgba(255,255,255,.08); stroke-width: 1.5; stroke-dasharray: 2 7; stroke-linecap: round; }
.vamzdis .v-halo { stroke: rgba(232,93,42,.12); stroke-width: calc(var(--W) + 16px); stroke-linecap: round; }
.vamzdis .v-siena { stroke: #3A1509; stroke-width: calc(var(--W) + 3px); }
.vamzdis .v-linija { stroke: #E2592A; stroke-width: var(--W); }
.vamzdis .v-seselis { stroke: #A63A15; stroke-width: calc(var(--W) * .34); opacity: .9; }
.vamzdis .v-blizg { stroke: #FFD6C2; stroke-width: calc(var(--W) * .16); opacity: .9; }
.vamzdis .v-saka-siena { stroke: #3A1509; stroke-width: calc(var(--Wb) + 3px); }
.vamzdis .v-saka { stroke: #E2592A; stroke-width: var(--Wb); }
.vamzdis .v-saka-blizg { stroke: #FFD6C2; stroke-width: calc(var(--Wb) * .18); opacity: .9; }
.vamzdis .v-sakos path { transition: stroke-dashoffset .8s cubic-bezier(.45,0,.2,1); }
/* movos: iššoka su atšokimu ir trumpai sužiba („užspaudžiama“) */
.vamzdis .v-fit { opacity: 0; transform: scale(.3); transition: transform .55s cubic-bezier(.25,1.9,.45,1), opacity .2s ease; }
.vamzdis .v-fit.deta { opacity: 1; transform: none; animation: zybt .9s ease-out; }
@keyframes zybt { 0%, 25% { filter: drop-shadow(0 0 7px #FFB08F) brightness(1.6); } 100% { filter: none; } }
.vamzdis .v-fit .mova-kontur { stroke: #3A1509; stroke-width: 7; stroke-linecap: round; }
.vamzdis .v-fit .mova { stroke: #F3A07A; stroke-width: 4; stroke-linecap: round; }
.vamzdis .v-galva { fill: #FFF3EA; opacity: 0; transition: opacity .3s ease; filter: drop-shadow(0 0 4px #FF8A55) drop-shadow(0 0 12px #E85D2A); }
.vamzdis .v-galva.rodo { opacity: 1; animation: kibirkstis .3s ease-in-out infinite alternate; }
@keyframes kibirkstis { to { r: 6.5px; } }
@media (max-width: 760px) {
  .vamzdis .v-halo { stroke-width: calc(var(--W) + 10px); }
  .vamzdis .v-fit .mova-kontur { stroke-width: 5.5; }
  .vamzdis .v-fit .mova { stroke-width: 3; }
}

/* Skyrių galvos su mazgu (kur ateina vamzdžio atšaka) */
.skyrius { position: relative; max-width: var(--plotis); margin: 0 auto; padding: clamp(64px, 9vh, 112px) var(--kr) 16px; }
.galva { max-width: 760px; margin-bottom: 36px; }
.kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 14px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--tekstas-2); }
.mazgas { position: relative; width: 14px; height: 14px; flex: none; border-radius: 50%; border: 2px solid rgba(255,255,255,.18); background: var(--fonas); transition: border-color .5s ease, box-shadow .5s ease, background-color .5s ease; }
.mazgas.dega { border-color: var(--zenklas); background: var(--zenklas); box-shadow: 0 0 0 5px rgba(232,93,42,.15), 0 0 22px rgba(232,93,42,.9); }
.kicker:has(.mazgas.dega) { color: #FFB08F; }
.galva-tekstas { margin-top: 16px; font-size: clamp(16px, 1.3vw, 18px); color: var(--tekstas-2); max-width: 38em; }

/* Kortelės su prožektoriumi (šviesa seka pelę) */
.kortele { position: relative; isolation: isolate; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); border: 1px solid var(--linija); overflow: hidden; transition: border-color .3s ease, transform .4s var(--lenk); }
.kortele::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .35s ease; pointer-events: none;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(232,93,42,.16), transparent 45%); }
.kortele::after { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(255,140,90,.7), transparent 50%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.kortele:hover::before, .kortele:hover::after { opacity: 1; }
.kortele:hover { border-color: var(--linija-2); }

/* ── BIBLIOTEKA ─────────────────────────────────────────── */
.skaiciai { list-style: none; margin: 0 0 56px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--linija); border-bottom: 1px solid var(--linija); }
.skaiciai li { padding: 28px 8px 26px; text-align: left; }
.skaiciai li + li { border-left: 1px solid var(--linija); padding-left: clamp(16px, 3vw, 36px); }
.skaiciai b { display: block; font-size: clamp(34px, 4.4vw, 60px); line-height: 1; font-weight: 760; font-variation-settings: 'wdth' 118; letter-spacing: -0.035em; font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #fff 30%, #7F92A3); -webkit-background-clip: text; background-clip: text; color: transparent; }
.skaiciai span { display: block; margin-top: 10px; color: var(--tekstas-2); font-size: 15.5px; }
/* Biblioteka: tikros detalės (programos atvaizdai) šviesiose „scenose“, skirtukai pagal rūšį + paieška */
.lib { margin-top: 8px; }
.lib-irankiai { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.lib-skirtukai { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 560px; min-width: 0; }
.lib-skirtukas { appearance: none; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--tekstas-2); background: rgba(255,255,255,.03); border: 1px solid var(--linija-2); border-radius: 999px;
  min-height: 40px; padding: 0 14px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
.lib-skirtukas span { font-size: 12px; color: var(--blankus); font-variant-numeric: tabular-nums; }
.lib-skirtukas:hover { color: var(--tekstas); border-color: rgba(255,255,255,.24); }
.lib-skirtukas[aria-pressed="true"] { color: #0B0F13; background: #ECF0F4; border-color: #ECF0F4; }
.lib-skirtukas[aria-pressed="true"] span { color: #4A5864; }
.lib-paieska { position: relative; flex: 0 1 240px; margin-left: auto; }
.lib-paieska svg { position: absolute; left: 15px; top: 50%; translate: 0 -50%; width: 18px; height: 18px; stroke: var(--blankus); fill: none; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.lib-paieska input { width: 100%; min-height: 44px; padding: 0 16px 0 42px; border-radius: 999px; border: 1px solid var(--linija-2); background: rgba(255,255,255,.03); color: var(--tekstas); font: inherit; font-size: 15px; }
.lib-paieska input::placeholder { color: var(--blankus); }
.lib-paieska input:focus { outline: none; border-color: rgba(232,93,42,.75); box-shadow: 0 0 0 4px rgba(232,93,42,.16); }
.lib-sienele { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); gap: 12px; }
@media (min-width: 1001px) { .lib-sienele { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } }
.lib-kortele { padding: 10px 10px 14px; display: flex; flex-direction: column; gap: 2px; opacity: 0; }
.lib-sienele.rodo .lib-kortele { animation: atsiranda .7s var(--lenk) both; animation-delay: calc(var(--k, 0) * 45ms); }
.lib-vaizdas { position: relative; aspect-ratio: 1; margin-bottom: 10px; border-radius: 12px; overflow: hidden; background: radial-gradient(120% 95% at 50% 30%, #F3F5F7 0%, #DCE2E7 55%, #BAC4CC 100%); transition: transform .5s var(--lenk); }
.lib-vaizdas img, .lib-vaizdas video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lib-vaizdas video, .lib-vaizdas img.gifas, .eiga-vaizdas img.gifas, .ekranas-vidus img.gifas { opacity: 0; transition: opacity .4s ease; }
.lib-vaizdas video.groja, .lib-vaizdas img.gifas.groja, .eiga-vaizdas img.gifas.groja, .ekranas-vidus img.gifas.groja { opacity: 1; }
.lib-kortele:hover .lib-vaizdas { transform: translateY(-3px); }
.lib-kortele b { font-size: 12px; font-weight: 650; color: #FF9A70; padding: 0 4px; }
.lib-kortele span { font-size: 15px; font-weight: 600; line-height: 1.3; padding: 0 4px; text-wrap: balance; }
@keyframes atsiranda { from { opacity: 0; transform: translateY(34px) scale(.92); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
.lib-tuscia { margin: 28px 0 0; text-align: center; color: var(--tekstas-2); }
.lib-apacia { margin: 22px 0 0; text-align: center; color: var(--tekstas-2); font-size: 15.5px; }
.lib-apacia b { color: var(--tekstas); font-variant-numeric: tabular-nums; }
.gamintojai { margin: 64px calc(var(--kr) * -1) 0; display: flex; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.gamintojai ul { list-style: none; margin: 0; padding: 0; display: flex; flex: none; animation: begte 40s linear infinite; }
.gamintojai li { padding: 0 clamp(22px, 3vw, 44px); font-size: clamp(34px, 5vw, 64px); font-weight: 760; font-variation-settings: 'wdth' 120; letter-spacing: -0.02em; white-space: nowrap;
  color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.22); transition: color .3s ease; }
.gamintojai li { animation: sviesk 9s ease-in-out infinite; }
.gamintojai li:nth-child(2) { animation-delay: 1.1s; } .gamintojai li:nth-child(3) { animation-delay: 2.2s; } .gamintojai li:nth-child(4) { animation-delay: 3.3s; }
.gamintojai li:nth-child(5) { animation-delay: 4.4s; } .gamintojai li:nth-child(6) { animation-delay: 5.5s; } .gamintojai li:nth-child(7) { animation-delay: 6.6s; } .gamintojai li:nth-child(8) { animation-delay: 7.7s; }
@keyframes sviesk {
  0%, 55%, 100% { color: transparent; -webkit-text-stroke-color: rgba(255,255,255,.22); text-shadow: none; }
  68%, 76% { color: #FFF4EC; -webkit-text-stroke-color: transparent; text-shadow: 0 0 18px rgba(255,138,85,.85), 0 0 46px rgba(232,93,42,.55); }
}
@keyframes begte { to { transform: translateX(-100%); } }
.ai-eilute { margin: 48px auto 0; text-align: center; color: var(--tekstas-2); font-size: 18px; max-width: 40em; }
.netrukus { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 700; vertical-align: 2px; color: #FFB08F; background: rgba(232,93,42,.14); border: 1px solid rgba(232,93,42,.35); white-space: nowrap; }

/* ── KAIP VEIKIA ────────────────────────────────────────── */
.eiga { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 72px); align-items: center; margin: 0 0 clamp(72px, 10vh, 120px); }
.eiga.atvirkscia { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.eiga.atvirkscia .eiga-tekstas { order: -1; }
.eiga-vaizdas { position: relative; border-radius: 20px; overflow: hidden; background: #040507; aspect-ratio: 16 / 10; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 50px 100px -50px rgba(0,0,0,1), 0 0 90px -40px rgba(232,93,42,.45); }
.eiga-vaizdas img, .eiga-vaizdas video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.eiga-vaizdas video { opacity: 0; transition: opacity .5s ease; }
.eiga-nr { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; font-weight: 760; font-size: 17px; color: #FFB08F; border: 1.5px solid rgba(232,93,42,.6); box-shadow: 0 0 24px -6px rgba(232,93,42,.8) inset; margin-bottom: 22px; }
.eiga-tekstas h3 { font-size: clamp(24px, 2.3vw, 32px); font-variation-settings: 'wdth' 112; font-weight: 720; }
.eiga-tekstas > p { margin: 16px 0 22px; color: var(--tekstas-2); font-size: 18px; }
.eiga-zingsniai { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linija); }
.eiga-zingsniai li, .ieina li { opacity: 0; transform: translateX(-14px); }
.matomas .eiga-zingsniai li, .matomas .ieina li { animation: ijeina .7s var(--lenk) forwards; }
.matomas .eiga-zingsniai li:nth-child(2), .matomas .ieina li:nth-child(2) { animation-delay: .12s; } .matomas .eiga-zingsniai li:nth-child(3), .matomas .ieina li:nth-child(3) { animation-delay: .24s; }
.matomas .ieina li:nth-child(4) { animation-delay: .36s; } .matomas .ieina li:nth-child(5) { animation-delay: .48s; } .matomas .ieina li:nth-child(6) { animation-delay: .6s; } .matomas .ieina li:nth-child(7) { animation-delay: .72s; } .matomas .ieina li:nth-child(8) { animation-delay: .84s; } .matomas .ieina li:nth-child(9) { animation-delay: .96s; } .matomas .ieina li:nth-child(10) { animation-delay: 1.08s; }
@keyframes ijeina { to { opacity: 1; transform: none; } }
.matomas .eiga-nr { animation: pulsas 2.6s ease-in-out infinite; }
@keyframes pulsas { 50% { box-shadow: 0 0 24px -6px rgba(232,93,42,.8) inset, 0 0 22px rgba(232,93,42,.55); } }
.eiga-zingsniai li { position: relative; padding: 13px 0 13px 28px; border-bottom: 1px solid var(--linija); color: #D3DBE2; }
.eiga-zingsniai li::before { content: ''; position: absolute; left: 2px; top: 21px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--zenklas); }

/* ── FUNKCIJOS: 8 didžiosios, kiekviena su judančiu paveikslėliu (kartojasi kaip GIF; pradeda, kai kortelė pasirodo) ── */
.funkcijos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.funkcija { padding: 14px 14px 22px; display: flex; flex-direction: column; }
.funkcija h3 { margin: 18px 6px 0; font-size: 19px; }
.funkcija p { margin: 8px 6px 0; color: var(--tekstas-2); font-size: 15px; line-height: 1.5; }
.f-vaizdas { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.05), rgba(255,255,255,.01) 60%), #0B1016; border: 1px solid var(--linija);
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), radial-gradient(120% 120% at 50% 0%, rgba(232,93,42,.08), transparent 60%);
  background-size: 20px 20px, 20px 20px, auto; }
.f-vaizdas.melynas { background-color: #0C2236; background-image: linear-gradient(rgba(140,190,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(140,190,255,.09) 1px, transparent 1px); background-size: 16px 16px; }
.f-vaizdas svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
/* tikro vamzdžio piešinys: tamsus kraštas + oranžinis kūnas + blizgesys (per filtrą neperskaičiuojam — trys sluoksniai) */
.vz path { stroke: #E2592A; stroke-width: 9; }
.vz path.kr { stroke: #3A1509; stroke-width: 12.5; }
.vz path.bl { stroke: #FFD6C2; stroke-width: 1.7; transform: translate(-1.6px, -1.6px); }
.f-movos path { stroke: #F3A07A; stroke-width: 4; }

/* 1. Vamzdžiai: nusibrėžia su alkūnėmis, užsispaudžia movos, kartojasi */
.f-vamzdziai .vz path { stroke-dasharray: 100; stroke-dashoffset: 100; }
.f-vamzdziai .f-movos { opacity: 0; }
.matomas .f-vamzdziai .vz path { animation: fv-piesk 6s var(--lenk) infinite; }
.matomas .f-vamzdziai .f-movos { animation: fv-movos 6s ease infinite; }
@keyframes fv-piesk { 0% { stroke-dashoffset: 100; opacity: 1; } 40% { stroke-dashoffset: 0; } 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes fv-movos { 0%, 38% { opacity: 0; } 45%, 88% { opacity: 1; } 100% { opacity: 0; } }

/* 2. Detalės: siurblys nusileidžia tarp flanšų, užsideda varžtai, „spragt“ žiedas */
.f-detales .f-flansai rect { fill: #CFD8E0; }
.f-detales .korpusas { fill: #8C99A6; }
.f-detales .galva { fill: #E85D2A; }
.f-detales .briaunos { stroke: rgba(0,0,0,.25); stroke-width: 2; }
.f-detales .f-varztai circle { fill: #FFE1D2; opacity: 0; }
.f-detales .f-snap { stroke: #FFB08F; stroke-width: 2; opacity: 0; transform-box: fill-box; transform-origin: center; }
.f-detales .f-siurblys { transform: translateY(-120px); opacity: 0; }
.matomas .f-detales .f-siurblys { animation: fd-krenta 5s cubic-bezier(.3,1.25,.5,1) infinite; }
.matomas .f-detales .f-varztai circle { animation: fd-varztas 5s ease infinite; }
.matomas .f-detales .f-varztai circle:nth-child(2) { animation-delay: .08s; } .matomas .f-detales .f-varztai circle:nth-child(3) { animation-delay: .16s; } .matomas .f-detales .f-varztai circle:nth-child(4) { animation-delay: .24s; }
.matomas .f-detales .f-snap { animation: fd-snap 5s ease-out infinite; }
@keyframes fd-krenta { 0% { transform: translateY(-120px); opacity: 0; } 10% { opacity: 1; } 32%, 88% { transform: none; opacity: 1; } 100% { transform: none; opacity: 0; } }
@keyframes fd-varztas { 0%, 40% { opacity: 0; } 46%, 88% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fd-snap { 0%, 31% { opacity: 0; transform: scale(.5); } 33% { opacity: .9; } 55% { opacity: 0; transform: scale(1.4); } 100% { opacity: 0; } }

/* 3. Schema: linijos ir ženklai nusipiešia mėlynraštyje */
.f-schema path, .f-schema circle { stroke: #DDEBFF; stroke-width: 2.2; }
.f-schema .pad { stroke: #FF8A5C; stroke-width: 3; }
.f-schema .gr { stroke: #7DB8FF; stroke-width: 3; }
.f-schema .pad, .f-schema .gr, .f-schema .saka path:first-child { stroke-dasharray: 100; stroke-dashoffset: 100; }
.f-schema .saka circle, .f-schema .saka path:not(:first-child) { opacity: 0; }
.matomas .f-schema .pad, .matomas .f-schema .gr { animation: fs-linija 6.5s ease infinite; }
.matomas .f-schema .saka path:first-child { animation: fs-saka 6.5s ease infinite; }
.matomas .f-schema .saka circle, .matomas .f-schema .saka path:not(:first-child) { animation: fs-zenklas 6.5s ease infinite; }
.matomas .f-schema .s2 * { animation-delay: .35s !important; } .matomas .f-schema .s3 * { animation-delay: .7s !important; }
@keyframes fs-linija { 0% { stroke-dashoffset: 100; opacity: 1; } 22%, 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes fs-saka { 0%, 20% { stroke-dashoffset: 100; opacity: 1; } 40%, 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes fs-zenklas { 0%, 40% { opacity: 0; } 48%, 88% { opacity: 1; } 100% { opacity: 0; } }

/* 4. Kambarys: grindys nusibrėžia, sienos iškyla, atsiranda talpa ir matmuo */
.f-kambarys .grindys { stroke: #CFD8E0; stroke-width: 2; fill: rgba(255,255,255,.03); stroke-dasharray: 100; stroke-dashoffset: 100; }
.f-kambarys .siena { stroke: #CFD8E0; stroke-width: 2; fill: rgba(207,216,224,.08); transform-box: fill-box; transform-origin: bottom; transform: scaleY(0); }
.f-kambarys .talpa ellipse, .f-kambarys .talpa path { stroke: #FFB08F; stroke-width: 2.2; fill: rgba(232,93,42,.12); }
.f-kambarys .talpa, .f-kambarys .matmuo { opacity: 0; }
.f-kambarys .matmuo path { stroke: #E85D2A; stroke-width: 1.6; stroke-dasharray: 4 4; }
.f-kambarys text { fill: #FFB08F; font: 700 12px Archivo, sans-serif; stroke: none; }
.matomas .f-kambarys .grindys { animation: fk-grindys 6s ease infinite; }
.matomas .f-kambarys .siena { animation: fk-siena 6s cubic-bezier(.3,1.3,.5,1) infinite; }
.matomas .f-kambarys .s2 { animation-delay: .2s; }
.matomas .f-kambarys .talpa { animation: fk-rodo 6s ease infinite; }
.matomas .f-kambarys .matmuo { animation: fk-rodo 6s ease infinite .35s; }
@keyframes fk-grindys { 0% { stroke-dashoffset: 100; opacity: 1; } 25%, 88% { stroke-dashoffset: 0; opacity: 1; } 100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes fk-siena { 0%, 22% { transform: scaleY(0); opacity: 1; } 40%, 88% { transform: none; opacity: 1; } 100% { transform: none; opacity: 0; } }
@keyframes fk-rodo { 0%, 42% { opacity: 0; transform: translateY(6px); } 52%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }

/* 5. Asistentas: klausimas → rašo… → atsakymas */
.f-pokalbis { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 12px; }
.burbulas { margin: 0; max-width: 86%; padding: 7px 11px; border-radius: 13px; font-size: 12.5px; line-height: 1.3; opacity: 0; }
.burbulas.tu { align-self: flex-end; background: #E85D2A; color: #0B0F13; font-weight: 600; border-bottom-right-radius: 4px; }
.burbulas.ai { align-self: flex-start; background: rgba(255,255,255,.08); color: #E6ECF1; border: 1px solid var(--linija-2); border-bottom-left-radius: 4px; }
.burbulas.rasoma { align-self: flex-start; background: rgba(255,255,255,.06); display: inline-flex; gap: 4px; padding: 9px 11px; position: absolute; left: 12px; bottom: 22%; }
.burbulas.rasoma i { width: 6px; height: 6px; border-radius: 50%; background: #95A3B0; animation: taskas 1s ease-in-out infinite; }
.burbulas.rasoma i:nth-child(2) { animation-delay: .15s; } .burbulas.rasoma i:nth-child(3) { animation-delay: .3s; }
@keyframes taskas { 50% { transform: translateY(-4px); opacity: .5; } }
.matomas .burbulas.tu { animation: fp-tu 7s ease infinite; }
.matomas .burbulas.rasoma { animation: fp-rasoma 7s ease infinite; }
.matomas .burbulas.ai { animation: fp-ai 7s ease infinite; }
@keyframes fp-tu { 0%, 6% { opacity: 0; transform: translateY(10px); } 12%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes fp-rasoma { 0%, 18% { opacity: 0; } 22%, 40% { opacity: 1; } 44%, 100% { opacity: 0; } }
@keyframes fp-ai { 0%, 42% { opacity: 0; transform: translateY(10px); } 50%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }

/* 6. Gyvai: du kursoriai, kolega nubrėžia vamzdį, „Live“ pulsuoja */
.f-gyvai .vz path { stroke-width: 7; } .f-gyvai .vz path.kr { stroke-width: 10; } .f-gyvai .vz path.bl { stroke-width: 1.4; }
.f-gyvai .kolegos { stroke: #5CC8FF; stroke-width: 7; stroke-dasharray: 100; stroke-dashoffset: 100; filter: drop-shadow(0 0 6px rgba(92,200,255,.6)); }
.f-gyvai .k path { stroke: none; }
.f-gyvai .k text { font: 700 11px Archivo, sans-serif; stroke: none; }
.f-gyvai .k1 path { fill: #E85D2A; } .f-gyvai .k1 text { fill: #FFB08F; }
.f-gyvai .k2 path { fill: #5CC8FF; } .f-gyvai .k2 text { fill: #9EDBFF; }
.f-gyvai .k1 { transform: translate(60px, 40px); } .f-gyvai .k2 { transform: translate(150px, 120px); }
.f-gyvai .gyvai-zyme circle { fill: #3FD08A; stroke: none; } .f-gyvai .gyvai-zyme text { fill: #CFF5E1; font: 700 12px Archivo, sans-serif; stroke: none; }
.matomas .f-gyvai .k1 { animation: fg-k1 6s ease-in-out infinite; }
.matomas .f-gyvai .k2 { animation: fg-k2 6s ease-in-out infinite; }
.matomas .f-gyvai .kolegos { animation: fg-vamzdis 6s ease-in-out infinite; }
.matomas .f-gyvai .gyvai-zyme circle { animation: mirksi 1.4s ease-in-out infinite; }
@keyframes fg-k1 { 0%, 100% { transform: translate(60px, 40px); } 40% { transform: translate(110px, 90px); } 70% { transform: translate(70px, 128px); } }
@keyframes fg-k2 { 0% { transform: translate(150px, 120px); } 50% { transform: translate(236px, 120px); } 88%, 100% { transform: translate(200px, 76px); } }
@keyframes fg-vamzdis { 0% { stroke-dashoffset: 100; opacity: 1; } 50%, 88% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes mirksi { 50% { opacity: .35; } }

/* 7. Užsakymas: sąrašas → tiekėjams → atsakymai grįžta */
.f-uzsakymas { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 10px 12px; font-size: 11.5px; }
.f-uzsakymas ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.f-uzsakymas .eilutes li { display: flex; justify-content: space-between; padding: 4px 8px; border-radius: 6px; background: rgba(255,255,255,.04); color: #CBD4DB; opacity: 0; }
.f-uzsakymas .eilutes b { color: #fff; font-variant-numeric: tabular-nums; }
.f-uzsakymas .tiekejai li { position: relative; display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 8px; border: 1px solid var(--linija-2); color: #CBD4DB; opacity: 0; }
.f-uzsakymas .tiekejai i { width: 8px; height: 8px; border-radius: 50%; background: #E8B02A; }
.f-uzsakymas em { font-style: normal; margin-left: auto; font-size: 11px; color: var(--blankus); }
.f-uzsakymas em.gauta { position: absolute; right: 8px; color: #6EE2A6; opacity: 0; }
.matomas .f-uzsakymas .eilutes li { animation: fu-eilute 7s ease infinite; }
.matomas .f-uzsakymas .eilutes li:nth-child(2) { animation-delay: .25s; } .matomas .f-uzsakymas .eilutes li:nth-child(3) { animation-delay: .5s; }
.matomas .f-uzsakymas .tiekejai li { animation: fu-tiek 7s ease infinite; }
.matomas .f-uzsakymas .tiekejai li:nth-child(2) { animation-delay: .3s; }
.matomas .f-uzsakymas .tiekejai i { animation: fu-zalia 7s ease infinite; }
.matomas .f-uzsakymas .tiekejai li:nth-child(2) i, .matomas .f-uzsakymas .tiekejai li:nth-child(2) em { animation-delay: .9s; }
.matomas .f-uzsakymas em.laukia { animation: fu-laukia 7s ease infinite; }
.matomas .f-uzsakymas em.gauta { animation: fu-gauta 7s ease infinite; }
@keyframes fu-eilute { 0%, 4% { opacity: 0; transform: translateX(-10px); } 12%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes fu-tiek { 0%, 26% { opacity: 0; transform: translateY(8px); } 34%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes fu-zalia { 0%, 55% { background: #E8B02A; box-shadow: none; } 62%, 90% { background: #3FD08A; box-shadow: 0 0 10px #3FD08A; } 100% { background: #3FD08A; } }
@keyframes fu-laukia { 0%, 55% { opacity: 1; } 60%, 100% { opacity: 0; } }
@keyframes fu-gauta { 0%, 57% { opacity: 0; } 63%, 90% { opacity: 1; } 100% { opacity: 0; } }

/* 8. Dalintis: nuoroda nukopijuojama → telefone atsidaro katilinė */
.f-dalintis .nuoroda-pill rect { fill: rgba(255,255,255,.06); stroke: rgba(255,255,255,.22); stroke-width: 1.5; }
.f-dalintis .nuoroda-pill .ik { stroke: #FFB08F; stroke-width: 2.4; }
.f-dalintis text { fill: #E6ECF1; font: 700 13px Archivo, sans-serif; stroke: none; }
.f-dalintis .nukopijuota rect { fill: rgba(63,208,138,.14); stroke: #3FD08A; stroke-width: 1.5; }
.f-dalintis .nukopijuota text { fill: #9DF0C6; }
.f-dalintis .nukopijuota { opacity: 0; }
.matomas .f-dalintis .nuoroda-pill { animation: fd2-pill 6s ease infinite; }
@keyframes fd2-pill { 0%, 18% { opacity: 1; } 22%, 92% { opacity: 0; } 100% { opacity: 1; } }
.f-dalintis .telefonas rect:first-child { stroke: #CFD8E0; stroke-width: 2.2; fill: #0B1016; }
.f-dalintis .ekr-vz { stroke-width: 4; stroke-dasharray: 100; stroke-dashoffset: 100; }
.f-dalintis .ekr-vz.o { stroke: #E85D2A; } .f-dalintis .ekr-vz.m { stroke: #5CC8FF; }
.f-dalintis .telefonas .t { fill: rgba(255,255,255,.18); stroke: #CFD8E0; stroke-width: 1.4; }
.f-dalintis .telefonas { transform: translateY(40px); opacity: 0; }
.matomas .f-dalintis .nukopijuota { animation: fd2-kop 6s ease infinite; }
.matomas .f-dalintis .telefonas { animation: fd2-tel 6s cubic-bezier(.3,1.3,.5,1) infinite; }
.matomas .f-dalintis .ekr-vz { animation: fd2-vz 6s ease infinite; }
@keyframes fd2-kop { 0%, 18% { opacity: 0; } 24%, 88% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fd2-tel { 0%, 26% { transform: translateY(40px); opacity: 0; } 40%, 88% { transform: none; opacity: 1; } 100% { opacity: 0; } }
@keyframes fd2-vz { 0%, 40% { stroke-dashoffset: 100; } 62%, 88% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } }

/* ── KAINA ──────────────────────────────────────────────── */
.kaina { max-width: var(--plotis); margin: 0 auto; padding: clamp(64px, 9vh, 112px) var(--kr) 32px; }
.kaina-kortele { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 24px; overflow: hidden; border: 1px solid var(--linija-2);
  background: radial-gradient(70% 90% at 0% 0%, rgba(232,93,42,.18), transparent 60%), radial-gradient(60% 80% at 100% 100%, rgba(92,200,255,.08), transparent 60%), var(--pavirsius); }
.kaina-kaire, .kaina-desine { padding: 44px; }
.kaina-desine { border-left: 1px solid var(--linija); }
.suma { margin: 18px 0 14px; font-size: clamp(64px, 7vw, 104px); line-height: .9; font-weight: 760; font-variation-settings: 'wdth' 120; letter-spacing: -0.04em; color: #fff; }
.suma .valiuta { font-size: .5em; vertical-align: .6em; margin-right: .06em; font-weight: 680; }
.suma .per { font-size: 20px; font-weight: 600; letter-spacing: 0; font-variation-settings: 'wdth' 100; color: var(--tekstas-2); margin-left: 10px; }
.kaina-kaire p { color: var(--tekstas-2); max-width: 30em; margin-bottom: 26px; }
.kaina-desine h3 { font-size: 15px; color: var(--tekstas-2); font-variation-settings: 'wdth' 104; font-weight: 650; text-transform: uppercase; letter-spacing: .08em; }
.ieina { list-style: none; margin: 14px 0 22px; padding: 0; columns: 2; column-gap: 28px; }
.ieina li { break-inside: avoid; padding: 9px 0 9px 26px; position: relative; border-bottom: 1px solid var(--linija); }
.ieina li::before { content: ''; position: absolute; left: 2px; top: 17px; width: 12px; height: 7px; border-left: 2px solid var(--zenklas); border-bottom: 2px solid var(--zenklas); transform: rotate(-45deg); }
.pastaba { font-size: 14.5px; color: var(--tekstas-2); margin: 0; }

/* ── APIE + DUK ─────────────────────────────────────────── */
.apie, .duk { max-width: var(--plotis); margin: 0 auto; padding: clamp(64px, 9vh, 112px) var(--kr) 16px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
.apie .galva, .duk .galva { margin: 0; }
.apie-tekstas { font-size: 19px; line-height: 1.55; max-width: 36em; color: #D5DDE3; padding-top: 34px; }
.apie a, .duk a, .kontaktai a:not(.mygtukas):not(.nuoroda) { color: #FF9A70; font-weight: 600; text-underline-offset: 3px; }
.duk-sarasas { border-top: 1px solid var(--linija-2); margin-top: 34px; }
.duk details { border-bottom: 1px solid var(--linija); overflow: hidden; }
.duk details[open] summary { color: #fff; }
.duk summary { list-style: none; cursor: pointer; padding: 20px 44px 20px 0; position: relative; font-weight: 620; font-size: 18.5px; font-variation-settings: 'wdth' 104; transition: color .2s ease; }
.duk summary:hover { color: #fff; }
.duk summary::-webkit-details-marker { display: none; }
.duk summary::after { content: ''; position: absolute; right: 8px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--tekstas-2); border-bottom: 2px solid var(--tekstas-2); transform: translateY(-70%) rotate(45deg); transition: transform .3s var(--lenk); }
.duk details[open] summary::after { transform: translateY(-30%) rotate(225deg); }
.duk details p { color: var(--tekstas-2); max-width: 40em; padding-bottom: 8px; animation: atsiveria .35s var(--lenk); }
@keyframes atsiveria { from { opacity: 0; transform: translateY(-6px); } }

/* ── KONTAKTAI + APAČIA ─────────────────────────────────── */
.kontaktai { max-width: var(--plotis); margin: 0 auto; padding: clamp(64px, 9vh, 112px) var(--kr) 96px; }
.kontaktai-kortele { position: relative; overflow: hidden; padding: clamp(36px, 6vw, 80px); border-radius: 28px; border: 1px solid var(--linija-2);
  background: radial-gradient(60% 120% at 90% 110%, rgba(232,93,42,.32), transparent 60%), radial-gradient(50% 100% at 0% 0%, rgba(92,200,255,.1), transparent 60%), var(--pavirsius); }
.kontaktai h2 { font-size: clamp(30px, 4.2vw, 58px); max-width: 13em; }
.kontaktai-kortele > p:not(.kicker) { color: var(--tekstas-2); font-size: 18px; margin: 20px 0 30px; }
.kontaktai .cta { justify-content: flex-start; }
.apacia { position: relative; z-index: 1; color: var(--tekstas-2); border-top: 1px solid var(--linija); padding: 56px max(var(--kr), calc((100vw - var(--plotis)) / 2 + var(--kr))) 28px; font-size: 15px;
  background: radial-gradient(60% 120% at 0% 100%, rgba(232,93,42,.07), transparent 60%); }
.apacia-vidus { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 32px; }
.apacia-zenklas p { margin: 14px 0 0; max-width: 26em; }
.apacia-stulpelis { display: grid; align-content: start; gap: 10px; }
.apacia-stulpelis h2 { margin: 0 0 4px; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: #CFD8E0; font-variation-settings: 'wdth' 104; }
.apacia a { text-decoration: none; transition: color .2s ease; }
.apacia a:hover { color: var(--tekstas); }
.apacia-teises { margin: 40px 0 0; padding-top: 20px; border-top: 1px solid var(--linija); font-size: 14px; }

/* Meniu po mygtuku, kai ekranas siauresnis (planšetė ir telefonas) — kitaip punktai lūžta į kelias eilutes */
@media (max-width: 1080px) {
  .nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; background: var(--fonas-2); padding: 8px var(--kr) 18px; border-bottom: 1px solid var(--linija); margin: 0; }
  .juosta.atidaryta .nav { display: flex; }
  .juosta.atidaryta { background: rgba(6,8,11,.92); }
  .nav a { padding: 12px 8px; font-size: 17px; border-radius: 8px; }
  .tik-tel { display: block; }
  .veiksmai .nuoroda { display: none; }
  .meniu-mygtukas { display: grid; place-items: center; }
  .logo span { white-space: nowrap; }
}

/* Vieta vamzdžiui kairėje (trišakis + atšaka neturi būti per arti teksto) */
@media (max-width: 1360px) and (min-width: 761px) {
  .skyrius, .kaina, .apie, .duk, .kontaktai { padding-left: max(var(--kr), 110px); }
}

/* Planšetė */
@media (max-width: 1000px) {
  .eiga, .eiga.atvirkscia { grid-template-columns: 1fr; }
  .funkcijos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eiga.atvirkscia .eiga-tekstas { order: 0; }
  .apie, .duk { grid-template-columns: 1fr; gap: 0; }
  .kaina-kortele { grid-template-columns: 1fr; }
  .kaina-desine { border-left: 0; border-top: 1px solid var(--linija); }
}

/* Telefonas */
@media (max-width: 760px) {
  body { font-size: 16.5px; }
  .juosta { background: rgba(6,8,11,.86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  .juosta-vidus { height: 60px; gap: 12px; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: 60px; flex-direction: column; background: var(--fonas-2); padding: 8px var(--kr) 18px; border-bottom: 1px solid var(--linija); margin: 0; }
  .juosta.atidaryta .nav { display: flex; }
  .nav a { padding: 12px 8px; font-size: 17px; border-radius: 8px; }
  .tik-tel { display: block; }
  .veiksmai .nuoroda { display: none; }
  .meniu-mygtukas { display: grid; place-items: center; }
  .virsus { padding-top: 48px; }
  .zyme { font-size: 13px; }
  .ekranas-vidus { aspect-ratio: 780 / 1100; border-radius: 18px; }
  .ekranas-parasas { right: 12px; bottom: 12px; }
  .skaiciai li { padding: 20px 4px; }
  .skaiciai li + li { padding-left: 12px; }
  .skaiciai b { font-size: clamp(26px, 7.6vw, 36px); letter-spacing: -0.04em; }
  .skaiciai span { font-size: 13px; }
  .lib-sienele { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .lib-skirtukai { flex: 1 1 100%; flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(var(--kr) * -1 - 12px); padding: 2px calc(var(--kr) + 12px); scrollbar-width: none; }
  .lib-skirtukas { flex: none; }
  .lib-paieska { flex-basis: 100%; }
  .lib-kortele span { font-size: 14px; }
  .ieina { columns: 1; }
  .funkcijos { grid-template-columns: 1fr; }
  .kaina-kaire, .kaina-desine { padding: 28px 22px; }
  .suma .per { display: block; margin: 12px 0 0; }
  .apie-tekstas { font-size: 18px; }
  .kontaktai .cta { flex-direction: column; align-items: stretch; }
  .apacia-vidus { grid-template-columns: 1fr 1fr; }
  .apacia-zenklas { grid-column: 1 / -1; }
  .skyrius, .kaina, .apie, .duk, .kontaktai { padding-left: 54px; }
}

/* „Mažinti judesį“: Domantas 2026-10-02 — svetainės judesys (vamzdis, įėjimai, judantys vaizdai, gamintojų juosta) lieka visada. */