/* Strona główna dla niezalogowanych: arkusz egzaminacyjny jako jedyny wyrazisty element, reszta spokojna. */
body.landing{--ink:#102036;--muted:#56657a;--line:#D9DFEB}
body.landing .icon{flex:none;display:inline-block;vertical-align:-3px}

/* ------------------------------------------------------------ hero */
.top .lp-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding-block:56px 72px}
.lp-hero h1{max-width:15ch;margin:0;font-size:clamp(38px,5.2vw,64px);line-height:1.02;letter-spacing:-.035em}
.lp-hero .lead{max-width:34em;margin:22px 0 0;font-size:19px;line-height:1.55}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:30px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:var(--r-ctl);padding:0 24px;font-weight:700;font-size:16px;text-decoration:none}
.lp-btn.primary{background:var(--mark);color:var(--mark-ink)}
.lp-btn.primary:hover{background:#f7d868}
.lp-btn.ghost{min-height:44px;padding:0;border-bottom:2px solid rgba(255,255,255,.35);border-radius:0;color:#fff}
.lp-btn.ghost:hover{border-color:var(--mark)}
.lp-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lp-note{margin:18px 0 0;color:#D5DCF0;font-size:15px}

/* arkusz: pytanie z kółkami odpowiedzi */
.lp-sheet{border-radius:var(--r-card);background:#fbfcff;color:var(--ink);padding:26px 28px 22px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.lp-sheet-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-family:var(--font-display);font-size:17px}
.lp-sheet-tag{color:var(--muted);font-family:var(--font-body);font-size:14px}
.lp-sheet-q{margin:16px 0 18px;font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.28;letter-spacing:-.015em}
.lp-sheet-a{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.lp-sheet-a button{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;border:1px solid var(--line);border-radius:var(--r-ctl);background:#fff;padding:8px 14px;color:var(--ink);font-size:17px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.lp-sheet-a button:hover{border-color:var(--navy)}
.lp-sheet-a button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.lp-sheet-a span{display:grid;flex:none;width:30px;height:30px;place-items:center;border:1.5px solid #8b97b3;border-radius:50%;font:400 14px var(--font-mono);color:#44506a;transition:background .18s,border-color .18s}
.lp-sheet-a button.picked{border-color:var(--mark);background:var(--mark-soft)}
.lp-sheet-a button.picked span{border-color:var(--mark);background:var(--mark);color:var(--mark-ink)}
.lp-sheet-note{margin:16px 0 0;min-height:3.2em;color:var(--muted);font-size:15.5px;line-height:1.5}
.lp-sheet-note.good{color:#0b6b4f}
.lp-sheet-note.bad{color:#8a2a22}

/* ------------------------------------------------------------ treść */
.lp{padding-bottom:40px}
.lp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px}
.lp-facts div{padding:6px 24px 6px 20px;border-left:3px solid var(--navy)}
.lp-facts strong{display:block;font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--navy)}
.lp-facts span{display:block;margin-top:8px;color:var(--muted);font-size:15.5px;line-height:1.35}
.lp-section{margin-top:88px}
.lp-head{max-width:680px;margin-bottom:30px}
.lp-head h2,.lp-why h2{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.03em}
.lp-head p{margin:12px 0 0;color:var(--muted);font-size:18px;line-height:1.55}

.lp-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.lp-steps li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 20px;padding:26px 0;border-bottom:1px solid var(--line)}
.lp-steps .n{font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1;color:var(--navy)}
.lp-steps h3{margin:4px 0 6px;font-size:23px}
.lp-steps p{margin:0;max-width:46em;color:var(--muted);font-size:17px;line-height:1.55}
.lp-map{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-width:560px;margin-top:16px}
.lp-map i{display:grid;place-items:center;height:40px;border-radius:6px;font-style:normal;font-size:12.5px;font-weight:700}
.lp-map .good{background:#cdeedd;color:#0b4f3a}
.lp-map .warn{background:#fbe9b0;color:#6b4a00}
.lp-map .bad{background:#f8d3d0;color:#7d1f19}
.lp-map .untouched{background:#e7eaf1;color:#4a566d}

.lp-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;border-top:1px solid var(--line)}
.lp-features div{padding:20px 0;border-bottom:1px solid var(--line)}
.lp-features dt{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.015em}
.lp-features dd{margin:6px 0 0;color:var(--muted);font-size:16.5px;line-height:1.55}

.lp-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.lp-courses li{border-bottom:1px solid var(--line)}
.lp-course{display:block;padding:20px 0;color:var(--ink);text-decoration:none}
.lp-course h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:21px}
.lp-course .dot{flex:none;width:12px;height:12px;border-radius:3px;background:var(--c)}
.lp-course p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.55}
.lp-course .go{display:inline-block;margin-top:10px;color:var(--c);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.lp-course:hover h3{text-decoration:underline;text-underline-offset:5px}
.lp-course:focus-visible{outline:3px solid var(--c);outline-offset:2px}

.lp-why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px;align-items:start;border-radius:var(--r-card);background:var(--navy);color:#fff;padding:clamp(28px,4vw,52px)}
.lp-why ul{display:grid;gap:22px;margin:0;padding:0;list-style:none}
.lp-why li b{display:block;font-family:var(--font-display);font-size:19px}
.lp-why li span{display:block;margin-top:4px;color:#D5DCF0;font-size:16.5px;line-height:1.55}

.lp-teacher{max-width:46em;border-top:1px solid var(--line);padding-top:28px}
.lp-teacher h2{margin:0 0 10px;font-size:28px}
.lp-teacher p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}

.lp-final{border-radius:var(--r-card);background:var(--navy);color:#fff;padding:clamp(32px,5vw,60px)}
.lp-final h2{margin:0;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.03em}
.lp-final p{max-width:36em;margin:12px 0 26px;color:#D5DCF0;font-size:18px;line-height:1.55}
.lp-final small{display:block;max-width:56ch;margin:22px 0 0;color:#D5DCF0;font-size:14.5px;line-height:1.55}

/* ------------------------------------------------------------ responsywność */
@media(max-width:1000px){
  .top .lp-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:40px 56px}
  .lp-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
  .lp-features,.lp-courses{grid-template-columns:minmax(0,1fr)}
  .lp-why{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:560px){
  .lp-section{margin-top:60px}
  .lp-actions .lp-btn.primary{width:100%}
  .lp-sheet{padding:20px 18px 18px}
  .lp-sheet-q{font-size:20px}
  .lp-facts strong{font-size:32px}
  .lp-steps li{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}
  .lp-steps .n{font-size:34px}
  .lp-map{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.lp-sheet-a button,.lp-sheet-a span{transition:none}}