/* Mokyklos stilius — tie patys Apkasu tokenai.
   VIENA vieta: mokykla.html, pamoka.html, satoshi.html. */
:root{
  color-scheme:light;
  --sky:#D7E9F4; --card:#EEF6FB; --ink:#0B0C0E; --ink-2:#2B3238;
  --muted:#56656F; --faint:#8A99A3; --line:rgba(11,12,14,.12);
  --good:#0E7A42; --bad:#C2370F; --warn:#9A6400;
  --pill:#0B0C0E; --pill-ink:#DDEEF8;
  --bubble:#0B0C0E; --bubble-ink:#F2F7FB; --bubble-dim:#9FB6C6;
  --dot-off:rgba(11,12,14,.16); --barfill:#9DBFD4;
  --display:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --body:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
:root[data-tema="dark"]{
  color-scheme:dark;
  --sky:#0C1318; --card:#141D24; --ink:#E9F2F7; --ink-2:#BCCDD7;
  --muted:#8CA0AC; --faint:#5F7280; --line:rgba(233,242,247,.14);
  --good:#3BD07A; --bad:#FF6B45; --warn:#E0A93B;
  --pill:#E9F2F7; --pill-ink:#0B1116;
  --bubble:#1C272F; --bubble-ink:#EAF3F8; --bubble-dim:#8CA7B8;
  --dot-off:rgba(233,242,247,.14); --barfill:#35505F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
/* overflow-x:clip: telefone .hero2::before (inset -22%) isplatindavo puslapi iki 434px ir atsirasdavo sonine slinktis. 2026-10-31 auditas. */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--body);font-size:16px;
  line-height:1.5;padding-inline:clamp(16px,4vw,48px);padding-block:0 96px;-webkit-font-smoothing:antialiased;
  transition:background .18s ease,color .18s ease}
.wrap{max-width:1200px;margin:0 auto}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}

.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;flex-wrap:wrap}
.word{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.04em;text-decoration:none}
.nav .r{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav .r a.link{text-decoration:none;font-weight:500}
.nav .r a.link:hover{text-decoration:underline;text-underline-offset:4px}
.pillbtn{display:inline-flex;align-items:center;gap:8px;background:var(--pill);color:var(--pill-ink);
  text-decoration:none;border-radius:999px;padding:11px 20px;border:0;font:inherit;font-weight:600;
  cursor:pointer;white-space:nowrap}
.pillbtn:hover{opacity:.86}
.pillbtn.lg{padding:16px 28px;font-size:17px}
.sw{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.sw button{font:inherit;font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:6px 11px;
  border:0;background:transparent;color:var(--muted);cursor:pointer;line-height:1.4}
.sw button[aria-pressed="true"]{background:var(--pill);color:var(--pill-ink)}
.sw button:hover[aria-pressed="false"]{color:var(--ink)}

section{padding-top:96px;display:flex;flex-direction:column;gap:28px;scroll-margin-top:12px}
.sh{display:flex;flex-direction:column;gap:14px;max-width:760px}
.sh h2{font-weight:800;font-size:clamp(34px,5.4vw,68px);line-height:.95;letter-spacing:-.055em}
.sh p{color:var(--ink-2);font-size:17px;max-width:56ch}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0}
.note{font-size:13.5px;color:var(--muted);max-width:84ch}
footer{padding-top:96px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:var(--muted);font-size:14px}

/* ---- ieinamasis ekranas ---- */
.enter{padding-block:20px 8px;display:flex;flex-direction:column;gap:34px}
.enter h1{font-weight:800;font-size:clamp(40px,6.4vw,88px);line-height:.92;letter-spacing:-.06em;max-width:19ch}
.enter .lede{color:var(--ink-2);font-size:17.5px;max-width:52ch}

.vid{position:relative;width:100%;border-radius:22px;border:1px solid var(--line);background:var(--card);
  aspect-ratio:16/9;max-height:420px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:12px;overflow:hidden}
.vid .play{width:66px;height:66px;border-radius:50%;background:var(--pill);display:flex;align-items:center;
  justify-content:center}
.vid .play::after{content:"";width:0;height:0;border-left:19px solid var(--pill-ink);
  border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.vid .vt{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.doors{grid-template-columns:minmax(0,1fr)}}
.door{display:flex;flex-direction:column;gap:14px;text-decoration:none;transition:transform .14s ease}
.door:hover{transform:translateY(-3px)}
.door .dn{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--muted)}
.door h3{font-weight:800;font-size:clamp(24px,2.5vw,31px);letter-spacing:-.045em;line-height:1.02}
.door p{color:var(--ink-2);font-size:15px}
.door .meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.door .arrow{font-size:19px;color:var(--ink)}
.door.soon{opacity:.72}

/* ---- pakopos ---- */
.stages{display:flex;flex-direction:column;gap:12px}
.stage{display:grid;grid-template-columns:62px 1fr;gap:20px;align-items:start}
@media (max-width:620px){.stage{grid-template-columns:1fr;gap:10px}}
.stage .num{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.05em;
  line-height:.9;color:var(--faint)}
.stage h3{font-weight:800;font-size:22px;letter-spacing:-.035em}
.stage .sub{color:var(--muted);font-size:14.5px;margin-top:4px}
.arts{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.arts li{border-bottom:1px solid var(--line)}
.arts a{display:flex;align-items:baseline;gap:12px;padding:11px 2px;text-decoration:none;font-size:15.5px}
.arts a:hover{text-decoration:underline;text-underline-offset:4px}
.arts .k{font-family:var(--mono);font-size:11.5px;color:var(--faint);min-width:30px}
.arts .mins{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--faint);white-space:nowrap}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding-top:14px;
  border-top:1px dashed var(--line);font-size:14.5px;color:var(--ink-2)}
.chk b{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);
  white-space:nowrap;padding-top:3px}

/* ---- temos ---- */
.topics{display:flex;flex-wrap:wrap;gap:9px}
.topic{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--line);
  border-radius:999px;padding:9px 15px;font-size:14.5px;background:var(--card)}
.topic:hover{border-color:var(--ink)}
.topic b{font-family:var(--mono);font-size:11.5px;font-weight:400;color:var(--muted)}

/* ---- pamokos puslapis ---- */
.crumbs{display:flex;gap:9px;align-items:center;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:8px}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.lesson{padding-block:28px 0;display:flex;flex-direction:column;gap:26px;max-width:760px}
.lesson h1{font-weight:800;font-size:clamp(32px,4.8vw,58px);line-height:.98;letter-spacing:-.05em}
.lmeta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted)}
.tldr{display:flex;flex-direction:column;gap:9px}
.tldr b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.tldr p{color:var(--ink-2);font-size:16.5px}
.body{display:flex;flex-direction:column;gap:18px}
.body h2{font-weight:800;font-size:25px;letter-spacing:-.035em;margin-top:14px}
.ghost{border-radius:10px;background:color-mix(in srgb,var(--ink) 7%,transparent);height:13px}
.ghost.s{width:62%}
.ghost.m{width:88%}
.todo{display:flex;gap:10px;align-items:flex-start;border:1px dashed var(--line);border-radius:14px;
  padding:14px 16px;font-size:14px;color:var(--muted)}
.todo b{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;padding-top:2px}
.nextstep{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nextstep .lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted)}
.nextstep h3{font-weight:800;font-size:22px;letter-spacing:-.035em;margin-top:5px}

/* ---- satoshi vieta ---- */
.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.slot{display:flex;flex-direction:column;gap:7px}
.slot .sn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.slot .sv{font-family:var(--display);font-weight:800;font-size:31px;letter-spacing:-.04em;color:var(--faint)}
.slot .sd{font-size:13.5px;color:var(--muted)}
.pend{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.pend::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn)}

/* ===================== SODRESNIS SLUOKSNIS (2026-10-28) ===================== */
:root{ --akc:#0E7A42; --akc-soft:rgba(14,122,66,.10); }
:root[data-tema="dark"]{ --akc:#3BD07A; --akc-soft:rgba(59,208,122,.13); }

.hero2{position:relative;overflow-x:clip;padding-block:16px 10px;display:flex;flex-direction:column;gap:30px;
  align-items:center;text-align:center}
.hero2::before{content:"";position:absolute;inset:-10% -22% auto -22%;height:560px;z-index:-1;
  background:radial-gradient(60% 70% at 50% 18%,var(--akc-soft),transparent 72%);pointer-events:none}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;
  padding:7px 15px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2);background:var(--card)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--akc)}
.hero2 h1{font-weight:800;font-size:clamp(40px,7vw,92px);line-height:.94;letter-spacing:-.062em;max-width:15ch}
.hero2 h1 em{font-style:normal;color:var(--akc)}
.hero2 .lede2{color:var(--ink-2);font-size:clamp(16.5px,1.6vw,19px);max-width:56ch;line-height:1.55}
.cta2{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}
.pillbtn .circ{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;background:color-mix(in srgb,var(--pill-ink) 22%,transparent);font-size:13px}
.linkbtn{text-decoration:none;font-weight:600;font-size:15px;color:var(--ink-2);
  border-bottom:1px solid var(--line);padding-bottom:2px}
.linkbtn:hover{color:var(--ink);border-color:var(--ink)}
.trustrow{display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);
  font-size:12px;letter-spacing:.06em;color:var(--muted)}
.trustrow span{display:inline-flex;align-items:center;gap:8px}
.trustrow span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--faint)}

.eyebrow2{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--akc)}

/* priesprieša: be plano / su planu */
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:760px){.vs{grid-template-columns:minmax(0,1fr)}}
.vs .col{display:flex;flex-direction:column;gap:12px}
.vs .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vs .col.good .lbl{color:var(--akc)}
.vs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.vs li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:var(--ink-2);line-height:1.45}
.vs li::before{content:"×";font-family:var(--mono);color:var(--bad);font-size:15px;line-height:1.35}
.vs .col.good li::before{content:"✓";color:var(--akc)}

/* kas viduje: korteles su zyma */
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.feat{display:flex;flex-direction:column;gap:10px}
.feat .ft{display:flex;align-items:center;justify-content:space-between;gap:10px}
.feat h3{font-weight:800;font-size:20px;letter-spacing:-.035em}
.feat p{color:var(--ink-2);font-size:14.8px;line-height:1.5}
.tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  border-radius:999px;padding:4px 9px;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}
.tag.now{border-color:var(--akc);color:var(--akc)}

/* pakopu begis */
.rail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.08em;color:var(--muted)}
.rail i{flex:1 1 60px;height:4px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent);
  position:relative;overflow:hidden;min-width:40px}
.rail i b{position:absolute;inset:0 auto 0 0;width:0;background:var(--akc);border-radius:99px}

/* cat botas */
.botwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:18px;align-items:center}
@media (max-width:860px){.botwrap{grid-template-columns:minmax(0,1fr)}}
.botbox{display:flex;flex-direction:column;gap:12px}
.botline{display:flex;gap:10px;align-items:flex-start}
.botline .av{width:28px;height:28px;border-radius:50%;background:var(--akc);flex:none}
.botline .bub{background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:14px;padding:10px 14px;
  font-size:14.5px;color:var(--ink-2);max-width:92%}
.botline.me{flex-direction:row-reverse}
.botline.me .av{background:var(--faint)}
.botline.me .bub{background:var(--pill);color:var(--pill-ink)}
.botin{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:999px;
  padding:7px 7px 7px 17px;background:var(--sky)}
.botin input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14.5px;color:var(--ink);outline:none}
.botin button{border:0;border-radius:999px;background:var(--pill);color:var(--pill-ink);font:inherit;
  font-weight:600;font-size:14px;padding:9px 17px;cursor:pointer}
.botin button:disabled{cursor:not-allowed;opacity:.55}
.fabbot{position:fixed;right:clamp(12px,2vw,22px);bottom:calc(16px + env(safe-area-inset-bottom,0px));
  display:inline-flex;align-items:center;gap:9px;background:var(--pill);color:var(--pill-ink);
  border:0;border-radius:999px;padding:12px 19px;font:inherit;font-weight:600;font-size:14.5px;
  cursor:pointer;z-index:6;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.fabbot .dot{width:8px;height:8px;border-radius:50%;background:var(--akc)}

/* tuscia vieta (atsiliepimai, komanda) */
.empty{border:1px dashed var(--line);border-radius:18px;padding:30px 24px;text-align:center;
  display:flex;flex-direction:column;gap:9px;align-items:center}
.empty b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.empty p{color:var(--faint);font-size:14.5px;max-width:52ch}
.slotgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}

/* prenumeratos vieta */
.planrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.plan{display:flex;flex-direction:column;gap:12px;position:relative}
.plan.rec{border-color:var(--akc)}
.plan .pn{font-weight:800;font-size:22px;letter-spacing:-.035em}
.plan .pp{font-family:var(--display);font-weight:800;font-size:38px;letter-spacing:-.05em;line-height:1}
.plan .pp s{font-weight:400;font-size:15px;color:var(--faint);letter-spacing:0}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px;
  color:var(--ink-2)}
.plan li{display:flex;gap:10px}
.plan li::before{content:"✓";color:var(--akc);font-family:var(--mono);font-size:13px}

/* baigiamasis CTA */
.endcta{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:44px 24px}
.endcta h2{font-weight:800;font-size:clamp(28px,4.2vw,48px);letter-spacing:-.05em;line-height:1;max-width:18ch}

.body p{color:var(--ink-2);font-size:16.75px;line-height:1.62;max-width:68ch}
.body h2:first-child{margin-top:0}

/* ---- plaukiojantys mygtukai: Pradzia + AI ---- */
.fabwrap{position:fixed;right:clamp(12px,2vw,22px);bottom:calc(16px + env(safe-area-inset-bottom,0px));
  display:flex;gap:9px;align-items:center;z-index:6}
.fab{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:12px 18px;
  font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;text-decoration:none;
  box-shadow:0 8px 28px rgba(0,0,0,.18);white-space:nowrap}
.fab.home{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.fab.home:hover{border-color:var(--ink)}
.fab.ai{background:var(--pill);color:var(--pill-ink)}
.fab.ai .dot{width:8px;height:8px;border-radius:50%;background:var(--akc)}
@media (max-width:520px){.fab{padding:11px 14px;font-size:13.5px}.fab .lbl{display:none}
  .fab.home::after{content:"⌂";font-size:17px}}