/* manoLT svetainė V2.3 — SpaceX stiliumi (~/ismanus-build/v23/SPACEX-STILIUS.md): juoda drobė, „šalta“ balta #F0F0FA, siauros
   DIDŽIOSIOS antraštės, vaizdai ištirpsta juodume, techninės lentelės, linijiniai brėžiniai, santūrus judesys. Šriftai — Barlow Semi
   Condensed, Barlow, Roboto Mono (SIL OFL 1.1, WOFF2 savame serveryje; licencijos — sriftai/ofl-*.txt). CSP: tik šis failas
   (style-src 'self'), jokių vidinių stilių; vietas (žymekliai) nustato svetaine.js per CSSOM. */

@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/svetaine/sriftai/barlow-semi-condensed-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/svetaine/sriftai/barlow-semi-condensed-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/svetaine/sriftai/barlow-semi-condensed-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/svetaine/sriftai/barlow-semi-condensed-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/svetaine/sriftai/barlow-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/svetaine/sriftai/barlow-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/svetaine/sriftai/barlow-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/svetaine/sriftai/barlow-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/svetaine/sriftai/roboto-mono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/svetaine/sriftai/roboto-mono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --balta: #f0f0fa; --b90: rgba(240, 240, 250, .9); --b80: rgba(240, 240, 250, .8); --b70: rgba(240, 240, 250, .7);
  --b60: rgba(240, 240, 250, .62); --b50: rgba(240, 240, 250, .5); --b35: rgba(240, 240, 250, .35); --b30: rgba(240, 240, 250, .3);
  --b20: rgba(240, 240, 250, .2); --b12: rgba(240, 240, 250, .12); --b08: rgba(240, 240, 250, .08);
  --turkis: #36e2c6; --turkis-svytejimas: rgba(54, 226, 198, .55); --raudona: #ff3b30; --geltona: #ffc107; --zalia: #00c853;
  --f-antr: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --f-tekst: "Barlow", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --kr-myg: cubic-bezier(.19, 1, .22, 1);
  --kr-iej: cubic-bezier(.16, 1, .3, 1);
  --krastas: clamp(20px, 6.95vw, 100px);
  --juosta: 74px;
  color-scheme: dark;
}

/* ------------------------------------------------------------------------------------------------------ pagrindas ---- */
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: #000; color: var(--balta); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: clip; scroll-padding-top: 90px; }
body { margin: 0; font: 400 17px/1.6 var(--f-tekst); background: #000; overflow-x: clip; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img, svg, canvas { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
h1, h2, h3, h4, p, ol, ul, dl, dd, dt, figure, figcaption, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
sub { font-size: .68em; line-height: 0; position: relative; top: .24em; vertical-align: baseline; }
::selection { background: var(--balta); color: #000; }
:focus-visible { outline: 2px solid var(--balta); outline-offset: 3px; }
.slepti { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.praleisti:focus { position: fixed !important; z-index: 100; top: 14px; left: 14px; width: auto; height: auto; clip-path: none; padding: 12px 18px;
  background: var(--balta); color: #000; border-radius: 4px; font-weight: 500; }
.spaudai { display: none; }
.vardas { text-transform: none; letter-spacing: 0; white-space: nowrap; }
.nw { white-space: nowrap; }       /* „manoLT“ antraštėse — kaip logotipe (mano + LT) */

/* --------------------------------------------------------------------------------------------------- tipografija ---- */
h1, h2, h3, .antr { font-family: var(--f-antr); font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
h1 { font-size: clamp(46px, 6.95vw, 100px); line-height: 1.0; letter-spacing: .005em; }
h2 { font-size: clamp(34px, 3.35vw, 48px); line-height: 1.04; }
h3 { font-size: 20px; line-height: 1.25; letter-spacing: .03em; }
.h-didele { font-size: clamp(38px, 5.56vw, 80px); line-height: 1.0; }
.zyma { font: 400 14px/1.45 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--b60); margin-bottom: 18px; }
.zyma b { font-weight: 400; color: var(--balta); }
.ivadas { font-size: 17px; line-height: 1.65; color: var(--b90); max-width: 30rem; margin-top: 18px; text-wrap: pretty; }   /* V-B12: be vieno žodžio paskutinėje eilutėje */
.ivadas + .ivadas { margin-top: 14px; }
.blanku { color: var(--b50); }
.pastaba { font-size: 14px; line-height: 1.55; color: var(--b60); max-width: 34rem; margin-top: 18px; }

/* ------------------------------------------------------------------------------------------------------ mygtukai ---- */
.mygtukas { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 22px; margin-top: 30px;
  border: 1px solid var(--b35); border-radius: 4px; background: rgba(0, 0, 0, .5); color: var(--balta); text-decoration: none;
  font: 500 13px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
  transition: background-color .4s var(--kr-myg), color .4s var(--kr-myg), border-color .4s var(--kr-myg); }
.mygtukas svg { width: 16px; height: 16px; flex: none; }
.mygtukas:hover, .mygtukas:focus-visible { background: var(--balta); border-color: var(--balta); color: #000; }
.mygtukas:hover svg, .mygtukas:focus-visible svg { animation: rodykle .6s var(--kr-myg); }
.mygtukas--baltas { background: var(--balta); border-color: var(--balta); color: #000; }
.mygtukas--baltas:hover, .mygtukas--baltas:focus-visible { background: transparent; color: var(--balta); border-color: var(--balta); }
.mygtukai { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin-top: 30px; }
.mygtukai .mygtukas { margin-top: 0; }
@keyframes rodykle { 0% { transform: none; opacity: 1; } 32% { transform: translateX(10px); opacity: 0; } 33% { transform: translateX(-10px); opacity: 0; }
  100% { transform: none; opacity: 1; } }

/* -------------------------------------------------------------------------------------------------------- juosta ---- */
.juosta { position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: calc(var(--juosta) + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) 40px 0; display: flex; align-items: center; gap: 30px; view-transition-name: juosta;
  transition: opacity .3s ease, transform .3s ease; }
.juosta::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 300px; pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .62) 0, rgba(0, 0, 0, .34) 74px, rgba(0, 0, 0, .12) 170px, transparent 100%); }
.juosta.paslepta { opacity: 0; transform: translateY(-14px); pointer-events: none; }
.juosta.ant-turinio::before { height: 100%; background: rgba(0, 0, 0, .9); }   /* slenkant atgal tekstas nelenda po logotipu */
.logotipas { display: block; flex: none; border-radius: 6px; }
.logotipas img { width: 122px; height: 32px; }
.meniu { display: flex; align-items: center; gap: 22px; }
.meniu a { position: relative; display: block; padding: 10px 0; color: var(--b90); text-decoration: none; white-space: nowrap;
  font: 600 14px/1 var(--f-antr); letter-spacing: .09em; text-transform: uppercase; transition: color .2s ease; }
.meniu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: var(--balta); transform: scaleX(0);
  transform-origin: left; transition: transform .45s var(--kr-myg); }
.meniu a:hover, .meniu a[aria-current="page"] { color: var(--balta); }
.meniu a:hover::after, .meniu a[aria-current="page"]::after { transform: scaleX(1); }
.meniu .tik-telefonui { display: none; }
.prisijungti { margin-left: auto; padding: 10px 0; color: var(--b80); text-decoration: none; white-space: nowrap;
  font: 600 14px/1 var(--f-antr); letter-spacing: .09em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; }
.prisijungti svg { width: 14px; height: 14px; }
.prisijungti:hover { color: var(--balta); }
.meniu-mygtukas { display: none; margin-left: auto; width: 44px; height: 44px; margin-right: -10px; padding: 0; border: 0; background: none;
  cursor: pointer; place-items: center; }
.meniu-mygtukas span { position: relative; display: block; width: 24px; height: 2px; background: var(--balta); transition: background-color .2s; }
.meniu-mygtukas span::before, .meniu-mygtukas span::after { content: ""; position: absolute; left: 0; width: 24px; height: 2px; background: var(--balta);
  transition: transform .35s var(--kr-myg); }
.meniu-mygtukas span::before { transform: translateY(-8px); }
.meniu-mygtukas span::after { transform: translateY(8px); }
.meniu-atviras .meniu-mygtukas span { background: transparent; }
.meniu-atviras .meniu-mygtukas span::before { transform: rotate(45deg); }
.meniu-atviras .meniu-mygtukas span::after { transform: rotate(-45deg); }
@media (max-width: 1500px) { .meniu { gap: 18px; } }
@media (max-width: 1340px) { .meniu { gap: 14px; } .meniu a, .prisijungti { font-size: 13px; } .juosta { gap: 24px; } }
@media (max-width: 1180px) {
  .juosta { padding-left: 20px; padding-right: 20px; }
  .meniu-mygtukas { display: grid; }
  .juosta > .prisijungti { display: none; }
  .meniu { position: fixed; z-index: -1; inset: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0;
    padding: calc(var(--juosta) + env(safe-area-inset-top) + 18px) 28px 40px; background: #000; overflow-y: auto;
    opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s linear .35s; }
  .meniu-atviras .meniu { opacity: 1; visibility: visible; transition: opacity .35s ease; }
  .meniu a { padding: 15px 0; font-size: 24px; letter-spacing: .06em; color: var(--b80); border-bottom: 1px solid var(--b12); }
  .meniu a::after { display: none; }
  .meniu a[aria-current="page"] { color: var(--balta); }
  .meniu a[aria-current="page"]::before { content: ""; position: absolute; left: -28px; top: 50%; width: 16px; height: 2px; background: var(--balta); }
  .meniu .tik-telefonui { display: block; }
  .meniu .prisijungti-meniu { margin-top: 28px; border: 1px solid var(--b35); border-radius: 4px; padding: 16px 18px; font-size: 16px; text-align: center;
    white-space: normal; letter-spacing: .03em; line-height: 1.3; }   /* C2 (S-16): ilgas užrašas laužomas, neišlenda per rėmelį */
  .meniu-atviras body { overflow: hidden; }
  .juosta::before { height: 150px; }
}
html:not(.js) .meniu-mygtukas { display: none; }
@media (max-width: 1180px) {   /* be JS meniu visada atidarytas: stovi virš puslapio, neužlipa ant pirmo ekrano */
  html:not(.js) .juosta { position: static; height: auto; flex-wrap: wrap; gap: 6px 18px; padding-top: 12px; padding-bottom: 12px; background: #000; }
  html:not(.js) .juosta::before { display: none; }
  html:not(.js) .meniu { position: static; opacity: 1; visibility: visible; flex-direction: row; flex-wrap: wrap; gap: 2px 16px; padding: 0; background: none; transform: none; width: auto; height: auto; }
  html:not(.js) .meniu a, html:not(.js) .meniu .prisijungti-meniu { margin: 0; padding: 6px 0; border: 0; font-size: 12px; text-align: left; }
}

/* ------------------------------------------------------------------------------------------- puslapio pradžia ---- */
.titulas { position: relative; min-height: max(100svh, 640px); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; }
.titulas__media { position: absolute; inset: 0; z-index: -2; overflow: hidden; background: #000; }
.titulas__media img, .titulas__media picture { width: 100%; height: 100%; object-fit: cover; }
.titulas::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0, transparent 26%, transparent 46%, rgba(0, 0, 0, .72) 76%, #000 100%),
              linear-gradient(90deg, rgba(0, 0, 0, .55) 0, transparent 55%); }
.titulas__tekstas { position: relative; padding: 0 var(--krastas) clamp(88px, 14vh, 150px); max-width: 1180px; }
.titulas h1 { max-width: 15ch; }
.titulas .ivadas { font-size: clamp(17px, 1.39vw, 20px); max-width: 36rem; margin-top: 22px; color: var(--b90); }
.titulas--centre { align-items: center; text-align: center; }
.titulas--centre .titulas__tekstas { margin: 0 auto; padding-bottom: 0; }
.titulas--centre h1, .titulas--centre .ivadas { margin-left: auto; margin-right: auto; }
.zemyn { position: absolute; left: 50%; bottom: 22px; width: 44px; height: 44px; margin-left: -22px; display: grid; place-items: center;
  color: var(--b80); }
.zemyn svg { width: 30px; height: 20px; animation: zemyn 3s ease infinite; }
@keyframes zemyn { 0% { transform: translateY(-14px); opacity: 0; } 30% { opacity: 1; } 70% { opacity: 1; } 100% { transform: translateY(14px); opacity: 0; } }

/* pradžios „planeta“ — gyvas 3D (three.js) arba iš anksto atvaizduotas kadras; tekstas kairėje */
.planeta { position: relative; min-height: max(100svh, 720px); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; }
.planeta__media { position: absolute; inset: 0; z-index: -2; background: #000; }
.planeta::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 62% 66% at 0% 100%, rgba(0, 0, 0, .94) 0, rgba(0, 0, 0, .78) 52%, transparent 100%),
              linear-gradient(90deg, rgba(0, 0, 0, .34) 0, rgba(0, 0, 0, .14) 30%, transparent 52%),
              linear-gradient(180deg, rgba(0, 0, 0, .35) 0, transparent 22%, transparent 70%, #000 100%); }
/* tekstas apačioje kairėje — vakarų Lietuva (pajūris) lieka laisva (kritikas P2-10) */
.planeta__tekstas { position: relative; margin-left: var(--krastas); width: min(860px, 100% - 2 * var(--krastas)); padding: 120px 0 clamp(88px, 13vh, 140px); }
.planeta h1 { font-size: clamp(42px, 4.5vw, 68px); }
.planeta .ivadas { max-width: 40rem; }
@media (min-width: 901px) and (max-width: 1700px) { .planeta h1 { font-size: clamp(42px, 3.9vw, 60px); max-width: 12em; } }   /* SK-26: nešiojamame antraštė neužlipa ant Kauno šviesų */

/* 3D Lietuva (V1.9.6 komponentas; svetainėje — be prisijungusių savivaldybių) */
.lt3d { position: absolute; inset: 0; overflow: hidden; background: #000; }
.lt3d picture, .lt3d-plakatas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 66% 50%; }
.lt3d-drobe { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s ease; touch-action: pan-y; }
.lt3d.lt3d-paruosta .lt3d-drobe { opacity: 1; }
.lt3d.lt3d-paruosta picture { opacity: 0; transition: opacity 1.2s ease; }
.lt3d-zymes, .lt3d-patarimas { position: absolute; inset: 0; pointer-events: none; }
/* manoLT V2.4 (V-B11): miesto užrašas — šalia miesto šviesų, ne ant jų (JS transform deda viršutinį kairį kampą į miesto tašką, todėl
   anksčiau švytėjimas uždengdavo užrašo pradžią: „…NAS“, „…IUS“): poslinkis į dešinę su linija, ryškesnis, su tamsiu kontūru */
.lt3d-miestas { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 6px; translate: 8px -50%;
  font: 600 13px/1 var(--f-mono); letter-spacing: .14em; color: var(--balta); white-space: nowrap;
  text-shadow: 0 0 3px #000, 0 0 8px #000, 0 1px 14px rgba(0, 0, 0, .95); }
.lt3d-miestas::before { content: ""; width: 16px; height: 1px; background: var(--b40); box-shadow: 0 0 3px #000; }
.lt3d-zyme { display: none; }

/* -------------------------------------------------------------------------------------- ekranas (2 šablonas) ---- */
/* vaizdas per visą plotį, tekstas šone (kairė / dešinė), vaizdas ištirpsta juodume */
.ekranas { position: relative; min-height: max(100svh, 820px); display: flex; align-items: center; overflow: hidden; isolation: isolate; }
.ekranas__media { position: absolute; inset: 0 0 -10px 0; z-index: -2; overflow: hidden; background: #000; }
.ekranas__media .vaizdas, .titulas__media .vaizdas { position: absolute; inset: 0; }
.vaizdas > img, .vaizdas > picture, .vaizdas > picture > img { width: 100%; height: 100%; object-fit: cover; }
.ekranas::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(270deg, transparent 42%, rgba(0, 0, 0, .82) 92%), linear-gradient(180deg, #000 0, transparent 16%, transparent 64%, #000 100%); }
.ekranas--desine::before { background: linear-gradient(90deg, transparent 42%, rgba(0, 0, 0, .82) 92%), linear-gradient(180deg, #000 0, transparent 16%, transparent 64%, #000 100%); }
.ekranas__tekstas { position: relative; margin-left: var(--krastas); width: min(520px, 100% - 2 * var(--krastas)); padding: 110px 0; }
.ekranas--desine .ekranas__tekstas { margin-left: auto; margin-right: var(--krastas); }
.ekranas--virsus { align-items: flex-start; }
.ekranas--virsus .ekranas__tekstas { padding-top: max(13vh, 110px); }
.ekranas--apacia { align-items: flex-end; }
.ekranas--apacia .ekranas__tekstas { padding-bottom: 15vh; }

/* -------------------------------------------------------------------------------- apžvalga (3 šablonas) ---- */
/* objektas dešinėje ant juodo, kairėje — tekstas ir techninė lentelė */
.apzvalga { position: relative; min-height: max(100svh, 860px); display: flex; align-items: center; overflow: hidden; isolation: isolate; }
.apzvalga__objektas { position: absolute; z-index: -2; top: 0; bottom: 0; right: 0; width: 66%; }
.apzvalga__objektas .vaizdas { position: absolute; inset: 0; }
.apzvalga__objektas img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.apzvalga::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, .7) 40%, transparent 62%), linear-gradient(180deg, #000 0, transparent 18%, transparent 78%, #000 100%); }
.apzvalga::after { content: ""; position: absolute; z-index: -1; pointer-events: none; left: 34%; right: 0; bottom: 4%; height: 22%;
  background: radial-gradient(ellipse 46% 40% at 60% 70%, rgba(240, 240, 250, .09), transparent 70%); }
.apzvalga__tekstas { position: relative; margin-left: var(--krastas); width: min(520px, 100% - 2 * var(--krastas)); padding: 110px 0; }

/* techninė lentelė */
.lentele { width: 100%; border-collapse: collapse; margin-top: 30px; }
.lentele th, .lentele td { padding: 19px 0; border-bottom: 1px solid var(--b30); vertical-align: top; }
.lentele tr:first-child th, .lentele tr:first-child td { border-top: 1px solid var(--b30); }
.lentele th { width: 46%; padding-right: 18px; text-align: left; font: 500 13px/22px var(--f-tekst); letter-spacing: .08em; text-transform: uppercase; color: var(--b80); }
.lentele td { text-align: right; font: 400 16px/22px var(--f-tekst); color: var(--balta); }

/* -------------------------------------------------------------------- brėžinys → vaizdas (4 šablonas) ---- */
.brezinio { position: relative; min-height: max(100svh, 860px); display: flex; align-items: center; overflow: hidden; isolation: isolate;
  background: radial-gradient(ellipse 60% 45% at 66% 100%, rgba(240, 240, 250, .09), transparent 70%), linear-gradient(180deg, #000, #0b0b0d); }
.brezinio__vaizdas { position: absolute; z-index: -1; top: 6%; bottom: 6%; right: 2%; width: 62%; }
.brezinio__vaizdas > svg, .brezinio__vaizdas > .atvaizdas { position: absolute; inset: 0; width: 100%; height: 100%; }
.brezinio__vaizdas > .atvaizdas { opacity: 0; transition: opacity 1.1s ease; }
.brezinio__vaizdas > .atvaizdas img { width: 100%; height: 100%; object-fit: contain; }
.brezinio.atskleista .brezinio__vaizdas > .atvaizdas { opacity: 1; }
.brezinio.atskleista .brezinio__vaizdas > svg.su-atvaizdu { opacity: 0; transition: opacity 1.1s ease .2s; }
.brezinio__tekstas { position: relative; margin-left: var(--krastas); width: min(500px, 100% - 2 * var(--krastas)); padding: 110px 0; }
.brezinys { color: var(--balta); }
.brezinys .l { fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.brezinys .l2 { fill: none; stroke: var(--b50); stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
.brezinys .l3 { fill: none; stroke: var(--b30); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.brezinys .uzp { fill: var(--balta); }
.brezinys .t { fill: var(--b70); font: 400 12px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; }
.brezinys .t2 { fill: var(--balta); font: 600 15px/1 var(--f-antr); letter-spacing: .07em; text-transform: uppercase; }
.irenginys .brezinys .t2 { display: none; }
.brezinys .impulsas { fill: var(--turkis); filter: drop-shadow(0 0 6px var(--turkis)); opacity: 0; transition: opacity .6s ease; }
.piesta .impulsas { opacity: 1; }
.spaudai { display: none; }
.brezinys-parasas { display: none; }            /* kortelėje pavadinimas — H3 po brėžiniu (kritikas P2-8) */
.brezinys .sv { fill: var(--turkis); }
.brezinys .sv-l { fill: none; stroke: var(--turkis); stroke-width: 1.4; vector-effect: non-scaling-stroke; }
.brezinys .pav { fill: var(--raudona); }
/* linijos pasipiešia (JS nustato --ilgis kiekvienam keliui; be JS — matomos iš karto) */
.js .piesiamas .l, .js .piesiamas .l2 { stroke-dasharray: var(--ilgis, 2000); stroke-dashoffset: var(--ilgis, 2000); }
.js .piesiamas.pieskis .l, .js .piesiamas.pieskis .l2 { stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s cubic-bezier(.33, 0, .2, 1); }
.js .piesiamas.piesta .l, .js .piesiamas.piesta .l2 { stroke-dasharray: none; }
.js .piesiamas .t, .js .piesiamas .t2, .js .piesiamas .sv, .js .piesiamas .uzp { opacity: 0; transition: opacity .6s ease 1.2s; }
.js .piesiamas.pieskis .t, .js .piesiamas.pieskis .t2, .js .piesiamas.pieskis .sv, .js .piesiamas.pieskis .uzp { opacity: 1; }
.banga { fill: none; stroke: var(--turkis); stroke-width: 1.2; vector-effect: non-scaling-stroke; opacity: 0; transform-box: fill-box; transform-origin: center; }
.pieskis .banga { animation: banga 3.2s ease-out infinite; }
.pieskis .banga.b2 { animation-delay: 1.07s; }
.pieskis .banga.b3 { animation-delay: 2.14s; }
@keyframes banga { 0% { opacity: .9; transform: scale(.35); } 100% { opacity: 0; transform: scale(1.35); } }
.mirksi { animation: mirksi 2.4s ease-in-out infinite; }
@keyframes mirksi { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

/* --------------------------------------------------------------------------------- kadras su švytėjimu ---- */
/* „gyvas“ kadras: lėtas dreifas (Ken Burns) ir švytintys žymekliai (vietos — data-x / data-y kadro koordinatėmis) */
.vaizdas { overflow: hidden; }
.dreifas { position: absolute; inset: 0; transform-origin: 60% 50%; }
.js .dreifas { animation: dreifas 26s ease-in-out infinite alternate; }
/* manoLT V2.4 (S-01, INV-07): didžiausias mastelis ×1,04 (buvo ×1,075) — 3840 px kadras 2560 px ×1,5 ekrane ir 1290 px kadras didžiausiame
   telefone lieka ≤ ×1,05; poslinkis — mažesnis už mastelio atsargą (kraštai neatsidengia: kilmė 60 % / 50 %) */
@keyframes dreifas { from { transform: scale(1.04) translate3d(-.4%, .3%, 0); } to { transform: scale(1.012) translate3d(.3%, -.2%, 0); } }
.dreifas > img, .dreifas > picture, .dreifas > picture > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zymekliai { position: absolute; inset: 0; pointer-events: none; }
.zymeklis { position: absolute; left: 0; top: 0; width: 0; height: 0; display: none; }
.zymekliai.isdestyta .zymeklis { display: block; }
.zymeklis i { position: absolute; left: -6px; top: -6px; width: 12px; height: 12px; border-radius: 50%; background: var(--turkis);
  box-shadow: 0 0 10px 3px var(--turkis-svytejimas), 0 0 32px 8px rgba(54, 226, 198, .22); }
.zymeklis::before, .zymeklis::after { content: ""; position: absolute; left: -22px; top: -22px; width: 44px; height: 44px; border-radius: 50%;
  border: 1.5px solid var(--turkis); opacity: 0; animation: zieda 3.2s ease-out infinite; }
.zymeklis::after { animation-delay: 1.6s; }
.zymeklis--pavojus i { background: var(--raudona); box-shadow: 0 0 10px 3px rgba(255, 59, 48, .6), 0 0 34px 10px rgba(255, 59, 48, .25); }
.zymeklis--pavojus::before, .zymeklis--pavojus::after { border-color: var(--raudona); }
/* žiedas aplink kadre jau esančią žymę (Perspėjimai: gaisro žymė) — be taško, didesnis */
.zymeklis--ziedas i { display: none; }
.zymeklis--ziedas::before, .zymeklis--ziedas::after { left: -46px; top: -46px; width: 92px; height: 92px; border-width: 2px; }
@media (max-width: 900px) { .zymekliai--pc { display: none; } }
@media (min-width: 901px) { .zymekliai--tel { display: none; } }
.zymeklis--tylus::before, .zymeklis--tylus::after { display: none; }
@keyframes zieda { 0% { opacity: .85; transform: scale(.3); } 100% { opacity: 0; transform: scale(1.5); } }

/* ------------------------------------------------------------------------------ prietaisai (ekranai) ---- */
/* telefonas, planšetė (vertikaliai) — mūsų tikros programos kadrai rėmelyje, šviesa iš apačios */
.prietaisai { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 4%; padding: 6% 6% 6% 40%; }
.ekranas--desine .prietaisai { padding: 6% 40% 6% 6%; }
/* rėmelis: 3,4 % pločio iš šonų ir tiek pat (1,631 % aukščio) viršuje ir apačioje; proporcijos — kad 1170 × 2532 kadras tilptų be apkarpymo */
.telefonas { position: relative; flex: none; width: clamp(200px, 19vw, 300px); aspect-ratio: .47963; border-radius: 13% / 6%;
  background: linear-gradient(145deg, #2a2c31, #0c0d10 40%, #17181c); box-shadow: 0 0 0 1px rgba(240, 240, 250, .14), 0 40px 120px rgba(0, 0, 0, .9),
  0 0 90px rgba(54, 226, 198, .08); }
.telefonas img, .plansete img { position: absolute; left: 3.4%; top: 1.631%; width: 93.2%; height: 96.738%; object-fit: cover;
  border-radius: 10.4% / 4.9%; background: #05070a; }
.telefonas::after { content: ""; position: absolute; left: 50%; top: 4.6%; width: 30%; height: 3.3%; margin-left: -15%; border-radius: 99px; background: #000; }
.telefonas--mazas { width: clamp(160px, 14vw, 230px); opacity: .9; }
/* planšetė: rėmelis 3 % pločio (1,918 % aukščio); 1200 × 1920 kadras telpa be apkarpymo */
.plansete { position: relative; flex: none; width: clamp(260px, 26vw, 420px); aspect-ratio: .63939; border-radius: 5.5% / 3.4%;
  background: linear-gradient(145deg, #26282d, #0b0c0f 45%, #16171b); box-shadow: 0 0 0 1px rgba(240, 240, 250, .14), 0 50px 140px rgba(0, 0, 0, .9),
  0 0 110px rgba(54, 226, 198, .07); }
.plansete img { left: 3%; top: 1.918%; width: 94%; height: 96.164%; border-radius: 2.6% / 1.6%; }
.prietaisas-sviesa::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: -8%; height: 10%; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(240, 240, 250, .12), transparent 70%); filter: blur(6px); }

/* --------------------------------------------------------------------------- viena sistema (galimybės) ---- */
.galimybes { padding: 110px var(--krastas) 120px; border-top: 1px solid var(--b12); background: #000; }
.galimybes__virsus { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 60px; margin-bottom: 54px; }
.galimybes__virsus h2 { max-width: 15ch; }
.galimybes__virsus .ivadas { margin-top: 0; max-width: 34rem; }
.galimybes ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; counter-reset: g; }
.galimybes li a { position: relative; display: flex; flex-direction: column; gap: 12px; height: 100%; padding-top: 22px; text-decoration: none;
  border-top: 1px solid var(--b35); transition: border-color .3s ease; }
.galimybes li a::before { content: ""; position: absolute; left: 0; top: -1px; height: 1px; width: 100%; background: var(--balta); transform: scaleX(0);
  transform-origin: left; transition: transform .6s var(--kr-myg); }
.galimybes li a:hover::before, .galimybes li a:focus-visible::before, .galimybes li a[aria-current="page"]::before { transform: scaleX(1); }
.galimybes .nr { font: 400 13px/1 var(--f-mono); letter-spacing: .08em; color: var(--b60); }
.galimybes b { font: 700 22px/1.1 var(--f-antr); letter-spacing: .03em; text-transform: uppercase; }
.galimybes li span:last-child { font-size: 15px; line-height: 1.5; color: var(--b70); }
.galimybes li a[aria-current="page"] .nr::after { content: " · ČIA"; color: var(--balta); }
.galimybes .eiti { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 6px; font: 500 12px/1 var(--f-tekst);
  letter-spacing: .1em; text-transform: uppercase; color: var(--b80); }
.galimybes .eiti svg { width: 14px; height: 14px; transition: transform .4s var(--kr-myg); }
.galimybes li a:hover .eiti svg { transform: translateX(6px); }

/* --------------------------------------------------------------------------------------- scenarijai ---- */
.scenarijai { padding: 120px var(--krastas) 130px; background: #000; }
.scenarijai__virsus { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 80px; align-items: end; margin-bottom: 56px; }
.scenarijai__virsus .ivadas { margin-top: 0; max-width: 36rem; }
.filtrai { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.filtrai button { min-height: 44px; padding: 0 18px; border: 1px solid var(--b35); border-radius: 24px; background: transparent; cursor: pointer;
  font: 500 12px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--b80); transition: background-color .3s, color .3s, border-color .3s; }
.filtrai button:hover { border-color: var(--balta); color: var(--balta); }
.filtrai button[aria-pressed="true"] { background: var(--balta); color: #000; border-color: var(--balta); }
.scenarijai ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--b12); border-left: 1px solid var(--b12); }
.scenarijus { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 270px; padding: 28px 26px 26px; background: #000;
  transition: background-color .4s ease, opacity .35s ease; }
.scenarijus:hover { background: #07080a; }
.scenarijus svg.ikona { width: 34px; height: 34px; color: var(--balta); }
.scenarijus h3 { font-size: 21px; }
.scenarijus p { font-size: 15px; line-height: 1.55; color: var(--b80); }
.scenarijus .naudoja { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px; }
.scenarijus .naudoja span { padding: 4px 8px; border: 1px solid var(--b20); border-radius: 3px; font: 400 11px/1.3 var(--f-mono); letter-spacing: .06em;
  text-transform: uppercase; color: var(--b80); }
.scenarijus.blanku { opacity: .18; }
.scenarijus, .irenginys, .situacija { border-right: 1px solid var(--b12); border-bottom: 1px solid var(--b12); }

/* ------------------------------------------------------------------------- kokias problemas sprendžia ---- */
/* „Šiandien → su manoLT“: eilutė — tema, šiandien (blankiau), rodyklė (nusipiešia, gale švytintis taškas), su manoLT */
.problemos { padding: 120px var(--krastas) 130px; background: #000; }
.problemos__virsus { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 80px; align-items: end; margin-bottom: 56px; }
.problemos__virsus .ivadas { margin-top: 0; max-width: 36rem; }
.problemos__galva, .problema { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) 72px minmax(0, 5fr); column-gap: 28px; }
.problemos__galva { padding-bottom: 14px; font: 400 12px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--b50); }
.problemos__galva > span:first-child { grid-column: 2; }
.problemos__galva > span:last-child { grid-column: 4; color: var(--turkis); }
.problema { position: relative; align-items: start; padding: 30px 0 32px; border-top: 1px solid var(--b20); }
.problema:last-child { border-bottom: 1px solid var(--b20); }
.problema h3 { grid-column: 1; grid-row: 1; font-size: 22px; }
.problema h3 .nr { display: block; margin-bottom: 10px; font: 400 12px/1 var(--f-mono); letter-spacing: .1em; color: var(--b50); }
.problema__siandien { grid-column: 2; grid-row: 1; font-size: 16px; line-height: 1.6; color: var(--b60); }
.problema__su { grid-column: 4; grid-row: 1; font-size: 16px; line-height: 1.6; color: var(--balta); }
.problema__et { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.problema::before, .problema::after { content: ""; grid-column: 3; grid-row: 1; align-self: start; }
.problema::before { margin-top: 13px; height: 1px; background: linear-gradient(90deg, var(--b20), var(--turkis)); transform-origin: 0 50%; }
.problema::after { justify-self: end; margin-top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--turkis); box-shadow: 0 0 10px 2px var(--turkis-svytejimas); }
.js .problema::before { transform: scaleX(0); transition: transform 1s var(--kr-iej) .3s; }
.js .problema::after { opacity: 0; transition: opacity .5s ease 1s; }
.js .problema.matoma::before { transform: none; }
.js .problema.matoma::after { opacity: 1; }

/* ------------------------------------------------------------------------------ patikrinti faktai ---- */
.faktai { padding: 0 var(--krastas); background: #000; }
.faktai ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--b20); border-bottom: 1px solid var(--b20); }
.faktai li { display: flex; flex-direction: column; gap: 8px; padding: 30px 24px 32px 0; }
.faktai li + li { padding-left: 24px; border-left: 1px solid var(--b12); }
.faktai b { font: 700 clamp(22px, 2.1vw, 30px)/1.05 var(--f-antr); letter-spacing: .03em; text-transform: uppercase; color: var(--balta); }
.faktai span { font: 400 12px/1.5 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--b60); }

/* ------------------------------------------------------------------------- parengtis (pradžioje — trumpai) ---- */
.parengtis-juosta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; gap: 30px 56px; align-items: center;
  padding: 90px var(--krastas); border-top: 1px solid var(--b12); background: #000; }
.parengtis-juosta h2 { font-size: clamp(28px, 2.5vw, 36px); }
.parengtis-juosta ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.parengtis-juosta li { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; border-top: 1px solid var(--b35); }
.parengtis-juosta svg.ikona { width: 28px; height: 28px; }
.parengtis-juosta b { font: 700 18px/1.2 var(--f-antr); letter-spacing: .04em; text-transform: uppercase; }
.parengtis-juosta span { font-size: 14px; line-height: 1.5; color: var(--b70); }
.parengtis-juosta .mygtukas { margin-top: 0; }

/* --------------------------------------------------------------------------------------- situacijos ---- */
/* „Savivaldybėms“: kas vyksta → ką mato savivaldybė → ką gauna gyventojai */
.situacijos { padding: 120px var(--krastas) 130px; background: #000; }
.situacijos__virsus { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 80px; align-items: end; margin-bottom: 56px; }
.situacijos__virsus .ivadas { margin-top: 0; max-width: 36rem; }
.situacijos__sarasas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--b12); border-left: 1px solid var(--b12); }
.situacija { display: flex; flex-direction: column; gap: 14px; padding: 28px 26px; background: #000; }
.situacija:hover { background: #07080a; }
.situacija svg.ikona { width: 34px; height: 34px; color: var(--balta); }
.situacija h3 { font-size: 21px; min-height: 2.5em; }
.situacija dl > div { padding: 12px 0 13px; border-top: 1px solid var(--b12); }
.situacija dt { position: relative; padding-left: 15px; margin-bottom: 5px; font: 400 11px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--b60); }
.situacija dt::before { content: ""; position: absolute; left: 0; top: 4.5px; width: 6px; height: 6px; border-radius: 50%; background: var(--b35); }
.situacija dl > div:nth-child(2) dt::before { background: var(--turkis); box-shadow: 0 0 8px 1px var(--turkis-svytejimas); }
.situacija dl > div:nth-child(3) dt::before { background: var(--balta); box-shadow: 0 0 8px 1px rgba(240, 240, 250, .45); }
.situacija dd { margin: 0; font-size: 15px; line-height: 1.55; color: var(--b80); }

/* ----------------------------------------------------------------------------------------- žingsniai ---- */
.zingsniai-sekcija { padding: 120px var(--krastas); background: #000; }
.zingsniai-sekcija > h2, .zingsniai-sekcija > .zyma, .zingsniai-sekcija > .ivadas { max-width: 960px; }
.zingsniai { position: relative; display: grid; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); gap: 24px; margin-top: 64px; }
.zingsniai::before { content: ""; position: absolute; left: 0; right: 0; top: 84px; height: 2px; background: linear-gradient(90deg, var(--turkis), rgba(54, 226, 198, .25)); box-shadow: 0 0 14px rgba(54, 226, 198, .35); }
.zingsnis { position: relative; padding-top: 0; }
.zingsnis .nr { display: block; font: 400 13px/1 var(--f-mono); letter-spacing: .08em; color: var(--b60); }
.zingsnis h3 { margin-top: 10px; font-size: 17px; min-height: 2.5em; }
.zingsnis::before { content: ""; position: absolute; left: 0; top: 78px; width: 13px; height: 13px; border-radius: 50%; background: var(--balta);
  box-shadow: 0 0 0 5px #000; }
.zingsnis p { margin-top: 40px; font-size: 15px; line-height: 1.55; color: var(--b80); max-width: 17rem; }
.zingsniai .zingsnis:first-child::before { background: var(--turkis); box-shadow: 0 0 0 5px #000, 0 0 16px 3px var(--turkis-svytejimas); }

/* ---------------------------------------------------------------- interaktyvi schema (kaip veikia) ---- */
.schema-sekcija { position: relative; padding: 120px var(--krastas) 130px; background: radial-gradient(ellipse 70% 50% at 50% 100%, rgba(240, 240, 250, .06), transparent 70%), #000; }
.schema-sekcija__virsus { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px 80px; align-items: end; margin-bottom: 40px; }
.schema-sekcija__virsus .ivadas { margin-top: 0; }
.schema { position: relative; display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.schema .t2 { font-size: 18px; }
.schema .t { font-size: 13px; }
.schema__brezinys { position: relative; border: 1px solid var(--b12); background: linear-gradient(180deg, #050506, #000); aspect-ratio: 1000 / 620; }
.schema__brezinys svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.schema__brezinys .brezinys--tel { display: none; }
.schema .mazgas rect { fill: #000; stroke: var(--b35); stroke-width: 1; vector-effect: non-scaling-stroke; transition: stroke .35s ease, fill .35s ease; }
.schema .mazgas .l { stroke: var(--b60); transition: stroke .35s ease; }
.schema .mazgas .t2 { fill: var(--b70); transition: fill .35s ease; }
.schema .mazgas.aktyvus rect { stroke: var(--balta); fill: #07090b; }
.schema .mazgas.aktyvus .l { stroke: var(--balta); }
.schema .mazgas.aktyvus .t2 { fill: var(--balta); }
.schema .kelias { fill: none; stroke: var(--b20); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.schema .kelias.aktyvus { stroke: var(--turkis); }
.schema .kelias.internetas { stroke-dasharray: 5 6; }
.schema .impulsas { fill: var(--turkis); filter: drop-shadow(0 0 6px var(--turkis)); opacity: 0; }
.schema__zingsniai { display: flex; flex-direction: column; border-top: 1px solid var(--b20); }
.schema__zingsnis { border-bottom: 1px solid var(--b20); }
.schema__zingsnis button { display: grid; grid-template-columns: 44px 1fr 20px; align-items: center; width: 100%; padding: 20px 0; border: 0; background: none;
  cursor: pointer; text-align: left; color: var(--b70); transition: color .3s; }
.schema__zingsnis button .nr { font: 400 13px/1 var(--f-mono); letter-spacing: .08em; color: var(--b60); }
.schema__zingsnis button b { font: 700 19px/1.2 var(--f-antr); letter-spacing: .04em; text-transform: uppercase; }
.schema__zingsnis button svg { width: 16px; height: 16px; transition: transform .35s var(--kr-myg); }
.schema__zingsnis button[aria-expanded="true"] { color: var(--balta); }
.schema__zingsnis button[aria-expanded="true"] svg { transform: rotate(90deg); }
.schema__zingsnis button:hover { color: var(--balta); }
.schema__aprasas { padding: 0 0 22px 44px; font-size: 16px; line-height: 1.6; color: var(--b80); }
.js .schema__aprasas[hidden] { display: none !important; }
.schema__eiga { display: flex; align-items: center; gap: 14px; margin-top: 22px; font: 400 12px/1 var(--f-mono); letter-spacing: .08em; color: var(--b60); }
.schema__eiga button { white-space: nowrap; min-height: 40px; padding: 0 14px; border: 1px solid var(--b35); border-radius: 4px; background: transparent; cursor: pointer;
  font: 500 12px/1 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--b80); }
.schema__eiga button:hover { border-color: var(--balta); color: var(--balta); }

/* ------------------------------------------------------------------------- prisegtas pasakojimas ---- */
.istorija { position: relative; height: calc(var(--n, 3) * 100svh); background: #000; }
.istorija__langas { position: sticky; top: 0; height: 100svh; min-height: 640px; display: grid; grid-template-columns: minmax(0, 430px) minmax(0, 1fr);
  gap: 56px; align-items: center; padding: 90px var(--krastas) 60px; overflow: hidden; }
.istorija__tekstai { position: relative; }
.istorija__mygtukai { display: flex; gap: 8px; margin: 22px 0 6px; }
.istorija__mygtukai button { min-width: 50px; height: 50px; padding: 0 14px; border: 1px solid var(--b35); border-radius: 4px; background: transparent;
  cursor: pointer; font: 400 13px/1 var(--f-mono); letter-spacing: .06em; color: var(--b80); transition: background-color .3s, color .3s, border-color .3s; }
.istorija__mygtukai button[aria-pressed="true"] { background: var(--balta); color: #000; border-color: var(--balta); }
.istorija__zingsnis { display: none; }
.istorija__zingsnis.rodomas { display: block; animation: iskilti .5s var(--kr-iej); }
.istorija__zingsnis h3 { margin-top: 18px; font-size: clamp(26px, 2.3vw, 34px); line-height: 1.08; }
.istorija__zingsnis p { margin-top: 14px; color: var(--b90); max-width: 28rem; }
.istorija__vaizdai { position: relative; height: min(74vh, 640px); min-height: 0; margin-right: calc(-.55 * var(--krastas)); }
.istorija__vaizdas { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(.985);
  transition: opacity .6s ease, transform .9s var(--kr-iej); }
.istorija__vaizdas.rodomas { opacity: 1; transform: none; }
.istorija__vaizdas img.platus { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 0 0 1px var(--b20), 0 40px 120px rgba(0, 0, 0, .8), 0 0 100px rgba(54, 226, 198, .07); }
.istorija__vaizdas .telefonas { width: clamp(200px, 17vw, 270px); }
@keyframes iskilti { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------------------------------------------- skaitliukai ---- */
.skaitliukai { padding: 90px var(--krastas) 100px; background: #000; }
.skaitliukai ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; max-width: 1120px; margin: 0 auto; text-align: center; }
.skaitliukai .sk { display: block; font: 600 clamp(56px, 8.4vw, 120px)/1 var(--f-antr); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.skaitliukai .sk-eil { display: flex; align-items: baseline; justify-content: center; gap: 10px; }
.skaitliukai .vnt { font: 600 clamp(26px, 3vw, 44px)/1 var(--f-antr); color: var(--b70); }
.skaitliukai .et { display: block; margin-top: 14px; font: 500 14px/1.4 var(--f-tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--b80); }
.skaitliukai .saltinis { display: block; margin-top: 8px; font: 400 11px/1.4 var(--f-mono); letter-spacing: .06em; color: var(--b60); }

/* ----------------------------------------------------------------------- trys kryptys (viršutinė linija) ---- */
.kryptys { padding: 120px var(--krastas); background: #000; }
.kryptys__virsus { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 30px 80px; align-items: end; margin-bottom: 64px; }
.kryptys__virsus .ivadas { margin-top: 0; max-width: 40rem; }
.kryptys ul { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 36px; }
.kryptis { display: flex; flex-direction: column; gap: 18px; padding-top: 26px; border-top: 1px solid var(--balta); }
.kryptis svg.ikona { width: 34px; height: 34px; }
.kryptis h3 { font-size: 22px; }
.kryptis p { font-size: 16px; line-height: 1.6; color: var(--b80); }
.kryptis ul.taskai { display: block; margin-top: 2px; }
.kryptis ul.taskai li { position: relative; padding: 9px 0 9px 22px; border-bottom: 1px solid var(--b12); font-size: 15px; line-height: 1.5; color: var(--b90); }
.kryptis ul.taskai li::before { content: ""; position: absolute; left: 0; top: 18px; width: 9px; height: 1px; background: var(--b60); }

/* -------------------------------------------------------------------------- prietaisų brėžiniai ---- */
.irenginiai { padding: 120px var(--krastas) 130px; background: linear-gradient(180deg, #000, #08090b 60%, #000); }
.irenginiai__virsus { max-width: 760px; margin-bottom: 60px; }
.irenginiai ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--b12); border-left: 1px solid var(--b12); }
.irenginys { display: flex; flex-direction: column; gap: 10px; padding: 26px 26px 30px; background: #000; }
.irenginys svg.brezinys, .irenginys__vaizdas { width: 100%; height: auto; aspect-ratio: 4 / 3; margin-bottom: 8px; }
/* brėžinys → tikras kadras toje pačioje vietoje (ekrano stačiakampis brėžinyje, 400 × 300 vnt.) */
.brez-atv { position: relative; margin-bottom: 8px; }
.brez-atv svg.brezinys { margin-bottom: 0; transition: opacity 1.2s ease; }
.brez-atv .atvaizdas { position: absolute; opacity: 0; transition: opacity 1.2s ease; pointer-events: none;
  box-shadow: 0 0 0 1px var(--b20), 0 18px 50px rgba(0, 0, 0, .8), 0 0 40px rgba(54, 226, 198, .10); }
.brez-atv .atvaizdas img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.brez-atv .atvaizdas--plansete { left: 37.5%; top: 13.17%; width: 28%; height: 59.73%; border-radius: 4px; }
.brez-atv .atvaizdas--telefonas { left: 38.5%; top: 8%; width: 25%; height: 72%; border-radius: 13% / 6%; }
.brez-atv.atskleista .atvaizdas { opacity: 1; }
.brez-atv.atskleista svg.brezinys .l, .brez-atv.atskleista svg.brezinys .l2 { opacity: .35; }
.irenginys h3 { font-size: 19px; }
.irenginys p { font-size: 15px; line-height: 1.55; color: var(--b80); }

/* ----------------------------------------------------------------------------------- pabaiga, poraštė ---- */
.pabaiga { display: flex; flex-direction: column; align-items: center; padding: 40px 20px 110px; text-align: center; background: #000; }
.pabaiga::before { content: ""; width: 1px; height: 160px; margin-bottom: 40px; background: linear-gradient(180deg, transparent, var(--balta)); }
.pabaiga h2 { max-width: 18ch; }
.pabaiga .ivadas { margin-left: auto; margin-right: auto; max-width: 34rem; color: var(--b80); }
.pabaiga .mygtukai { justify-content: center; }
.apacia { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; padding: 22px 40px calc(22px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--b12); background: #000; font: 400 12px/1.5 var(--f-mono); letter-spacing: .04em; color: var(--b60); }
.apacia a { color: var(--b60); text-decoration: none; }
.apacia a:hover { color: var(--balta); text-decoration: underline; text-underline-offset: 3px; }
.apacia .saltiniai a { text-decoration: none; }
.apacia__tekstai { display: grid; gap: 4px; min-width: 0; }                 /* V2.3.1: šaltiniai ir KMTP paramos eilutė — vienas blokas */
.apacia__tekstai p { text-wrap: balance; }                                   /* telefone — be vieno žodžio paskutinėje eilutėje */

/* ------------------------------------------------------------------------------------ tekstiniai puslapiai ---- */
.tekstinis { max-width: 780px; margin: 0 auto; padding: calc(var(--juosta) + 90px) 24px 100px; }
.tekstinis h1 { font-size: clamp(44px, 5.56vw, 80px); }
.tekstinis .ivadas { max-width: none; font-size: 19px; margin-top: 24px; }
.tekstinis h2 { margin-top: 64px; padding-top: 22px; border-top: 1px solid var(--b30); font-size: 26px; }
.tekstinis p, .tekstinis li { margin-top: 14px; font-size: 17px; line-height: 1.7; color: var(--b90); }
.tekstinis ul li { position: relative; padding-left: 22px; }
.tekstinis ul li::before { content: ""; position: absolute; left: 0; top: .82em; width: 10px; height: 1px; background: var(--b60); }
.tekstinis a { text-underline-offset: 3px; }
.tekstinis .lentele th { width: 40%; }
.tekstinis .lentele td { text-align: left; }
.kontaktas { margin-top: 40px; padding: 34px 0; border-top: 1px solid var(--b30); border-bottom: 1px solid var(--b30); }
.kontaktas a.pastas { display: inline-block; font: 600 clamp(30px, 4.2vw, 56px)/1.05 var(--f-antr); letter-spacing: .01em; text-decoration: none;
  border-bottom: 1px solid var(--b35); padding-bottom: 4px; transition: border-color .3s; }
.kontaktas a.pastas:hover { border-color: var(--balta); }
.klaida-404 { min-height: 100svh; display: flex; align-items: center; }

/* -------------------------------------------------------------------------------------------------- judesys ---- */
.js .atsiranda { opacity: 0; transform: translateY(16px); transition: opacity .7s var(--kr-iej), transform .7s var(--kr-iej); }
.js .atsiranda.matoma { opacity: 1; transform: none; }
.js .atsiranda.d1 { transition-delay: .1s; }
.js .atsiranda.d2 { transition-delay: .2s; }
.js .atsiranda.d3 { transition-delay: .3s; }
.js .atsiranda.d4 { transition-delay: .4s; }
.js .iskyla-1 { animation: iskyla .8s ease-in-out both; }
.js .iskyla-2 { animation: iskyla .8s ease-in-out .45s both; }
.js .iskyla-3 { animation: iskyla .8s ease-in-out .9s both; }
@keyframes iskyla { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .28s ease both vt-isnyksta; }
::view-transition-new(root) { animation: .42s ease both vt-atsiranda; }
@keyframes vt-isnyksta { to { opacity: 0; } }
@keyframes vt-atsiranda { from { opacity: 0; } }

/* ------------------------------------------------------------------------------------------- planšetė ir ekranai ---- */
.desine-dalis { position: absolute; inset: 0; }

/* ------------------------------------------------------------------------------------------------ telefonas ---- */
@media (max-width: 1100px) {
  .galimybes ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 24px; }
  .scenarijai ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .situacijos__sarasas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .irenginiai ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zingsniai { grid-template-columns: 1fr; gap: 0; margin-top: 44px; }
  .zingsniai::before { left: 6px; right: auto; top: 8px; bottom: 8px; width: 1px; height: auto; }
  .zingsnis { padding: 0 0 30px 40px; }
  .zingsnis::before { top: 2px; }
  .zingsnis h3 { min-height: 0; }
  .zingsnis p { margin-top: 8px; max-width: 34rem; }
  .schema { grid-template-columns: 1fr; gap: 30px; }
  .kryptys ul { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  body { font-size: 16px; }
  .ivadas { font-size: 16px; }
  .juosta::before { background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .3) 74px, transparent 100%); }
  .titulas { min-height: max(100svh, 560px); }
  .titulas__tekstas { padding: 0 20px 96px; }
  .titulas::after { background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0, transparent 24%, transparent 40%, rgba(0, 0, 0, .78) 70%, #000 100%); }
  .planeta { flex-direction: column; align-items: stretch; justify-content: flex-end; min-height: 100svh; }
  .planeta::after { background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent 20%, transparent 42%, rgba(0, 0, 0, .85) 70%, #000 100%); }
  .planeta__tekstas { margin: 0; width: auto; padding: 44px 20px 90px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .78) 44px); }
  .lt3d picture, .lt3d-plakatas { object-position: 50% 30%; }
  .ekranas, .apzvalga, .brezinio { flex-direction: column; align-items: stretch; min-height: 0; padding-bottom: 80px; }
  .ekranas::before, .apzvalga::before, .apzvalga::after { display: none; }
  .ekranas__media, .apzvalga__objektas { position: relative; inset: auto; width: auto; height: 66svh; min-height: 400px; max-height: 620px; margin-bottom: -110px; }
  .ekranas__media::after, .apzvalga__objektas::after { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .7) 18%, transparent 46%, transparent 80%, rgba(0, 0, 0, .55) 100%); }
  .ekranas__tekstas, .ekranas--desine .ekranas__tekstas, .apzvalga__tekstas, .brezinio__tekstas { margin: 0 20px; width: auto; padding: 0; }
  .ekranas--virsus .ekranas__tekstas { padding-top: 0; }
  .ekranas--apacia .ekranas__tekstas { padding-bottom: 0; }
  .brezinio { padding-top: 70px; }
  .brezinio__vaizdas { position: relative; inset: auto; width: auto; height: auto; aspect-ratio: 1 / 1; margin: 0 10px 20px; order: -1; }
  .prietaisai, .ekranas--desine .prietaisai { padding: 90px 20px 120px; gap: 14px; }
  .telefonas { width: min(54vw, 230px); }
  .telefonas--mazas { width: min(38vw, 170px); }
  .plansete { width: min(64vw, 300px); }
  .galimybes, .scenarijai, .zingsniai-sekcija, .schema-sekcija, .kryptys, .irenginiai, .problemos, .situacijos { padding: 80px 20px 90px; }
  .faktai { padding: 0 20px; }
  .parengtis-juosta { grid-template-columns: 1fr; padding: 70px 20px; }
  .parengtis-juosta ul { grid-template-columns: 1fr; gap: 18px; }
  .parengtis-juosta .mygtukas { justify-self: start; }
  .faktai ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .faktai li, .faktai li + li { padding: 22px 12px 24px 0; border-left: 0; }
  .faktai li:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--b12); }
  .faktai li:nth-child(n + 3) { border-top: 1px solid var(--b12); }
  .galimybes ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
  .galimybes li a { padding: 18px 0 20px; flex-direction: column; }
  .galimybes .eiti { display: none; }
  .scenarijai__virsus, .schema-sekcija__virsus, .kryptys__virsus, .problemos__virsus, .situacijos__virsus { grid-template-columns: 1fr; gap: 18px; margin-bottom: 36px; }
  .problemos__galva { display: none; }
  .problema { display: block; padding: 26px 0 28px; }
  .problema::before, .problema::after { display: none; }
  .problema h3 { margin-bottom: 14px; font-size: 21px; }
  .problema__et { position: static; display: block; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; margin-bottom: 4px;
    font: 400 11px/1.4 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--b60); }
  .problema__su { margin-top: 16px; padding-left: 14px; border-left: 1px solid var(--turkis); }
  .problema__su .problema__et { color: var(--turkis); }
  .situacija h3 { min-height: 0; }
  .scenarijai ul, .irenginiai ul { grid-template-columns: 1fr; }
  .scenarijus { min-height: 0; padding: 24px 20px; }
  .filtrai { flex-wrap: nowrap; overflow-x: auto; margin-right: -20px; padding-right: 20px; scrollbar-width: none; }
  .filtrai::-webkit-scrollbar { display: none; }
  .filtrai button { flex: none; }
  .istorija { height: auto; }
  .istorija__langas { position: relative; height: auto; min-height: 0; grid-template-columns: 1fr; gap: 30px; padding: 80px 20px; }
  .istorija__mygtukai { display: none; }
  .istorija__zingsnis, .js .istorija__zingsnis { display: block; animation: none; margin-bottom: 40px; }
  .istorija__vaizdai { display: none; }
  .istorija__zingsnis .mob-vaizdas { display: flex; justify-content: center; margin-top: 26px; }
  .skaitliukai ul { grid-template-columns: 1fr; gap: 44px; }
  .apacia { flex-direction: column; align-items: flex-start; padding: 22px 20px calc(22px + env(safe-area-inset-bottom)); }
  .tekstinis { padding: calc(var(--juosta) + 50px) 20px 80px; }
  .lentele th { width: 50%; }
  .zemyn { display: none; }
}
.mob-vaizdas { display: none; }
@media (max-width: 420px) {
  h1 { font-size: clamp(40px, 11.6vw, 50px); }
  .planeta h1 { font-size: clamp(32px, 9.4vw, 40px); }
}

/* ------------------------------------------------------------------------------------------ tinklelių dydžiai ---- */
.n2 { --n: 2; } .n3 { --n: 3; } .n4 { --n: 4; } .n5 { --n: 5; } .n6 { --n: 6; }

/* ------------------------------------------------------------------- kompozicija: dispečerinė + telefonas ---- */
.kompozicija { position: absolute; inset: 0; }
.kompozicija__ekranas { position: absolute; right: 3%; top: 50%; width: 55%; border-radius: 10px; overflow: hidden; background: #05070a;
  transform: translateY(-50%) perspective(2000px) rotateY(-16deg) rotateX(3deg); transform-origin: 100% 50%;
  box-shadow: 0 0 0 1px var(--b20), 0 70px 180px rgba(0, 0, 0, .95), 0 0 140px rgba(54, 226, 198, .10); }
.kompozicija__ekranas img { width: 100%; height: auto; }
.kompozicija__ekranas::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, .07), transparent 36%), linear-gradient(0deg, rgba(0, 0, 0, .35), transparent 40%); }
.kompozicija__telefonas { position: absolute; left: 45%; top: 50%; z-index: 2; width: clamp(190px, 15.5vw, 250px); transform: translateY(-36%); }
.kompozicijos::before { background: linear-gradient(270deg, transparent 46%, rgba(0, 0, 0, .9) 86%), linear-gradient(180deg, #000 0, transparent 14%, transparent 70%, #000 100%); }

/* -------------------------------------------------------------------------------- Dienos X tinklas ---- */
.tinklas { position: absolute; inset: 0; overflow: hidden; background: #000; }
.tinklas__uzdanga { fill: #000; opacity: 0; transition: opacity 1s ease .1s; }
.tinklas.uzgeses .tinklas__uzdanga { opacity: .62; }
.tinklas__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.rysys { fill: none; stroke: var(--turkis); stroke-width: 2.2; stroke-linecap: round; opacity: .8; }
.js .tinklas .rysys { stroke-dasharray: var(--ilgis, 1200); stroke-dashoffset: var(--ilgis, 1200); }
.js .tinklas.uzgeses .rysys { stroke-dashoffset: 0; transition: stroke-dashoffset .7s ease .1s; }
.js .tinklas.uzgeses .rysys.r1 { transition-delay: .25s; }
.js .tinklas.uzgeses .rysys.r2 { transition-delay: .4s; }
.js .tinklas.uzgeses .rysys.r3 { transition-delay: .55s; }
.mazgas-t .taskas { fill: var(--turkis); }
.mazgas-t.pagr .taskas { fill: var(--balta); }
.mazgas-t .aura { fill: rgba(54, 226, 198, .16); stroke: var(--turkis); stroke-width: 1.4; transform-box: fill-box; transform-origin: center; }
.mazgas-t text { fill: var(--balta); font: 400 17px/1 var(--f-mono); letter-spacing: .12em; paint-order: stroke; stroke: #000; stroke-width: 4px; }
.mazgas-t.pr text { fill: var(--b80); }
.js .tinklas .mazgas-t { opacity: 0; transition: opacity .5s ease .05s; }
.js .tinklas.uzgeses .mazgas-t { opacity: 1; }
.tinklas.uzgeses .aura { animation: aura 3.2s ease-out 1.2s infinite; }
@keyframes aura { 0% { transform: scale(.4); opacity: .9; } 100% { transform: scale(1.9); opacity: 0; } }
.impulsas { fill: #fff; opacity: 0; }
.tinklas.uzgeses .impulsas { opacity: 1; transition: opacity .4s ease 1.2s; }
.tinklas__zyma { position: absolute; left: var(--krastas); bottom: 26px; font: 400 11px/1 var(--f-mono); letter-spacing: .16em; color: var(--b50); }
html:not(.js) .tinklas .mazgas-t, html:not(.js) .tinklas .rysys { opacity: 1; }

/* puslapio pradžia su tekstu dešinėje */
.titulas--desine .titulas__tekstas { margin-left: auto; max-width: min(720px, 52vw); }
.titulas--desine::after { background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0, transparent 26%, transparent 46%, rgba(0, 0, 0, .72) 76%, #000 100%),
  linear-gradient(270deg, rgba(0, 0, 0, .7) 0, transparent 50%); }

@media (max-width: 900px) {
  .kompozicija__ekranas { right: 4%; left: 4%; width: auto; top: 18%; transform: none; }
  .kompozicija__telefonas { left: auto; right: 8%; top: 34%; width: min(36vw, 170px); transform: none; }
  .kompozicijos .ekranas__media { height: 74svh; max-height: 660px; margin-bottom: 0; }
  /* prietaisų kadrai telefone — vaizdo aukštis pagal turinį, tekstas po juo (žymos neuždengiamos) */
  .ekranas--prietaisai .ekranas__media { height: auto; min-height: 0; max-height: none; margin-bottom: 8px; }
  .ekranas--prietaisai .ekranas__media::after { display: none; }
  .ekranas--prietaisai .prietaisai { position: relative; inset: auto; padding: 96px 20px 24px; }
  .apzvalga--telefonas .apzvalga__objektas { height: auto; min-height: 0; max-height: none; margin-bottom: 24px; }
  .apzvalga--telefonas .apzvalga__objektas::after { display: none; }
  .apzvalga--telefonas .prietaisai { position: relative; inset: auto; padding: 40px 20px 0; }
  .js .schema__aprasas[hidden] { display: block !important; }
  .schema__zingsnis button svg { display: none; }
  .tinklas__zyma { left: 20px; right: auto; top: calc(var(--juosta) + 12px); bottom: auto; }
  .mazgas-t text { font-size: 24px; }
  .titulas--desine .titulas__tekstas { margin-left: 0; max-width: none; }
}

/* ---------------------------------------------------------------------------------------- papildomi variantai ---- */
.taskai { display: block; margin-top: 22px; }
.taskai li { position: relative; padding: 10px 0 10px 22px; border-bottom: 1px solid var(--b12); font-size: 15px; line-height: 1.5; color: var(--b90); }
.taskai li:first-child { border-top: 1px solid var(--b12); }
.taskai li::before { content: ""; position: absolute; left: 0; top: 20px; width: 10px; height: 1px; background: var(--b60); }
.kryptis ul.taskai li:first-child { border-top: 0; }
.apzvalga__objektas .prietaisai { padding: 8% 6%; }
.apzvalga--brezinys .apzvalga__objektas .brezinio__vaizdas { position: absolute; inset: 10% 2% 10% 17%; width: auto; }
.apzvalga__objektas img.apzvalga__serveris { object-fit: contain; }
.kompozicija--kaire .kompozicija__ekranas { right: auto; left: 3%; width: 52%; transform: translateY(-50%) perspective(2000px) rotateY(16deg) rotateX(3deg); transform-origin: 0 50%; }
.kompozicija--kaire .kompozicija__telefonas { left: 39%; transform: translateY(-28%); }
.kompozicija__plansete { position: absolute; z-index: 2; left: 6%; top: 50%; width: clamp(150px, 12vw, 210px); transform: translateY(-12%); }
.trys-ekranai::before { background: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .9) 88%), linear-gradient(180deg, #000 0, transparent 14%, transparent 70%, #000 100%); }
.titulas--kontaktai .titulas__tekstas { max-width: 900px; }
.titulas--kontaktai::after { background: linear-gradient(90deg, rgba(0, 0, 0, .86) 0, rgba(0, 0, 0, .8) 40%, transparent 70%), linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent 22%, transparent 70%, #000 100%); }
.titulas--kontaktai .kontaktas { margin-top: 34px; max-width: 640px; }

@media (max-width: 900px) {
  .kompozicija--kaire .kompozicija__ekranas { left: 4%; right: 4%; width: auto; transform: none; top: 12%; }
  .kompozicija--kaire .kompozicija__telefonas { left: auto; right: 6%; top: 36%; transform: none; width: min(30vw, 150px); }
  .kompozicija__plansete { left: 6%; top: 38%; transform: none; width: min(34vw, 170px); }
  .apzvalga--brezinys .apzvalga__objektas .brezinio__vaizdas { inset: 4%; }
  .apzvalga--brezinys .apzvalga__objektas { height: auto; min-height: 0; max-height: none; aspect-ratio: 4 / 3; margin-bottom: 20px; }
  .apzvalga--brezinys .apzvalga__objektas::after { display: none; }
  .apzvalga__objektas .prietaisai { padding: 40px 20px 110px; }
}


.skaitliukai ul.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 820px; }
/* dispečerinės ekranas apžvalgoje: visas kadras (ne nukirptas), rėmelyje su šešėliu */
.apzvalga--ekranas .apzvalga__objektas { display: flex; align-items: center; padding: 0 3% 0 6%; }
.apzvalga--ekranas .ekrano-kadras { position: relative; width: 100%; border-radius: 10px; overflow: hidden; background: #05070a;
  box-shadow: 0 0 0 1px var(--b20), 0 60px 160px rgba(0, 0, 0, .9), 0 0 120px rgba(54, 226, 198, .08);
  transform: perspective(2200px) rotateY(-10deg); transform-origin: 100% 50%; }
.apzvalga--ekranas .ekrano-kadras img { width: 100%; height: auto; }
.apzvalga--ekranas::before { background: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, .6) 38%, transparent 46%), linear-gradient(180deg, #000 0, transparent 18%, transparent 82%, #000 100%); }
/* pirmas ekranas su linijiniu brėžiniu, kuris pasipiešia (Kaip veikia; SpaceX 4 šablonas) */
.titulas--brezinys { background: radial-gradient(ellipse 60% 55% at 68% 46%, rgba(240, 240, 250, .06), transparent 70%), #000; }
.titulas--brezinys .titulas__media { position: absolute; inset: 0; z-index: -2; display: flex; align-items: flex-start; justify-content: flex-end;
  padding: calc(var(--juosta) + 56px) var(--krastas) 70px 44%; }
.titulas--brezinys .brezinio__vaizdas { position: relative; inset: auto; width: 100%; height: auto; }
.titulas--brezinys .brezinio__vaizdas > svg { position: relative; inset: auto; width: 100%; height: auto; }
.titulas--brezinys::after { background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .55) 34%, transparent 48%), linear-gradient(180deg, transparent 70%, #000 100%); }
@media (max-width: 900px) { .titulas--brezinys::after { background: linear-gradient(180deg, transparent 70%, #000 100%); } }   /* SK2-12 */
@media (max-width: 900px) and (max-height: 700px) { .titulas--ekranas .titulas__media { opacity: .32; } }   /* SK2-17 */
@media (max-width: 900px) and (max-height: 520px) { .titulas__tekstas, .planeta__tekstas { padding-top: 76px; } .titulas--ekranas .titulas__media { opacity: .22; } }   /* SK2-27 */
/* veidrodinė apžvalga: vaizdas kairėje, tekstas dešinėje */
.apzvalga--desine .apzvalga__objektas { right: auto; left: 0; }
.apzvalga--desine .apzvalga__tekstas { margin-left: auto; margin-right: var(--krastas); }
.apzvalga--desine::before { background: linear-gradient(270deg, #000 30%, rgba(0, 0, 0, .7) 40%, transparent 62%), linear-gradient(180deg, #000 0, transparent 18%, transparent 78%, #000 100%); }
.apzvalga--desine::after { left: 0; right: 34%; }
.apzvalga--desine.apzvalga--ekranas::before { background: linear-gradient(270deg, #000 30%, rgba(0, 0, 0, .6) 38%, transparent 46%), linear-gradient(180deg, #000 0, transparent 18%, transparent 82%, #000 100%); }
.apzvalga--desine.apzvalga--ekranas .apzvalga__objektas { padding: 0 6% 0 3%; }
.apzvalga--desine.apzvalga--ekranas .ekrano-kadras { transform: perspective(2200px) rotateY(10deg); transform-origin: 0 50%; }
.atsaukimas .ekrano-kadras { max-width: 620px; margin-inline: auto; }
.parengtis .ekrano-rem, #parengtis .ekrano-rem, #kam .ekrano-rem { max-width: 1240px; margin-inline: auto; }
#parengtis .ekrano-rem, #kam .ekrano-rem { margin-top: 44px; }
/* .ekrano-rem (žemiau) ir .atsiranda keičia position ir transform, todėl čia dvi klasės ir centravimas be transform */
/* pirmas ekranas su dispečerinės ekranu perspektyvoje (Savivaldybėms) */
.titulas--ekranas .kompozicija__ekranas { right: 3%; top: 37%; width: 50%; }
.titulas--ekranas::after { background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .8) 24%, transparent 46%), linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent 18%, transparent 64%, #000 100%); }
@media (min-width: 901px) {
  /* objekto kraštai ištirpsta juodume (kritikas P2-4) */
  .apzvalga__objektas .vaizdas { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(180deg, transparent 0, #000 12%, #000 86%, transparent 100%);
    -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(180deg, transparent 0, #000 12%, #000 86%, transparent 100%);
    mask-composite: intersect; }
}
@media (max-width: 900px) {
  .apzvalga--ekranas .apzvalga__objektas { height: auto; min-height: 0; max-height: none; margin: 30px 0 30px; padding: 0 16px; }
  .apzvalga--ekranas .apzvalga__objektas::after { display: none; }
  .apzvalga--ekranas .ekrano-kadras { transform: none; }
  .apzvalga--desine.apzvalga--ekranas .ekrano-kadras { transform: none; }
  .apzvalga--desine .apzvalga__tekstas { margin: 0 20px; }
  .titulas--ekranas .kompozicija__ekranas { left: 4%; right: 4%; width: auto; top: calc(var(--juosta) + 28px); transform: none; }
  .titulas--brezinys .titulas__media { align-items: flex-start; justify-content: center; padding: calc(var(--juosta) + 40px) 12px 0; }
  /* telefone — vertikali schema (užrašai ≥ 12 px) */
  .schema__brezinys { aspect-ratio: 360 / 860; max-width: 420px; margin: 0 auto; width: 100%; }
  .schema__brezinys svg:not(.brezinys--tel) { display: none; }
  .schema__brezinys .brezinys--tel { display: block; }
  /* platūs brėžiniai (900 × 640) telefone — didesni užrašai (kritikas P1-11) */
  /* platus brėžinys (900 × 640) telefone: užrašai per smulkūs — vietoj jų eilutė po brėžiniu (kritikas N-P1-3) */
  .brezinys--platus .t, .brezinys--platus .l3, .brezinys--platus .uzp { display: none; }
  .brezinys-parasas { display: block; position: absolute; left: 0; right: 0; bottom: 2%; text-align: center;
    font: 400 12px/1.5 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--b70); }
  .titulas--brezinys .brezinys-parasas { position: static; margin-top: 14px; }
}
/* SK-33: žemame telefone parašas užlįsdavo ant „Sandara“; tas pats pasakyta ivade */
@media (max-width: 640px) and (max-height: 700px) { .titulas--brezinys .spaudai { display: none; }
.brezinys-parasas { display: none; } }
/* žemame telefone „Dienos X“ tinklo vardai užlįsdavo ant antraštės */
@media (max-width: 900px) and (max-height: 700px) { .titulas--desine .titulas__media svg text { display: none; } }

@media (max-width: 900px) {
  /* scenarijai telefone — slenkama juosta (mažiau slinkimo žemyn) */
  .scenarijai ul { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; background: none; border: 0; margin: 0 -20px;
    padding: 0 20px 6px; scrollbar-width: none; }
  .scenarijai ul::-webkit-scrollbar { display: none; }
  .scenarijus { flex: 0 0 80%; scroll-snap-align: start; border: 1px solid var(--b20); }
  .scenarijus.blanku { display: none; }
  .situacijos__sarasas { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; background: none; border: 0; margin: 0 -20px;
    padding: 0 20px 6px; scrollbar-width: none; }
  .situacijos__sarasas::-webkit-scrollbar { display: none; }
  .situacija { flex: 0 0 84%; scroll-snap-align: start; border: 1px solid var(--b20); padding: 24px 20px; }
}

/* --------------------------------------------------------------------------- dispečerinės kadro rėmas ---- */
.ekrano-rem { position: relative; border-radius: 10px; overflow: hidden; background: #05070a; box-shadow: 0 0 0 1px var(--b20), 0 60px 160px rgba(0, 0, 0, .9), 0 0 120px rgba(54, 226, 198, .10); }
.ekrano-rem img { width: 100%; height: auto; }

/* ---------------------------------------------------------------------- gyventojai praneša, budėjimas ---- */
.gyv__vaizdas { position: relative; max-width: 1240px; margin: 0 auto 90px; padding: 0 40px 0 150px; }
.gyv__t1 { position: absolute; left: 0; bottom: -56px; width: clamp(180px, 16vw, 250px); }
.gyv__t2 { position: absolute; right: 0; bottom: -40px; width: clamp(150px, 13vw, 210px); }
.gyv ul h3 { font-size: 20px; }
.budejimas { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px 60px; align-items: center; padding: 120px var(--krastas) 120px; background: radial-gradient(ellipse 50% 60% at 78% 50%, rgba(255, 59, 48, .10), transparent 70%), #000; }
.budejimas__tel { display: flex; justify-content: center; }
.budejimas__tel .telefonas { width: clamp(220px, 21vw, 320px); }
.laikas { margin-top: 34px; max-width: 34rem; }
.laikas__z { position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 0; border-top: 1px solid var(--b20); }
.laikas__z:last-child { border-bottom: 1px solid var(--b20); }
.laikas__min { font: 700 54px/.95 var(--f-antr); letter-spacing: .01em; color: var(--balta); }
.laikas__min small { margin-left: 5px; font: 400 13px/1 var(--f-mono); letter-spacing: .06em; text-transform: none; color: var(--b60); }
.laikas__z:nth-child(1) .laikas__min { color: var(--turkis); }
.laikas__z:nth-child(2) .laikas__min { color: var(--geltona); }
.laikas__z:nth-child(3) .laikas__min { color: #ff6a5e; }
.laikas__z h3 { font-size: 20px; }
.laikas__z p { margin-top: 4px; font-size: 16px; line-height: 1.5; color: var(--b80); }

/* parengtis pradžioje: tikras kadras ir trys rezultatai */
.parengtis { padding: 110px var(--krastas) 120px; border-top: 1px solid var(--b12); background: #000; }
.parengtis__virsus { margin-bottom: 44px; }
.parengtis ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 44px; }
.parengtis li { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; border-top: 1px solid var(--b35); }
.parengtis svg.ikona { width: 28px; height: 28px; }
.parengtis b { font: 700 19px/1.2 var(--f-antr); letter-spacing: .04em; text-transform: uppercase; }
.parengtis span { font-size: 15px; line-height: 1.5; color: var(--b70); }
.plansete--maza { width: clamp(180px, 18vw, 300px); opacity: .92; }

/* ------------------------------------------------------------------------- išskleidimas (exploded view) ---- */
section[id], nav[id] { scroll-margin-top: var(--juosta); }
.skyla { position: relative; height: 460vh; background: #000; }
.skyla__langas { position: sticky; top: 0; height: 100vh; height: 100dvh; overflow: hidden; display: grid; grid-template-columns: minmax(300px, 27%) minmax(0, 1fr); gap: 2vw; align-items: center;
  padding: var(--juosta) var(--krastas) 0; }
.skyla__tekstai { position: relative; z-index: 3; }
.skyla__tekstai h2 { font-size: clamp(30px, 2.9vw, 44px); }
.skyla__zingsniai { position: relative; min-height: 190px; margin-top: 26px; }
/* senas tekstas dingsta pirmas, naujas atsiranda po jo: vienu metu niekada du tekstai vienas ant kito */
.skyla__zingsnis { position: absolute; inset: 0 0 auto 0; opacity: 0; transform: translateY(14px); transition: opacity .16s ease, transform .16s ease; pointer-events: none; }
.skyla__zingsnis.rodomas { opacity: 1; transform: none; pointer-events: auto; transition: opacity .34s ease .16s, transform .5s var(--kr-iej) .16s; }
.skyla__zingsnis h3 { color: var(--turkis); font-size: 18px; letter-spacing: .06em; }
.skyla__zingsnis p { margin-top: 8px; color: var(--b90); font-size: 17px; line-height: 1.55; text-wrap: pretty; max-width: 26rem; }
.skyla__scena { position: relative; width: 100%; max-width: 1300px; aspect-ratio: 4 / 3; justify-self: center; }
.skyla__plotas { position: absolute; inset: 0; }
.skyla__kamera { position: absolute; inset: 0; transform-origin: 50% 50%; }
.skyla.gyva .skyla__kamera, .skyla.gyva .skyla__sl, .skyla.gyva .skyla__spr { will-change: transform, opacity; }
.skyla__sl { position: absolute; inset: 0; }
.skyla__sl img { width: 100%; height: 100%; }
.skyla__spr { position: absolute; aspect-ratio: 1; }
.skyla__spr img { width: 100%; height: 100%; }
.iej-jutiklis { left: 63.599%; top: 29.718%; width: 1.786%; }
.iej-magnetas { left: 62.726%; top: 29.927%; width: 1.429%; }
.iej-siustuvas { left: 45.683%; top: 47.142%; width: 3.036%; }
.iej-imtuvas { left: 62.811%; top: 44.339%; width: 3.036%; }
.iej-plansete { left: 28.702%; top: 43.777%; width: 7.143%; }
.skyla__spindulys { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.skyla__spindulys.rodomas { opacity: 1; }
.skyla__spindulys line { stroke: #ff5a6e; stroke-width: .16; stroke-dasharray: .9 .55; }
.skyla__vedlys { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .4s ease; pointer-events: none; }
.skyla__vedlys.rodomas { opacity: 1; }
.skyla__vedlys line { stroke: var(--turkis); stroke-width: .12; }
.zyme { position: absolute; width: 0; height: 0; opacity: 0; transition: opacity .5s ease; }
.zyme.rodomas { opacity: 1; }
.zyme i { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--balta); background: rgba(6, 14, 24, .92); border: 1.5px solid var(--turkis); box-shadow: 0 0 12px 3px var(--turkis-svytejimas); opacity: .55; transform: scale(.62); transition: transform .4s ease, opacity .4s ease; }
.zyme i svg { width: 17px; height: 17px; }
.zyme:has(b.rodomas) { z-index: 3; }
.zyme b small { display: block; margin-bottom: 3px; color: var(--turkis); font-size: 10px; letter-spacing: .08em; }
.zyme--iranga b { bottom: 12px; background: rgba(0, 0, 0, .78); }
.zyme--iranga b::after { height: 12px; }
.zyme:has(b.rodomas) i { opacity: 1; transform: scale(1.15); }
.zyme b { position: absolute; left: 0; bottom: 34px; transform: translateX(-50%); padding: 5px 9px; white-space: nowrap; font: 400 12px/1.2 var(--f-mono); letter-spacing: .04em; color: var(--balta); background: rgba(0, 0, 0, .72); border: 1px solid rgba(54, 226, 198, .5); border-radius: 3px; }
.zyme b { opacity: 0; transition: opacity .35s ease; }
.zyme b.rodomas { opacity: 1; }
.zyme b::after { content: ""; position: absolute; left: 50%; top: 100%; width: 1px; height: 22px; background: linear-gradient(180deg, rgba(54, 226, 198, .7), transparent); }
.z-oras { left: 45.26%; top: 42.11%; } .z-vanduo { left: 26.96%; top: 52.54%; } .z-durys { left: 75.97%; top: 46.52%; } .z-rysys { left: 73.25%; top: 44.45%; }
.z-skaitiklis { left: 75.48%; top: 47.64%; } .z-plansete { left: 74.75%; top: 46.48%; } .z-ups { left: 72.94%; top: 46.8%; }
.z-oras b { bottom: auto; top: 42px; } .z-oras b::after { top: auto; bottom: 100%; background: linear-gradient(0deg, rgba(54, 226, 198, .7), transparent); }
.z-gultai { left: 33.97%; top: 46.89%; } .z-vandens_atsargos { left: 49.87%; top: 41.32%; } .z-maistas { left: 59.5%; top: 36.76%; } .z-generatorius { left: 71.06%; top: 34.94%; } .z-vedinimas { left: 75.99%; top: 30.2%; } .z-suolai { left: 48.44%; top: 52.75%; } .z-oras { left: 45.28%; top: 42.13%; } .z-vanduo { left: 28.45%; top: 53.56%; } 
.z-dumai1 { left: 46.23%; top: 49.51%; } .z-dumai2 { left: 62.42%; top: 43.78%; }
.zyme-t { position: absolute; padding: 5px 9px; white-space: nowrap; font: 400 12px/1.2 var(--f-mono); letter-spacing: .04em; color: var(--balta); background: rgba(0, 0, 0, .72); border: 1px solid rgba(54, 226, 198, .5); border-radius: 3px; opacity: 0; transition: opacity .5s ease; }
.zyme-t.rodomas { opacity: 1; }
.zt-mag { left: 50%; top: 2%; } .zt-jut { left: 69%; top: 8%; } .zt-sius { left: 36%; top: 57%; } .zt-imt { left: 68%; top: 54%; } .zt-pl { left: 8%; top: 18%; }
/* sistema: plokštės ir jungtys */
.skyla--sistema { height: 460vh; }
.skyla__jungtis { pointer-events: none; }
.skyla__jungtis svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.skyla__jungtis path { fill: none; stroke: var(--turkis); stroke-width: .2; stroke-dasharray: .9 .7; stroke-linecap: round; filter: drop-shadow(0 0 .5px var(--turkis)); }
.skyla__jungtis circle { fill: var(--turkis); }
.skyla__jungtis b { position: absolute; padding: 5px 10px; white-space: nowrap; font: 400 12px/1.2 var(--f-mono); letter-spacing: .06em; color: var(--balta); background: #04090a; border: 1px solid var(--turkis); border-radius: 12px; transform: translate(-50%, -50%); }
.skyla__jungtis b { opacity: 0; transition: opacity .4s ease; } .skyla__jungtis b.rodomas, html:not(.js) .skyla__jungtis b, .skyla.statine .skyla__jungtis b { opacity: 1; }
.j1 b { left: 64.5%; top: 68%; } .j2 b { left: 62%; top: 83%; } .j3 b { left: 50%; top: 66%; }
/* telefonas: vienas telefonas, ekrano būsenos keičiasi žingsniais */
.skyla--tel { height: 340vh; }
.skyla--pastatas { height: 400vh; }
/* Sistema pagal poreikius */
.skyla--sudetis { height: 400vh; }
.skyla__praleisti { position: absolute; z-index: 6; top: calc(var(--juosta) + 8px); right: var(--krastas); display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 2px; border: 0; background: none; color: var(--b60); font: 400 12px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.skyla__praleisti svg { width: 12px; height: 12px; }
.skyla__langas::after { content: ""; position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; height: 2px; background: var(--turkis); opacity: .75; transform: scaleX(var(--p, 0)); transform-origin: 0 50%; pointer-events: none; }
html:not(.js) .skyla__langas::after, .skyla.statine .skyla__langas::after { display: none; }
.skyla__praleisti:hover, .skyla__praleisti:focus-visible { color: var(--balta); }
.sud-m { position: absolute; inset: 0; transition: transform .7s var(--kr-iej), opacity .5s ease; }
.js .sud-rinkinys .sud-m:not(.pasirinkta) { opacity: 0; transform: translate(var(--dx, 0), var(--dy, 0)); }
.js .sud-rinkinys .sud-z:not(.pasirinkta) { opacity: 0 !important; }
.sud-rinkinys .sud-z { opacity: 1; }
.sud-z { transform: translateX(-50%); font-size: 13px; }
.skyla-zymes { position: absolute; inset: 0; pointer-events: none; }
.sz-oras { left: 13%; top: 36.5%; } .sz-vanduo { left: 6%; top: 49%; } .sz-triuksmas { left: 18.5%; top: 21.5%; } .sz-atliekos { left: 87%; top: 70.5%; } .sz-keliai { left: 79%; top: 83%; } .sz-priedangos { left: 94%; top: 58.5%; }
.sb-disp { left: 60%; top: 17.5%; transform: translateX(-50%); } .sb-ups { left: 40.5%; top: 36%; transform: translateX(-50%); } .sb-serv { left: 66%; top: 47%; transform: translateX(-50%); } .sb-prog { left: 29.5%; top: 59%; transform: translateX(-50%); }
.sud-sch { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.sud-v { fill: rgba(127, 240, 214, .04); stroke: rgba(127, 240, 214, .42); stroke-width: .12; stroke-dasharray: .8 .5; }
.sud-r, .sud-j { fill: none; stroke-linecap: round; }
.sud-r { stroke: rgba(127, 240, 214, .38); stroke-width: .12; stroke-dasharray: .5 .5; }
.sud-j { stroke: var(--turkis); stroke-width: .3; stroke-dasharray: .9 .7; opacity: 0; transition: opacity .5s ease; filter: drop-shadow(0 0 .6px var(--turkis)); }
.sud-j.rodomas, .sud-rinkinys .sud-j { opacity: 1; }
.js .sud-rinkinys .sud-j:not(.pasirinkta) { opacity: 0; }
html:not(.js) .sud-j, .skyla.statine .sud-j { opacity: 1; }
/* W20: pabaigoje visos dalys lieka; pasirinkus nepažymėtos tik pritemsta */
.skyla--sudetis:has(.sud__myg button[aria-pressed="true"]) .sud-m:not(.pasirinkta) { opacity: .32; }
.skyla--sudetis:has(.sud__myg button[aria-pressed="true"]) .sud-z:not(.pasirinkta), .skyla--sudetis:has(.sud__myg button[aria-pressed="true"]) .sud-j:not(.pasirinkta) { opacity: .25 !important; }
.sud__pasirinkimas { margin-top: 18px; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.sud__pasirinkimas.rodomas { opacity: 1; visibility: visible; }
.sud__myg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 27rem; }
.sud__myg button { min-height: 40px; padding: 7px 14px; border: 1px solid var(--b35); border-radius: 3px; background: transparent; color: var(--b60); font: 400 13px/1.2 var(--f-mono); letter-spacing: .04em; cursor: pointer; transition: background .25s ease, border-color .25s ease, color .25s ease; }
.sud__myg button[aria-pressed="true"] { border-color: var(--turkis); background: rgba(54, 226, 198, .14); color: var(--balta); }
.sud__myg button:focus-visible { outline: 2px solid var(--balta); outline-offset: 2px; }
.sud__suma { margin-top: 12px; min-height: 2.8em; color: var(--b80); font-size: 15px; line-height: 1.4; }
html:not(.js) .sud__pasirinkimas, .skyla.statine .sud__pasirinkimas { display: none; }
html:not(.js) .zyme-t, .skyla.statine .zyme-t { opacity: 1; }
html:not(.js) .zyme i, .skyla.statine .zyme i { opacity: 1; transform: none; }
html:not(.js) .skyla__vedlys, .skyla.statine .skyla__vedlys, html:not(.js) .skyla__spindulys, .skyla.statine .skyla__spindulys { opacity: 0; }
html:not(.js) .skyla--sudetis .skyla__scena, .skyla--sudetis.statine .skyla__scena, html:not(.js) .skyla--maz .skyla__scena, .skyla--maz.statine .skyla__scena { height: auto; aspect-ratio: 4 / 3; }
html:not(.js) .skyla--ran .skyla__scena, .skyla--ran.statine .skyla__scena, html:not(.js) .skyla--tel .skyla__scena, .skyla--tel.statine .skyla__scena { height: auto; aspect-ratio: 1; }
.skyla--sudetis.statine .sb-disp, .skyla--sudetis.statine .sb-serv, .skyla--sudetis.statine .sb-prog, .skyla--sudetis.statine .sb-ups, html:not(.js) .sb-disp, html:not(.js) .sb-serv, html:not(.js) .sb-prog, html:not(.js) .sb-ups { display: none; }
.skyla--iejimas.statine .zyme-t, html:not(.js) .skyla--iejimas .zyme-t { display: none; }
/* telefonas: užrašai šalia sluoksnių, sistema: užrašai ant plokščių */
.skyla__a { position: absolute; width: 4.4%; aspect-ratio: 1; border-radius: 50%; background: var(--turkis); box-shadow: 0 0 10px 4px var(--turkis-svytejimas); opacity: 0; transition: opacity .3s ease; }
.skyla__a.rodomas { opacity: 1; }
.tf-p { left: 60%; top: 27.8%; } .tf-z { left: 60.6%; top: 53.6%; } .tf-d { left: 66.3%; top: 40.1%; } .tf-k { left: 66.3%; top: 18.3%; } .tf-n { left: 66.3%; top: 48.5%; }
.skyla--tel .skyla__a { width: 1.3%; }
.zs-jut { left: 34%; top: 61.500%; } .zs-sliu { left: 60%; top: 55.500%; } .zs-viet { left: 42%; top: 28%; } .zs-ups { left: 66%; top: 26%; } .zs-pl { left: 79%; top: 21%; }
.zs-disp { left: 33%; top: 31%; } .zs-srv { left: 80%; top: 58%; } .zs-lauko { left: 16.500%; top: 46.500%; } .zs-bud { left: 66%; top: 26%; } .zs-j2 { left: 44%; top: 67%; } .zs-j3 { left: 30%; top: 72%; } .zs-cen { left: 66%; top: 49%; } .zs-tel { left: 50%; top: 12%; }
.skyla--sistema .zyme-t { transform: translateX(-50%); }
.sp { transform: none !important; right: 73%; } .sp1 { top: 12%; } .sp2 { top: 34%; } .sp3 { top: 56%; } .sp4 { top: 80%; }
/* Dienos X: kartotuvas ir rankinis įrenginys */
.mz-w { inset: -21.43%; }
.mz-c { left: 15.86%; top: 32.53%; width: 88.57%; aspect-ratio: 4 / 3; }
.mz-w .skyla__a { width: 1.1%; } .mz-c .skyla__a { width: 1.3%; }
.ma-ant { left: 37.8%; top: 22%; } .ma-kab { left: 37.8%; top: 87%; } .ma-sau { left: 59%; top: 51%; } .ma-kor { left: 48%; top: 88%; } .ma-vid { left: 37%; top: 62%; } .ma-bat { left: 46%; top: 26%; } .ma-lor { left: 54.5%; top: 67%; } .ma-lai { left: 30%; top: 70%; }
.skyla:not(.gyva) .banga, .skyla:not(.gyva) .rn-kelias path { animation: none; }
@media (min-width: 901px) { .skyla--ran .skyla__scena, .skyla--tel .skyla__scena { aspect-ratio: 1; max-width: min(100%, 100vh - var(--juosta) - 20px, 1180px); } }
.rn-k { position: absolute; width: 37%; aspect-ratio: 4 / 3; }
.rn-k img { position: absolute; inset: 0; width: 100%; height: 100%; }
.rn-k1 { left: 29.7%; top: 6.5%; } .rn-k2 { left: 57.7%; top: 32.2%; } .rn-d2 { left: 46%; top: 62%; width: 31%; aspect-ratio: 1; }
.rn-kelias path { fill: none; stroke: var(--turkis); stroke-width: .34; stroke-dasharray: 1.2 1; animation: rnk 1.6s linear infinite; }
@keyframes rnk { to { stroke-dashoffset: -4.4; } }
.skyla--ran .skyla__a { width: 1.3%; } .ra-kla { left: 67%; top: 69%; } .ra-vir { left: 65.5%; top: 31%; } .ra-vir.g { left: 65.5%; top: 42.5%; } .rn-k .ra-t { width: 2%; left: 62%; top: 34%; } .rn-d2 .ra-t { left: 66%; top: 30%; } .ra-d { left: 64%; top: 86%; }
/* Keturios žinutės antrame ekrane */
.zinutes { padding: 28px var(--krastas) 34px; background: #000; }
.zinutes ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.zinutes .kryptis { padding-top: 16px; border-top: 2px solid var(--turkis); }
.zinutes .kryptis h3 { margin-top: 10px; font-size: 19px; }
.zinutes .kryptis p { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--b80); }
.zinutes svg.ikona { width: 26px; height: 26px; color: var(--turkis); }
/* Sistema pagal poreikius be pritvirtintos slinkties */
.sud-rinkinys { display: grid; grid-template-columns: minmax(300px, 34%) minmax(0, 1fr); gap: 3vw; align-items: center; padding: 90px var(--krastas); background: #000; }
.sud-rinkinys__scena { position: relative; aspect-ratio: 4 / 3; }
.sud-rinkinys .sz-priedangos { left: 91%; }
.sud-rinkinys .sud__pasirinkimas { position: static; opacity: 1; visibility: visible; margin-top: 24px; }
.sud-rinkinys .skyla-zymes { position: absolute; inset: 0; }
/* Pagal pareigas */
.pareigos { padding: 30px var(--krastas); background: #000; border-top: 1px solid var(--b12); border-bottom: 1px solid var(--b12); }
.pareigos ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.pareigos a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 56px; padding: 10px 16px; border: 1px solid var(--b20); border-radius: 4px; color: var(--balta); font: 700 17px/1.2 var(--f-antr); letter-spacing: .02em; text-transform: uppercase; transition: border-color .2s ease, background .2s ease; }
.pareigos a:hover, .pareigos a:focus-visible { border-color: var(--turkis); background: rgba(54, 226, 198, .08); }
.pareigos svg { width: 16px; height: 16px; flex: none; color: var(--turkis); }
/* Skirtukai pagal pareigas */
.klausimai__skirtukai { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.klausimai__skirtukai button { min-height: 44px; padding: 8px 16px; border: 1px solid var(--b20); border-radius: 3px; background: transparent; color: var(--b80); font: 400 13px/1.2 var(--f-mono); letter-spacing: .05em; cursor: pointer; }
.klausimai__skirtukai button[aria-selected="true"] { border-color: var(--turkis); background: rgba(54, 226, 198, .14); color: var(--balta); }
html:not(.js) .klausimai__skirtukai { display: none; }
.klausimai__grupe { padding: 28px 30px 32px; border: 1px solid var(--b20); border-radius: 6px; background: linear-gradient(160deg, rgba(54, 226, 198, .07), rgba(54, 226, 198, 0) 46%), #05070b; }
.klausimai__grupe + .klausimai__grupe { margin-top: 24px; }
.js .klausimai__grupe + .klausimai__grupe { margin-top: 0; }
.klausimai__grupe > h3 { padding-top: 0; border-top: 0; }
/* Sąrašas ir vaizdas greta */
.kryptys__su-vaizdu { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 36px 56px; align-items: center; }
.kryptys ul.n2 { --n: 2; }
.kryptys__vaizdas img, .kryptys__su-vaizdu .ekrano-rem img { display: block; width: 100%; height: auto; }
/* Ką keičiate patys */
.kryptys__pogalve { margin: 56px 0 26px; padding-top: 18px; border-top: 1px solid var(--b20); color: var(--turkis); font: 400 13px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; }
.kryptys__pogalve:first-of-type { margin-top: 0; }
.kryptys ul.n3 { --n: 3; } .kryptys ul.n4 { --n: 4; }
.zingsniai.n3 { --n: 3; }
.zingsniai-sekcija > .pastaba { margin-top: 44px; max-width: 46rem; color: var(--b80); font-size: 16px; line-height: 1.55; }
.zingsniai-sekcija > .pastaba a { color: var(--balta); text-decoration: underline; text-underline-offset: 3px; }
/* Klausimai ir atsakymai */
.klausimai { padding: 120px var(--krastas); background: #000; }
.klausimai__virsus { max-width: 760px; margin-bottom: 56px; }
.klausimai__grupe + .klausimai__grupe { margin-top: 64px; }
.klausimai__grupe > h3 { padding-top: 18px; border-top: 1px solid var(--b20); color: var(--turkis); font: 400 13px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; }
.klausimai__grupe ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 56px; margin-top: 26px; }
.klausimas h4 { font: 700 20px/1.25 var(--f-antr); letter-spacing: .01em; color: var(--balta); }
.klausimas p { margin-top: 8px; color: var(--b80); font-size: 16px; line-height: 1.55; text-wrap: pretty; }
.klausimas a { color: var(--balta); text-decoration: underline; text-underline-offset: 3px; }
/* Žodynėlis */
.zodynas { padding: 120px var(--krastas); background: #000; }
.zodynas dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 56px; margin-top: 44px; }
.zodynas dt { font: 700 18px/1.25 var(--f-antr); color: var(--balta); }
.zodynas dd { margin: 4px 0 0; color: var(--b80); font-size: 15px; line-height: 1.5; }
/* Pabaiga: kitas žingsnis */
.pabaiga .zyma { margin-bottom: 14px; }
.planeta .zyma { margin-bottom: 14px; }
html:not(.js) .tf-v, .skyla.statine .tf-v { display: none; }
html:not(.js) .tz, .skyla.statine .tz { display: none; }
html:not(.js) .skyla--sistema .skyla__kamera, .skyla--sistema.statine .skyla__kamera { transform: translateY(2%) scale(.46); }
html:not(.js) .sys-pr, .skyla.statine .sys-pr { transform: translateY(75%); } html:not(.js) .sys-sav, .skyla.statine .sys-sav { transform: translateY(25%); }
html:not(.js) .sys-cen, .skyla.statine .sys-cen { transform: translateY(-34%); } html:not(.js) .sys-gyv, .skyla.statine .sys-gyv { transform: translateY(-84%); }
html:not(.js) .skyla__jungtis.j1, .skyla.statine .skyla__jungtis.j1 { transform: translateY(25%); } html:not(.js) .skyla__jungtis.j2, .skyla.statine .skyla__jungtis.j2 { transform: translateY(-34%); } html:not(.js) .skyla__jungtis.j3, .skyla.statine .skyla__jungtis.j3 { transform: translateY(-84%); }
html:not(.js) .skyla__jungtis, .skyla.statine .skyla__jungtis { opacity: 1; }
html:not(.js) .skyla--sistema .zyme-t, .skyla--sistema.statine .zyme-t { display: none; }
/* be JS ir „mažiau judesio“: statinis išskleistas vaizdas (visi tekstai — sąraše) */
html:not(.js) .skyla, .skyla.statine { height: auto; padding: 100px 0; }
html:not(.js) .skyla__langas, .skyla.statine .skyla__langas { position: static; height: auto; overflow: visible; }
html:not(.js) .skyla__zingsniai, .skyla.statine .skyla__zingsniai { min-height: 0; }
html:not(.js) .skyla__zingsnis, .skyla.statine .skyla__zingsnis { position: static; opacity: 1; transform: none; margin-top: 20px; }
html:not(.js) .skyla__scena, .skyla.statine .skyla__scena { height: min(150vw, 900px); aspect-ratio: auto; }
:is(html:not(.js), .statine) .mz-z { display: none; }
:is(html:not(.js), .statine) .mz-k { transform: translate(-20%, 19%) scale(.42); }
:is(html:not(.js), .statine) .sl-m-vidus { transform: translate(25.9%, -27%); }
:is(html:not(.js), .statine) .sl-m-korpusas { transform: translate(49%, -51.3%); }
:is(html:not(.js), .statine) .sl-m-saule { transform: translate(79.2%, -82.8%); }
:is(html:not(.js), .statine) .rn-k0 { transform: scale(.8); }
:is(html:not(.js), .statine) .sl-r-vidus { transform: translate(34%, -12%); }
:is(html:not(.js), .statine) :is(.sl-r-korpusas, .sl-r-e2) { transform: translate(-34%, 12%); }
:is(html:not(.js), .statine) :is(.sl-r-e1, .sl-r-e3, .rn-tinklas) { display: none; }
html:not(.js) .sl-priedanga, .skyla.statine .sl-priedanga { transform: translateY(30%); }
html:not(.js) .sl-lubos, .skyla.statine .sl-lubos { transform: translateY(14%); }
html:not(.js) .sl-zeme, .skyla.statine .sl-zeme { opacity: 0; }
html:not(.js) .sl-aukstas1, .skyla.statine .sl-aukstas1 { transform: translateY(-4%); }
html:not(.js) .sl-aukstas2, .skyla.statine .sl-aukstas2 { transform: translateY(-22%); }
html:not(.js) .sl-aukstas3, .skyla.statine .sl-aukstas3 { transform: translateY(-40%); }
html:not(.js) .sl-stogas, .skyla.statine .sl-stogas { transform: translateY(-58%); }
@media (max-width: 900px) {
  .skyla { height: 520vh; }
  .skyla__langas { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 0; padding: calc(var(--juosta) + 4px) 0 0; }
  .skyla__tekstai { order: 2; padding: 0 20px 22px; margin-top: auto; background: linear-gradient(180deg, transparent, #000 26px); }
  .skyla__tekstai .zyma, .skyla__tekstai h2 { display: none; }
  .skyla__zingsniai { min-height: 158px; margin-top: 0; padding-top: 18px; }
  .skyla__zingsnis { inset: 18px 0 auto 0; }
  .skyla__zingsnis p { font-size: 16px; }
  .skyla__scena { order: 1; flex: 1; width: 100%; aspect-ratio: auto; min-height: 0; }
  .skyla__plotas { inset: auto -6% auto -6%; top: 50%; aspect-ratio: 4 / 3; transform: translateY(-50%); }
  .skyla--tel { height: 440vh; }
  .skyla--sistema { height: 640vh; }
  .skyla__jungtis b { font-size: 11px; padding: 4px 8px; }
  .gyv__vaizdas { padding: 0; margin: 0 0 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .gyv__vaizdas .ekrano-rem { grid-column: 1 / -1; }
  .gyv__t1, .gyv__t2 { position: relative; left: auto; right: auto; bottom: auto; width: 100%; }
  .gyv ul { gap: 26px; }
  .budejimas { grid-template-columns: 1fr; padding: 70px 20px 70px; gap: 36px; }
  .budejimas__tel { order: -1; }
  .budejimas__tel .telefonas { width: min(62vw, 250px); }
  .laikas__z { grid-template-columns: 86px minmax(0, 1fr); gap: 12px; padding: 18px 0; }
  .laikas__min { font-size: 42px; }
  .parengtis { padding: 70px 20px 76px; }
  .parengtis ul { grid-template-columns: 1fr; gap: 18px; margin-top: 30px; }
  .parengtis .ekrano-rem { margin: 0 -8px; }
}

/* ----------------------------------------------------------------------------- mažiau judesio ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;
    transition-delay: 0s !important; scroll-behavior: auto !important; }
  .js .atsiranda, .js .iskyla-1, .js .iskyla-2, .js .iskyla-3 { opacity: 1; transform: none; animation: none; }
  .js .dreifas { animation: none; transform: none; }
  .js .problema::before { transform: none; }
  .js .problema::after { opacity: 1; }
  .zymeklis::before, .zymeklis::after, .banga, .mirksi, .zemyn svg, .aura { animation: none !important; opacity: 0; }
  .tinklas__uzdanga { opacity: .78; }
  .js .tinklas .mazgas-t, .impulsas { opacity: 1; }
  .js .tinklas .rysys { stroke-dasharray: none; }
  .impulsas { display: none; }
  .mirksi { opacity: 1; }
  .js .piesiamas .l, .js .piesiamas .l2 { stroke-dasharray: none; stroke-dashoffset: 0; }
  .js .piesiamas .t, .js .piesiamas .t2, .js .piesiamas .sv, .js .piesiamas .uzp { opacity: 1; }
  @view-transition { navigation: none; }
}

/* ----------------------------------------------------------------------------------------- spausdinimas ---- */
/* merams — „Spausdinti / PDF“: šviesus lapas, be judesio ir meniu, vaizdai mažesni, nuorodos su adresais */
/* telefonas: klausimas viršuje, scena viduryje, žingsnis apačioje */
@media (max-width: 900px) {
  .skyla__langas { padding-top: calc(var(--juosta) + 8px); }
  .skyla__tekstai { display: contents; }
  .skyla__tekstai .zyma, .skyla__tekstai h2 { display: block; order: 0; padding: 0 20px; }
  .skyla__tekstai .zyma { margin: 0; font-size: 11px; color: var(--turkis); }
  .skyla__tekstai h2 { margin-top: 4px; font-size: clamp(22px, 6.4vw, 30px); line-height: 1.12; }
  .skyla__scena { order: 1; }
  .skyla__zingsniai { order: 2; margin: 0; padding: 10px 20px 0; min-height: 150px; background: linear-gradient(180deg, transparent, #000 18px); flex: none; }
  .skyla__zingsnis { inset: 10px 20px auto 20px; }
  .skyla__zingsnis h3 { font-size: 16px; }
  .skyla__zingsnis p { margin-top: 4px; font-size: 15px; line-height: 1.45; }
  .zyme b, .zyme-t { font-size: 11px; padding: 4px 7px; }
  .zyme b { display: block; bottom: 26px; }
  .z-oras b { bottom: auto; }
  .zyme b::after { height: 14px; }
  .pabaiga::before { height: 90px; margin-bottom: 26px; }
  .skyla--sudetis { height: 400vh; } .skyla--pastatas { height: 400vh; } .skyla--tel { height: 340vh; } .skyla--sistema { height: 460vh; } .skyla--iejimas { height: 340vh; }
  .skyla__praleisti { right: 16px; top: calc(var(--juosta) - 4px); }
  .skyla__tekstai .zyma { max-width: calc(100% - 116px); }
  .skyla--sudetis .skyla__zingsniai { min-height: 204px; }
  .skyla--ran .skyla__plotas, .skyla--tel .skyla__plotas { inset: 50% auto auto 50%; height: min(100%, 112vw); aspect-ratio: 1; transform: translate(-50%, -50%); }
  .zinutes { padding: 24px 20px 30px; }
  .zinutes ul { grid-template-columns: 1fr 1fr; gap: 20px 16px; }
  .zinutes .kryptis h3 { font-size: 17px; }
  .zinutes .kryptis p { font-size: 14px; }
  .sud-rinkinys { display: flex; flex-direction: column; align-items: stretch; padding: 64px 20px; }
  .sud-rinkinys__tekstas { display: contents; }
  .sud-rinkinys__scena { order: 1; margin: -6px -20px -6%; }
  .sud-rinkinys .sud__pasirinkimas { order: 2; }
  .pareigos { padding: 22px 20px; }
  .pareigos ul { grid-template-columns: 1fr 1fr; }
  .pareigos a { font-size: 15px; padding: 8px 12px; }
  .klausimai__grupe { padding: 20px 16px 24px; }
  .kryptys__su-vaizdu { grid-template-columns: 1fr; }
  .skyla__scena { overflow: hidden; }
  .sb-disp, .sb-serv, .sb-prog, .sb-ups { font-size: 11px; padding: 3px 6px; }
  .sud-z { display: none; }
  .skyla--sudetis .skyla__plotas { left: 0; right: 0; }
  .sp { right: 66%; font-size: 11px; }
  .j1 b { left: 57%; top: 69%; } .zs-lauko { left: 21%; top: 41%; }
  .sb-prog { left: 22%; top: 61%; }
  .skyla--ran .rz, .ra-kla, .ra-vir, .ra-d { display: none; }
  .skyla--tel .tz, .skyla--tel .skyla__a { display: none; }
  .zs-viet { left: 34%; top: 24%; } .zs-ups { left: 70%; top: 33%; } .zs-pl { left: 80%; top: 19%; } 
  .zs-j2, .zs-j3 { display: none; }
  .z-durys b, .z-skaitiklis b, .z-plansete b, .z-rysys b, .z-ups b { left: auto; right: -30px; transform: none; }
  .z-durys b::after, .z-skaitiklis b::after, .z-plansete b::after, .z-rysys b::after, .z-ups b::after { left: auto; right: 30px; }
  .z-vanduo b { left: -14px; transform: none; }
  .z-vanduo b::after { left: 14px; }
  .zt-mag { left: 20%; top: 3%; } .zt-jut { left: auto; right: 8%; top: 24%; }
  .skyla--sistema .skyla__scena { overflow: hidden; }
  .sud__pasirinkimas { position: absolute; z-index: 5; left: 20px; right: 20px; bottom: 12px; margin: 0; }
  .sud__myg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .sud__myg button { min-height: 36px; padding: 5px 6px; font-size: 12px; }
  .sud__suma { margin-top: 8px; min-height: 0; font-size: 13px; }
  .skyla--sudetis .skyla__zingsnis[data-teiginys="sud-8"] p { font-size: 14px; }
  .klausimai, .zodynas { padding: 72px 20px; }
  .klausimai__grupe ul, .zodynas dl { grid-template-columns: 1fr; gap: 24px; }
}
/* statinis vaizdas (be JS, „mažiau judesio“): tekstai ir vienas išskleistas vaizdas */
@media (max-width: 900px) {
  html:not(.js) .skyla__langas, .skyla.statine .skyla__langas { display: block; padding: 0; }
  html:not(.js) .skyla__tekstai, .skyla.statine .skyla__tekstai { display: block; padding: 0 20px; }
  html:not(.js) .skyla__tekstai .zyma, .skyla.statine .skyla__tekstai .zyma, html:not(.js) .skyla__tekstai h2, .skyla.statine .skyla__tekstai h2 { padding: 0; }
  html:not(.js) .skyla__zingsniai, .skyla.statine .skyla__zingsniai { padding: 0; background: none; }
  html:not(.js) .skyla__zingsnis, .skyla.statine .skyla__zingsnis { margin-top: 16px; }
  html:not(.js) .skyla__scena, .skyla.statine .skyla__scena { margin-top: 28px; height: auto; aspect-ratio: 4 / 3; overflow: hidden; }
  html:not(.js) .skyla--pastatas .skyla__scena, .skyla--pastatas.statine .skyla__scena { aspect-ratio: 1 / 1.2; }
  html:not(.js) .skyla--tel .skyla__scena, .skyla--tel.statine .skyla__scena { aspect-ratio: 1 / 1.1; }
  html:not(.js) .skyla--sistema .skyla__scena, .skyla--sistema.statine .skyla__scena { aspect-ratio: 1 / 1.5; }
}
/* žemas telefonas (375 × 548): mažiau vietos antraštei */
@media (max-width: 900px) and (min-height: 521px) and (max-height: 640px) {
  .skyla__tekstai .zyma { display: none; }
  .skyla__tekstai h2 { font-size: 20px; }
  .skyla__zingsniai { min-height: 124px; }
  .skyla__zingsnis p { font-size: 14px; line-height: 1.35; }
  .skyla--sudetis .skyla__zingsniai { min-height: 186px; }
  .skyla__praleisti { top: calc(var(--juosta) - 32px); }
}
/* telefonas gulsčiai: tekstas kairėje, scena dešinėje */
@media (max-width: 900px) and (max-height: 520px) {
  .skyla__langas { display: grid; grid-template-columns: minmax(230px, 38%) minmax(0, 1fr); gap: 12px; padding: calc(var(--juosta) + 4px) 16px 8px; }
  .skyla__tekstai { display: block; order: 1; padding: 0; background: none; align-self: center; }
  .skyla__tekstai .zyma { display: none; }
  .skyla__tekstai h2 { padding: 0; font-size: 18px; }
  .skyla__zingsniai { position: relative; min-height: 150px; padding: 6px 0 0; background: none; }
  .skyla__zingsnis { inset: 6px 0 auto 0; }
  .skyla__zingsnis p { font-size: 13px; }
  .skyla__scena { order: 2; height: 100%; min-height: 0; }
  .skyla__plotas { left: 0; right: 0; }
  .sud__pasirinkimas { position: static; }
  .sud__myg { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sud__myg button { min-height: 30px; font-size: 11px; }
  .skyla--sudetis .skyla__zingsniai { min-height: 96px; }
  .skyla--sudetis .skyla__zingsnis[data-teiginys="sud-8"] p { display: none; }
}
/* Telefonas stačiai: objektas VIRŠ teksto, ne po juo. Tikras matomas aukštis su naršyklės juostomis — apie 550–780 px, ne visas ekranas: tekstas
   užlipdavo ant Lietuvos (Lauryno iPhone, 2026-10-31), o mažame ekrane — ir po viršutine juosta. Kitur vaizdas — fonas, tekstui saugi viršaus paraštė. */
@media screen and (max-width: 900px) and (max-aspect-ratio: 4/5) {
  .titulas__tekstas { padding-top: calc(var(--juosta) + 16px); }
  .planeta, .titulas--ekranas, .titulas--brezinys, .titulas--desine, .titulas--pastatas { display: block; min-height: 0; }
  .planeta::after, .titulas--ekranas::after, .titulas--brezinys::after, .titulas--desine::after, .titulas--pastatas::after { display: none; }
  .planeta__media, .titulas--ekranas .titulas__media, .titulas--brezinys .titulas__media, .titulas--desine .titulas__media, .titulas--pastatas .titulas__media { position: relative; inset: auto; z-index: 0; opacity: 1; }
  .planeta__media { height: max(210px, min(62vw, 42svh)); }
  .planeta__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, #000 0, transparent 22%), linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent 30%); }
  .lt3d picture, .lt3d-plakatas { object-position: 50% 11%; }
  .planeta__tekstas { padding: 8px 20px 56px; background: none; }
  .titulas--ekranas .titulas__media { height: auto; padding: calc(var(--juosta) + 4px) 16px 0; background: none; }
  .titulas--ekranas .kompozicija { position: relative; inset: auto; }
  .titulas--ekranas .kompozicija__ekranas { position: relative; inset: auto; width: 100%; }
  .titulas--brezinys .titulas__media { height: auto; padding: calc(var(--juosta) + 4px) 12px 0; }
  .titulas--brezinys .brezinys { margin-bottom: 0; }
  .titulas--desine .titulas__media, .titulas--pastatas .titulas__media { height: max(280px, min(84vw, 48svh)); }
  .titulas--pastatas img { object-position: 50% 96%; }   /* matosi rūsys, apie kurį puslapis */
  .titulas--pastatas .titulas__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, #000 0, transparent 24%), linear-gradient(180deg, rgba(0, 0, 0, .55) 0, transparent 30%); }
  .titulas--ekranas .titulas__tekstas, .titulas--brezinys .titulas__tekstas, .titulas--desine .titulas__tekstas, .titulas--pastatas .titulas__tekstas { padding: 20px 20px 64px; }
  .titulas--kontaktai::after { background: linear-gradient(180deg, rgba(0, 0, 0, .74) 0, rgba(0, 0, 0, .68) 70%, #000 100%); }   /* tekstas neina per ryškias šviesas */
}
@media (min-width: 421px) and (max-width: 480px) { .planeta h1 { font-size: 40px; } }   /* didelis telefonas: „Tokia, kokios norite.“ vienoje eilutėje */
@media print {
  @page { margin: 16mm 14mm; }
  :root { color-scheme: light !important; }
  html, body { background: #fff !important; color: #000 !important; font-size: 11pt; }
  .juosta, .meniu-mygtukas, .zemyn, .zymekliai, .lt3d-drobe, .lt3d-zymes, .filtrai, .istorija__mygtukai, .schema__eiga, .praleisti, [data-spausdinti],
  .mygtukas svg, .prisijungti { display: none !important; }
  .spaudai { display: flex !important; align-items: center; gap: 10px; padding-bottom: 10px; margin-bottom: 18px; border-bottom: 1px solid #999; font: 700 14pt/1 var(--f-antr); }
  .spaudai img { width: 28px; height: 28px; }
  .spaudai span { margin-left: auto; font: 400 9pt/1.3 var(--f-mono); color: #444; }
  section, .galimybes, .apacia, .pabaiga { min-height: 0 !important; height: auto !important; padding: 10mm 0 !important; background: #fff !important; color: #000 !important;
    break-inside: avoid; display: block !important; }
  .istorija { height: auto !important; }
  .istorija__langas { position: static !important; display: block !important; height: auto !important; padding: 0 !important; }
  .istorija__zingsnis { display: block !important; }
  .istorija__vaizdai { display: none !important; }
  .titulas__media, .ekranas__media, .apzvalga__objektas, .planeta__media, .brezinio__vaizdas, .prietaisai { position: relative !important; inset: auto !important;
    width: 100% !important; height: 70mm !important; margin: 0 0 6mm !important; }
  .dreifas { animation: none !important; transform: none !important; }
  .titulas::after, .ekranas::before, .apzvalga::before, .apzvalga::after, .planeta::after, .ekranas__media::after, .juosta::before { display: none !important; }
  .titulas__tekstas, .ekranas__tekstas, .apzvalga__tekstas, .planeta__tekstas, .brezinio__tekstas { margin: 0 !important; padding: 0 !important; width: auto !important; }
  h1, h2, h3, p, li, td, th, .zyma, .ivadas, .blanku, .pastaba { color: #000 !important; }
  h1 { font-size: 30pt; } h2 { font-size: 20pt; }
  .lentele th, .lentele td { border-color: #999 !important; }
  .js .atsiranda, .js .iskyla-1, .js .iskyla-2, .js .iskyla-3 { opacity: 1 !important; transform: none !important; animation: none !important; }
  .skyla { height: auto !important; padding: 10mm 0 !important; }
  .skyla__langas { position: static !important; display: block !important; height: auto !important; padding: 0 !important; overflow: visible !important; background: #fff !important; }
  .skyla__tekstai { display: block !important; padding: 0 !important; background: none !important; }
  .planeta__tekstas { background: none !important; }
  [data-scenarijai] { background: none !important; }
  .scenarijus .naudoja span { color: #333 !important; border-color: #999 !important; }
  .skyla__scena, .sud__pasirinkimas, .skyla__praleisti, .skyla__langas::after { display: none !important; }
  .kompozicija__ekranas, .kompozicija__plansete, .kompozicija__telefonas, .ekrano-kadras, .ekrano-rem { transform: none !important; opacity: 1 !important; }
  .sud-rinkinys, .kryptys__su-vaizdu { display: block !important; }
  .sud-rinkinys__scena, .pareigos, .klausimai__skirtukai { display: none !important; }
  .sud-rinkinys .sud__pasirinkimas { display: none !important; }
  .klausimai__grupe, .klausimai__grupe[hidden] { display: block !important; background: #fff !important; border: 0 !important; padding: 0 !important; margin-top: 4mm !important; }
  .zinutes ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* „Atsispausdinti santrauką“: bazė, ko reikia iš jūsų, bandymo eiga, kontaktas */
  html.santrauka main > *:not(.titulas):not(#baze):not(#ko-reikia):not(#bandymas):not(.pabaiga) { display: none !important; }
  html.santrauka .titulas__media, html.santrauka .titulas .mygtukai, html.santrauka .titulas .zemyn { display: none !important; }
  html.santrauka .titulas { display: block !important; min-height: 0 !important; }
  html.santrauka .titulas__tekstas { padding: 0 !important; }
  html.santrauka h1 { max-width: none !important; width: auto !important; font-size: 18pt !important; }
  html.santrauka h1 br { display: none; }
  html.santrauka .spaudai { display: block !important; margin-top: 3mm; font-weight: 600; color: #000 !important; }
  html.santrauka .kryptys__vaizdas { display: none !important; }
  html.santrauka .pabaiga::before { display: none !important; }
  html.santrauka section { padding: 2mm 0 !important; }
  html.santrauka #baze > p:last-of-type, html.santrauka #ko-reikia .ivadas { display: none !important; }
  html.santrauka .pabaiga .mygtukai { margin-top: 1mm !important; }
  html.santrauka .ikona, html.santrauka .pabaiga .zyma { display: none !important; }
  html.santrauka h2 { font-size: 17pt !important; margin-top: 2mm !important; }
  html.santrauka .ivadas { margin-top: 2mm !important; font-size: 10pt !important; }
  html.santrauka .kryptys ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 3mm 8mm !important; margin-top: 3mm !important; }
  html.santrauka .kryptis h3, html.santrauka .zingsnis h3 { font-size: 11pt !important; margin-top: 0 !important; min-height: 0 !important; }
  html.santrauka .kryptis p, html.santrauka .zingsnis p { font-size: 9.5pt !important; line-height: 1.35 !important; margin-top: 1mm !important; max-width: none !important; }
  html.santrauka .zingsniai { margin-top: 3mm !important; }
  html.santrauka .zingsnis { padding-bottom: 2.5mm !important; }
  html.santrauka #bandymas .zyma, html.santrauka #bandymas h2 { break-after: avoid; }
  html.santrauka .zingsniai { display: grid !important; gap: 3mm !important; }
  html.santrauka #baze .zingsniai { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  html.santrauka #bandymas .zingsniai { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  html.santrauka .zingsniai::before, html.santrauka .zingsnis::before { display: none !important; }
  html.santrauka .zingsnis { padding: 0 !important; }
  .skyla__zingsniai { min-height: 0 !important; padding: 0 !important; background: none !important; }
  .skyla__zingsnis h3, .skyla__zingsnis p, .skyla__tekstai h2, .skyla__tekstai .zyma { color: #000 !important; }
  .skyla__zingsnis { position: static !important; opacity: 1 !important; transform: none !important; margin-top: 3mm; break-inside: avoid; }
  .klausimas, .kryptis, .zingsnis { break-inside: avoid; }
  .klausimas p, .zodynas dd { color: #000 !important; }
  .klausimas h4, .zodynas dt { color: #000 !important; }
  .kryptys__pogalve, .klausimai__grupe > h3 { color: #000 !important; border-color: #999 !important; }
  .mygtukas { border: 0 !important; background: none !important; color: #000 !important; padding: 0 !important; min-height: 0 !important; margin-top: 8px !important; }
  a[href^="/"]:not(.logotipas)::after { content: " — manolt.lt" attr(href); font: 400 8pt/1 var(--f-mono); color: #555; }
  .galimybes li a::after { content: none !important; }
  .scenarijus, .irenginys, .situacija { background: #fff !important; break-inside: avoid; flex: none !important; border: 1px solid #ccc !important; }
  .brez-atv .atvaizdas { opacity: 1 !important; box-shadow: none !important; }
  .situacijos__sarasas { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; margin: 0 !important;
    padding: 0 !important; gap: 4mm !important; background: none !important; border: 0 !important; }
  .situacija dt, .situacija dd, .problema__su, .problemos__galva span { color: #000 !important; }
  .problema__siandien, .problema h3 .nr { color: #444 !important; }
  .problema, .problemos__galva { border-color: #999 !important; break-inside: avoid; }
  .problema::before { background: #999 !important; transform: none !important; }
  .problema::after { background: #000 !important; box-shadow: none !important; opacity: 1 !important; }
  .situacija svg.ikona { color: #000 !important; }
  .scenarijai ul, .irenginiai ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important;
    margin: 0 !important; padding: 0 !important; gap: 4mm !important; }
  .kryptys ul, .galimybes ol { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 4mm !important; }
  section, .galimybes { break-inside: auto !important; }
  .kryptis, .zingsnis, .lentele tr { break-inside: avoid; }
  .scenarijai ul, .irenginiai ul { background: #ccc !important; }
  .brezinys, .scenarijus svg.ikona, .kryptis svg.ikona { color: #000 !important; }
  .brezinys .t { fill: #333 !important; }
  .brezinys .t2 { fill: #000 !important; }
  .js .piesiamas .l, .js .piesiamas .l2 { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
  .js .piesiamas .t, .js .piesiamas .t2, .js .piesiamas .sv, .js .piesiamas .uzp { opacity: 1 !important; }
  .apacia { border-top: 1px solid #999 !important; color: #333 !important; }
  .apacia a { color: #333 !important; }
}
.gyv__kasdien { max-width: 46rem; margin: 28px auto 0; padding: 0; list-style: none; }