:root{
  --bg:#0a0f1e; --bg-soft:#0e1526; --surface:#131c30; --surface-2:#1a2540;
  --line:rgba(255,255,255,.09); --ink:#e8edf7; --ink-2:#c8d2e8; --sub:#93a0bd;
  --mint:#2fe0ac; --mint-strong:#16c79a; --blue:#3b54ff;
  --radius:16px; --maxw:1080px;
  color-scheme:dark;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.65;
  -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column;
}
a{color:var(--mint); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px}

/* NAV */
.nav{position:sticky; top:0; z-index:50; background:rgba(10,15,30,.82);
  backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--line)}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.05rem; color:var(--ink)}
.brand:hover{text-decoration:none}
.brand img{width:28px; height:28px; border-radius:7px}
.brand .tld{color:var(--mint)}
.navlinks{display:flex; align-items:center; gap:26px}
.navlinks a{color:var(--ink-2); font-size:.95rem; font-weight:500}
.navlinks a:hover{color:var(--mint); text-decoration:none}
.navlinks a.active{color:var(--mint)}
.navtoggle{display:none; background:none; border:0; color:var(--ink); cursor:pointer}

/* HERO */
.hero{padding:96px 0 72px; position:relative; overflow:hidden}
.hero::before{content:""; position:absolute; inset:0;
  background:radial-gradient(60% 60% at 50% 0%, rgba(47,224,172,.12) 0%, rgba(47,224,172,0) 70%); pointer-events:none}
.hero .wrap{position:relative}
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:.82rem; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase; color:var(--mint);
  background:rgba(47,224,172,.1); border:1px solid rgba(47,224,172,.22);
  padding:6px 12px; border-radius:999px}
h1{font-size:clamp(2rem,5vw,3.2rem); line-height:1.1; letter-spacing:-.02em; margin:22px 0 18px; font-weight:800}
h1 .mint{color:var(--mint)}
.lead{font-size:1.2rem; color:var(--ink-2); max-width:680px}
.cta{display:flex; gap:14px; flex-wrap:wrap; margin-top:32px}
.btn{display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:.98rem;
  padding:13px 22px; border-radius:12px; border:1px solid transparent; cursor:pointer; transition:.15s}
.btn:hover{text-decoration:none; transform:translateY(-1px)}
.btn--primary{background:var(--mint); color:#062018; border-color:var(--mint-strong)}
.btn--primary:hover{background:var(--mint-strong)}
.btn--ghost{background:transparent; color:var(--ink); border-color:var(--line)}
.btn--ghost:hover{border-color:var(--mint); color:var(--mint)}

/* SECTIONS */
section.band{padding:64px 0; border-top:1px solid var(--line)}
.band--soft{background:var(--bg-soft)}
h2{font-size:clamp(1.5rem,3vw,2.1rem); letter-spacing:-.01em; margin-bottom:14px; font-weight:750}
h3{font-size:1.15rem; margin-bottom:8px; font-weight:650}
.section-sub{color:var(--sub); max-width:660px; margin-bottom:36px}
.grid{display:grid; gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:26px}
.card h3{color:var(--ink)}
.card p{color:var(--sub); font-size:.96rem}
.card .ico{width:42px; height:42px; border-radius:11px; display:grid; place-items:center;
  background:rgba(47,224,172,.1); color:var(--mint); margin-bottom:16px}
.card .ico svg{width:22px; height:22px}

/* PROSE (Apie / Privatumas) */
.prose{max-width:800px}
.prose p{color:var(--ink-2); margin:0 0 16px}
.prose h2{margin:36px 0 12px}
.prose h3{margin:26px 0 8px; color:var(--ink)}
.prose ul{margin:0 0 16px; padding-left:22px; color:var(--ink-2)}
.prose li{margin:6px 0}
.prose strong{color:var(--ink)}
.muted{color:var(--sub); font-size:.9rem}
.page-head{padding:64px 0 8px}
.page-head h1{font-size:clamp(1.8rem,4vw,2.6rem)}

/* CONTACT / REKVIZITAI */
.dl{display:grid; grid-template-columns:200px 1fr; gap:12px 24px; margin-top:8px}
.dl dt{color:var(--sub); font-size:.95rem}
.dl dd{color:var(--ink); font-size:.98rem}
@media(max-width:560px){.dl{grid-template-columns:1fr}.dl dt{margin-top:10px}}

/* FOOTER */
footer{margin-top:auto; border-top:1px solid var(--line); background:var(--bg-soft); padding:44px 0 32px}
.foot-grid{display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap}
.foot-brand{max-width:320px}
.foot-brand p{color:var(--sub); font-size:.9rem; margin-top:12px}
.foot-col h4{font-size:.82rem; text-transform:uppercase; letter-spacing:.05em; color:var(--sub); margin-bottom:12px}
.foot-col a{display:block; color:var(--ink-2); font-size:.92rem; margin:7px 0}
.foot-col a:hover{color:var(--mint); text-decoration:none}
.foot-bottom{border-top:1px solid var(--line); margin-top:32px; padding-top:22px;
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:var(--sub); font-size:.86rem}

@media(max-width:820px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .navlinks{display:none}
  .navlinks.open{display:flex; position:absolute; top:64px; left:0; right:0; flex-direction:column;
    background:var(--bg); border-bottom:1px solid var(--line); padding:16px 24px; gap:14px}
  .navtoggle{display:block}
}