/* Būrelių testas v4 — Kris brand DNA (LIGHT default, DARK override)
   Kanonas: wiki/meta/brand-style.md — JetBrains Mono antraštėms/skaičiams/labels,
   Inter body ≥17px, VIENA raudona, 4px kampai, dyslexia-first tipografija.
   Vanilla CSS, jokio build'o. */

/* ---------- tokenai: VISA šviesi paletė plikame :root ---------- */
:root{
  --ground:#FFFFFF;
  --surface:#F7F7F5;
  --ink:#0A0A0A;
  --muted:#595959;
  --line:#E3E1DC;
  --red:#D90429;          /* raudona tekstui, rėmams, užpildams */
  --red-pure:#FF0000;     /* mikro-akcentai */
  --on-red:#FFFFFF;
  --shadow:0 6px 24px rgba(10,10,10,.10);
  --shadow-sm:0 2px 8px rgba(10,10,10,.07);
  --net:rgba(217,4,41,.55);
  --net-op:.16;          /* kanonas: light'e neuronų tinklas vos matomas */
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --body:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --r:4px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#080808;
    --surface:#0D0D0D;
    --ink:#FAFAFA;
    --muted:#A3A3A3;
    --line:#262626;
    --red:#FF0000;
    --red-pure:#FF0000;
    --on-red:#080808;
    --shadow:0 6px 24px rgba(0,0,0,.6);
    --shadow-sm:0 2px 8px rgba(0,0,0,.5);
    --net:rgba(255,0,0,.55);
    --net-op:.34;
  }
}
:root[data-theme="dark"]{
  --ground:#080808;
  --surface:#0D0D0D;
  --ink:#FAFAFA;
  --muted:#A3A3A3;
  --line:#262626;
  --red:#FF0000;
  --red-pure:#FF0000;
  --on-red:#080808;
  --shadow:0 6px 24px rgba(0,0,0,.6);
  --shadow-sm:0 2px 8px rgba(0,0,0,.5);
  --net:rgba(255,0,0,.55);
  --net-op:.34;
}

/* ---------- pamatas ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--ground);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.55;
  min-height:100vh;
  overflow-x:hidden;              /* jokio horizontalaus slinkimo — niekada */
  -webkit-font-smoothing:antialiased;
}
img,svg,canvas{max-width:100%}
button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r)}
/* programiškai fokusuota antraštė (po perėjimo) — be matomo žiedo;
   tikras klaviatūros fokusas mygtukams lieka aiškiai matomas */
[tabindex="-1"]:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- bendri „brand“ elementai ---------- */
.eyebrow{
  font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.label{
  font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}
.num{font-family:var(--mono);font-weight:800;font-variant-numeric:tabular-nums}

/* ---------- neuron motyvas ---------- */
#net{
  position:fixed;inset:0;width:100%;height:100%;
  z-index:0;pointer-events:none;opacity:var(--net-op);
}

/* ---------- temos mygtukas ---------- */
.theme-btn{
  position:fixed;top:10px;right:10px;z-index:50;
  width:56px;height:56px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;color:var(--muted);
  background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
}
.theme-btn:hover{color:var(--ink);border-color:var(--ink)}

/* ---------- ekranai ---------- */
#app{position:relative;z-index:1}
.screen{display:none}
.screen.on{display:block}
/* landing yra viso ekrano stulpelis — pasitikėjimo juosta prilipdoma prie
   pirmojo ekrano apačios, kad po ja neliktų tuščio balto lauko */
#s-landing.on{display:flex;flex-direction:column;min-height:100vh}
#s-landing .trust{margin-top:auto}
.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 20px}

/* ---------- 1. LANDING ---------- */
.hero{padding-top:76px;padding-bottom:44px}
.hero h1{
  font-family:var(--mono);font-weight:800;letter-spacing:-.015em;
  font-size:clamp(30px,8.4vw,46px);line-height:1.08;
  margin:14px 0 16px;
}
.hero h1 em{font-style:normal;color:var(--red)}
.lead{font-size:19px;line-height:1.5;color:var(--ink);margin-bottom:30px;max-width:30ch}
.undernote{margin-top:16px;font-size:16px}
.undernote a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.undernote a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.byline{margin-top:38px;font-size:14px;color:var(--muted)}
.byline a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.byline a:hover{color:var(--ink)}
.byline .sep{margin:0 6px;opacity:.6}
.byline .quiet{opacity:.75}

.trust{border-top:1px solid var(--line);background:var(--surface);padding:26px 0 42px}
.trust-in{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.t-item{display:flex;flex-direction:column;line-height:1.05}
.t-item b{font-family:var(--mono);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}
.t-item i{
  font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px;
}
.t-dot{color:var(--line);font-size:22px;line-height:1}
.trust-line{margin-top:20px;font-size:15px;color:var(--muted);line-height:1.5}

/* ---------- 2. VIRŠUTINĖ JUOSTA ---------- */
.topbar{
  position:sticky;top:0;z-index:30;
  padding:10px 0;
  background:var(--ground);border-bottom:1px solid var(--line);
}
.topbar-in{
  display:flex;align-items:center;gap:12px;
  width:100%;max-width:640px;margin:0 auto;padding:0 20px;
}
@media (max-width:719px){
  .topbar-in{padding-right:76px}          /* vieta temos mygtukui */
}
.icon-btn{
  width:56px;height:56px;flex:0 0 56px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:22px;color:var(--muted);
  border:1px solid var(--line);border-radius:var(--r);
}
.icon-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}
.icon-btn:disabled{opacity:.3;cursor:default}
.prog{flex:1 1 auto;height:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.prog-fill{height:100%;width:0;background:var(--red);transition:width .35s ease}
.left-n{
  flex:0 0 auto;font-family:var(--mono);font-size:11.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  font-variant-numeric:tabular-nums;
}

/* ---------- 2b. KLAUSIMAS ---------- */
.stage{padding-top:34px;padding-bottom:56px}
.q-step{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.q-title{
  font-family:var(--body);font-weight:700;letter-spacing:-.01em;
  font-size:clamp(22px,6.2vw,30px);line-height:1.25;
  margin:12px 0 26px;
}
.opts{display:flex;flex-direction:column;gap:12px}
.opt{
  display:flex;align-items:center;gap:14px;
  width:100%;min-height:68px;padding:16px 18px;text-align:left;
  font-size:18px;line-height:1.35;
  background:var(--ground);border:1.5px solid var(--line);border-radius:var(--r);
  transition:border-color .15s ease,background .15s ease,transform .12s ease;
}
.opt .dot{
  flex:0 0 20px;width:20px;height:20px;border:2px solid var(--line);border-radius:50%;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.opt:hover{border-color:var(--ink)}
.opt:hover .dot{border-color:var(--ink)}
.opt.sel{border-color:var(--red);background:var(--surface)}
.opt.sel .dot{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 3px var(--ground)}

/* slinkimas kairėn, kai keičiasi klausimas */
.stage.slide-out{animation:slideOut .25s ease forwards}
.stage.slide-in{animation:slideIn .25s ease}
@keyframes slideOut{to{opacity:0;transform:translateX(-28px)}}
@keyframes slideIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}

/* ---------- 2c. INTERSTICIALAI ---------- */
.inter{padding-top:28px;padding-bottom:56px}
.inter-card{
  position:relative;
  background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow-sm);padding:24px 20px 26px;
}
.inter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.inter h2{
  font-family:var(--mono);font-weight:800;letter-spacing:-.01em;
  font-size:clamp(21px,5.6vw,27px);line-height:1.15;margin-top:8px;
}
.big-num{
  font-family:var(--mono);font-weight:800;font-variant-numeric:tabular-nums;
  font-size:clamp(46px,14vw,72px);line-height:1;color:var(--red);
  margin:18px 0 4px;letter-spacing:-.02em;word-spacing:-.18em;
}
.big-cap{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.inter-line{margin-top:22px;font-size:18px;line-height:1.45;font-weight:600}
.inter-src{margin-top:12px;font-size:13.5px;color:var(--muted);font-family:var(--mono);letter-spacing:.02em}
.inter-actions{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}
.inter-actions .btn{width:auto;flex:1 1 210px;min-width:210px}
.skip{background:none;border:0;color:var(--muted);font-size:16px;text-decoration:underline;text-underline-offset:3px;padding:12px 4px;min-height:44px}
.skip:hover{color:var(--ink)}

/* atgalinės atskaitos žiedas */
.ring{flex:0 0 46px;width:46px;height:46px;position:relative}
.ring svg{display:block;transform:rotate(-90deg)}
.ring .trk{stroke:var(--line)}
.ring .bar{stroke:var(--red);stroke-linecap:round;transition:stroke-dashoffset .2s linear}
.ring b{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);
}

/* pasiūlos stulpeliai */
.bars{margin-top:22px;display:flex;flex-direction:column;gap:9px}
.bar-row{display:grid;grid-template-columns:104px 1fr 52px;align-items:center;gap:10px}
.bar-row .bl{font-size:14.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-row .bt{display:block;height:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bar-row .bf{display:block;height:100%;width:0;background:var(--red);opacity:.32;transition:width .9s cubic-bezier(.22,.61,.36,1)}
.bar-row.hi .bf{opacity:1}
.bar-row .bn{font-family:var(--mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}

/* ribos, pasirodančios po vieną */
.limits{margin-top:22px;display:flex;flex-direction:column;gap:12px;list-style:none}
.limits li{
  display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.4;
  opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;
}
.limits li.on{opacity:1;transform:none}
.limits li .n{
  flex:0 0 auto;font-family:var(--mono);font-weight:800;color:var(--red);font-size:17px;
}

/* statistikos plytelės */
.tiles{margin-top:22px;display:grid;grid-template-columns:1fr;gap:10px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.tile b{display:block;font-family:var(--mono);font-weight:800;font-size:30px;font-variant-numeric:tabular-nums;color:var(--red);line-height:1.1}
.tile i{display:block;font-style:normal;font-size:14.5px;color:var(--muted);margin-top:5px;line-height:1.35}

/* ---------- 3. ANALIZĖ ---------- */
.analyzing{padding-top:96px;padding-bottom:80px;min-height:70vh}
.analyzing h2{font-family:var(--mono);font-weight:800;font-size:clamp(22px,6vw,30px);line-height:1.15;margin:12px 0 30px}
.ana-list{list-style:none;display:flex;flex-direction:column;gap:16px}
.ana-list li{
  display:flex;align-items:center;gap:12px;font-size:18px;color:var(--muted);
  opacity:.3;transition:opacity .3s ease,color .3s ease;
}
.ana-list li.on{opacity:1;color:var(--ink)}
.ana-list .tick{
  flex:0 0 26px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--line);border-radius:50%;color:transparent;font-size:14px;font-weight:700;
  transition:border-color .3s ease,color .3s ease;
}
.ana-list li.on .tick{border-color:var(--red);color:var(--red)}

/* ---------- 4. REZULTATAS ---------- */
.result{padding-top:62px;padding-bottom:72px}
.res-sec{margin-top:38px}
.res-sec h3{
  font-family:var(--mono);font-weight:800;font-size:15px;letter-spacing:.06em;
  text-transform:uppercase;margin-bottom:16px;
}

/* a. tapatybės kortelė */
.identity{border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r);background:var(--surface);padding:24px 20px}
.identity .emo{font-size:44px;line-height:1}
.identity h2{
  font-family:var(--mono);font-weight:800;letter-spacing:-.01em;
  font-size:clamp(28px,7.6vw,42px);line-height:1.05;margin:12px 0 10px;color:var(--red);
}
.identity .claim{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:12px}
.identity .desc{font-size:17.5px;line-height:1.5;color:var(--ink)}
.identity .mixnote{
  margin-top:16px;padding-top:16px;border-top:1px solid var(--line);
  font-size:16px;line-height:1.5;color:var(--muted);
}

/* b. profilio juostos */
.prof{display:flex;flex-direction:column;gap:11px}
.prow{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:10px}
.prow .pl{display:flex;align-items:center;gap:8px;font-size:14.5px;min-width:0}
.prow .pl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow .pt{display:block;height:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.prow .pf{display:block;height:100%;width:0;background:var(--muted);opacity:.4;transition:width 1s cubic-bezier(.22,.61,.36,1)}
.prow.win .pf{background:var(--red);opacity:1}
.prow.win .pl{font-weight:700}
.prow .pn{font-family:var(--mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}
.prow.win .pn{color:var(--ink)}

/* c. pastebėjimai */
.notes{list-style:none;display:flex;flex-direction:column;gap:14px}
.notes li{display:flex;gap:12px;font-size:17px;line-height:1.5}
.notes li::before{content:"—";color:var(--red);font-family:var(--mono);font-weight:800;flex:0 0 auto}

/* d. šeimos */
.fams{display:flex;flex-direction:column;gap:10px}
.fam{
  display:block;text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:var(--r);background:var(--ground);
  padding:16px 18px;min-height:56px;
  transition:border-color .15s ease,background .15s ease;
}
.fam:hover{border-color:var(--red);background:var(--surface)}
.fam-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fam-emo{font-size:22px;line-height:1}
.fam-name{font-size:18px;font-weight:700;line-height:1.2}
.chip{
  font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 8px;border-radius:var(--r);border:1px solid var(--line);color:var(--muted);white-space:nowrap;
}
.chip.s3{background:var(--red);border-color:var(--red);color:var(--on-red)}
.chip.s2{border-color:var(--red);color:var(--red)}
.fam-go{margin-left:auto;font-family:var(--mono);font-weight:800;color:var(--red)}
.fam-hint{font-size:14.5px;color:var(--muted);margin-top:7px;line-height:1.4}
.fam-supply{
  font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.03em;
  font-variant-numeric:tabular-nums;color:var(--ink);margin-top:9px;
}
.fam-thin{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.4;font-style:italic}

/* e/f/g. sąrašai */
.plain{list-style:none;display:flex;flex-direction:column;gap:13px}
.plain li{display:flex;gap:12px;font-size:17px;line-height:1.5}
.plain li::before{content:"•";color:var(--red);font-weight:700;flex:0 0 auto}
.science{font-size:16.5px;line-height:1.55;color:var(--ink);border-left:3px solid var(--line);padding-left:16px}
.science+.science{margin-top:14px}

/* h. atskleidimas */
.disclose{
  margin-top:38px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  padding:18px 20px;font-size:15.5px;line-height:1.55;color:var(--muted);
}
.disclose a{display:inline-block;margin-top:12px;color:var(--red);text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.disclose a:hover{border-bottom-color:var(--red)}

/* i. mygtukai */
.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:56px;padding:15px 22px;
  font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  border-radius:var(--r);border:1.5px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
  text-decoration:none;text-align:center;line-height:1.25;
}
.btn-lg{min-height:62px;font-size:16px}
.btn-primary{background:var(--red);color:var(--on-red);border-color:var(--red)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-outline{border-color:var(--ink);color:var(--ink);background:var(--ground)}
.btn-outline:hover{background:var(--surface)}
.btn-ghost{border-color:var(--line);color:var(--muted);background:var(--ground);text-transform:none;letter-spacing:.02em;font-family:var(--body);font-weight:600;font-size:16px}
.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}
.ctas{margin-top:38px;display:flex;flex-direction:column;gap:10px}
.honesty{margin-top:34px;font-style:italic;text-align:center;color:var(--muted);font-size:15.5px;line-height:1.55}

/* ---------- toast ---------- */
#toast{
  position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);
  z-index:80;max-width:calc(100vw - 40px);
  background:var(--ink);color:var(--ground);
  padding:13px 18px;border-radius:var(--r);font-size:15px;font-weight:600;
  opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;
  box-shadow:var(--shadow);
}
#toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- desktop ---------- */
@media (min-width:720px){
  body{font-size:18px}
  .wrap{padding:0 32px}
  .hero{padding-top:104px;padding-bottom:64px}
  .stage{padding-top:48px}
  .opts{gap:14px}
  .opt{min-height:76px;font-size:19px;padding:18px 22px}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .inter-card{padding:32px 30px 34px}
  .bar-row{grid-template-columns:180px 1fr 56px}
  .bar-row .bl{font-size:15.5px}
  .topbar{padding:12px 0}
  .ctas{margin-top:44px}
  .ctas .btn{align-self:stretch}
  .result{padding-top:74px}
}

/* ---------- mažas telefonas (375 px ir siauriau) ---------- */
@media (max-width:380px){
  .wrap{padding:0 16px}
  .bar-row{grid-template-columns:88px 1fr 46px;gap:8px}
  .bar-row .bl{font-size:13.5px}
  .prow{grid-template-columns:auto 1fr 42px}
  .opt{padding:15px 15px;font-size:18px;gap:12px}
  .theme-btn{width:52px;height:52px;top:6px;right:6px}
  .topbar-in{padding-right:66px;padding-left:16px;gap:9px}
}

/* ---------- sumažintas judesys ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
  .limits li{opacity:1;transform:none}
}


/* ---------- ⚗️ atsakomybės eilutė + sutikimo juosta (privaloma) ---------- */
.ai-note{
  border:1px solid var(--line); border-radius:var(--r); padding:12px 14px;
  margin:16px auto 0; max-width:56ch; font-size:14px; line-height:1.55; color:var(--muted);
}
.ai-note b{color:var(--ink); font-weight:600}
.ai-card{border:1px solid var(--line)}
.ai-label{
  font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); margin:0 0 8px;
}
.ai-p{font-size:14px; line-height:1.6; color:var(--muted); margin:0 0 10px}
.ai-link{
  font-family:var(--mono); font-size:13px; color:var(--red);
  text-decoration:none; border-bottom:1px solid currentColor;
}
.consent{
  position:fixed; left:50%; transform:translateX(-50%); bottom:14px; z-index:1200;
  width:min(560px, calc(100% - 24px));
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:16px 18px; box-shadow:0 10px 40px rgba(0,0,0,.14);
}
.consent[hidden]{display:none}
.consent .c-t{font-family:var(--mono); font-size:14px; font-weight:700; margin:0 0 6px; color:var(--ink)}
.consent .c-b{font-size:13.5px; line-height:1.55; color:var(--muted); margin:0 0 12px}
.consent .c-a{display:flex; gap:10px; flex-wrap:wrap}
.consent .c-a .btn{flex:1 1 auto; min-height:48px; font-size:14px}
@media (max-width:420px){ .consent{bottom:8px; padding:14px} }

/* ---------- naujienlaiškio kortelė (rezultate: viršuje + pabaigoje) ---------- */
.nl-card{
  margin-top:22px;padding:20px 18px;
  border:1.5px solid var(--red);border-radius:var(--r);background:var(--ground);
}
.nl-card.nl-end{margin-top:34px;border-color:var(--line);background:var(--surface)}
.nl-t{
  font-family:var(--mono);font-weight:800;font-size:18px;line-height:1.3;
  letter-spacing:-.005em;margin:0 0 8px;color:var(--ink);text-transform:none;
}
.nl-v{font-size:16.5px;line-height:1.5;color:var(--ink);margin:0 0 6px;max-width:48ch}
.nl-proof{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--muted);margin:0 0 14px}
.nl-end .nl-t{margin-bottom:14px}
.nl-form{display:flex;flex-direction:column;gap:12px}
.nl-in{
  width:100%;min-height:54px;padding:12px 14px;
  font:500 17px/1.3 var(--body);color:var(--ink);background:var(--ground);
  border:1.5px solid var(--ink);border-radius:var(--r);
  -webkit-appearance:none;appearance:none;
}
.nl-in::placeholder{color:var(--muted);opacity:1}
.nl-in:focus{outline:3px solid var(--red);outline-offset:2px}
.nl-in[aria-invalid="true"]{border-color:var(--red)}
.nl-consent{
  display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;
  font-size:15px;line-height:1.5;color:var(--ink);cursor:pointer;
}
.nl-cb{width:24px;height:24px;margin-top:1px;accent-color:var(--red);cursor:pointer}
.nl-cb[aria-invalid="true"]{outline:2px solid var(--red);outline-offset:2px}
.nl-consent a{color:var(--red);font-weight:600}
.nl-btn{min-height:54px}
.nl-btn[disabled]{opacity:.75;cursor:progress}
.nl-spin{
  display:none;width:18px;height:18px;border-radius:50%;
  border:2.5px solid currentColor;border-right-color:transparent;
  animation:nlspin .8s linear infinite;
}
.nl-btn.is-busy .nl-spin{display:inline-block}
@keyframes nlspin{to{transform:rotate(360deg)}}
.nl-msg{font-size:15px;line-height:1.5;color:var(--red);font-weight:600;overflow-wrap:anywhere}
.nl-msg a{color:var(--red)}
.nl-msg[hidden]{display:none}
/* medaus puodas: nematomas žmonėms, bet pasiekiamas botams */
.nl-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.nl-card.nl-done{display:flex;gap:12px;align-items:center;border-color:var(--line);background:var(--surface)}
.nl-ok-ic{
  flex:0 0 32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--red);color:var(--on-red);font-weight:800;font-size:17px;
}
.nl-thanks{font-size:17px;font-weight:600;line-height:1.45;margin:0}
.nl-thanks:focus{outline:none}
.nl-card{position:relative}
@media (min-width:720px){ .nl-card{padding:24px 24px} .nl-t{font-size:20px} }