/* ==========================================================================
   mycode. v2 — pagal Claude Design maketą („mycode v2“)
   Spalvos, tarpai, spinduliai ir šešėliai — iš maketo README tokenų.
   Kol kas naudoja tik pradinis puslapis (<html data-v2>).
   ========================================================================== */

@font-face{
  font-family:"League Spartan";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/league-spartan-var-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"League Spartan";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/league-spartan-var-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{
  --ink-950:#0E1D21;
  --ink-900:#122E34;
  --teal-700:#2B4A50;
  --slate-500:#677E8A;
  --gray-300:#ABAFB5;
  --text:#EEF2F4;

  --pad:clamp(16px,4vw,40px);
  --maxw:1200px;
  --gap:clamp(72px,10vw,140px);
  --ff:"League Spartan",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* stiklas */
  --g-card:linear-gradient(180deg,rgba(171,175,181,.10),rgba(171,175,181,.02));
  --g-pill:linear-gradient(180deg,rgba(171,175,181,.14),rgba(171,175,181,.04));
  --g-band:linear-gradient(180deg,rgba(171,175,181,.12),rgba(171,175,181,.03));
  --b-card:rgba(171,175,181,.16);
  --b-pill:rgba(171,175,181,.22);
  --b-row:rgba(171,175,181,.14);
  --b-hover:rgba(171,175,181,.36);
  --s-card:inset 0 1px 0 rgba(255,255,255,.12),0 20px 50px rgba(14,29,33,.4);
  --s-pill:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.35),0 12px 30px rgba(14,29,33,.5);
  --s-band:inset 0 1px 0 rgba(255,255,255,.16),0 30px 80px rgba(14,29,33,.6);
  --blur:blur(22px) saturate(150%);
  --row:rgba(14,29,33,.5);

  /* aktyvi kapsulė ir pagrindinis mygtukas */
  --on:linear-gradient(180deg,rgba(238,242,244,.18),rgba(238,242,244,.06));
  --on-s:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.4),0 6px 14px rgba(14,29,33,.45);
  --prim:linear-gradient(180deg,#EEF2F4,#ABAFB5);

  /* šviesos kraštas ant stiklo (viršus-kairė šviesiau) */
  --rim:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.05) 34%,rgba(255,255,255,.02) 66%,rgba(255,255,255,.15));
}

/* --- pagrindas ------------------------------------------------------------ */

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

html{
  scroll-behavior:smooth;
  scroll-padding-top:104px;
  -webkit-text-size-adjust:100%;
  background:#0E1D21;
}
body{
  position:relative;
  margin:0;
  min-height:100vh;
  overflow-x:clip;
  color:var(--text);
  font-family:var(--ff);
  font-size:17px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(ellipse 60% 1300px at 50% -320px,rgba(43,74,80,.55) 0%,rgba(43,74,80,0) 70%),
    linear-gradient(180deg,#0B171B 0%,#0A1417 50%,#0E1D21 100%);
}

h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:var(--text);text-decoration:none;transition:color .3s}
a:hover{color:var(--gray-300)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
em{font-style:normal}
input,textarea,select{font:inherit}
input::placeholder,textarea::placeholder{color:var(--slate-500);opacity:1}
[hidden]{display:none!important}
:focus-visible{outline:2px solid rgba(238,242,244,.75);outline-offset:3px}

/* šviesos kraštas — 1px gradientinis žiedas */
.logo,.nav,.burger,.svc__i,.calc__l,.car__i,.price__i,.about__card,.rev,.kont,.mbar,.hdr__wa,.slk,.mdl__box{position:relative}
.logo::before,.nav::before,.burger::before,.svc__i::before,.calc__l::before,.car__i::before,
.price__i::before,.about__card::before,.rev::before,.kont::before,.mbar::before,.hdr__wa::before,.slk::before,.mdl__box::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:var(--rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}

/* --- fonas: keturios judančios dėmės + taškelių tinklelis ------------------ */

.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg i{position:absolute;border-radius:50%;will-change:transform}
.bg i:nth-child(1){
  left:-10%;top:-15%;width:55vw;height:55vw;
  background:radial-gradient(circle,rgba(103,126,138,.55) 0%,rgba(43,74,80,.35) 40%,rgba(14,29,33,0) 70%);
  filter:blur(60px);animation:blobA 26s ease-in-out infinite;
}
.bg i:nth-child(2){
  right:-15%;top:20%;width:60vw;height:60vw;
  background:radial-gradient(circle,rgba(43,74,80,.7) 0%,rgba(18,46,52,.4) 45%,rgba(14,29,33,0) 72%);
  filter:blur(70px);animation:blobB 32s ease-in-out infinite;
}
.bg i:nth-child(3){
  left:20%;bottom:-25%;width:70vw;height:45vw;
  background:radial-gradient(ellipse,rgba(171,175,181,.28) 0%,rgba(103,126,138,.18) 40%,rgba(14,29,33,0) 70%);
  filter:blur(80px);animation:blobC 38s ease-in-out infinite;
}
.bg i:nth-child(4){
  left:35%;top:30%;width:22vw;height:22vw;
  background:radial-gradient(circle,rgba(238,242,244,.16) 0%,rgba(171,175,181,0) 70%);
  filter:blur(40px);animation:blobB 20s ease-in-out infinite reverse;
}
.bg b{
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(238,242,244,.085) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 100%);
          mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 100%);
}
@keyframes blobA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.15)}}
@keyframes blobB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-7vw,-5vh) scale(.9)}}
@keyframes blobC{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(4vw,-8vh) rotate(25deg)}}
@media (max-width:820px){
  /* telefone dėmės didesnės ekrano atžvilgiu — kaip makete (vw vienetai), tik mažesnis blur */
  .bg i:nth-child(1){width:110vw;height:110vw;left:-35%;top:-8%}
  .bg i:nth-child(2){width:120vw;height:120vw;right:-50%;top:26%}
  .bg i:nth-child(3){width:140vw;height:90vw;left:-10%;bottom:-12%}
  .bg i:nth-child(4){width:50vw;height:50vw;left:25%;top:34%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bg i{animation:none}
}

/* --- mygtukai -------------------------------------------------------------- */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:17px 28px 15px;
  border-radius:999px;
  border:1px solid rgba(171,175,181,.26);
  background:rgba(14,29,33,.4);
  color:var(--text);
  font-family:inherit;font-size:15px;font-weight:500;line-height:1.45;
  white-space:nowrap;cursor:pointer;
  transition:background .3s,color .3s,filter .3s,border-color .3s;
}
.btn:hover{color:var(--text);background:rgba(171,175,181,.2)}
.btn--solid{
  border:0;
  padding:18px 28px 16px;
  font-weight:600;color:var(--ink-950);
  background:var(--prim);
  box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(14,29,33,.55);
}
.btn--solid:hover{color:var(--ink-950);background:var(--prim);filter:brightness(1.05)}
.btn--solid{position:relative;overflow:hidden}
.btn--solid::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.btn--solid:hover::after{transform:translateX(130%)}
.btn .ar{display:inline-block;transition:transform .3s}
.btn:hover .ar{transform:translateX(3px)}

/* --- viršutinė juosta ------------------------------------------------------ */

.hdr{
  position:sticky;top:0;z-index:50;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:16px var(--pad);
}
.logo{
  justify-self:start;
  display:flex;align-items:center;gap:10px;
  padding:12px 18px 10px;
  border-radius:999px;
  font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.45;
  background:var(--g-pill),rgba(10,20,23,.58);
  border:1px solid var(--b-pill);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(14,29,33,.5);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
}
.logo:hover{color:var(--text)}
.logo i{width:8px;height:8px;border-radius:50%;margin-top:-2px;background:var(--gray-300);box-shadow:0 0 12px var(--gray-300)}

.nav{
  display:flex;gap:4px;padding:6px;
  border-radius:999px;
  background:var(--g-pill),rgba(10,20,23,.58);
  border:1px solid var(--b-pill);
  box-shadow:var(--s-pill);
  -webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);
}
.nav a{
  display:flex;align-items:center;gap:6px;
  padding:11px 16px 9px;
  border-radius:999px;
  font-size:15px;font-weight:500;white-space:nowrap;
  color:var(--gray-300);
  transition:background .3s,color .3s,box-shadow .3s;
}
.nav a:hover{color:var(--text);background:rgba(171,175,181,.1)}
.nav a.is-active,.nav a.is-on{color:var(--text);background:var(--on);box-shadow:var(--on-s)}
.nav__btn i{
  width:7px;height:7px;margin-top:-5px;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);transition:transform .3s;
}
.nav__btn.is-on i{transform:rotate(225deg);margin-top:3px}

.hdr__cta{justify-self:end;display:flex;align-items:center;gap:10px}
.hdr__tel{
  padding:13px 18px 11px;border-radius:999px;
  font-size:15px;font-weight:500;white-space:nowrap;
  border:1px solid rgba(171,175,181,.26);background:rgba(10,20,23,.58);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  transition:background .3s;
}
.hdr__tel:hover{color:var(--text);background:rgba(171,175,181,.2)}
.hdr__cta .btn--solid{padding:13px 20px 11px;box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(14,29,33,.5)}
.hdr__wa{
  flex:none;
  width:48px;height:48px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  color:var(--gray-300);
  border:1px solid var(--b-pill);
  background:var(--g-pill),rgba(10,20,23,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(14,29,33,.5);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  transition:color .3s;
}
.hdr__wa:hover{color:#25D366}
.hdr__wa svg{width:21px;height:21px}

.burger{
  display:none;
  width:48px;height:48px;flex:none;
  align-items:center;justify-content:center;
  border-radius:999px;
  border:1px solid var(--b-pill);
  background:var(--g-pill),rgba(10,20,23,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(14,29,33,.5);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
}
.burger i,.burger i::before,.burger i::after{
  display:block;width:16px;height:1.8px;border-radius:2px;background:var(--text);
  transition:transform .3s,background-color .2s;
}
.burger i{position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0}
.burger i::before{top:-5px}
.burger i::after{top:5px}
.burger.is-open i{background:transparent}
.burger.is-open i::before{transform:translateY(5px) rotate(45deg)}
.burger.is-open i::after{transform:translateY(-5px) rotate(-45deg)}

@media (max-width:1240px){ .hdr__tel{display:none} }
@media (max-width:1060px){
  .hdr{display:flex;justify-content:space-between}
  .nav{display:none}
  .burger{display:flex}
}
@media (max-width:520px){ .hdr__cta .btn--solid{display:none} }

/* --- mobilus meniu (visas ekranas) ---------------------------------------- */

.mnav{
  position:fixed;inset:0;z-index:40;
  display:flex;flex-direction:column;gap:8px;
  padding:96px 20px 32px;
  overflow-y:auto;
  background:rgba(14,29,33,.86);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;
  transition:opacity .3s,visibility .3s;
}
.mnav.is-open{opacity:1;visibility:visible}
.mnav > a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 22px 12px;
  border-radius:20px;
  border:1px solid var(--b-row);
  font-size:22px;font-weight:500;
  color:var(--gray-300);
}
.mnav > a:hover{color:var(--text)}
.mnav > a.mnav__cta{
  justify-content:center;
  margin-top:16px;
  padding:18px 22px 15px;
  border:0;border-radius:999px;
  font-size:17px;font-weight:600;
  color:var(--ink-950);background:var(--prim);
}
.mnav__k{display:none}
.mnav__hint{font-size:14px;color:var(--slate-500);display:flex;align-items:center;gap:6px}
.mnav__hint i{width:7px;height:7px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg)}
.mnav__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:14px;font-size:15px}
.mnav__meta a{color:var(--gray-300)}
@media (min-width:1061px){ .mnav{display:none} }

/* --- išdėstymas ------------------------------------------------------------ */

.main{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:var(--gap);
  padding:0 var(--pad) 40px;
}
.sec{
  display:flex;flex-direction:column;gap:36px;
  max-width:var(--maxw);width:100%;margin:0 auto;
}
.sec__hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.sec__ttl{display:flex;flex-direction:column;gap:10px;min-width:0}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--slate-500)}
.h-sec{font-weight:600;font-size:clamp(30px,3.6vw,48px);line-height:1;letter-spacing:-.025em}
.lead{max-width:56ch;margin-top:4px;color:var(--gray-300);text-wrap:pretty}
.sec__more,.svc__cta,.price__inc,.oc__link{
  font-size:15px;color:var(--gray-300);
  border-bottom:1px solid rgba(171,175,181,.4);padding-bottom:2px;
  white-space:nowrap;
}
.sec__more:hover,.svc__cta:hover,.price__inc:hover,.oc__link:hover{color:var(--text)}
.link-u{border-bottom:1px solid rgba(171,175,181,.4)}

/* --- hero ------------------------------------------------------------------ */

.hero{
  position:relative;
  margin:-96px calc(-1 * var(--pad)) 0;
  min-height:min(88vh,820px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:120px 20px clamp(48px,7vh,80px);
  overflow:hidden;
}
.hero__in{
  position:relative;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;
  max-width:980px;
}
.hero__tag{
  font-weight:600;
  font-size:clamp(38px,5.2vw,74px);
  line-height:.96;letter-spacing:-.035em;
  text-wrap:balance;
}
.hero__pre{font-size:clamp(17px,1.4vw,21px);font-weight:400;line-height:1.45;color:var(--gray-300)}
.hero__act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}
.hero__act .btn--solid{padding:17px 30px 15px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}

/* --- paslaugos ------------------------------------------------------------- */

.svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.svc__i{
  display:flex;flex-direction:column;gap:22px;
  padding:26px;
  border-radius:28px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:var(--s-card);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  transition:transform .35s,border-color .35s;
}
.svc__i:hover{transform:translateY(-4px);border-color:var(--b-hover)}
.svc__hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.svc__ic{
  width:46px;height:46px;flex:none;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  color:var(--gray-300);
  background:rgba(14,29,33,.6);
  border:1px solid var(--b-row);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.svc__pr{
  font-size:14px;color:var(--gray-300);white-space:nowrap;
  padding:7px 12px 5px;border-radius:999px;border:1px solid rgba(171,175,181,.2);
}
.svc__bd{display:flex;flex-direction:column;gap:8px}
.svc__t{font-size:23px;font-weight:600;letter-spacing:-.01em;line-height:1.05}
.svc__d{font-size:15.5px;line-height:1.45;color:var(--gray-300);text-wrap:pretty}
.svc__l{display:flex;flex-direction:column;gap:7px;font-size:15px;color:var(--gray-300)}
.svc__l li{position:relative;padding-left:16px}
.svc__l li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--slate-500)}
.svc__nav{margin-top:auto;padding-top:2px}

/* AI tabo įžanga */
.svc-ai__hd{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;padding:6px 4px 2px}
.svc-ai__badge{
  font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 12px 5px;border-radius:999px;
  color:var(--ink-950);background:var(--prim);
  box-shadow:inset 0 1px 0 #fff;
}
.svc-ai__h{font-weight:600;font-size:clamp(22px,2.2vw,28px);line-height:1.05;letter-spacing:-.02em}
.svc-ai__p{grid-column:1/-1;max-width:72ch;color:var(--gray-300);text-wrap:pretty}

/* --- tabai (kaip maketo „Tab bar“) ----------------------------------------- */

.tabs-w{display:flex;flex-direction:column;gap:16px;min-width:0}
.tabbar{
  display:flex;gap:4px;padding:6px;
  border-radius:999px;
  overflow-x:auto;scrollbar-width:none;
  background:var(--ink-950);
  border:1px solid var(--b-row);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.5);
}
.tabbar::-webkit-scrollbar{display:none}
.tabbar button{
  flex:none;display:flex;align-items:center;gap:8px;
  padding:12px 17px 10px;
  border-radius:999px;
  border:1px solid rgba(171,175,181,.2);
  background:rgba(171,175,181,.05);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35);
  font-size:15px;font-weight:500;white-space:nowrap;
  color:var(--gray-300);
  transition:background .3s,color .3s,box-shadow .3s,border-color .3s;
}
.tabbar button:hover{color:var(--text);border-color:rgba(171,175,181,.42);background:rgba(171,175,181,.11)}
.tabbar button i{
  width:6px;height:6px;border-radius:50%;margin-top:-2px;
  background:var(--gray-300);box-shadow:0 0 8px var(--gray-300);
  opacity:0;transition:opacity .3s;
}
.tabbar button.is-on{color:var(--text);border-color:rgba(238,242,244,.3);background:var(--on);box-shadow:var(--on-s)}
.tabbar button.is-on i{opacity:1}
.tabbar em{
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 8px 2px;border-radius:999px;
  color:var(--ink-950);background:var(--prim);
}
.tabbar small{font-size:13.5px;color:var(--slate-500)}
.tabp{display:flex;flex-direction:column;gap:16px;min-width:0}

/* --- kainos skaičiuoklė (kaip makete) --------------------------------------- */

.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}
.calc__l{
  display:flex;flex-direction:column;gap:26px;
  padding:clamp(26px,4vw,40px);
  border-radius:32px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:var(--s-card);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
}
.calc__hd{display:flex;flex-direction:column;gap:8px}
.calc__t{font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.02em}
.calc__f{display:flex;flex-direction:column;gap:10px}
.calc__lbl{font-size:14px;color:var(--gray-300)}
.calc__row{display:flex;justify-content:space-between;font-size:14px;color:var(--gray-300)}
.calc__row strong{font-weight:600;color:var(--text)}
.seg{
  display:flex;gap:4px;padding:5px;
  border-radius:999px;
  background:var(--ink-950);
  border:1px solid var(--b-row);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.5);
}
.seg button{
  flex:1;
  padding:11px 9px 9px;
  border-radius:999px;
  border:1px solid rgba(171,175,181,.2);
  background:rgba(171,175,181,.05);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35);
  font-size:15px;font-weight:500;white-space:nowrap;
  color:var(--gray-300);
  transition:background .3s,color .3s,box-shadow .3s,border-color .3s;
}
.seg button:hover{color:var(--text);border-color:rgba(171,175,181,.42);background:rgba(171,175,181,.11)}
.seg button.is-on{color:var(--text);border-color:rgba(238,242,244,.3);background:var(--on);box-shadow:var(--on-s)}
.calc input[type=range]{width:100%;margin:2px 0;accent-color:var(--gray-300);cursor:pointer}
.calc__chips{display:flex;flex-wrap:wrap;gap:8px}
.calc__chips button{
  padding:11px 16px 9px;
  border-radius:999px;
  font-size:15px;
  border:1px solid rgba(171,175,181,.3);
  color:var(--gray-300);
  background:rgba(14,29,33,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:background .25s,color .25s,border-color .25s;
}
.calc__chips button:hover{color:var(--text);border-color:rgba(171,175,181,.45);background:rgba(171,175,181,.12)}
.calc__chips button.is-on{color:var(--ink-950);border-color:rgba(238,242,244,.6);background:var(--prim)}
.calc__r{
  position:sticky;top:96px;
  display:flex;flex-direction:column;gap:18px;
  padding:clamp(26px,4vw,40px);
  border-radius:32px;
  background:var(--ink-950);
  border:1px solid rgba(171,175,181,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(14,29,33,.7);
}
.calc__sum{font-size:clamp(44px,5vw,64px);font-weight:600;line-height:.9;letter-spacing:-.03em}
.calc__note{font-size:15px;color:var(--slate-500)}
.calc__hr{height:1px;background:var(--b-card)}
.calc__lines{display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--gray-300)}
.calc__lines div{display:flex;justify-content:space-between;gap:12px}
.calc__lines div span:last-child{color:var(--text);white-space:nowrap}
.calc__r .btn{margin-top:8px;padding:17px 28px 15px}
@media (max-width:700px){
  /* telefone kaina rodoma toje pačioje kortelėje, mažesniu šriftu (vartotojo pastaba 09-30): kortele tampa .calc */
  .calc{
    position:relative;display:flex;flex-direction:column;align-items:stretch;gap:24px;
    padding:clamp(24px,6vw,32px);border-radius:28px;
    border:1px solid var(--b-card);background:var(--g-card);box-shadow:var(--s-card);
    -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  }
  .calc::before{
    content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
    background:var(--rim);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  }
  .calc__l{padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .calc__l::before{display:none}
  .calc__r{position:static;padding:22px 0 0;gap:12px;border:0;border-top:1px solid var(--b-card);border-radius:0;background:none;box-shadow:none}
  .calc__sum{font-size:34px}
  .calc__r .btn{margin-top:4px;width:100%;justify-content:center}
}

/* --- procesas („Kaip dirbame“) --------------------------------------------- */

.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.how__l{
  position:sticky;top:104px;
  display:flex;flex-direction:column;gap:14px;
  padding:clamp(28px,4vw,44px);
  border-radius:32px;
  background:var(--ink-950);
  border:1px solid var(--b-row);
}
.how__l .h-sec{font-size:clamp(30px,3.4vw,44px);text-wrap:balance}
.proc{display:flex;flex-direction:column;gap:10px}
.proc__i{
  display:block;
  border-radius:24px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  transition:border-color .3s!important;
}
.proc__i:hover,.proc__i[open]{border-color:rgba(171,175,181,.28)}
.proc__s{display:flex;gap:18px;align-items:flex-start;padding:20px 20px 18px 24px;cursor:pointer;list-style:none}
.proc__s::-webkit-details-marker{display:none}
.proc__no{flex:none;min-width:22px;font-size:14px;color:var(--slate-500);padding-top:4px}
.proc__bd{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.proc__n{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-500)}
.proc__t{font-weight:600;font-size:19px;line-height:1.2}
.proc__ic{position:relative;flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(171,175,181,.26)}
.proc__ic::before,.proc__ic::after{
  content:"";position:absolute;left:50%;top:50%;width:13px;height:1.6px;border-radius:2px;
  background:var(--gray-300);transform:translate(-50%,-50%);transition:transform .3s;
}
.proc__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.proc__i[open] .proc__ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.proc__ic,.dd__ic{transition:background .3s,border-color .3s}
.proc__s:hover .proc__ic,.dd__s:hover .dd__ic{background:rgba(171,175,181,.18);border-color:rgba(171,175,181,.5)}
.proc__d{padding:0 72px 22px 64px;font-size:15.5px;color:var(--gray-300);text-wrap:pretty}
@media (max-width:660px){ .how__l{position:static} }

/* --- darbai: karuselė ------------------------------------------------------ */

.car{position:relative;min-width:0}
.car__sw{
  /* vieta šešėliams ir 3D pasukimui, kad nenukirstų */
  padding:34px 0 70px;margin:-34px 0 -70px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.car__sw .swiper-slide{height:auto}
.car__sw{--swiper-wrapper-transition-timing-function:cubic-bezier(.45,.05,.2,1)}
.car__sw .swiper-slide{transition-timing-function:cubic-bezier(.45,.05,.2,1)}
.car__sw .car__i{
  width:clamp(280px,32vw,400px);
  display:flex;flex-direction:column;gap:16px;
  padding:14px;
  border-radius:28px;
  border:1px solid var(--b-card);
  background:var(--g-card),#0D1B1F;
  box-shadow:var(--s-card);
  /* transition-property turi likti „transform“: Swiper trukmę nustato pats, o kitokia
     savybė čia išjungtų kortelių pasukimo animaciją (jos peršoktų iškart) */
  transition-property:transform;
  transform-style:flat;   /* nuotraukos pakrypimas (anim.js) neturi kirsti kortelės plokštumos */
}
.car__sw .car__i:hover{color:var(--text);border-color:var(--b-hover)}
.car__sw .swiper-slide-active.car__i{border-color:rgba(171,175,181,.3)}
.car__img{
  position:relative;
  aspect-ratio:16/10;
  border-radius:18px;overflow:hidden;
  background:var(--ink-950);
  border:1px solid rgba(171,175,181,.12);
  cursor:zoom-in;
  container-type:size;
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
/* viso puslapio nuotrauka: rėmelyje matoma viršutinė dalis, o aktyvioje kortelėje ji lėtai
   „paslenkama“ iki apačios — tarsi peržiūrint svetainę; grįžtant į šoną — atgal į viršų */
.car__img img{display:block;width:100%;height:auto;transform:translateY(0);transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.car__sw .swiper-slide-active .car__img img{transform:translateY(min(0px,calc(100cqh - 100%)));transition:transform 5.2s cubic-bezier(.45,.05,.3,1) .8s}
.car__img::after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(180deg,transparent,rgba(13,27,31,.55));pointer-events:none;opacity:.9}
.car__zoom{
  position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--text);
  background:rgba(14,29,33,.6);border:1px solid rgba(171,175,181,.26);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .3s;
}
.car__zoom svg{width:16px;height:16px}
.car__i:hover .car__zoom{opacity:1}
.car__b{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 8px}
.car__b > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.car__t{font-weight:600;font-size:18px;line-height:1.3}
.car__d{font-size:14.5px;color:var(--gray-300)}
.car__tag{font-size:13px;color:var(--slate-500);white-space:nowrap;align-self:flex-start;padding-top:4px}

.car__ft{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;position:relative;z-index:2}
.car__pg{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.car__dot{width:26px;height:22px;display:flex;align-items:center}
.car__dot i{display:block;width:100%;height:4px;border-radius:999px;background:rgba(171,175,181,.2);transition:background .3s,box-shadow .3s}
.car__dot:hover i{background:rgba(171,175,181,.45)}
.car__dot.is-on i{background:var(--gray-300);box-shadow:0 0 10px rgba(171,175,181,.7)}
.car__nav{display:flex;gap:8px;flex:none}
.car__btn{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(171,175,181,.26);
  color:var(--gray-300);
  background:rgba(14,29,33,.4);
  transition:color .3s,background .3s;
}
.car__btn:hover{color:var(--text);background:rgba(171,175,181,.2)}
.car__btn.swiper-button-disabled{opacity:.35;cursor:default}

/* „Daugiau darbų“ */
.dd{
  border-radius:24px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  scroll-margin-top:104px;
}
.dd__s{display:flex;align-items:center;gap:14px;padding:16px 16px 16px 24px;cursor:pointer;list-style:none}
.dd__s::-webkit-details-marker{display:none}
.dd__lbl{font-weight:600;font-size:19px;padding-top:2px}
.dd__cnt{font-size:14px;color:var(--gray-300);padding:7px 12px 5px;border-radius:999px;border:1px solid rgba(171,175,181,.2)}
.dd__ic{position:relative;flex:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(171,175,181,.26)}
.dd__ic::before,.dd__ic::after{
  content:"";position:absolute;left:50%;top:50%;width:14px;height:1.6px;border-radius:2px;
  background:var(--gray-300);transform:translate(-50%,-50%);transition:transform .3s;
}
.dd__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.dd[open] .dd__ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.dd__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:10px;padding:4px 14px 14px}
.dd__i{min-width:0}
.dd__i a{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 14px;align-items:center;
  height:100%;
  padding:16px 18px 14px 20px;
  border-radius:20px;
  border:1px solid var(--b-row);
  background:var(--row);
  transition:border-color .3s;
}
.dd__i a:hover{color:var(--text);border-color:var(--b-hover)}
.dd__n{grid-row:1/3;align-self:start;padding-top:3px;font-size:13px;color:var(--slate-500)}
.dd__t{grid-column:2;font-weight:600;font-size:16.5px;overflow-wrap:anywhere}
.dd__ar{margin-left:6px;font-weight:400;color:var(--slate-500)}
.dd__d{grid-column:2;font-size:14.5px;color:var(--gray-300)}
.dd__tag{
  grid-column:3;grid-row:1/3;align-self:start;
  font-size:13px;color:var(--gray-300);white-space:nowrap;
  padding:6px 10px 4px;border-radius:999px;border:1px solid rgba(171,175,181,.2);
}

/* --- kainos ---------------------------------------------------------------- */

.price{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.price__i{
  display:flex;flex-direction:column;gap:18px;
  padding:28px;
  border-radius:28px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:var(--s-card);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  transition:transform .35s,border-color .35s;
}
.price__i:hover{transform:translateY(-4px);border-color:var(--b-hover)}
.price__t{font-size:14px;font-weight:400;line-height:1.35;color:var(--gray-300);min-height:2.7em}
.price__v{font-size:40px;font-weight:600;line-height:.9;letter-spacing:-.02em}
.price__v small{font-size:inherit;font-weight:inherit}
.price__d{flex:1;padding-top:18px;border-top:1px solid var(--b-card);font-size:15.5px;color:var(--gray-300);text-wrap:pretty}
.price__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.price__act .btn{padding:13px 20px 11px}
.price__i.is-hi{border-color:rgba(171,175,181,.34)}
.price__i.is-hi::after{
  content:"Populiariausia";
  position:absolute;top:-13px;right:24px;
  font-size:12.5px;font-weight:600;
  padding:6px 11px 4px;border-radius:999px;
  color:var(--ink-950);background:var(--prim);
  box-shadow:inset 0 1px 0 #fff;
}
.price__i.is-hi .price__act .btn{
  border:0;padding:14px 20px 12px;font-weight:600;color:var(--ink-950);
  background:var(--prim);box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(14,29,33,.5);
}
.price__i.is-hi .price__act .btn:hover{filter:brightness(1.05)}

.price__ft{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:stretch}
.price__ask{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;
  padding:clamp(26px,4vw,40px);
  border-radius:32px;
  background:var(--ink-950);
  border:1px solid rgba(171,175,181,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(14,29,33,.7);
}
.tabs__help{font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.tabs__help .link-u{border-bottom-color:rgba(238,242,244,.5)}
.price__note{
  display:flex;align-items:center;
  padding:clamp(22px,3vw,32px);
  border-radius:32px;
  border:1px solid var(--b-row);
  background:var(--row);
  font-size:15.5px;color:var(--gray-300);text-wrap:pretty;
}

/* --- apie ------------------------------------------------------------------ */

.about{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.about__card{
  display:flex;flex-direction:column;gap:16px;
  padding:14px;
  border-radius:32px;
  border:1px solid var(--b-card);
  background:var(--g-card);
  box-shadow:var(--s-card);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
}
.about__ph{aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:var(--ink-950)}
.about__img{width:100%;height:100%;object-fit:cover}
.about__who{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 8px}
.about__name{font-weight:600;font-size:19px}
.about__role{font-size:14.5px;color:var(--gray-300)}
.about__in{
  flex:none;font-size:14px;color:var(--gray-300);
  padding:8px 14px 6px;border-radius:999px;border:1px solid rgba(171,175,181,.26);
  transition:background .3s,color .3s;
}
.about__in:hover{color:var(--text);background:rgba(171,175,181,.2)}
.about__txt{display:flex;flex-direction:column;gap:22px;min-width:0}
.about__txt .h-sec{font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
.about__txt p:not(.eyebrow){color:var(--gray-300);line-height:1.5;text-wrap:pretty}
.about__more{display:flex;flex-direction:column;gap:22px}
.about__btn{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{
  font-size:14.5px;color:var(--gray-300);
  padding:9px 14px 7px;border-radius:999px;
  border:1px solid rgba(171,175,181,.2);background:rgba(14,29,33,.4);
}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stat{
  display:flex;flex-direction:column;gap:10px;
  padding:18px 18px 16px;
  border-radius:20px;
  background:var(--ink-950);
  border:1px solid var(--b-row);
}
.stat__v{font-size:30px;font-weight:600;line-height:.9}
.stat__v i{font-style:normal}
.stat__k{font-size:13.5px;line-height:1.4;color:var(--gray-300)}
.stat__k b{display:block;margin-bottom:3px;font-weight:600;font-size:15px;color:var(--text)}
@media (max-width:900px){
  .about{grid-template-columns:1fr}
  .about__card{max-width:420px}
}
@media (max-width:820px){
  /* telefone: antra ir trečia pastraipos po „Skaityti daugiau“, statistika — viena eilė */
  .about__more{display:none}
  .about__more.is-open{display:flex}
  .about__btn{
    display:inline-flex;align-self:flex-start;
    margin-top:-8px;padding:11px 18px 9px;border-radius:999px;
    font-size:15px;color:var(--gray-300);
    border:1px solid var(--b-pill);background:rgba(14,29,33,.4);
  }
  .stats{gap:8px}
  .stat{padding:16px 12px 12px;gap:8px}
  .stat__v{font-size:26px}
  .stat__k{font-size:0;line-height:0}
  .stat__k b{font-size:13px;line-height:1.25;margin:0;font-weight:500;color:var(--gray-300)}
}

/* --- atsiliepimai ---------------------------------------------------------- */

.rev__badge{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;
  padding:11px 18px 9px;border-radius:999px;
  font-size:15px;color:var(--gray-300);
  border:1px solid var(--b-pill);background:rgba(14,29,33,.4);
  transition:background .3s,color .3s;
}
.rev__badge:hover{color:var(--text);background:rgba(171,175,181,.2)}
.rev__stars{color:var(--text);letter-spacing:.12em;margin-top:-3px}
.rev__badge-s{color:var(--slate-500)}
.rev-car .car__sw .rev-slide{width:clamp(280px,32vw,389px)}
.rev{
  height:100%;
  display:flex;flex-direction:column;gap:16px;
  padding:26px;
  border-radius:28px;
  border:1px solid var(--b-card);
  /* be backdrop-filter: kortelės nuolat juda, o blur kiekvienam kadrui stabdytų slinkimą */
  background:var(--g-card),rgba(15,30,35,.72);
  box-shadow:var(--s-card);
}
.rev__q{height:20px;font-size:54px;line-height:1;color:var(--slate-500)}
.rev__t{flex:1;font-size:16.5px;line-height:1.5;text-wrap:pretty}
.rev__a{font-weight:600;font-size:16.5px;line-height:1.3}
.rev__a span{display:block;margin-top:2px;font-weight:400;font-size:14px;color:var(--gray-300)}

/* --- kontaktai: stiklo juosta su forma ------------------------------------- */

.kont{
  max-width:var(--maxw);width:100%;margin:0 auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(24px,4vw,56px);align-items:start;
  padding:clamp(24px,5vw,64px);
  border-radius:36px;
  border:1px solid rgba(171,175,181,.2);
  background:
    radial-gradient(ellipse 60% 80% at 50% 120%,rgba(103,126,138,.45),rgba(103,126,138,0) 70%),
    var(--g-band);
  box-shadow:var(--s-band);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  scroll-margin-top:104px;
}
.kont__l{display:flex;flex-direction:column;gap:22px;min-width:0}
.kont .h-sec{font-size:clamp(32px,4.4vw,58px);line-height:.98;letter-spacing:-.03em;text-wrap:balance}
.kont .lead{margin-top:0;max-width:44ch}
.steps{display:flex;flex-direction:column;gap:10px;counter-reset:zingsnis}
.steps li{
  counter-increment:zingsnis;
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:2px;
  padding:18px 22px 16px;
  border-radius:20px;
  border:1px solid var(--b-card);
  background:var(--row);
}
.steps li::before{content:"0" counter(zingsnis);grid-row:1/3;font-size:14px;color:var(--slate-500);padding-top:3px}
.steps li b{font-weight:600;font-size:17.5px;line-height:1.3}
.steps li span{font-size:15px;color:var(--gray-300)}
.kont__meta{display:flex;flex-wrap:wrap;gap:8px}
.kont__meta a{
  padding:12px 18px 10px;border-radius:999px;
  font-size:15px;font-weight:500;
  border:1px solid rgba(171,175,181,.26);background:rgba(14,29,33,.4);
  transition:background .3s;
}
.kont__meta a:hover{color:var(--text);background:rgba(171,175,181,.2)}
.kont__r{
  display:flex;flex-direction:column;gap:12px;
  padding:clamp(20px,3vw,32px);
  border-radius:32px;
  background:var(--ink-950);
  border:1px solid rgba(171,175,181,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(14,29,33,.7);
}

/* --- forma ----------------------------------------------------------------- */

.frm{display:flex;flex-direction:column;gap:14px}
.frm__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.fld label{padding-left:20px;font-size:13.5px;color:var(--gray-300)}
.fld .req{color:var(--text)}
.fld input,.fld textarea,.fld select{
  width:100%;
  padding:17px 20px 15px;
  border-radius:999px;
  border:1px solid rgba(171,175,181,.18);
  outline:none;
  font-size:16px;line-height:1.45;color:var(--text);
  background:var(--ink-950);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.5);
  transition:border-color .3s;
}
.fld textarea{display:block;min-height:132px;border-radius:24px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:rgba(238,242,244,.55)}
.fld.has-err input,.fld.has-err textarea,.fld.has-err select{border-color:rgba(240,150,150,.75)}
.fld__err{padding-left:20px;font-size:13px;color:#F2B3B3}
.fld__err:empty{display:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.chk{display:flex;gap:12px;align-items:flex-start;padding:2px 8px;font-size:14px;line-height:1.45;color:var(--gray-300);cursor:pointer}
.chk input{
  -webkit-appearance:none;appearance:none;
  flex:none;position:relative;
  width:22px;height:22px;margin:0;
  border-radius:8px;
  border:1px solid rgba(171,175,181,.4);
  background:var(--ink-950);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.5);
  cursor:pointer;
  transition:border-color .25s;
}
.chk:hover input{border-color:rgba(238,242,244,.6)}
.chk input:checked{border-color:rgba(238,242,244,.6);background:var(--prim);box-shadow:inset 0 1px 0 #fff}
.chk input:checked::after{
  content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;
  border:solid var(--ink-950);border-width:0 2px 2px 0;transform:rotate(42deg);
}
.chk.has-err input{border-color:rgba(240,150,150,.85)}
.chk a{color:var(--text)}

.cf-turnstile{min-height:65px;margin:2px 0 0!important}
.frm__btm{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:6px}
.frm__note{font-size:13.5px;color:var(--slate-500);text-align:center}
.frm.is-busy button[type=submit]{opacity:.55;pointer-events:none}

.frm__msg{display:none;padding:18px 22px 16px;border-radius:20px;font-size:15.5px;border:1px solid var(--b-card);background:var(--row)}
.frm__msg.is-ok{display:block;color:var(--text)}
.frm__msg.is-bad{display:block;color:#F2B3B3;border-color:rgba(240,150,150,.4)}
.frm__msg--big{padding:clamp(24px,4vw,40px)!important;border-radius:28px!important}
.frm__msg--big b{display:block;margin-bottom:10px;font-size:32px;font-weight:600;line-height:1;letter-spacing:-.02em}
.frm__msg--big p{margin:0 0 8px;color:var(--gray-300)}
.frm__next{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14.5px}
.frm__next span{color:var(--slate-500);margin-right:4px}
.frm__next a{padding:9px 14px 7px;border-radius:999px;border:1px solid rgba(171,175,181,.2);background:rgba(14,29,33,.4);color:var(--gray-300)}
.frm__next a:hover{color:var(--text)}

/* --- užklausos langas ------------------------------------------------------ */

.mdl{
  position:fixed;inset:0;z-index:80;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  opacity:0;visibility:hidden;
  transition:opacity .3s,visibility .3s;
}
.mdl.is-open{opacity:1;visibility:visible}
.mdl__bg{position:absolute;inset:0;background:rgba(14,29,33,.86);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.mdl__box{
  width:min(100%,580px);max-height:calc(100dvh - 40px);overflow-y:auto;
  display:flex;flex-direction:column;gap:12px;
  padding:clamp(22px,3vw,34px);
  border-radius:32px;
  border:1px solid rgba(171,175,181,.2);
  background:var(--g-band),var(--ink-950);
  box-shadow:var(--s-band);
  transform:translateY(14px);
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.mdl.is-open .mdl__box{transform:none}
.mdl__x{
  position:absolute;top:18px;right:18px;z-index:2;
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(171,175,181,.26);
  color:var(--gray-300);font-size:15px;
  transition:color .3s,background .3s;
}
.mdl__x:hover{color:var(--text);background:rgba(171,175,181,.2)}
.mdl__k{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--slate-500)}
.mdl__t{padding-right:56px;font-weight:600;font-size:clamp(28px,3.4vw,38px);line-height:1;letter-spacing:-.025em}
.mdl__s{margin-bottom:6px;font-size:15px;color:var(--gray-300)}
.mdl__s b{font-weight:600;color:var(--text)}

/* --- paslaugų skydelis (atsidaro paspaudus „Paslaugos“) --------------------- */

.oc{
  position:fixed;inset:0;z-index:90;
  overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;
  transition:opacity .3s,visibility .3s;
}
.oc.is-open{opacity:1;visibility:visible}
.oc__bg{position:fixed;inset:0;background:rgba(14,29,33,.88);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.oc__panel{
  position:relative;
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;
  padding:clamp(84px,8vw,104px) var(--pad) 48px;
  pointer-events:none;
}
.oc__panel > *{pointer-events:auto}
.oc__x{
  position:fixed;top:16px;right:var(--pad);z-index:3;
  width:48px;height:48px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--b-pill);
  background:var(--g-pill),rgba(10,20,23,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(14,29,33,.5);
  font-size:16px;
}
.oc__side{position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.oc__k{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--slate-500)}
.oc__t{font-weight:600;font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.03em}
.oc__d{color:var(--gray-300);text-wrap:pretty}
.oc__cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:8px}
.oc__cnt{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px}
.oc__cnt a{color:var(--gray-300)}
.oc__cnt a:hover{color:var(--text)}
.oc__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:10px}
.oc__i{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 14px;align-items:center;
  padding:16px 18px 14px 20px;
  border-radius:20px;
  border:1px solid var(--b-row);
  background:var(--row);
  transition:border-color .3s,background .3s;
  transition-delay:0s!important;
}
.oc__i:hover{color:var(--text);border-color:var(--b-hover);background:rgba(171,175,181,.1)}
.oc__n{grid-row:1/3;align-self:start;padding-top:4px;font-size:13px;color:var(--slate-500)}
.oc__nm{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-weight:600;font-size:17px;line-height:1.2}
.oc__kn{font-weight:400;font-size:13px;color:var(--gray-300);white-space:nowrap;padding:5px 10px 3px;border-radius:999px;border:1px solid rgba(171,175,181,.2)}
.oc__sub{grid-column:2;font-size:14.5px;color:var(--gray-300)}
.oc__ar{grid-column:3;grid-row:1/3;color:var(--slate-500)}
@media (max-width:860px){
  .oc__panel{grid-template-columns:1fr}
  .oc__side{position:static}
}

/* --- nuotraukos peržiūra ---------------------------------------------------- */

.lbx{
  position:fixed;inset:0;z-index:100;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(16px,4vw,48px);
  background:rgba(14,29,33,.9);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;
  transition:opacity .25s,visibility .25s;
  cursor:zoom-out;
}
.lbx.is-on{opacity:1;visibility:visible}
.lbx__img{max-width:100%;max-height:100%;width:auto;border-radius:18px;border:1px solid rgba(171,175,181,.2);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lbx__x{
  position:absolute;top:16px;right:var(--pad);
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--b-pill);background:rgba(14,29,33,.6);
  font-size:26px;line-height:1;padding-bottom:3px;
}

/* --- slapukų juosta -------------------------------------------------------- */

.slk{
  position:fixed;left:20px;bottom:20px;z-index:95;
  max-width:420px;
  display:flex;flex-direction:column;gap:16px;
  padding:22px;
  border-radius:24px;
  border:1px solid var(--b-pill);
  background:var(--g-pill),rgba(10,20,23,.72);
  box-shadow:var(--s-band);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  opacity:0;transform:translateY(14px);
  transition:opacity .4s,transform .4s;
}
.slk.is-on{opacity:1;transform:none}
.slk__t{font-size:14.5px;line-height:1.45;color:var(--gray-300)}
.slk__t b{display:block;margin-bottom:4px;font-weight:600;font-size:17px;color:var(--text)}
.slk__t a{color:var(--text);border-bottom:1px solid rgba(171,175,181,.4)}
.slk__b{display:flex;gap:8px}
.slk__b .btn{flex:1;padding:13px 16px 11px;font-size:15px}
.slk__b .btn--solid{box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(14,29,33,.5)}

/* --- poraštė --------------------------------------------------------------- */

.ftr{
  position:relative;z-index:1;
  max-width:var(--maxw);
  margin:40px auto 0;
  padding:32px var(--pad) 40px;
  display:flex;flex-direction:column;gap:22px;
  border-top:1px solid var(--b-row);
  font-size:14.5px;color:var(--slate-500);
}
.ftr__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px}
.ftr__logo{font-weight:600;font-size:18px;color:var(--text)}
.ftr__cnt,.ftr__nav,.ftr__miestai{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.ftr a,.ftr__slapukai{color:var(--gray-300);font-size:14.5px;transition:color .3s}
.ftr a:hover,.ftr__slapukai:hover{color:var(--text)}
.ftr__miestai{gap:6px 16px}
.ftr__miestai span{color:var(--slate-500)}

/* --- mobili apatinė juosta + WhatsApp -------------------------------------- */

.mbar{display:none}

@media (max-width:820px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .mbar{
    position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;
    display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:4px;
    padding:6px;
    border-radius:999px;
    border:1px solid var(--b-pill);
    background:var(--g-pill),rgba(10,20,23,.6);
    box-shadow:var(--s-pill);
    -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  }
  .mbar a{
    display:flex;align-items:center;justify-content:center;gap:6px;
    padding:13px 8px 11px;border-radius:999px;
    font-size:15px;font-weight:500;white-space:nowrap;
    color:var(--gray-300);
  }
  .mbar a.mbar__cta{color:var(--ink-950);font-weight:600;background:var(--prim);box-shadow:inset 0 1px 0 #fff}
  .slk{left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:none}
  /* atidarius meniu ar paslaugų skydelį apatinė juosta neuždengia jų turinio */
  body:has(.mnav.is-open) .mbar,body:has(.oc.is-open) .mbar{display:none}
}

/* --- telefonas ------------------------------------------------------------- */

@media (max-width:820px){
  .tabp .svc,.tabp .price{
    display:flex;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin:0 calc(-1 * var(--pad));padding:6px var(--pad) 16px;
    scroll-padding-left:var(--pad);
  }
  .tabp .svc::-webkit-scrollbar,.tabp .price::-webkit-scrollbar{display:none}
  .tabp .svc__i,.tabp .price__i{flex:0 0 min(84%,340px);scroll-snap-align:start}
  .tabp .svc__i:hover,.tabp .price__i:hover{transform:none}
  .tabp .price{padding-top:18px}
  .car__b{flex-direction:column;align-items:flex-start;gap:6px}
  .car__tag{padding-top:0}
  .h-sec br,.hero__tag br{display:none}
  .sec__hd{align-items:flex-start;flex-direction:column}
  .car__sw{-webkit-mask-image:none;mask-image:none;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding-left:var(--pad);padding-right:var(--pad)}
  .frm__row{grid-template-columns:1fr}
  .dd__i a{grid-template-columns:auto minmax(0,1fr)}
  .dd__tag{grid-column:2;grid-row:auto;justify-self:start;margin-top:6px}
  .price__t{min-height:0}
}
@media (max-width:520px){
  .proc__d{padding:0 22px 20px 24px}
  .proc__s{padding-left:20px;gap:14px}
  .tabbar small{display:none}
  .svc__i,.price__i,.rev{padding:22px}
  .dd__s{padding-left:18px}
  .dd__list{padding:4px 8px 8px}
  .kont{border-radius:28px}
  .kont__r,.mdl__box{border-radius:26px}
  .hero__act .btn{width:100%}
}

/* --- animacijos (anim.js prideda html.anim; be JS ar su prefers-reduced-motion viskas matoma iš karto) --- */
.anim [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.anim [data-rv].is-in{opacity:1;transform:none}
.anim .car[data-rv]{transform:translateY(40px)}
.anim .car[data-rv].is-in{transform:none}
/* antraštės — žodis po žodžio, iš apačios */
.anim .w{display:inline-block}
.anim .w i{display:inline-block;font-style:inherit;opacity:0;transform:translateY(.45em);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.anim .is-in .w i{opacity:1;transform:none}
.anim h1[data-rv],.anim h2[data-rv]{opacity:1;transform:none}   /* pačios antraštės neslepiam — tik žodžius */
.anim .hero__tag .w i{transition-duration:.8s}
/* hero: „terminalo“ eilutė rašoma su žymekliu */
.anim .hero__pre .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.anim .hero__pre .tp__off{visibility:hidden}
.anim .hero__pre .caret{display:inline-block;width:0;height:1em;position:relative;vertical-align:-.12em}
.anim .hero__pre .caret::after{content:"";position:absolute;left:.08em;top:0;width:.5em;height:100%;background:var(--gray-300);border-radius:2px;animation:caret 1.1s ease-in-out infinite}
.anim .hero__pre.is-done .caret::after{animation-duration:1.6s}
@keyframes caret{0%,45%{opacity:.85}60%,100%{opacity:0}}
.anim .hero__act{--d:1100ms}
/* skaičiuoklės kaina: skaičių perbėgimą daro JS, čia — švelnus „pulsas“ pasikeitus */
.anim .kzr__sum,.anim .calc__sum{transition:transform .35s}


/* telefone darbų kortelės aukštesnės (vartotojo pastaba 10-01): rėmelis 3:4, svetainė slenka ilgesniu keliu */
@media (max-width:820px){ .car__img{aspect-ratio:3/4} }

/* ilgi atsiliepimai: sutrumpinti iki 8 eilučių, paspaudus — pilnas tekstas */
.rev.is-long{cursor:pointer}
.rev.is-long:not(.is-open) .rev__t{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.rev.is-long::after{content:"Skaityti pilnai ↓";font-size:13px;color:var(--slate-500);margin-top:-6px}
.rev.is-long.is-open::after{content:"Sutrumpinti ↑"}
#revPg{display:none}   /* 34 atsiliepimai — taškų eilė per ilga, paliekam rodykles */