/* =========================================================
   GirtasNT modern.css (2026-09-26) — modernizacijos sluoksnis
   puslapiams su savu CSS (statytojams, parduosiu-pats, pavyzdys, 404).
   Jungiamas PO puslapio <style>, todėl perrašo jo reikšmes.
   Navy #001426 + varis #CF8B52 · glassmorphism · gradientai
   ========================================================= */
:root{
  --onyx:#001426; --surface:rgba(255,255,255,.055); --raised:rgba(255,255,255,.08); --line:rgba(255,255,255,.12);
  --copper:#CF8B52; --copper-tint:#E6B786; --copper-deep:#E6B786;
  --ink:#F5F2ED; --body:#D6DDE5; --muted:#A5B2C1;
  --paper:rgba(255,255,255,.04); --paper-line:rgba(255,255,255,.12); --paper-ink:#FFFFFF; --paper-body:#D6DDE5;
  --glass:rgba(255,255,255,.055); --glass-2:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.2);
  --radius:22px; --radius-s:14px; --ease:cubic-bezier(.22,.61,.36,1);
  --shadow:0 24px 60px -30px rgba(0,0,0,.7);
}
body{background:#001426;color:var(--body);font-size:16px;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(900px 600px at 85% -10%, rgba(207,139,82,.2), transparent 60%),
  radial-gradient(700px 500px at -10% 30%, rgba(18,52,90,.9), transparent 60%),
  radial-gradient(800px 700px at 60% 110%, rgba(207,139,82,.12), transparent 60%),
  linear-gradient(180deg,#02182D 0%, #001426 40%, #01111F 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 100%)}
::selection{background:var(--copper);color:#001426}
.dark{background:transparent}
.light{background:rgba(0,0,0,.14);color:var(--body);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.light h2,.light h3{color:#fff}
.light .eyebrow{color:var(--copper-tint)}
h1,h2,h3{color:#fff;letter-spacing:-.02em}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--copper-tint);font-size:.74rem;letter-spacing:.16em}
.eyebrow::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--copper),transparent);border-radius:2px}
.hero .rule,hr.rule{background:linear-gradient(90deg,var(--copper),transparent);height:2px;width:72px}
a{color:var(--copper-tint)}
a:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--copper-tint);outline-offset:3px;border-radius:6px}

/* antraštė */
.site-header{background:rgba(0,20,38,.55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}
.site-header .logo img{height:34px}
.site-nav a{color:var(--body);padding:.5rem .7rem;border-radius:999px;transition:background .2s,color .2s}
.site-nav a:hover{color:#fff;background:var(--glass-2)}
.site-nav a[aria-current="page"]{color:var(--copper-tint)}
.site-nav .btn-sm,.site .navcta{background:linear-gradient(135deg,#E3A46C,var(--copper));color:#001426;border-radius:999px;padding:9px 16px;font-weight:700}
.site-nav .btn-sm:hover{color:#001426;background:linear-gradient(135deg,#E3A46C,var(--copper));transform:translateY(-1px)}

/* mygtukai */
.btn{background:linear-gradient(135deg,#E3A46C 0%,var(--copper) 55%,#C77C3F 100%);color:#001426;border-radius:999px;padding:14px 28px;font-weight:700;box-shadow:0 10px 30px -12px rgba(207,139,82,.7);transition:transform .2s var(--ease),box-shadow .25s var(--ease);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;isolation:isolate}
.btn:hover{background:linear-gradient(135deg,#E3A46C 0%,var(--copper) 55%,#C77C3F 100%);color:#001426;transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(207,139,82,.85)}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover::after{transform:translateX(120%)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--line-2);border-radius:999px;padding:12px 22px;color:#fff;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s var(--ease),background .2s,border-color .2s;min-height:48px}
.btn-ghost:hover{background:var(--glass-2);border-color:rgba(255,255,255,.35);transform:translateY(-2px)}
.tbtn,.dl-links a,.jump a,.plink{border-radius:999px}
.tbtn,.dl-links a,.jump a{background:var(--glass);border:1px solid var(--line-2);color:#fff;padding:10px 18px;transition:border-color .2s,transform .2s,background .2s;backdrop-filter:blur(10px)}
.tbtn:hover,.dl-links a:hover,.jump a:hover{border-color:var(--copper);color:var(--copper-tint);background:var(--glass-2);transform:translateY(-2px)}
.dl-links a:hover{color:#001426;background:linear-gradient(135deg,#E3A46C,var(--copper));border-color:transparent}
.trustline b{color:#fff}

/* stiklo blokai */
.price-band,.calc,.compare > div,.reviews figure,.grid article,.contact,form.lead-form,.example,.alert,.stuck,.costs,.pindex a,.problem,.close,.browser,.proof div,.step,.terms span,.fit > div{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.terms span{border-radius:999px;padding:8px 14px;background:var(--glass)}
.grid{gap:1rem;background:transparent;border:0}
.grid article{outline:0;padding:1.6rem;transition:transform .3s var(--ease),border-color .3s}
.grid article:hover{transform:translateY(-4px);border-color:rgba(207,139,82,.4)}
.grid .num{color:var(--copper-tint)}
.compare > div{border-top:1px solid var(--line);padding:1.6rem}
.compare > div.mine{border-color:rgba(207,139,82,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(207,139,82,.25),0 18px 50px -18px rgba(207,139,82,.45)}
.compare h3,.compare > div.mine h3{letter-spacing:.14em}
.price-band{padding:2.6rem 2rem;background:linear-gradient(135deg,rgba(207,139,82,.2),rgba(255,255,255,.04) 60%)}
.price-figure{background:linear-gradient(180deg,#fff,var(--copper-tint));-webkit-background-clip:text;background-clip:text;color:transparent}
.calc{padding:2rem}
.calc input,form.lead-form input,form.lead-form select,form.lead-form textarea{background:rgba(0,20,38,.45);border:1px solid var(--line-2);border-radius:12px;color:#fff;padding:12px 14px;min-height:48px;transition:border-color .2s,box-shadow .2s}
.calc input:focus,form.lead-form input:focus,form.lead-form select:focus,form.lead-form textarea:focus{border-color:var(--copper);box-shadow:0 0 0 4px rgba(207,139,82,.2);outline:none}
.calc .out{gap:.8rem;background:transparent;border:0}
.calc .out div{background:var(--glass);border:1px solid var(--line);border-radius:16px}
.calc .out div.hi{border-color:rgba(207,139,82,.5)}
.calc .out div.hi b{color:var(--copper-tint)}
.problem{padding:0 1.4rem;background:var(--glass)}
.problem div{border-color:var(--line)}
.problem div:last-child{border-bottom:0}
.problem strong{color:#fff}
.steps{border-top:0}
.step{display:grid;padding:1.4rem 1.6rem;margin-bottom:.8rem;border-bottom:1px solid var(--line);transition:transform .25s var(--ease),border-color .25s}
.step:hover{border-color:rgba(207,139,82,.4);transform:translateX(4px)}
.step .n{color:var(--copper-tint);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(207,139,82,.28),rgba(207,139,82,.08));border:1px solid rgba(207,139,82,.35);font-size:1rem}
.fit > div{padding:1.6rem}
.fit .no li::before{color:var(--muted)}
.proof div{border-left:3px solid var(--copper);padding:1.3rem 1.3rem 1.3rem 1.4rem;border-radius:16px}
.proof .big{color:var(--copper-tint)}
.reviews figure{padding:1.6rem;transition:transform .3s var(--ease),border-color .3s}
.reviews figure:hover{border-color:rgba(207,139,82,.4)}
.reviews blockquote{color:var(--body)}
.stars{color:#F5B301}
.faq{border-top:0}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--glass);margin-bottom:.8rem;padding:0 1.3rem;transition:border-color .25s,background .25s}
.faq details[open]{border-color:rgba(207,139,82,.4);background:var(--glass-2)}
.faq summary{padding:1.05rem 0}
.faq summary::after{content:"";width:12px;height:12px;flex:none;border-right:2px solid var(--copper-tint);border-bottom:2px solid var(--copper-tint);transform:rotate(45deg);transition:transform .25s;margin:.3rem .3rem 0 0}
.faq details[open] summary::after{content:"";transform:rotate(-135deg)}
.faq details p{padding:0 0 1.1rem}
.example{background:linear-gradient(135deg,rgba(207,139,82,.2),rgba(255,255,255,.04) 60%);padding:2.2rem 2rem}
.example h2{color:#fff}
form.lead-form{padding:1.8rem;border-radius:var(--radius)}
form.lead-form label{color:var(--body);letter-spacing:.02em;text-transform:none;font-size:.84rem}
form.lead-form .btn{border-radius:999px}
.form-status{border-radius:12px}
.form-status.ok{background:rgba(61,220,132,.14);color:#BFF4D6;border-color:rgba(61,220,132,.35)}
.form-status.err{background:rgba(255,99,99,.14);color:#FFC9C9;border-color:rgba(255,99,99,.35)}
.contact,.close{padding:2.4rem 2rem;background:linear-gradient(135deg,rgba(18,52,90,.5),rgba(255,255,255,.03) 60%)}
.contact .who strong,.contactline{color:#fff}
.alert,.stuck{border-left:3px solid var(--copper);border-radius:16px}
.alert h3{color:var(--copper-tint)}
.costs{padding:.4rem 1.2rem}
.costs div{border-color:var(--line)}
.costs div b{color:#fff}
.costs div span{color:var(--copper-tint)}
.phases{border-top:0}
.phases details{border:1px solid var(--line);border-radius:18px;background:var(--glass);margin-bottom:.8rem;padding:0 1.3rem;transition:border-color .25s}
.phases details[open]{border-color:rgba(207,139,82,.4)}
.phases ol li .sn span{border-radius:10px;border-color:var(--line-2)}
.phases ol li .sn input:checked + span{color:#001426}
.pindex{gap:.6rem;background:transparent;border:0}
.pindex a{border-radius:14px;background:var(--glass)}
.pindex a:hover{background:var(--glass-2);border-color:rgba(207,139,82,.4)}
.prog{background:rgba(0,20,38,.55);backdrop-filter:blur(12px);border-top:0;border-bottom:1px solid var(--line)}
.pbar{background:var(--line);border-radius:99px}
.pbar i{background:linear-gradient(90deg,#E3A46C,var(--copper));border-radius:99px}
.tag{border-radius:999px;background:linear-gradient(135deg,#E3A46C,var(--copper));color:#001426;padding:6px 12px}
.browser{background:rgba(0,20,38,.6)}
.browser .bar{background:rgba(255,255,255,.06)}
.browser .url{background:rgba(0,20,38,.6);border-radius:999px}

/* mobili juosta ir poraštė */
.mobile-cta{gap:.6rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(0,20,38,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line-2)}
.mobile-cta a{border-radius:14px;min-height:48px;display:flex;align-items:center;justify-content:center}
.mobile-cta .call{background:linear-gradient(135deg,#E3A46C,var(--copper));color:#001426}
.mobile-cta .form,.mobile-cta .back{background:var(--glass-2);color:#fff;border:1px solid var(--line-2)}
@media (max-width:720px){body{padding-bottom:70px}}
footer.site-footer,footer{border-top:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--muted)}
footer.site-footer .flinks a,.flinks a{color:var(--body);transition:color .2s}
footer.site-footer .flinks a:hover,.flinks a:hover{color:var(--copper-tint)}

/* 404 */
.err-code{background:linear-gradient(180deg,#fff,var(--copper-tint));-webkit-background-clip:text;background-clip:text;color:transparent}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}

/* 404 */
.code{background:linear-gradient(180deg,#fff,var(--copper-tint));-webkit-background-clip:text;background-clip:text;color:transparent}
.links a{border-radius:999px;background:var(--glass);border:1px solid var(--line-2);color:#fff;padding:12px 20px;backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}
.links a:hover{border-color:var(--copper);color:var(--copper-tint);transform:translateY(-2px)}
.links a.primary,.links a.primary:hover{background:linear-gradient(135deg,#E3A46C,var(--copper));color:#001426;border-color:transparent}
header > a > span{display:none}
.site-header .logo span{display:none}
.site-header .bar{gap:12px}
@media (max-width:640px){.site-nav{gap:8px}.site-nav a:not(.btn-sm){display:none}.site-nav .btn-sm{padding:9px 14px;font-size:12px}}
form.lead-form input[type=checkbox],.check input{width:16px;height:16px;min-height:0;padding:0;flex:0 0 16px}

.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero-video{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-video video{width:100%;height:100%;object-fit:cover;opacity:.3;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 70%,transparent);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 70%,transparent)}
.hero-video::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 25% 50%,rgba(0,20,38,.6),transparent 70%)}
@media(prefers-reduced-motion:reduce){.hero-video video{display:none}}

.gnt-srv a{color:#D6DDE5;text-decoration:none;transition:color .2s}.gnt-srv a:hover{color:#E6B786}