/* ═══════════════ TITULINIS v4 · 2026-10-19 ═══════════════
   Mantas: „kuo mažiau AI“, spalvų ritmas kaip dizinios.lt (ne kopija):
   mėlynas viršus → balta → mėlyna juosta → balta → mėlyna apačia.
   Redakcinė tipografija (serif antraštės), plonos linijos vietoj kortelių,
   turinys matomas be slinkimo animacijų. Turinys ir logika – tie patys (tekstai.js, puslapis.js). */

:root{
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --navy:#0C1B3A; --t1:#0C1B3A; --t2:#081329; --t3:#0F2247;
  --paper:#FFFFFF; --mist:#F4F6F9; --mist-2:#E6EAF0;
  --ink:#0C1B3A; --ink-2:#414C63; --ink-3:#5E6880;
  --acc:#8FB0F0; --acc-2:#C3D4F7; --acc-ink:#1F4FB8;
  --ll:rgba(12,27,58,.1); --ll-2:rgba(12,27,58,.2);
  --r-xl:14px; --r-l:12px; --r-m:10px;
  --sec:clamp(56px,5.4vw,84px);
  --f6:clamp(32px,3.6vw,52px);
  --nav-h:60px;
}
body{background:var(--paper)}

/* šviesūs skyriai: tamsiems skirti komponentai persidažo per kintamuosius */
.v4l{
  --on:var(--ink); --on-2:var(--ink-2); --on-3:var(--ink-3);
  --card:#FFFFFF; --card-2:var(--mist);
  --ld:var(--ll); --ld-2:var(--ll-2);
  --acc:var(--acc-ink); --acc-2:var(--acc-ink);
  background:var(--paper); color:var(--ink);
}
.v4l + .v4l{border-top:1px solid var(--ll)}
#durys,#keliai,#konsultacija,#komanda{background:var(--mist)}
#durys + #kodel,#keliai + #mokymai,#konsultacija + #sarasas,#komanda + #duk{border-top:0}

/* ── tipografija: serif antraštės, ramus tekstas ── */
.h1,.h2,.h3l,.fact .n{font-family:var(--serif);font-weight:600;letter-spacing:-.018em}
.h1{font-size:clamp(40px,5.6vw,84px);line-height:1.02;font-weight:600}
.h2{line-height:1.06}
.h2 em,.h1 em{font-style:italic;font-weight:500}
.lt .h2 em::after{display:none}
.dk .h2 em,.h1 em{color:var(--acc-2)}
.v4l .h2 em{color:var(--acc-ink)}
.h3l{font-size:clamp(24px,2.2vw,30px);line-height:1.12}
.lbl{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.lbl::before{width:22px;background:currentColor;opacity:.5}
.lead{max-width:40em}

/* ── mygtukai: kampuoti, be „burbulo“ ── */
.btn{border-radius:10px;min-height:50px;padding:0 18px 0 22px;gap:12px;font-weight:600}
.btn .ic{width:auto;height:auto;background:none!important;border-radius:0}
.btn svg{width:14px;height:14px}
.btn.sm{min-height:44px;padding:0 14px 0 18px}
.btn.sm .ic{width:auto;height:auto}
.hero-cta .btn{min-height:54px;padding:0 20px 0 26px}
.hero-cta .btn .ic{width:auto;height:auto}
.b-light .ic{color:var(--navy)}
.b-dark .ic{color:var(--paper)}
.b-ghost .ic{color:currentColor}
.chip{border-radius:6px;padding:5px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em}

/* ── navigacija: pilno pločio juosta, ne plūduriuojanti kapsulė ── */
.nav{top:0;left:0;transform:none;width:100%;height:var(--nav-h);border-radius:0;padding:0 max(var(--gut),env(safe-area-inset-right)) 0 max(var(--gut),env(safe-area-inset-left));background:rgba(8,19,41,.96);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.nav.is-light{background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--ll)}
.nav-fonas{display:none}
.nav-cta{border-radius:8px;min-height:40px;padding:0 16px}
.gr>button,.nav-g>a{border-radius:8px}
.gr-s{border-radius:12px}
.gr-s a{border-radius:8px}
.burger{border-radius:8px;width:44px;height:44px}
.mark{border-radius:8px}
.rez{top:calc(var(--nav-h) + 10px);border-radius:10px}
.rez button{border-radius:8px}
html{scroll-padding-top:76px}

/* ── viršus: žemesnis, turinys iškart matomas ── */
.hero{min-height:0}
.hero-in{min-height:0;padding:clamp(120px,14vh,150px) var(--gut) 0}
.hero-copy{margin:0;padding:clamp(16px,4vh,48px) 0 0}
.hero-low{margin-top:clamp(48px,7vh,72px)}
.cue{display:none}
.stage::after{display:none}
.pran{padding:20px 0 28px}
.pran .go{border-radius:8px}
.pran .go i{border-radius:6px;width:30px;height:30px}

/* ── skaičiai: lapas be užapvalinimo ── */
.sheet{border-radius:0;margin-top:0}
.fact .n{font-weight:600}
.fact .n sup{color:var(--acc-ink)}

/* ── visur: mažiau apvalumo ── */
[class*="kort"],.card,.pk,.prog,.vk,.kk,.dz,.lang-d{border-radius:var(--r-l)}

@media (max-width:640px){
  .h1{font-size:clamp(34px,10vw,44px)}
  .hero-in{padding-top:96px}
}

/* ── šviesiuose skyriuose: tamsios „ekrano“ dalys lieka tamsios (DI Žinios, darbo sistema) ── */
.v4l .dz,.v4l .scene{--on:#F4F6FA;--on-2:rgba(244,246,250,.8);--on-3:rgba(244,246,250,.66);--card:#13244A;--ld:rgba(244,246,250,.12);--ld-2:rgba(244,246,250,.22);--acc:#8FB0F0;--acc-2:#C3D4F7}
.v4l .dz a{background:var(--navy);border-radius:var(--r-xl);box-shadow:none}
.v4l .scene{background:var(--navy);box-shadow:none}

/* ── programų kortelės: balta, plona linija, be šešėlio ── */
.v4l .pf{background:var(--paper);box-shadow:inset 0 0 0 1px var(--ll-2);min-height:260px}
.v4l .pf:hover{transform:none;box-shadow:inset 0 0 0 1px var(--navy)}
.v4l .pf h4{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}
.v4l .pf .op i{background:var(--navy);color:var(--paper);border-radius:8px;width:30px;height:30px}
.v4l .flag{background:var(--navy);color:var(--paper);border-radius:4px}

/* ── permatomi „stiklo“ fonai šviesiame fone → ramus pilkas ── */
.v4l .kb,.v4l .kp,.v4l .pbt,.v4l .cd div,.v4l .kick,.v4l .kp-x{background:var(--mist)}
.v4l .kb:hover,.v4l .pbt:hover{background:var(--mist-2)}
.v4l .kel-pan,.v4l .pb-pan,.v4l .up{background:var(--paper);box-shadow:inset 0 0 0 1px var(--ll-2)}
#durys .door{box-shadow:inset 0 0 0 1px var(--ll-2)}
.v4l .steps li i{background:var(--paper)}

/* ── skyrių žymės: viena forma visur (mono, plona linija), ne kapsulės ── */
.kick,.v4l .kick{display:inline-flex;align-items:center;gap:12px;padding:0;border-radius:0;background:none!important;box-shadow:none!important;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-3)}
.kick::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}

/* ── komanda: nuotraukos be didelio apvalumo ir šešėlio ── */
.pp .ph{border-radius:10px!important;box-shadow:none!important}
.v4l .pp .rl{color:var(--acc-ink)}

/* ── DI Žinių kortelė ── */
.dz .tx h3,.dz .tx [id="dzPavad"]{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}
.dz .go i{border-radius:8px;width:32px;height:32px}
.prg summary .pm{border-radius:8px}

/* ═══════ 2 ratas (kritikai PC + mob, 5/10) ═══════ */
/* šviesioji dalis – visa balta, skiria tik plona linija (ne pilka/balta juostos) */
#durys,#keliai,#konsultacija,#komanda{background:var(--paper)}
.v4l + .v4l{border-top:1px solid var(--mist-2)}
.v4l.pad{padding:clamp(52px,5vw,76px) 0}

/* žymės: ramus Geist, be brūkšnio ir be mono */
.lbl,.kick,.v4l .kick{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink-3)}
.dk .lbl,.dk .kick{color:var(--on-3)}
.lbl::before,.kick::before{display:none}

/* numeriai: ne mėlynas mono, o serif teksto spalva; ne žingsnių sąrašuose – be numerių */
.tz i,.steps li i,.aud ol i,.vc li i,.tier-h .no,.st .n{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink)}
.dk .tz i,.dk .steps li i,.dk .vc li i{color:var(--on)}
.steps li i{box-shadow:inset 0 0 0 1px var(--ll-2);width:28px;height:28px}
.blk i{display:none}
.kb i{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink-3)}
.blk li{grid-template-columns:1fr}
.blk span{grid-column:1}
.prg ol li::before,.nl li::before{font-family:var(--serif);color:var(--ink);font-weight:600}

/* „Įrankių netrūksta“: dekoratyvi schema lauk, tekstas redakciškai šalia antraštės */
#kodel .scene{display:none}
#kodel .prob-txt,#kodel .prob-l{align-self:start}
@media (min-width:1024px){
  #probW{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(40px,6vw,96px);align-items:start}
  #probW>.prob-blk{grid-column:1/-1}
  #kodel .prob-grid{margin-top:0;grid-template-columns:minmax(0,1fr)!important}
}

/* DI Žinios – šviesi kortelė, ne tamsus intarpas */
.v4l .dz{--on:var(--ink);--on-2:var(--ink-2);--on-3:var(--ink-3);--card:var(--mist)}
.v4l .dz a{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ll-2)}
.v4l .dz .go i{background:var(--navy);color:var(--paper)}
.v4l .dz .k .chip{background:var(--navy);color:var(--paper)}

/* programos: antraštė viršuje, ne apačioje */
.prog-head{align-items:start}
.tier-h{min-width:0}.tier-h .nm{min-width:0}.tier-h .bars{display:none}

/* kampai: 6 valdikliams, 10 kortelėms; žymos be fono */
:root{--r-xl:10px;--r-l:10px;--r-m:6px}
.btn,.nav-cta,.kb,.pbt,input,textarea,.ijb,.pran .go,.gr>button,.nav-g>a{border-radius:6px}
.chip,.v4l .chip{background:none!important;padding:0;border-radius:0;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--acc-ink)}
.dk .chip{color:var(--acc-2)}
.chip + .chip::before{content:"·";margin-right:8px;color:var(--ink-3)}

/* vebinarai: kairė kortelė prilimpa, miniatiūros ramesnės */
@media (min-width:1024px){#vebinarai .up{position:sticky;top:84px;align-self:start}}
#vebinarai img{filter:saturate(.72) contrast(.98)}

/* tipografija lietuviškoms raidėms */
.h2{line-height:1.1}
@media (max-width:640px){.h2{line-height:1.12}.h1{line-height:1.05}}

/* formų varnelės – 44px eilutė */
.sut{min-height:44px;align-items:center}

/* 280–340 px: viršuje tik logotipas ir meniu */
@media (max-width:340px){.nav-cta{display:none}.nav .burger{margin-left:auto}}

/* ═══════ 3 ratas (kritikas PC 6,5) ═══════ */
.v4l .dz .chip,.v4l .dz .k .chip{color:var(--acc-ink)!important}
/* pilki kortelių fonai → tik linija */
.v4l .kb,.v4l .pbt,.vaid,.v4l .kp{background:none!important;border-radius:0;border-bottom:1px solid var(--mist-2);padding-left:0;padding-right:0}
.v4l .kb:hover,.v4l .pbt:hover{background:none!important}
.v4l .kb:hover b,.v4l .pbt:hover b{text-decoration:underline;text-underline-offset:3px}
.v4l .pbt[aria-selected="true"],.v4l .pbt[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--navy);padding-left:14px}
.vaid{padding:16px 0;border-top:1px solid var(--mist-2)}
/* numeracija tik tikruose žingsniuose: kelio pasirinkimas, „Kaip vyksta“, „Trys žingsniai“ */
.nl li::before{display:none}
.steps::before,.steps li i{display:none}
.steps li{grid-template-columns:1fr}
/* sekcijos atsiskiria erdve */
.v4l.pad{padding:clamp(64px,6.4vw,104px) 0}

/* ═══════ 4 ratas (kritikas mob 6,5) ═══════ */
/* mėlynas kursyvas – tik pagrindinėje antraštėje */
.h2 em,.v4l .h2 em,.dk .h2 em{font-style:normal;font-weight:inherit;color:inherit}
/* vebinarų sąrašas: trukmė prie pavadinimo */
.rec{row-gap:4px}
.rec .t,.rec .meta,.rec small{line-height:1.35}

/* ═══════ 5 ratas: Manto „taip“ – sujungti skyriai, viršus be stock nuotraukos ═══════ */
/* viršus: tik tipografija ant gilaus mėlyno, švelnus šviesos taškas ir grūdėtumas */
.stage{background:radial-gradient(70% 90% at 85% 10%,#16305f 0%,rgba(22,48,95,0) 60%),linear-gradient(180deg,#0A1834 0%,#081329 100%)}
.stage::before{background:none}
.stage::after{display:block;content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-in{padding-top:clamp(116px,13vh,140px)}
.hero-copy{max-width:1040px}
#pabaiga::before,#pabaiga::after{background-image:none!important}

/* sujungtas skyrius: galva (#durys) + keliai (#keliai) – viena visuma */
#durys.pad{padding-bottom:0}
#keliai{border-top:0!important}
#keliai.pad{padding-top:clamp(28px,3vw,40px)}
.k4-h{max-width:760px}
.k4-sau{display:grid;gap:6px;max-width:640px;margin-bottom:22px}
.k4-k{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-ink)}
.k4-sau p:last-child{color:var(--ink-2)}
.k4-ver{margin-top:clamp(28px,3vw,40px);display:grid;grid-template-columns:1fr;gap:18px;padding:24px 0;border-top:1px solid var(--ll-2);border-bottom:1px solid var(--ll-2)}
.k4-ver p:not(.k4-k){color:var(--ink-2);margin-top:6px;max-width:44ch}
.k4-ver ul{display:grid;gap:8px}
.k4-ver li{display:flex;gap:10px;align-items:flex-start;font-size:var(--f2)}
.k4-ver .chk{color:var(--acc-ink)}
.k4-ver .btn{justify-self:start}
@media (min-width:1024px){.k4-ver{grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;align-items:center;gap:40px}}
#keliai .dur-foot{margin-top:20px}
#vaid{display:none}

/* vebinarų viršeliai: ramūs, dviejų tonų */
#vebinarai .duo img{filter:grayscale(1) contrast(1.08) brightness(.95)!important}
#vebinarai .duo::after{content:"";position:absolute;inset:0;background:#2F4F9C;mix-blend-mode:multiply;opacity:.5;pointer-events:none}
#vebinarai .feat:hover .duo img,#vebinarai .rec:hover .duo img{filter:none!important}
#keliai + #kodel{border-top:1px solid var(--mist-2)}

/* ═══════ 6 ratas: trumpiau (tik erdvė ir dydžiai, turinys tas pats) ═══════ */
.hero-low{margin-top:clamp(32px,5vh,52px)}
.hero-in{padding-top:clamp(108px,12vh,128px)}
/* DI Žinios – kompaktiška eilutė kaip laikraštyje */
.dz{margin-top:clamp(28px,3vw,40px)}
@media (min-width:768px){.dz a{grid-template-columns:240px minmax(0,1fr)!important}.dz .im{aspect-ratio:auto;min-height:100%}.dz .tx{padding:20px 28px!important;gap:8px!important}.dz .tx p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
.dz #dzPavad{font-size:clamp(20px,1.8vw,26px);line-height:1.2}
.facts-sec{padding:clamp(44px,4.4vw,64px) 0 clamp(44px,4.4vw,64px)}
/* pabaiga ir sekcijos – mažiau tuščio ploto */
.pab{padding:clamp(64px,6vw,96px) 0}
.v4l.pad,.dk.pad{padding:clamp(52px,5vw,84px) 0}
#vebinarai .feat .fm{aspect-ratio:16/7}

/* ═══════ 7 ratas (kritikas PC 7) ═══════ */
/* viršus: tipografija užpildo plotį, be švytėjimo */
.stage{background:linear-gradient(180deg,#0A1834 0%,#081329 100%)}
.h1{font-size:clamp(40px,7vw,108px);line-height:1}
.hero-copy{max-width:1200px}
/* „Tavo verslui“: pokalbis dešinėje nuo pat antraštės, be tuščio ploto */
@media (min-width:1024px){
  #verW{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,5vw,80px);row-gap:clamp(28px,3vw,40px);align-items:start}
  #verW .ver-a{grid-column:1;grid-row:1;grid-template-columns:1fr}
  #verW .ver-b{display:contents}
  #verW .ver-cols{grid-column:1;grid-row:2}
  #verW .aud{grid-column:2;grid-row:1/3;align-self:start;margin-top:0}
}
/* tarpas tarp kelio ir „Kodėl“ – vienas */
#keliai.pad{padding-bottom:clamp(44px,4vw,64px)}
#kodel.pad{padding-top:clamp(44px,4vw,64px)}
/* numeracija tik „Kaip vyksta“ */
.kb i,.tz i{display:none}
.kb{grid-template-columns:1fr 28px}
.kb b,.kb span{grid-column:1}
.tz li{grid-template-columns:1fr}
.tz b,.tz span{grid-column:1}
/* „Trys žingsniai“ mygtukas – aiškus */
.v4l .trys-f .btn.b-light{background:var(--navy);color:var(--paper);padding-left:18px}
.v4l .trys-f .btn.b-light .ic{color:var(--paper)}
/* vebinarų viršeliai – švaresnis dviejų tonų */
#vebinarai .duo img{filter:grayscale(1) contrast(1.12) brightness(.9)!important}
#vebinarai .duo::after{background:#0C1B3A;opacity:.55}
/* 280–340 px: ilgi programų pavadinimai neperskeliami per raidę */
@media (max-width:340px){.pf h4{font-size:24px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal}}

/* ═══════ 8 ratas: Mantas „negyvas puslapis“ – pirmas ekranas kaip laikraščio pirmas puslapis ═══════ */
.h1{font-size:clamp(40px,5.4vw,82px);line-height:1.02}
.hero-in{padding-bottom:0}
.h4g{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;padding-top:clamp(8px,2vh,24px)}
@media (min-width:1024px){.h4g{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.hero-copy{padding:0;margin:0;max-width:none}
.hero-low{display:none}

/* gyva lenta */
.hb{display:grid;gap:12px;animation:hbIn .8s cubic-bezier(.2,.8,.2,1) both .1s}
@keyframes hbIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hb-ev{position:relative;display:block;border-radius:12px;overflow:hidden;min-height:250px;color:#fff;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.hb-im{position:absolute;inset:0;z-index:-1}
.hb-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hb-ev:hover .hb-im img{transform:scale(1.04)}
.hb-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,19,41,.15) 0%,rgba(8,19,41,.55) 45%,rgba(8,19,41,.94) 100%)}
.hb-tx{display:grid;gap:4px;padding:18px 20px;min-height:250px;align-content:end}
.hb-tx .k{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-2)}
.hb-tx .k i{width:7px;height:7px;border-radius:50%;background:#7CF0B0;box-shadow:0 0 0 0 rgba(124,240,176,.6);animation:gyvas 2s infinite}
@keyframes gyvas{0%{box-shadow:0 0 0 0 rgba(124,240,176,.55)}70%{box-shadow:0 0 0 9px rgba(124,240,176,0)}100%{box-shadow:0 0 0 0 rgba(124,240,176,0)}}
.hb-tx>b{font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.015em}
.hb-tx .t{font-size:14.5px;color:rgba(244,246,250,.82)}
.hb-cd{display:flex;gap:6px;margin-top:10px}
.hb-cd>span{display:grid;justify-items:center;min-width:52px;padding:7px 6px 5px;border-radius:6px;background:rgba(8,19,41,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.hb-cd b{font-family:var(--mono);font-weight:500;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.1}
.hb-cd small{font-size:11px;color:rgba(244,246,250,.7)}
.hb-ev .go{position:absolute;right:16px;bottom:18px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:6px;background:#fff;color:var(--navy);font-weight:600;font-size:14.5px}
.hb-ev .go svg{width:13px;height:13px}
.hb-rec{border-radius:12px;padding:10px 14px 6px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.hb-h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,246,250,.6);padding:2px 0 6px}
.hb-r{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);text-align:left;color:var(--on)}
.hb-r .duo{position:relative;inset:auto;width:72px;aspect-ratio:16/10;border-radius:6px;overflow:hidden}
.hb-r .duo img{filter:grayscale(1) contrast(1.1) brightness(.92)}
.hb-r .duo::after{content:"";position:absolute;inset:0;background:#0C1B3A;mix-blend-mode:multiply;opacity:.45}
.hb-r:hover .duo img{filter:none}
.hb-r b{display:block;font-weight:600;font-size:14.5px;line-height:1.3}
.hb-r small{font-size:12.5px;color:rgba(244,246,250,.62)}
.hb-r:hover b{text-decoration:underline;text-underline-offset:3px}
/* DI Žinios lentoje – vienos eilutės antraštė */
.hb .dz{margin:0}
.hb .dz a{grid-template-columns:72px minmax(0,1fr)!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;border-radius:12px;color:var(--on)}
.hb .dz .im{aspect-ratio:auto;min-height:72px}
.hb .dz .tx{padding:10px 14px!important;gap:2px!important}
.hb .dz .tx p,.hb .dz .go{display:none}
.hb .dz #dzPavad{font-family:inherit;font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb .dz .chip{color:var(--acc-2)!important}
.hb .dz time{font-size:12px;color:rgba(244,246,250,.6)}

/* skaičiai – viršaus apačioje, kaip laikraščio juosta */
.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(36px,5vh,56px);border-top:1px solid rgba(255,255,255,.14)}
@media (min-width:768px){.hero-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hero-facts .fact{padding:18px 16px 26px 0;border:0}
.hero-facts .fact + .fact{padding-left:16px;border-left:1px solid rgba(255,255,255,.12)}
@media (max-width:767px){.hero-facts .fact:nth-child(3){padding-left:0;border-left:0}.hero-facts .fact:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}
.hero-facts .n{font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.2vw,46px);line-height:1;color:#fff}
.hero-facts .n sup{color:var(--acc-2)}
.hero-facts .l{margin-top:6px;font-size:14px;color:rgba(244,246,250,.7)}

/* „Tavo verslui“ → viena konsultacija */
.ver-go{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
@media (min-width:1024px){#verW .ver-go{grid-column:2;grid-row:1;align-self:end}}
.aud4{margin-top:24px;padding:20px 0;border-top:1px solid var(--ll-2);border-bottom:1px solid var(--ll-2);display:grid;gap:6px}
.aud4 p:not(.k4-k){color:var(--ink-2)}
.aud4 .act{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:8px}
.aud4 .act>span{font-size:13.5px;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){.hb{animation:none}.hb-tx .k i{animation:none}}

/* ═══════ 9 ratas: tikros mokymų nuotraukos (Mantas 10-19) ═══════ */
.hb-foto{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.hb-foto img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
/* renginys – kompaktiška gyva kortelė be dirbtinio vaizdo */
.hb-ev{min-height:0;background:rgba(255,255,255,.05)}
.hb-tx{min-height:0;padding:16px 18px 18px;align-content:start}
.hb-tx>b{font-size:clamp(22px,1.9vw,28px)}
.hb-ev .go{bottom:auto;top:16px}
@media (max-width:420px){.hb-ev .go{position:static;justify-self:start;margin-top:10px}}
.hb-ev:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3)}
/* „Kodėl Academy“ – tikra salės nuotrauka */
#kodel .prob-vis{display:block}
.prob-foto{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:4/5;max-height:560px}
.prob-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
@media (min-width:1024px){
  #probW{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  #probW>.sec-head{grid-column:1;grid-row:1}
  #kodel .prob-grid{display:contents}
  #kodel .prob-txt{grid-column:1;grid-row:2;max-width:36em;align-self:start}
  #kodel .prob-vis{grid-column:2;grid-row:1/3;align-self:start}
}

/* ═══════ 10 ratas (kritikas PC 7,5) ═══════ */
/* viršus telpa į ~900px: žemesnė nuotrauka, kairė vidury */
.hb-foto{aspect-ratio:16/9}
@media (min-width:1024px){.h4g{align-items:center}.hb{gap:10px}.hb-rec{padding:6px 14px 2px}.hb-r{padding:6px 0}.hb-tx{padding:14px 16px 16px}}
.hero-facts{margin-top:clamp(28px,4vh,44px)}
.hero-facts .fact{padding:14px 16px 20px 0}
/* „Kodėl“ – nuotrauka per visą stulpelį, tekstas po antrašte */
.prob-foto{aspect-ratio:4/5;max-height:none;width:100%}
#kodel .prob-txt{margin-top:0}
/* „Tavo verslui“ – vienas stulpelis, be tuščio dešiniojo krašto */
@media (min-width:1024px){
  #verW{grid-template-columns:minmax(0,1fr)}
  #verW .ver-a{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(40px,5vw,80px);align-items:end}
  #verW .ver-cols{grid-row:2}
  #verW .ver-go{grid-column:1;grid-row:3;align-self:start}
}
@media (min-width:1024px){#probW{grid-template-rows:auto 1fr}#kodel .prob-txt{margin-top:28px}}
/* ═══════ 11 ratas (kritikas mob 7,5) ═══════ */
@media (max-width:640px){
  .h1{font-size:clamp(34px,10.4vw,44px);line-height:1.04}
  .hb-rec,.hb .dz{display:none}
  .h4g{gap:24px}
}
.rec small{white-space:nowrap}
@media (max-width:340px){.rec small{white-space:normal}}

/* ═══════ 12 ratas: Mantas atmetė demo 3 – pilno pločio gyvas fonas, perpus mažesni tarpai, auditas atgal ═══════ */
/* 1. viršus: tikra mokymų nuotrauka per visą plotį, tamsus perdengimas, lėtas Ken Burns */
.stage{background:#081329}
.bg{display:block;inset:0}
.bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%;transform-origin:68% 45%}
@media (prefers-reduced-motion:no-preference){.bg img{animation:kenBurns 28s ease-in-out infinite alternate}}
@keyframes kenBurns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.stage::before{display:block;content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(8,19,41,.94) 0%,rgba(8,19,41,.82) 38%,rgba(8,19,41,.45) 68%,rgba(8,19,41,.35) 100%),
  linear-gradient(180deg,rgba(8,19,41,.55) 0%,rgba(8,19,41,0) 22%,rgba(8,19,41,0) 70%,rgba(8,19,41,.92) 100%)!important}
.stage::after{z-index:2}
@media (max-width:1023px){.stage::before{background:linear-gradient(180deg,rgba(8,19,41,.7) 0%,rgba(8,19,41,.82) 40%,rgba(8,19,41,.9) 70%,#081329 100%)!important}.bg img{object-position:55% 30%}}
.hb-ev,.hb-rec,.hb .dz a{background:rgba(8,19,41,.62)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-in{padding-top:clamp(96px,11vh,120px)}
/* 2. tarpai – perpus */
.v4l.pad,.dk.pad{padding:clamp(32px,3.2vw,52px) 0}
#durys.pad{padding-bottom:0}
#keliai.pad{padding-top:18px}
.pab{padding:clamp(40px,4vw,64px) 0}
.sec-head{gap:12px}
.kel-grid,.prob-grid,.tiers,.veb-grid,.ver-b,.kons-grid,.duk-grid,.ppl{margin-top:clamp(18px,2vw,28px)!important}
.prob-blk{margin-top:clamp(20px,2.4vw,32px)}
.k4-ver{margin-top:20px}
.foot{padding-top:clamp(36px,4vw,56px)}
@media (max-width:640px){.v4l.pad,.dk.pad{padding:28px 0}.pab{padding:36px 0}.h4g{gap:18px}}
/* 3. „Tavo verslui“: pažintinis pokalbis (auditas) dešinėje kaip gyvai */
@media (min-width:1024px){
  #verW{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  #verW .ver-a{grid-column:1;grid-row:1}
  #verW .ver-cols{grid-column:1;grid-row:2}
  #verW .aud{grid-column:2;grid-row:1/3;align-self:start;margin-top:0}
}
.aud ol{display:grid;gap:0;margin:14px 0}
.aud ol li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;padding:10px 0;border-top:1px solid var(--ll)}
.aud ol li i{grid-row:1/3;font-style:normal;font-family:var(--serif);font-weight:600;color:var(--ink)}
.aud ol li span{font-size:var(--f2);color:var(--ink-2)}
.aud .act{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.aud .act>span{font-size:13.5px;color:var(--ink-3)}
.aud{padding:24px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--ll-2);background:var(--paper)}
/* stipresnis vaizdas: perdengimas tik ten, kur tekstas */
.stage::before{background:
  linear-gradient(90deg,rgba(8,19,41,.92) 0%,rgba(8,19,41,.78) 34%,rgba(8,19,41,.32) 62%,rgba(8,19,41,.12) 100%),
  linear-gradient(180deg,rgba(8,19,41,.5) 0%,rgba(8,19,41,0) 18%,rgba(8,19,41,0) 72%,rgba(8,19,41,.9) 100%)!important}
.bg img{filter:saturate(.9) contrast(1.04)}
@media (max-width:1023px){.stage::before{background:linear-gradient(180deg,rgba(8,19,41,.45) 0%,rgba(8,19,41,.72) 30%,rgba(8,19,41,.86) 60%,#081329 100%)!important}}
/* lenta – juosta viršaus apačioje (kaip laikraščio pirmo puslapio apačia), nuotrauka dešinėje lieka atvira */
@media (min-width:1024px){
  .h4g{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vh,44px)}
  .hero-copy{max-width:660px}
  .h1{font-size:clamp(44px,5vw,76px)}
  .hb{grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,1fr);gap:12px;align-items:stretch}
  .hb>*{min-width:0}
  .hb-ev .go{position:static;justify-self:start;margin-top:10px;height:36px}
  .hb-tx{gap:2px}
  .hb-tx>b{font-size:24px}
  .hb-cd{margin-top:8px}.hb-cd>span{min-width:46px;padding:5px 4px 4px}.hb-cd b{font-size:17px}
  .hb .dz{display:block}.hb .dz a{height:100%;grid-template-columns:1fr!important;grid-template-rows:96px auto}
  .hb .dz .im{min-height:96px}
}
.bg img{object-position:70% 45%}
/* 13 ratas (kritikas PC 7,5): DI Žinios be paveikslėlio, viršus žemesnis, verslo antraštė plati */
@media (min-width:1024px){
  .hb .dz a{grid-template-rows:auto!important}
  .hb .dz .im{display:none}
  .hb .dz .tx{padding:14px 16px!important;align-content:start}
  .hb .dz #dzPavad{-webkit-line-clamp:4;font-size:15.5px}
  .hero-in{padding-top:clamp(88px,10vh,104px)}
  .h4g{gap:clamp(22px,3vh,32px)}
  .hero-facts{margin-top:clamp(20px,3vh,28px)}
  .hero-facts .fact{padding:12px 16px 16px 0}
  .hero-facts .n{font-size:clamp(28px,2.6vw,38px)}
  #verW .ver-a{grid-template-columns:minmax(0,1fr)!important}
}
/* grūdėtumas virš nuotraukos – paslepia minkštumą, atrodo kaip fotografija */
.stage::after{opacity:.1!important}
/* 14 ratas (kritikas mob 7,5): telefone nuotrauka matoma, antraštė kompaktiškesnė */
@media (max-width:1023px){
  .stage::before{background:linear-gradient(180deg,rgba(8,19,41,.3) 0%,rgba(8,19,41,.55) 28%,rgba(8,19,41,.86) 58%,#081329 100%)!important}
  .bg img{object-position:50% 18%}
}
@media (max-width:640px){
  .h1{font-size:clamp(30px,9.4vw,38px);line-height:1.05}
  .hero-in{padding-top:88px}
  .hero-facts .n{font-size:28px}
}
.rec small{display:block;margin-top:2px}