/* ---------- HERO ---------- */
.hero{background:#fff;color:var(--rasalas);position:relative;overflow:hidden;
  padding:150px 0 90px}
/* Kietas įstrižas šešėlis — toks pat kaip jos studijinėje nuotraukoje */
.hero::before{content:"";position:absolute;top:-30%;right:-10%;width:62%;height:150%;
  background:linear-gradient(103deg,transparent 0 46%,rgba(22,18,15,.055) 46% 78%,transparent 78%);
  pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative;z-index:2}
.hero .eyebrow{color:var(--blanki)}
/* Antraštės eilutės nustatytos ranka per <br>. `nowrap` neleidžia naršyklei
   pridėti savų lūžių — <br> ir toliau veikia, tad eilučių skaidymas išlieka
   toks pat bet kokiame ekrane. Kad siauruose ekranuose neišlįstų už krašto,
   apatinė šrifto riba mažesnė ir dydis skaičiuojamas nuo lango pločio. */
.hero h1{font-size:clamp(30px,7.6vw,88px);line-height:.98;margin:26px 0 22px;white-space:nowrap}
.hero h1 em{color:var(--raudona)}
.hero__lede{font-size:19px;line-height:1.6;color:var(--prigesinta);max-width:44ch;margin:0 0 36px}
.hero__foto{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;
  background:var(--pilka);border:1px solid var(--linija);color:var(--prigesinta)}
.slot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;text-align:center;padding:24px}
.slot__k{font-family:var(--mono);font-size:34px;letter-spacing:.1em;opacity:.4}
.slot__t{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);text-transform:uppercase;opacity:.45;max-width:26ch}

/* ---------- PRADŽIA ---------- */
.pradzia{padding:0}
.pradzia .wrap{border-top:2px solid var(--rasalas);border-bottom:1px solid var(--linija);
  padding-top:80px;padding-bottom:80px}
.pradzia__g{display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center}
.pradzia h2{font-size:clamp(26px,6.4vw,62px);line-height:1.02;white-space:nowrap}
.pradzia h2 em{color:var(--raudona)}
.pradzia p{color:var(--prigesinta);margin:24px 0 40px;max-width:44ch}

/* metų ratas — tai, ką žmogus gauna */
.ratas-blokas{margin:0}
.ratas-blokas .ratas{max-width:none}
.ratas-blokas figcaption{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);
  text-transform:uppercase;color:var(--blanki);text-align:center;margin-top:10px}

.hero__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-size:18px;font-weight:600;border-bottom:2px solid var(--raudona);padding-bottom:4px}
.hero__link span{color:var(--raudona);transition:transform .3s}
.hero__link:hover span{transform:translateY(3px)}

/* ---------- SEKCIJOS ---------- */
section{padding:78px 0}
.sec-head{display:grid;grid-template-columns:minmax(150px,.55fr) 2fr;gap:48px;
  align-items:start;margin-bottom:44px}
.sec-head p{color:var(--prigesinta);margin:16px 0 0;max-width:52ch}

/* plati nuotrauka tarp sekcijų — tas pats scrub principas kaip numeriams */
.juostafoto{margin:0;width:100%;overflow:hidden;line-height:0}
.juostafoto__r{position:relative;width:100%;aspect-ratio:21/7;overflow:hidden}
.juostafoto img{position:absolute;inset:-14% 0 -14% 0;width:100%;height:128%;
  object-fit:cover;object-position:50% 45%;will-change:transform}
@media(max-width:720px){.juostafoto__r{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.juostafoto img{transform:none!important}}

/* privalumų juosta — proporcijos iš linai.lt */
.priv{position:relative;z-index:1;background:var(--bordo);color:#fff;
  padding:clamp(4.5rem,10vw,9rem) 0}
.priv .eyebrow{margin-bottom:0}
.priv__h{font-family:var(--serif);font-weight:300;font-size:clamp(2.3rem,5.4vw,4.4rem);
  line-height:1.02;letter-spacing:-.03em;margin:1.2rem 0 clamp(3rem,7vh,5rem);max-width:16ch;
  color:rgba(255,255,255,.82)}
.priv__h b{font-weight:300;color:#fff}
.priv__l{list-style:none;margin:0;padding:0}
.priv__r{display:grid;grid-template-columns:minmax(200px,.62fr) minmax(0,1fr);
  gap:clamp(1.4rem,5vw,4rem);align-items:start;
  padding:clamp(2.4rem,6vh,4.2rem) 0;border-top:1px solid rgba(255,255,255,.22)}
.priv__r:last-child{border-bottom:1px solid rgba(255,255,255,.3)}
.priv__n{display:block;overflow:hidden;line-height:1;color:rgba(255,255,255,.97)}
.priv__n span{display:block;font-family:var(--serif);font-weight:300;
  font-size:clamp(4rem,13vw,11rem);line-height:1.08;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;padding-top:.04em}
.priv__t{display:block;padding-top:clamp(.3rem,1.4vh,.9rem);
  opacity:0;transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.priv__r.in .priv__t{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .priv__t{opacity:1;transform:none;transition:none}
  .priv__n span{transform:none!important}
}
.priv__r h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.5rem,2.9vw,2.4rem);
  line-height:1.04;letter-spacing:-.02em;margin:0 0 .9rem;color:rgba(255,255,255,.95)}
.priv__r p{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.6;margin:0;
  color:rgba(255,255,255,.72);max-width:46ch}

/* žingsniai */
.zings{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:2px solid var(--rasalas);list-style:none;margin:0;padding:0}
.zing{padding:34px 34px 12px 0;border-right:1px solid var(--linija);position:relative}
.zing:last-child{border-right:0}
.zing__n{font-family:var(--serif);font-size:64px;line-height:.9;color:var(--raudona);
  margin-bottom:18px;letter-spacing:-.03em}
.zing h3{font-size:22px;margin-bottom:6px}
.zing p{color:var(--prigesinta);margin:10px 0 0;font-size:16px;max-width:34ch}

/* žemėlapio riba */
.riba{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.riba__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--linija)}
.riba__list li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;
  padding:18px 0;border-bottom:1px solid var(--linija)}
.riba__list .st{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);text-transform:uppercase;white-space:nowrap}
.riba__list .st.on{color:var(--bordo)}
.riba__list .st.off{color:var(--blanki)}
.riba__list li.dim{color:var(--blanki)}
.foto{position:relative;border-radius:18px;overflow:hidden;background:#F3EFEA;border:1px solid var(--linija)}
.foto img,.hero__foto img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.foto:hover img{transform:scale(1.03)}
.foto .slot{color:var(--prigesinta)}
.foto--45{aspect-ratio:4/5} .foto--32{aspect-ratio:3/2} .foto--11{aspect-ratio:1/1}
.foto--juosta{aspect-ratio:21/8}

/* ką gauni */
/* auto-fit, kad pridėjus ar išėmus langelį maketas nesulūžtų */
.gauni__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--linija);
  border:1px solid var(--linija);margin-top:48px}
.gauni__k{background:var(--kreminė);padding:34px 30px}
.gauni__n{font-family:var(--serif);font-size:46px;line-height:1;color:var(--raudona);margin-bottom:14px}
.gauni__n i{font-style:normal;font-size:28px;color:var(--prigesinta)}
.gauni__k h3{font-size:19px;margin-bottom:10px}
.gauni__k p{color:var(--prigesinta);font-size:15.5px;margin:0}

/* produktai — eilutės su linijomis, kaip ir visur kitur puslapyje */
.pe__g{list-style:none;margin:0;padding:0;border-top:2px solid var(--rasalas)}
.pe{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:36px;
  align-items:start;padding:32px 0;border-bottom:1px solid var(--linija);
  transition:background .3s}
/* Visa eilutė yra nuoroda: `.pe__c` išsitempia per visą kortelę, todėl HTML'e
   lieka viena semantinė nuoroda, be įdėtų <a> ir be JS. */
.pe__c::after{content:"";position:absolute;inset:0;z-index:1}
.pe:hover{background:rgba(225,7,18,.02);cursor:pointer}
.pe:hover .pe__v h3{color:var(--bordo)}
.pe__v h3{transition:color .25s}
.pe:focus-within{background:rgba(225,7,18,.03)}
.pe__c:focus-visible::after{outline:2px solid var(--raudona);outline-offset:-6px;border-radius:6px}
/* Kortos maketo fone atrodė blankios — kontūras bordine jas išryškina.
   Rėmelis piešiamas pačioje kortoje (žr. `.kort__rem` bendra.css), ne aplink ją:
   antras apvadas su tarpu darė lipduko įspūdį. */
.pe__k{width:78px}
.pe__k .kort,.pe__k .pe__ikona{display:block;width:100%}
.pe__k svg{width:100%;height:auto;display:block;border-radius:3px}
.pe__k .kort--kava img{width:100%;height:auto;display:block;border-radius:3px}
.pe__v{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.pe__v h3{font-size:30px;line-height:1.08;margin:0}
.pe__z{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);
  text-transform:uppercase;color:var(--raudona)}
.pe__a{color:var(--prigesinta);margin:8px 0 14px;font-size:16.5px}
.pe__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.pe__l li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.45;color:var(--prigesinta)}
.pe__l li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--raudona)}
.pe__d{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:150px}
.pe__kn{font-family:var(--serif);font-size:38px;letter-spacing:-.02em;line-height:1}
/* Avansu perkamoms paslaugoms — po visa kaina rodom, kiek mokama dabar. */
.pe__av{font-family:var(--tekstas);font-size:13.5px;color:var(--blanki);margin-top:-8px}
.pe__val{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);
  text-transform:uppercase;color:var(--blanki);margin-top:-4px}
.pe__ikona{display:flex;align-items:center;justify-content:center;width:78px;height:auto;
  font-size:34px;color:var(--raudona)}
.pe__c{position:static;display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-weight:600;font-size:15.5px;color:var(--raudona);white-space:nowrap}
.pe__c:focus{outline:0}
.pe__c span{transition:transform .3s}
.pe:hover .pe__c span{transform:translateX(4px)}

/* apie *//* apie *//* apie */
.apie{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.apie__t p{color:var(--prigesinta);max-width:56ch}
.apie__t p:first-of-type{font-size:20px;color:var(--rasalas)}

/* atsiliepimai */
.ats{border-top:1px solid var(--linija);border-bottom:1px solid var(--linija)}
.ats__juosta{overflow:hidden}
.ats__juosta + .ats__juosta{margin-top:20px}
.ats__eile{display:flex;gap:20px;width:max-content;will-change:transform}
.ats__k{background:#fff;border:1px solid var(--linija);border-radius:16px;
  padding:26px 28px;width:390px;flex:none}
.ats__k q{font-family:var(--serif);font-size:21px;line-height:1.4;quotes:"„" "“";display:block}
.ats__k .kas{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);text-transform:uppercase;
  color:var(--blanki);margin-top:16px}

/* DUK */
.duk__i{border-bottom:1px solid var(--linija)}
/* ⚠ `white-space:normal` čia būtinas: <button> naršyklės stiliuose lūžių
   nedaro, todėl ilgas klausimas siaurame ekrane išlįsdavo už krašto ir visas
   puslapis pradėdavo slinkti į šoną. */
.duk__q.duk__q{width:100%;background:transparent;border:0;text-align:left;cursor:pointer;padding:24px 40px 24px 0;
  font-family:var(--serif);font-size:22px;color:var(--rasalas);position:relative;white-space:normal}
.duk__q::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:20px;color:var(--bordo);transition:transform .3s}
.duk__q.duk__q:hover,.duk__q.duk__q:focus{background:transparent;color:var(--raudona)}
.duk__i.open .duk__q::after{transform:translateY(-50%) rotate(45deg)}
.duk__a{overflow:hidden;height:0}
.duk__a p{color:var(--prigesinta);margin:0 0 24px;max-width:66ch;font-size:16.5px}


@media(max-width:960px){
  .hero__grid,.riba,.apie,.pradzia__g{grid-template-columns:1fr;gap:44px}
  .calc__row{flex-wrap:wrap}
  .calc .btn{width:100%}
  .sec-head{grid-template-columns:1fr;gap:18px}
  .zings{grid-template-columns:1fr}
  .priv__r{grid-template-columns:1fr;gap:clamp(1.4rem,5.5vw,2.1rem);padding:clamp(2.6rem,7vh,3.6rem) 0}
  .priv__n span{font-size:clamp(7rem,38vw,9.5rem);line-height:1.06}
  .zing{border-right:0;border-bottom:1px solid var(--linija);padding-right:0}
  .pod__g{grid-template-columns:1fr 1fr}
  .gauni__g{grid-template-columns:1fr}
}

/* ---------- TELEFONAS ---------- */
/* ---------- TELEFONAS ---------- */
@media(max-width:720px){
  section{padding:58px 0}
  .sec-head{margin-bottom:32px}
  .hero{padding:118px 0 64px}
  .pradzia .wrap{padding-top:58px;padding-bottom:58px}

  /* produktų eilutė: kaina po tekstu, ne šalia jo */
  .pe{grid-template-columns:58px minmax(0,1fr);gap:14px 18px;padding:26px 0}
  .pe__k{width:58px}
  .pe__k svg{border-radius:3px}
  .pe__ikona{width:58px;height:81px;font-size:26px;border-radius:3px}
  .pe__t{grid-column:2}
  .pe__v{gap:10px}
  .pe__v h3{font-size:25px}
  .pe__a{margin:6px 0 12px;font-size:16px}
  .pe__l li{font-size:15px}
  .pe__d{grid-column:2;flex-direction:row;align-items:baseline;justify-content:flex-start;
    flex-wrap:wrap;gap:8px 22px;min-width:0;margin-top:16px}
  .pe__kn{font-size:30px}
  .pe__val{margin-top:0}

  /* ką pamatysite — trys langeliai vienas po kito */
  .gauni__g{margin-top:34px}
  .gauni__k{padding:26px 24px}
  .gauni__n{font-size:40px;margin-bottom:10px}

  /* atsiliepimai neturi kabėti už ekrano krašto */
  .ats__k{width:min(320px,80vw);padding:22px 24px}
  .ats__k q{font-size:19px}

  .duk__q{font-size:19px;padding:20px 34px 20px 0}

  /* poraštė */

  .calc--cta .calc__row{gap:22px}
}
@media(prefers-reduced-motion:reduce){.rev{opacity:1!important;transform:none!important}}

/* skaičiuoklės klaida */

/* ---------- DIENOS KORTA (nemokama) ---------- */
.dk{padding:0}
.dk .wrap{border-top:2px solid var(--rasalas);padding-top:80px;padding-bottom:80px}
.dk__g{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.dk h2{font-size:clamp(30px,5vw,56px);line-height:1.04;margin:16px 0 0}
.dk h2 em{color:var(--raudona)}
.dk__t>p{color:var(--prigesinta);margin:22px 0 36px;max-width:44ch}
.dk__rez{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:start}
.dk__img{width:100%;height:auto;display:block;border-radius:10px;
  box-shadow:0 18px 40px -24px rgba(22,18,15,.45)}
.dk__data,.dk__pastaba{font-family:var(--mono);font-size:var(--zyme);letter-spacing:var(--zyme-tarpas);
  text-transform:uppercase;color:var(--blanki);margin:0 0 12px}
.dk__h{font-size:clamp(26px,3vw,34px);line-height:1.1;margin:0 0 16px}
.dk__sim{color:var(--rasalas);margin-right:6px}
.dk__sim.is-red{color:var(--raudona)}
.dk__tekstas p{color:var(--prigesinta);font-size:17px;line-height:1.7;margin:0 0 16px}
.dk__rez .pe__c{margin-top:8px}
.dk__tuscia{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.dk__nugara{width:180px;aspect-ratio:320/440;border:1.5px dashed var(--linija);border-radius:12px;
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:64px;color:var(--blanki)}
.dk__klaida{color:var(--raudona);font-size:17px;margin:0}
@media(max-width:960px){.dk__g{grid-template-columns:1fr;gap:44px}}
@media(max-width:720px){
  .dk .wrap{padding-top:58px;padding-bottom:58px}
  .dk__rez{grid-template-columns:92px minmax(0,1fr);gap:20px}
}

/* ---------- HERO MYGTUKAS: nemokama dienos korta (2026-09-16) ---------- */
/* Igno pastaba: raudona per ryški ir per didelis — bordo, mažesnis (variantas C). */
.btn.btn.hero__btn{background:var(--bordo);color:#fff;padding:13px 24px;font-size:15.5px;gap:10px;
  box-shadow:0 10px 22px -14px rgba(125,39,64,.45)}
.btn.btn.hero__btn:hover,.btn.btn.hero__btn:focus{background:var(--bordo-deep);color:#fff;transform:translateY(-2px)}
.hero__btn-r{transition:transform .3s}
.hero__btn:hover .hero__btn-r{transform:translateY(3px)}