:root{
  --navy:#0e2a3f;
  --navy-2:#123650;
  --ink:#1c2b36;
  --muted:#5b6b76;
  --bg:#ffffff;
  --bg-soft:#f4f7f9;
  --line:#dde5ea;
  --accent:#0f8a5f;
  --accent-dark:#0b6c4b;
  --warn:#c0392b;
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.25;font-weight:700}
h2{font-size:1.7rem;margin-bottom:.75rem}
p{margin-bottom:1rem}
section{padding:64px 0}
.section-soft{background:var(--bg-soft)}
.kicker{
  text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;
  color:var(--accent);margin-bottom:.5rem;
}
/* Header */
header{
  background:var(--bg);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:10;
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:var(--maxw);margin:0 auto}
.logo{font-weight:700;color:var(--navy);text-decoration:none;font-size:1.02rem;line-height:1.25;display:block}
.logo .logo-sub{display:block;font-weight:400;font-size:.76rem;color:var(--muted);letter-spacing:.03em}
.nav-links{display:flex;gap:22px;flex-wrap:wrap}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem}
.nav-links a:hover{color:var(--navy)}
/* Hero */
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:88px 0}
.hero h1{font-size:2.3rem;max-width:760px;margin-bottom:1.1rem}
.hero p.lead{font-size:1.15rem;max-width:680px;color:#cfdde7;margin-bottom:2rem}
.btn{
  display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:14px 28px;border-radius:6px;font-weight:600;font-size:1rem;
}
.btn:hover{background:var(--accent-dark)}
.btn-ghost{
  display:inline-block;color:#cfdde7;text-decoration:none;padding:14px 20px;font-weight:600;font-size:1rem;
}
.btn-ghost:hover{color:#fff;text-decoration:underline}
/* Problem list */
.q-list{list-style:none;margin:1.2rem 0}
.q-list li{
  padding:12px 16px 12px 44px;position:relative;margin-bottom:10px;
  background:var(--bg);border:1px solid var(--line);border-radius:6px;
}
.q-list li::before{
  content:"?";position:absolute;left:16px;top:11px;
  font-weight:700;color:var(--warn);font-size:1.05rem;
}
/* Five answers */
.grid-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:1.6rem}
.card-a{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:20px}
.card-a .num{
  display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;
  background:var(--navy);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;margin-bottom:10px;
}
.card-a h3{font-size:1.05rem;margin-bottom:6px}
.card-a p{font-size:.92rem;color:var(--muted);margin:0}
blockquote{
  border-left:4px solid var(--accent);background:var(--bg-soft);
  padding:20px 24px;margin:2.2rem 0 0;font-size:1.12rem;font-style:italic;color:var(--navy);
  border-radius:0 8px 8px 0;
}
/* Principles */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:1.4rem}
.card-b{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:22px}
.card-b h3{font-size:1.05rem;margin-bottom:8px;color:var(--navy)}
.card-b p{font-size:.95rem;color:var(--muted);margin:0}
/* Packages */
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:1.6rem}
.pkg{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--bg);display:flex;flex-direction:column}
.pkg.featured{border:2px solid var(--accent);background:#f4faf7}
.pkg .tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);margin-bottom:8px}
.pkg h3{font-size:1.15rem;margin-bottom:4px}
.pkg p.sub{font-size:.92rem;color:var(--muted);margin-bottom:14px}
.pkg ul{list-style:none;margin:0 0 16px;flex:1}
.pkg ul li{padding:6px 0 6px 24px;position:relative;font-size:.93rem}
.pkg ul li::before{content:"+";position:absolute;left:4px;font-weight:700;color:var(--accent)}
.pkg .btn{text-align:center}
.support-bar{
  margin-top:22px;background:var(--navy);color:#cfdde7;border-radius:10px;padding:24px 28px;
}
.support-bar strong{color:#fff}
/* For whom */
.check-list{list-style:none;margin:1.2rem 0}
.check-list li{padding:8px 0 8px 32px;position:relative}
.check-list li::before{content:"+";position:absolute;left:6px;font-weight:700;color:var(--accent)}
.not-note{color:var(--muted);font-size:.95rem;border-top:1px dashed var(--line);padding-top:14px;margin-top:6px}
/* Boundaries */
.bound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:1.4rem}
.bound{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:6px;padding:18px}
.bound h3{font-size:1rem;margin-bottom:6px}
.bound p{font-size:.92rem;color:var(--muted);margin:0}
/* Process */
.steps{counter-reset:step;list-style:none;margin-top:1.4rem}
.steps li{
  counter-increment:step;position:relative;padding:0 0 26px 58px;
}
.steps li::before{
  content:counter(step);position:absolute;left:0;top:0;
  width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;
  background:var(--navy);color:#fff;font-weight:700;
}
.steps li:not(:last-child)::after{
  content:"";position:absolute;left:19px;top:42px;bottom:2px;width:2px;background:var(--line);
}
.steps h3{font-size:1.05rem;margin-bottom:4px}
.steps p{font-size:.95rem;color:var(--muted);margin:0}
.resp-note{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:18px 22px;font-size:.95rem;color:var(--muted);margin-top:10px}
/* FAQ */
details{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--bg)}
details summary{
  cursor:pointer;padding:16px 20px;font-weight:600;list-style:none;position:relative;padding-right:44px;
}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:1.3rem;color:var(--accent)}
details[open] summary::after{content:"-"}
details .a{padding:0 20px 16px;color:var(--muted);font-size:.96rem}
/* Final CTA */
.final{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;text-align:center}
.final h2{color:#fff}
.final p{max-width:640px;margin:0 auto 1.8rem;color:#cfdde7}
/* Footer */
footer{background:#0a1f2f;color:#8fa6b5;padding:36px 0;font-size:.9rem}
.foot{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-start}
footer a{color:#b9cbd8;text-decoration:none}
footer a:hover{text-decoration:underline}
@media (max-width:640px){
  .hero h1{font-size:1.7rem}
  section{padding:48px 0}
  .nav-links{display:none}
}

/* --- Subpuslapiai (metodika, skaiciavimai) --- */
.page-head{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:56px 0}
.page-head h1{font-size:2rem;margin-bottom:.8rem}
.page-head p{max-width:720px;color:#cfdde7;margin:0}
.tier{padding:48px 0}
.tier + .tier{border-top:1px solid var(--line)}
.tier-note{color:var(--muted);font-size:.95rem;margin-bottom:.4rem}
.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:1.4rem}
.method{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:18px 20px}
.method h3{font-size:1.02rem;margin-bottom:6px;color:var(--navy)}
.method p{font-size:.92rem;color:var(--muted);margin:0}
.tier-2 .method{background:var(--bg-soft)}
.stub{padding:80px 0;text-align:center}
.stub p{max-width:560px;margin:0 auto 1.5rem;color:var(--muted)}
.nav-links a.active{color:var(--navy);font-weight:600}

/* --- Skaiciavimu puslapis --- */
.upload-box{border:2px dashed var(--line);border-radius:10px;padding:32px;text-align:center;background:var(--bg-soft)}
.upload-box.drag{border-color:var(--accent);background:#eef8f3}
.upload-box input[type=file]{margin:10px 0}
.privatumas{margin-top:14px;background:#eef8f3;border:1px solid #cde7db;border-radius:8px;padding:14px 18px;font-size:.94rem;color:var(--ink)}
#rezultatai{margin-top:28px}
#rezultatai h3{margin:26px 0 4px;font-size:1.1rem;color:var(--navy)}
.rez-head h2{margin-bottom:4px}
.ok-note{color:var(--accent-dark)}
.warn-note{color:var(--warn);font-weight:600}
.klaida{background:#fdf0ee;border:1px solid #eeccc6;border-left:4px solid var(--warn);border-radius:6px;padding:14px 18px;color:var(--ink)}
.lentele-wrap{overflow-x:auto}
.kpi-table{width:100%;border-collapse:collapse;font-size:.93rem;margin-top:8px}
.kpi-table th,.kpi-table td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.kpi-table th{background:var(--bg-soft);font-weight:600}
.kpi-table td.num,.kpi-table th:not(:first-child){text-align:right;white-space:nowrap}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:baseline}
.dot-g{background:#1a9e63}
.dot-y{background:#e0a800}
.dot-r{background:#d64533}

/* --- Rezultatu isdestymas (v3): grupes kortelese, zebra, oro tarpai --- */
.rez-head{margin:30px 0 6px}
.rez-head h2{margin-bottom:6px}
.rez-grupe{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin:20px 0;box-shadow:0 1px 3px rgba(14,42,63,.06)}
.rez-grupe h3{margin:0 0 2px;font-size:1.08rem;color:var(--navy)}
.rez-grupe .tier-note{margin-bottom:4px}
.rez-grupe .kpi-table{margin-top:10px}
.kpi-table th:first-child{width:42%}
.kpi-table td{padding:9px 12px}
.kpi-table tbody tr:nth-child(even){background:var(--bg-soft)}
.kpi-table td.num{font-variant-numeric:tabular-nums;min-width:92px}
.rez-missing{background:var(--bg-soft)}
.rez-missing .kpi-table tbody tr:nth-child(even){background:var(--bg)}
@media (max-width:640px){
  .rez-grupe{padding:14px 12px}
  .kpi-table{font-size:.85rem}
  .kpi-table td{padding:7px 8px}
  .kpi-table td.num{min-width:72px}
}

/* --- Bukles komentarai --- */
.rez-komentarai{background:#f4faf7;border-color:#cde7db}
.rez-komentarai .koment{font-size:.96rem;margin:10px 0 0}
.rez-komentarai .koment strong{color:var(--navy)}