/* Gaivus gūsis — styles.css (atnaujintas dizainas) */
:root{
  --text:#1A1A1A;--text-muted:#6B6B6B;--text-soft:#9A9A9A;
  --accent:#5B9BD5;--accent-hover:#3A7CB0;
  --bg:#FFFFFF;--bg-soft:#FAFAFA;--border:#ECECEC;--border-mid:#E0E0E0;
  --radius:8px;--maxw:1080px;--pad:clamp(1.5rem,5vw,3rem);
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --display:'Montserrat','Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font);font-weight:400;font-size:17px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--accent);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--accent-hover);}
h1,h2,h3{margin:0;color:var(--text);font-family:var(--display);font-weight:500;letter-spacing:-0.01em;line-height:1.1;}
h1{font-size:clamp(2.4rem,5.6vw,4.1rem);font-weight:600;letter-spacing:-0.015em;line-height:1.07;}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-0.01em;}
h3{font-size:1.2rem;font-weight:600;letter-spacing:-0.005em;line-height:1.35;}
p{margin:0 0 1rem;}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
header{border-bottom:1px solid var(--border);position:relative;z-index:5;background:var(--bg);}
.header-inner{max-width:var(--maxw);margin:0 auto;padding:1.4rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.brand{display:inline-flex;align-items:center;}
.brand-logo{height:48px;width:auto;display:block;}
header nav{display:flex;align-items:center;gap:1.5rem;}
header nav .phone{color:var(--text);font-weight:500;font-size:.98rem;}
header nav .phone:hover{color:var(--accent);}
header nav .cta{background:var(--accent);color:#fff;font-weight:500;font-size:.92rem;padding:.62rem 1.15rem;border-radius:var(--radius);}
header nav .cta:hover{background:var(--accent-hover);color:#fff;}
#hero{padding:clamp(4.5rem,11vw,8.5rem) 0 clamp(2.25rem,4.5vw,3.25rem);}
#hero h1{max-width:16ch;margin-bottom:1.5rem;}
#hero .lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--text-muted);max-width:46ch;margin:0 0 2.75rem;}
.cta-row{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.9rem;border-radius:var(--radius);font-weight:500;font-size:1.02rem;line-height:1;transition:all .18s ease;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px);}
.btn-text{color:var(--text);font-weight:500;font-size:1.02rem;display:inline-flex;align-items:center;gap:.4rem;}
.btn-text .arrow{transition:transform .18s ease;color:var(--accent);}
.btn-text:hover{color:var(--accent);}
.btn-text:hover .arrow{transform:translateX(3px);}
section{padding:clamp(4rem,9vw,7rem) 0;}
.section-head{max-width:36ch;margin-bottom:clamp(2.5rem,5vw,3.5rem);}
.brands{padding:clamp(1.75rem,4vw,2.75rem) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.brands-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0 0 1.4rem;}
.brand-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.9rem 2.5rem;}
.brand-list li{font-family:var(--display);font-size:1.25rem;font-weight:500;color:var(--text-soft);letter-spacing:-0.01em;transition:color .18s ease;}
.brand-list li:hover{color:var(--text-muted);}
.brand-list li.featured{color:var(--text);font-weight:600;}
@keyframes slideDown{from{opacity:0;transform:translateY(-16px);}to{opacity:1;transform:translateY(0);}}
body.has-js .service{opacity:0;}
body.has-js .service.in{animation:slideDown .55s ease forwards;}
body.has-js .service.in:nth-child(2){animation-delay:.12s;}
body.has-js .service.in:nth-child(3){animation-delay:.24s;}
@media (prefers-reduced-motion:reduce){body.has-js .service{opacity:1;animation:none;}}
#paslaugos .grid{display:grid;grid-template-columns:1fr;gap:0;}
.service{padding:2rem 0;border-top:1px solid var(--border-mid);transition:border-color .2s ease;}
.service:hover{border-top-color:var(--accent);}
.service .icon{color:var(--text);margin-bottom:1.1rem;}
.service .icon svg{height:30px;width:auto;display:block;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.service h3{margin-bottom:.6rem;}
.service p{color:var(--text-muted);margin:0;}
#apie{background:var(--bg-soft);}
#apie .about-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;}
#apie .about-lead{font-size:clamp(1.25rem,2.4vw,1.7rem);color:var(--text);font-family:var(--display);font-weight:500;letter-spacing:-0.01em;line-height:1.3;max-width:24ch;margin:0;}
#apie .about-body{max-width:34ch;}
#apie p{color:var(--text-muted);}
#procesas ol{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;grid-template-columns:1fr;gap:1.75rem;}
#procesas li{counter-increment:step;display:flex;gap:1.1rem;align-items:baseline;}
#procesas li::before{content:counter(step,decimal-leading-zero);color:var(--accent);font-family:var(--display);font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums;min-width:2.4ch;}
#procesas li span{font-size:1.15rem;font-weight:500;letter-spacing:-0.01em;}
#kontaktai .contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;}
.contact-details p{color:var(--text-muted);margin:0 0 .6rem;}
.contact-details .big a{color:var(--text);font-size:1.5rem;font-weight:500;letter-spacing:-0.01em;}
.contact-details .big a:hover{color:var(--accent);}
.contact-details a{color:var(--text);}
.contact-details a:hover{color:var(--accent);}
.form-panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:clamp(1.5rem,3vw,2.25rem);}
.form-panel h3{margin:0 0 1.5rem;}
form{display:flex;flex-direction:column;gap:1.1rem;}
label{display:flex;flex-direction:column;gap:.45rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);}
input,textarea{font-family:inherit;font-size:1rem;font-weight:400;color:var(--text);background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);padding:.8rem .9rem;width:100%;transition:border-color .15s ease,box-shadow .15s ease;}
input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,155,213,.15);}
textarea{min-height:120px;resize:vertical;}
button[type=submit]{align-self:flex-start;margin-top:.3rem;background:var(--accent);color:#fff;border:none;font-family:inherit;font-size:1rem;font-weight:500;padding:.9rem 2rem;border-radius:var(--radius);cursor:pointer;transition:all .18s ease;}
button[type=submit]:hover{background:var(--accent-hover);transform:translateY(-1px);}
footer{border-top:1px solid var(--border);}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:2.75rem var(--pad);color:var(--text-soft);font-size:.875rem;}
.footer-inner .fw{font-weight:500;color:var(--text-muted);margin-bottom:.8rem;font-size:1rem;}
.footer-inner p{margin:0 0 .35rem;}
.footer-inner a{color:var(--text-soft);}
.footer-inner a:hover{color:var(--accent);}
@media (min-width:768px){
  .brand-logo{height:60px;}
  #paslaugos .grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;}
  .service{padding:2.25rem 0 0;}
  #procesas ol{grid-template-columns:repeat(4,1fr);gap:2.5rem;}
  #procesas li{flex-direction:column;gap:.9rem;}
  #apie .about-grid{grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
  #kontaktai .contact-grid{grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
}