/* ---------------------------------------------------------------
   arbitas.lt/kainos - neviesas kainu ir salygu puslapis.
   Ta pati tipografija kaip saknies puslapyje (DM Serif Display +
   Instrument Sans, is ../assets/fonts.css), ta pati paletė, bet be
   judancios sviesos: cia zmogus skaito skaicius, o ne ziuri i darba.
   --------------------------------------------------------------- */

:root{
  --void:#08090c;
  --slate:#11131a;
  --porcelain:#f2f0ec;
  --ash:#8a8f99;
  --edge:rgba(242,240,236,.13);
  --amber:#c95a2e;
  --serif:'DM Serif Display',Georgia,'Times New Roman',serif;
  --sans:'Instrument Sans',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wrap:1120px;
  --gut:clamp(20px,4vw,34px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--void);color:var(--porcelain);
  font:16.5px/1.7 var(--sans);
  overflow-wrap:break-word;
}
a{color:var(--porcelain)}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

.skip{position:absolute;left:-9999px;top:0;background:var(--porcelain);color:var(--void);padding:10px 16px;z-index:100}
.skip:focus{left:0}

/* ---------- head ---------- */
.head{border-bottom:1px solid var(--edge);position:sticky;top:0;background:rgba(8,9,12,.9);backdrop-filter:blur(8px);z-index:30}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.brand{font-family:var(--sans);font-weight:700;letter-spacing:.16em;font-size:14px;text-decoration:none}
.head-mail{font-size:14px;color:var(--ash);text-decoration:none}
.head-mail:hover{color:var(--porcelain)}

/* ---------- hero ---------- */
.hero{padding:64px 0 44px;border-bottom:1px solid var(--edge)}
.eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-weight:650}
.hero h1{
  margin:0 0 22px;font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,7.4vw,64px);line-height:1.08;
  /* lietuviskoms nosinems ir varnelems reikia vietos abiejuose galuose */
  padding:.1em 0;
}
.lede{margin:0;font-size:18.5px;color:var(--ash);max-width:52ch}

/* ---------- sections ---------- */
.section{padding:60px 0;border-bottom:1px solid var(--edge)}
.section-alt{background:var(--slate)}
.section h2{margin:0 0 14px;font-family:var(--serif);font-weight:400;font-size:clamp(26px,5vw,40px);line-height:1.18;padding:.06em 0}
.section-lede{margin:0 0 34px;color:var(--ash);font-size:17px;max-width:56ch}
.section h2+.tiers,.section h2+.tbl-scroll,.section h2+.steps,.section h2+.terms{margin-top:34px}

/* ---------- paketai ---------- */
.tiers{display:grid;gap:18px}
.tier{
  border:1px solid var(--edge);padding:28px 24px;background:rgba(242,240,236,.02);
  display:flex;flex-direction:column;
}
.tier-mid{border-color:rgba(201,90,46,.5);background:rgba(201,90,46,.05)}
.tier-name{margin:0 0 8px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);font-weight:650}
.tier-price{margin:0 0 12px;font-family:var(--serif);font-size:46px;line-height:1;font-weight:400}
.tier-price span{font-family:var(--sans);font-size:14px;color:var(--ash);letter-spacing:.04em;font-weight:600}
.tier-sm .tier-price{font-size:38px}
.tier-note{margin:0 0 20px;font-size:15px;color:var(--ash);min-height:0}

.ticks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ticks li{position:relative;padding-left:26px;font-size:15.5px}
.ticks li::before{
  content:"";position:absolute;left:0;top:9px;width:9px;height:5px;
  border-left:1.5px solid var(--amber);border-bottom:1.5px solid var(--amber);
  transform:rotate(-45deg);
}
.ticks strong{font-weight:650}

.fineprint{margin:30px 0 0;font-size:14.5px;color:var(--ash);max-width:62ch}
.fineprint strong{color:var(--porcelain)}

/* ---------- lentele ---------- */
.tbl-scroll{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:16px;min-width:340px}
.tbl th{text-align:left;font-weight:400;color:var(--porcelain);padding:15px 0}
.tbl td{text-align:right;padding:15px 0;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
.tbl tr+tr th,.tbl tr+tr td{border-top:1px solid var(--edge)}

/* ---------- eiga ---------- */
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--edge)}
.steps li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--edge)}
.steps .sn{flex:none;font-size:12.5px;letter-spacing:.1em;color:var(--amber);font-weight:700;padding-top:5px;font-variant-numeric:tabular-nums}
.steps strong{display:block;font-size:18px;margin-bottom:2px}
.steps span{color:var(--ash);font-size:16px}

/* ---------- salygos ---------- */
.terms{display:grid;gap:26px}
.terms h3{margin:0 0 8px;font-size:17px;font-weight:650;letter-spacing:-.01em}
.terms p{margin:0;color:var(--ash);font-size:16px}
.terms strong{color:var(--porcelain);font-weight:650}

/* ---------- cta ---------- */
.cta{padding:64px 0;text-align:center}
.cta h2{margin:0 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(26px,5vw,40px);padding:.06em 0}
.cta p{margin:0 0 26px;color:var(--ash);font-size:17px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 32px;min-height:54px;font-size:16.5px;font-weight:650;
  background:var(--porcelain);color:var(--void);text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.btn:hover{background:var(--amber);color:var(--porcelain)}

/* ---------- foot ---------- */
.foot{border-top:1px solid var(--edge);padding:30px 0;font-size:14.5px;color:var(--ash)}
.foot p{margin:0}
.foot a{color:var(--ash)}
.foot-note{margin-top:8px;font-size:13px;opacity:.75}

/* ---------- larger screens ---------- */
@media (min-width:720px){
  .section{padding:84px 0}
  .hero{padding:96px 0 64px}
  .terms{grid-template-columns:1fr 1fr;gap:30px 44px}
}
@media (min-width:960px){
  .tiers{grid-template-columns:repeat(3,1fr);gap:22px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}