/* ===== Scena w hero: obracający się globus i kod na monitorach ===== */
.hm-scene{position:absolute;left:0;top:0;width:2400px;height:900px;transform-origin:0 0;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s}
.hm-scene.ready{opacity:1}
.hm-screen{position:absolute;overflow:hidden;background:#0b1220;box-shadow:0 0 40px rgba(60,160,255,.25) inset}
.hm-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 40%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 4px)}
.hm-curved{position:absolute;left:806px;top:190px;width:560px;height:336px;transform:perspective(1400px) rotateY(-9deg);transform-origin:right center;clip-path:path('M0 6 Q280 32 560 6 L560 330 Q280 304 0 330 Z');filter:drop-shadow(0 0 22px rgba(60,170,255,.6))}
.hm-curved canvas{width:100%;height:100%;display:block;filter:brightness(1.3) saturate(1.25)}
.hm-curved-edge{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 10%,transparent 90%,rgba(0,0,0,.35)),linear-gradient(118deg,rgba(255,255,255,.1),transparent 30%),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);pointer-events:none}
.hm-screen-side{left:772px;top:284px;width:222px;height:240px;transform:perspective(900px) rotateY(10deg);transform-origin:right center}
.hm-screen-bar{display:flex;gap:6px;align-items:center;height:26px;padding:0 10px;background:#111a2c;color:#6b7c99;font:600 11px ui-monospace,Menlo,monospace}
.hm-screen-bar i{width:7px;height:7px;border-radius:50%;background:#ff6159}.hm-screen-bar i:nth-child(2){background:#ffbd2e}.hm-screen-bar i:nth-child(3){background:#28c941;margin-right:8px}
.hm-code{position:absolute;inset:26px 0 0;padding:10px 12px;display:block;overflow:hidden}
.hm-screen-side .hm-code{inset:0}
.hm-code pre{margin:0;font:500 15px/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:#e3ecff;white-space:pre;width:100%}
.hm-screen-side .hm-code pre{font-size:12.5px}
.hm-code b{color:#ff79c6;font-weight:600}.hm-code em{color:#8be9fd;font-style:normal}.hm-code u{color:#f1fa8c;text-decoration:none}.hm-code s{color:#6f7f9f;text-decoration:none}.hm-code q{color:#50fa7b;quotes:none}
.hm-caret{display:inline-block;width:6px;height:13px;background:#31d6c4;vertical-align:-2px;animation:hmblink 1s steps(1) infinite}
@keyframes hmblink{50%{opacity:0}}
.hm-globe{position:absolute;left:1864px;top:228px;width:460px;height:460px;transform:scaleY(.96);filter:drop-shadow(0 0 30px rgba(49,214,196,.35))}

/* ===== Reszta strony ===== */
.hm{width:min(1240px,100% - 40px);margin:0 auto;padding:96px 0 24px;position:relative}
.hm-eyebrow{margin:0 0 12px;color:var(--cyan);font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}
.hm-head h2{margin:0 0 16px;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;letter-spacing:-.03em}
.hm-head>p:last-child{max-width:62ch;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0}
.hm-grad{background:linear-gradient(95deg,var(--cyan),#6aa5ff 45%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
[data-reveal].in{opacity:1;transform:none}
[data-spot]{position:relative;overflow:hidden}
[data-spot]::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c,var(--cyan)) 22%,transparent),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
[data-spot]:hover::before{opacity:1}
.hm-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.hm-tile{padding:28px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel2) 90%,var(--cyan)),var(--panel));box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -30px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:10px}
.hm-tile h3{margin:6px 0 0;font-size:1.3rem;line-height:1.25;letter-spacing:-.01em}.hm-tile p{margin:0;color:var(--muted);line-height:1.65}
.hm-tag{align-self:flex-start;padding:5px 12px;border:1px solid color-mix(in srgb,var(--cyan) 40%,transparent);border-radius:99px;color:var(--cyan);font:600 12px ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--cyan) 8%,transparent)}
.hm-wide{grid-column:span 2;grid-row:span 2;display:grid;grid-template-rows:auto 1fr}
.hm-wide2{grid-column:span 2}
.hm-term{margin-top:12px;border:1px solid var(--line);border-radius:6px;background:#070b14;overflow:hidden;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.hm-term-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:#0d1524;color:#6b7c99;font:600 12px ui-monospace,Menlo,monospace}
.hm-term-bar i{width:9px;height:9px;border-radius:50%;background:#ff6159}.hm-term-bar i:nth-child(2){background:#ffbd2e}.hm-term-bar i:nth-child(3){background:#28c941;margin-right:10px}
.hm-term pre{margin:0;padding:16px 18px;min-height:124px;font:500 14.5px/1.65 ui-monospace,Menlo,monospace;color:#c9d6ef}
.hm-term pre b{color:#ff79c6}
.hm-result{padding:0 18px 16px;opacity:0;transform:translateY(8px);transition:.4s}.hm-result.on{opacity:1;transform:none}
.hm-result table{width:100%;border-collapse:collapse;font:500 13.5px ui-monospace,Menlo,monospace}.hm-result td{padding:7px 10px;border-top:1px solid #1b2740;color:#9fb3d6}.hm-result td:last-child{color:var(--cyan);text-align:right}
.hm-bars{display:grid;gap:8px;margin-top:auto;padding-top:12px}
.hm-bars i{display:block;height:8px;border-radius:9px;background:#1a2438;position:relative;overflow:hidden}
.hm-bars i::after{content:"";position:absolute;inset:0;width:0;border-radius:9px;background:linear-gradient(90deg,var(--cyan),#6aa5ff)}
.in .hm-bars i::after{width:var(--w);transition:width 1.4s cubic-bezier(.2,.8,.2,1) .3s}
.hm-ring{margin-top:auto;position:relative;width:110px;height:110px;align-self:flex-start}
.hm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hm-ring circle{fill:none;stroke:#1a2438;stroke-width:7}
.hm-ring .v{stroke:url(#x);stroke:var(--cyan);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px var(--cyan))}
.in .hm-ring .v{stroke-dashoffset:28;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .3s}
.hm-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.3rem}
.hm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}
.hm-chips span{padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:#0c1424;font:600 12.5px ui-monospace,Menlo,monospace;color:#9fb3d6;animation:hmfloat 5s ease-in-out infinite}
.hm-chips span:nth-child(even){animation-delay:-2.5s;color:var(--cyan)}
@keyframes hmfloat{50%{transform:translateY(-5px)}}
.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:56px}
.hm-stats div{padding:26px 22px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 7%,transparent),transparent)}
.hm-stats b{display:block;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.03em;background:linear-gradient(120deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.hm-stats span{color:var(--muted)}
.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:40px}
.hm-subject{--c:var(--cyan);display:flex;flex-direction:column;gap:6px;padding:26px;min-height:230px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));border-radius:10px;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 11%,var(--panel)),var(--panel));text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.hm-subject:hover{border-color:var(--c);box-shadow:0 30px 70px -26px color-mix(in srgb,var(--c) 55%,transparent)}
.hm-sym{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:6px;color:var(--c);font:800 1.05rem ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--c) 60%,transparent)}
.hm-subject h3{margin:0;font-size:1.4rem}.hm-subject p{margin:0;color:var(--muted)}
.hm-go{margin-top:auto;color:var(--c);font-weight:700}.hm-go i{display:inline-block;font-style:normal;transition:transform .25s}.hm-subject:hover .hm-go i{transform:translateX(6px)}
.hm-list{display:grid;gap:14px;margin-top:36px}
.hm-lesson{--c:var(--cyan);display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;padding:20px 24px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:inherit;transition:transform .25s,border-color .25s}
.hm-lesson:hover{transform:translateX(6px);border-color:var(--c)}
.hm-n{display:grid;place-items:center;width:54px;height:54px;border-radius:6px;color:var(--c);font:800 1.1rem ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.hm-lesson small{color:var(--c);font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.06em}.hm-lesson h3{margin:4px 0;font-size:1.15rem}.hm-lesson p{margin:0;color:var(--muted);font-size:.95rem}
.hm-read{color:var(--c);font-weight:700;white-space:nowrap}
.hm-steps{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.hm-steps::before{content:"";position:absolute;left:5%;right:5%;top:34px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta));opacity:.35}
.hm-steps li{position:relative;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.hm-steps li span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:16px;border-radius:50%;background:#080b12;border:2px solid var(--cyan);color:var(--cyan);font:700 12px ui-monospace,Menlo,monospace;box-shadow:0 0 0 6px #080b12,0 0 20px color-mix(in srgb,var(--cyan) 50%,transparent)}
.hm-steps strong{font-size:1.15rem}.hm-steps p{margin:8px 0 0;color:var(--muted);line-height:1.6}
.hm-cta{padding-bottom:96px}
.hm-cta-inner{position:relative;overflow:hidden;padding:64px clamp(24px,5vw,72px);border-radius:12px;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));background:radial-gradient(60% 120% at 0 0,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 60%),radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--magenta) 22%,transparent),transparent 60%),var(--panel);box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.hm-cta-inner::after{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 30%);animation:hmspin 14s linear infinite;pointer-events:none}
@keyframes hmspin{to{transform:rotate(360deg)}}
.hm-cta-inner>*{position:relative;z-index:1}.hm-cta h2{margin:0 0 14px;font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.02em}.hm-cta p:not(.hm-eyebrow){max-width:56ch;color:var(--muted);font-size:1.08rem;line-height:1.7}
.hm-btn{display:inline-flex;gap:10px;align-items:center;margin-top:18px;padding:15px 28px;border-radius:8px;background:linear-gradient(120deg,var(--cyan),#6aa5ff);color:#04201b;font-weight:800;text-decoration:none;box-shadow:0 16px 40px -12px color-mix(in srgb,var(--cyan) 70%,transparent),0 1px 0 rgba(255,255,255,.5) inset;transition:transform .2s}
.hm-btn:hover{transform:translateY(-3px)}.hm-btn i{font-style:normal}
@media(max-width:980px){.hm-bento,.hm-steps,.hm-stats{grid-template-columns:repeat(2,1fr)}.hm-wide,.hm-wide2{grid-column:span 2}.hm-wide{grid-row:auto}.hm-steps::before{display:none}}
@media(max-width:620px){.hm{padding-top:64px}.hm-bento,.hm-steps,.hm-stats{grid-template-columns:1fr}.hm-wide,.hm-wide2{grid-column:auto}.hm-lesson{grid-template-columns:48px 1fr}.hm-read{display:none}}
@media(prefers-reduced-motion:reduce){.hm-cta-inner::after,.hm-chips span{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}
/* hero: tekst niżej i węziej, żeby nie wchodził na monitory */
.platform-hero{align-items:flex-end}
.platform-hero::before{background:linear-gradient(90deg,rgba(3,6,13,.9) 0,rgba(3,6,13,.62) 34%,rgba(3,6,13,.12) 58%,transparent 72%),linear-gradient(0deg,rgba(3,6,13,.55),transparent 40%)!important}
.hero-copy{width:min(560px,46%);padding-bottom:84px}
.hero-copy>p:not(.hero-kicker){max-width:440px;font-size:18px}
.hero-copy h1 .hm-edu{background:linear-gradient(100deg,var(--cyan),#4be8b0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 22px rgba(49,214,196,.35))}
@media(max-width:760px){.hero-copy{width:100%}.hero-copy>p:not(.hero-kicker){max-width:none}}

/* ===== hero: kadr obrazu osobno od tekstu (telefon pionowo i poziomo) ===== */
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-media .hero-backdrop{position:absolute;inset:0}
@media(max-width:760px) and (orientation:portrait){
  .platform-hero{display:block!important;height:auto!important;min-height:0!important;padding:0!important}
  .platform-hero::before{display:none!important}
  .hero-media{position:relative;inset:auto;height:clamp(200px,62vw,420px);border-bottom:1px solid rgba(49,214,196,.24)}
  .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060913 0,rgba(6,9,19,.55) 22%,transparent 55%);z-index:2;pointer-events:none}
  .hero-media .hero-backdrop{object-position:88% 50%!important;transform:none!important}
  .hero-copy{width:100%!important;padding:6px 20px 8px!important;text-shadow:none;margin-top:-22px;position:relative;z-index:3}
  .hero-copy h1{font-size:44px!important}.hero-copy>p:not(.hero-kicker){font-size:16px!important;margin-top:14px!important;color:#cfd9e3!important}
  .hero-actions{margin-top:20px!important;flex-wrap:wrap;gap:14px!important}
  .hero-signal{position:static!important;margin:18px 20px 24px;grid-template-columns:auto 1fr auto 1fr auto 1fr!important;background:rgba(4,8,15,.76)}
}
@media(orientation:landscape) and (max-height:540px){
  .platform-hero{height:auto!important;min-height:max(330px,calc(100svh - 64px))!important;padding:26px max(24px,env(safe-area-inset-left)) 70px!important;align-items:flex-end!important}
  .hero-media .hero-backdrop{object-position:center!important}
  .hero-copy{width:min(520px,52%)!important;padding:0 0 4px!important}
  .hero-copy h1{font-size:38px!important}.hero-copy>p:not(.hero-kicker){font-size:14px!important;margin-top:8px!important;max-width:420px!important}
  .hero-actions{margin-top:14px!important}
  .hero-signal{bottom:12px!important;right:max(16px,env(safe-area-inset-right))!important;left:auto!important;padding:8px 12px!important;grid-template-columns:auto auto!important}
}

/* ===== Podglądy lekcji i kierunki ===== */
.hm-peek-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.hm-pk{--c:var(--cyan);display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--c) 32%,var(--line));border-radius:10px;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 9%,var(--panel2)),var(--panel));box-shadow:0 30px 70px -40px color-mix(in srgb,var(--c) 60%,transparent);min-width:0}
.hm-pk header{display:flex;flex-direction:column;gap:6px}.hm-pk header b{font-size:1.15rem}
.hm-pk-tag{align-self:flex-start;padding:4px 11px;border-radius:99px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font:700 .72rem ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}
.pk-ed,.pk-map{flex:1;border:1px solid var(--line);border-radius:6px;background:#070b14;overflow:hidden;position:relative}
.pk-bar{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#0d1524;color:#6b7c99;font:600 11.5px ui-monospace,Menlo,monospace}
.pk-bar i{width:8px;height:8px;border-radius:50%;background:#ff6159}.pk-bar i:nth-child(2){background:#ffbd2e}.pk-bar i:nth-child(3){background:#28c941;margin-right:8px}
.pk-bar em{margin-left:auto;font-style:normal;padding:3px 9px;border-radius:7px;background:var(--c);color:#06101e}
.pk-ed pre{margin:0;padding:14px;font:500 12.5px/1.65 ui-monospace,Menlo,monospace;color:#c9d6ef;overflow:hidden;white-space:pre}
.pk-ed pre b{color:#ff79c6;font-weight:600}.pk-ed pre i{color:#f1fa8c;font-style:normal}
.pk-tb{width:calc(100% - 28px);margin:0 14px;border-collapse:collapse;font:500 12.5px ui-monospace,Menlo,monospace}.pk-tb th{text-align:left;color:var(--c);padding:6px 8px;border-bottom:1px solid #243252}.pk-tb td{padding:6px 8px;border-top:1px solid #1b2740;color:#9fb3d6}
.pk-ok{margin:10px 14px 12px;color:#5dd39e;font-size:.8rem;font-weight:600}
.pk-out{margin:0 14px;padding:10px 12px;border-radius:10px;background:#0c1424;border:1px solid #1b2740}.pk-out small{display:block;color:#6b7c99;font-size:.7rem;margin-bottom:4px}.pk-out code{color:#8be9fd;font:600 14px ui-monospace,Menlo,monospace}
.pk-map svg{display:block;width:100%;height:auto}
.pk-zoom{position:absolute;top:10px;right:10px;display:grid;gap:4px}.pk-zoom i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(10,16,30,.8);color:#fff;font-style:normal;font-weight:700;border:1px solid rgba(255,255,255,.2)}
.pk-leg{list-style:none;margin:0;padding:9px 12px;display:flex;flex-wrap:wrap;gap:6px 12px;background:#0d1524;font-size:.72rem;color:#9fb3d6}.pk-leg li{display:flex;gap:6px;align-items:center}.pk-leg s{width:12px;height:12px;border-radius:3px;display:inline-block}
.hm-pk footer{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.85rem}.hm-pk footer a{color:var(--c);font-weight:700;white-space:nowrap}
.hm-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px}
.hm-kier{--c:var(--cyan);display:flex;flex-direction:column;gap:6px;padding:20px;min-width:0;border:1px solid color-mix(in srgb,var(--c) 32%,var(--line));border-radius:10px;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 10%,var(--panel2)),var(--panel));transition:border-color .25s,box-shadow .25s}
.hm-kier:hover{border-color:var(--c);box-shadow:0 30px 70px -26px color-mix(in srgb,var(--c) 55%,transparent)}
.hm-kier-art{height:92px;margin:-4px -4px 10px;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:var(--c);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c) 22%,transparent),#070b14 75%);border:1px solid color-mix(in srgb,var(--c) 22%,var(--line))}
.hm-kier-art svg{width:78%;height:78%}.hm-kier-art pre{margin:0;font:500 10.5px/1.5 ui-monospace,Menlo,monospace;color:#c9d6ef;white-space:pre}.hm-kier-art pre b{color:#ff79c6;font-weight:600}
.hm-kier-art table{border-collapse:collapse;font:500 10.5px ui-monospace,Menlo,monospace;color:#9fb3d6}.hm-kier-art td{padding:3px 9px;border:1px solid #243252}.hm-kier-art tr:first-child td{color:var(--c)}
.hm-kier .hm-sym{width:42px;height:42px;margin:0 0 4px;font-size:.85rem}
.hm-kier h3{margin:0;font-size:1.3rem}.hm-kier-sub{margin:0;color:var(--text);font-size:.92rem;line-height:1.4}.hm-kier-n{margin:0;color:var(--muted);font-size:.82rem}
.hm-kier-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.hm-kier-chips span{padding:3px 10px;border-radius:99px;border:1px solid color-mix(in srgb,var(--c) 35%,var(--line));font-size:.74rem;color:var(--c)}
.hm-kier .hm-go{margin-top:auto;padding-top:6px}
.hm-more{margin-top:22px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hm-more a{padding:5px 13px;border-radius:99px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));color:var(--c);font-size:.85rem}
.hm-kier,.hm-kier *{text-decoration:none}
@media(max-width:1180px){.hm-grid5{grid-template-columns:repeat(6,1fr)}.hm-grid5>.hm-kier{grid-column:span 2}.hm-grid5>.hm-kier:nth-child(n+4){grid-column:span 3}}
@media(max-width:980px){.hm-peek-grid{grid-template-columns:1fr 1fr}.hm-peek-grid .hm-pk:last-child{grid-column:span 2}}
@media(max-width:620px){.hm-peek-grid,.hm-grid5{grid-template-columns:1fr}.hm-grid5>.hm-kier,.hm-grid5>.hm-kier:nth-child(n+4){grid-column:auto}.hm-peek-grid .hm-pk:last-child{grid-column:auto}}

/* ===== Układ jak w makiecie: Warsztat -> kierunki ===== */
.hm-big{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.03em;margin:0}
.hm-big::after{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--cyan);margin-top:16px}
.hm-peek{padding-top:72px}.hm-subjects{padding-top:56px}
.hm-pk header{flex-direction:row;align-items:center;gap:14px}
.hm-pk-ic,.hm-kier-ic{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:8px;border:1.5px solid var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.hm-pk-ic svg,.hm-kier-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm-pk header div{display:flex;flex-direction:column;gap:3px;min-width:0}.hm-pk header b{font-size:1.25rem}.hm-pk header span{color:var(--muted);font-size:.9rem;line-height:1.45}
.pk-topics{display:grid;gap:2px}.pk-topics small{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.pk-topics a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:10px;font-size:.9rem;color:var(--text);text-decoration:none;border:1px solid transparent;transition:.2s}
.pk-topics a:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 8%,transparent)}
.pk-topics a span{font:700 .72rem ui-monospace,Menlo,monospace;color:var(--c)}
.hm-grid5{gap:14px}
.hm-kier{position:relative;overflow:hidden;padding:18px;min-height:190px;gap:4px}
.hm-kier-art{position:absolute;inset:0;margin:0;border:0;border-radius:0;opacity:.35;place-items:start end;padding:14px;pointer-events:none;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--c) 16%,transparent))}
.hm-kier-art svg{width:100%;height:100%}
.hm-kier>*:not(.hm-kier-art){position:relative}
.hm-kier-ic{margin-bottom:14px}.hm-kier h3{font-size:1.35rem}.hm-kier-sub{color:var(--muted);font-size:.84rem}
.hm-kier-go{position:absolute!important;right:16px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--c);color:var(--c);transition:.25s}
.hm-kier:hover .hm-kier-go{background:var(--c);color:#06101e;transform:translateX(3px)}
.hm-kier-sub{padding-right:40px}
.pk-map{flex:none}.hm-pk footer{margin-top:auto}

.hm-show-box{margin-top:32px;padding:18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel2) 90%,var(--cyan)),var(--panel))}
.hm-show-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.hm-show-tabs button{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:#0c1424;color:#9fb3d6;font:600 .85rem inherit;cursor:pointer;transition:.2s}
.hm-show-tabs button.on{background:var(--cyan);color:#06101e;border-color:var(--cyan)}
.hm-show-box .hm-term{margin:0}.hm-show-box .hm-term pre{min-height:130px;font-size:15px}
.hm-out{display:block;padding:12px 14px;border-radius:10px;background:#0c1424;color:#8be9fd;font:600 14px/1.6 ui-monospace,Menlo,monospace}
.hm-mini{display:grid;gap:8px}.hm-mini div{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;font-size:.8rem;color:#9fb3d6}
.hm-mini i{height:10px;border-radius:9px;background:linear-gradient(90deg,#ff8a24,#f1c453);width:var(--w);animation:hmgrow .9s ease-out}
@keyframes hmgrow{from{width:0}}
.hm-page{padding:16px;border-radius:10px;background:#fff;color:#222}.hm-page h1{margin:0 0 4px;font-size:1.4rem;color:teal}.hm-page p{margin:0}
@media(max-width:620px){.hm-mini div{grid-template-columns:110px 1fr}}

/* ===== Dwa monitory na biurku z prawdziwymi fragmentami lekcji ===== */
.hm-work{width:100%;position:relative;padding-top:84px;padding-bottom:96px;max-width:none;overflow:hidden;isolation:isolate}
.hm-work>*{position:relative;z-index:1;width:min(1240px,100% - 40px);margin-left:auto;margin-right:auto}
.hm-work-bg{position:absolute!important;inset:0;width:auto!important;max-width:none!important;margin:0!important;z-index:0!important;background:url('../images/bitedu-hero-learning-studio.jpg') 78% 62%/cover;background:image-set(url('../images/bitedu-hero-learning-studio.webp') type('image/webp'),url('../images/bitedu-hero-learning-studio.jpg') type('image/jpeg')) 78% 62%/cover;filter:blur(7px) saturate(1.2);transform:scale(1.08)}
.hm-work-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 55%,rgba(6,9,19,.25),rgba(6,9,19,.82) 80%),linear-gradient(180deg,#060913 0,rgba(6,9,19,.4) 18%,rgba(6,9,19,.5) 80%,#060913 100%)}
.hm-rig{position:relative;display:grid;grid-template-columns:1.18fr 1fr;gap:clamp(22px,4vw,64px);align-items:end;margin-top:46px;padding:0 8px 56px;perspective:1600px}
.hm-mon2{position:relative;margin:0;display:flex;flex-direction:column;align-items:center}
.hm-mon2:first-of-type{transform:rotateY(7deg);transform-origin:right center}.hm-mon2:nth-of-type(2){transform:rotateY(-8deg);transform-origin:left center}
.hm-bezel{width:100%;padding:12px;border-radius:10px;background:linear-gradient(145deg,#2a3346,#0b0f1a 45%,#1d2638);box-shadow:0 0 0 1px rgba(140,190,255,.18),0 40px 90px -30px #000,0 0 80px -10px rgba(60,170,255,.35)}
.hm-scr{position:relative;aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:#050810;box-shadow:0 0 0 1px #000 inset}
.hm-shots{position:absolute;inset:0}
.shot{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transform:translateY(0);transition:opacity 2.2s ease}
.shot.on{opacity:1;animation:hmpan var(--dur,18000ms) ease-in-out forwards}
@keyframes hmpan{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(var(--pan,0))}}
.hm-hud{position:absolute;right:10px;bottom:10px;max-width:92%;display:flex;gap:10px;align-items:center;padding:6px 12px;border-radius:99px;background:rgba(6,10,22,.78);backdrop-filter:blur(8px);border:1px solid rgba(140,190,255,.25);font-size:.78rem;color:#e8eefc;z-index:3}
.hm-hud-tag{color:var(--cyan);font:700 .68rem ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase}
.hm-task{width:100%;margin-top:26px;min-height:150px;display:grid;align-content:start;gap:8px;opacity:0;transform:translateY(12px);transition:.8s}
.hm-task.q{opacity:1;transform:none}
.hm-task>div{padding:9px 14px;border-radius:12px;background:rgba(6,10,22,.86);backdrop-filter:blur(10px);border:1px solid rgba(140,190,255,.25)}
.hm-task small{display:block;font:700 .62rem ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6fb4ff;margin-bottom:2px}
.hm-task p{margin:0;font-size:.86rem;line-height:1.4;color:#eaf1ff}
.hm-task .t-a{border-color:rgba(93,211,158,.55);background:rgba(8,28,22,.9);opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:.8s}.hm-task .t-a small{color:#5dd39e}
.hm-task.sol .t-a{opacity:1;max-height:120px;padding:9px 14px}
.hm-task.sol .t-q{opacity:.55}
.hm-gloss{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.1),transparent 34%),repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}
.hm-neck{width:46px;height:34px;background:linear-gradient(90deg,#10151f,#2b3447,#10151f)}
.hm-foot{width:46%;height:10px;border-radius:50% / 100% 100% 0 0;background:linear-gradient(#364158,#0c1018);box-shadow:0 0 30px rgba(60,170,255,.25)}
.hm-refl{position:absolute;left:6%;right:6%;bottom:-34px;height:30px;background:radial-gradient(50% 100% at 50% 0,rgba(80,170,255,.35),transparent 70%);filter:blur(6px);z-index:-1}
.hm-desk{position:absolute;left:-4%;right:-4%;bottom:0;height:70px;z-index:-1;background:linear-gradient(180deg,rgba(40,28,18,.0),rgba(60,42,26,.55) 55%,rgba(20,14,9,.9));border-top:1px solid rgba(255,190,120,.18);box-shadow:0 -20px 50px rgba(255,170,90,.06) inset}
@media(max-width:900px){.hm-rig{grid-template-columns:1fr;gap:34px}.hm-mon2:nth-of-type(n){transform:none}.hm-task p{font-size:.78rem}.hm-hud b{display:none}}
@media(max-width:620px){.hm-scr{aspect-ratio:4/3}.hm-bezel{padding:8px;border-radius:8px}}

/* ===== Wspólne tło pod hero: płynne przejście i spójność ===== */
.hm-flow{position:relative;isolation:isolate;overflow:hidden;margin-top:-1px}
.hm-flow .hm-work-bg{position:absolute!important;inset:0;width:auto!important;max-width:none!important;margin:0!important;z-index:0!important;background:url('../images/bitedu-hero-learning-studio.jpg') 70% 78%/cover;background:image-set(url('../images/bitedu-hero-learning-studio.webp') type('image/webp'),url('../images/bitedu-hero-learning-studio.jpg') type('image/jpeg')) 70% 78%/cover;filter:blur(9px) saturate(1.15) brightness(.8);transform:scale(1.1);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.hm-flow .hm-work-bg::after{background:radial-gradient(70% 60% at 50% 45%,rgba(6,9,19,.2),rgba(6,9,19,.85) 85%),linear-gradient(180deg,rgba(6,9,19,.2),rgba(6,9,19,.55))}
.hm-flow>.hm-work,.hm-flow>.hm-subjects{position:relative;z-index:1;background:none}
.hm-flow>.hm-work{padding-top:56px;padding-bottom:14px}
.hm-flow .hm-rig{padding-bottom:40px;margin-top:34px}
.hm-flow>.hm-subjects{padding-top:6px;padding-bottom:84px}
.hm-flow>.hm-subjects.hm{width:min(1240px,100% - 40px)}
@media not all and (max-width:760px) and (orientation:portrait){.hero-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,#060913 96%);z-index:1;pointer-events:none}}
.hero-media{border-bottom:0!important}
.platform-hero{border-bottom:0!important}
.hm-desk{display:none}

/* ===== Rozświetlenie pod myszą na hero i ekranach ===== */
.hero-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;mix-blend-mode:screen;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(49,214,196,.28),rgba(60,140,255,.12) 45%,transparent 70%)}
.platform-hero.glow-on .hero-media::before{opacity:1}
.hm-scr.glow-on .hm-gloss{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(120,220,255,.28),transparent 65%),linear-gradient(118deg,rgba(255,255,255,.1),transparent 34%),repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}

@media(max-width:760px){.account-name{display:none!important}}
@media(max-width:760px) and (orientation:portrait){.hm-mon2[data-mon="1"]{display:none}.hm-rig{grid-template-columns:1fr;padding-bottom:30px}}

.shot{transition:opacity 1.1s ease!important}
.hm-flow .hm-rig{padding-bottom:10px;margin-top:28px}
.hm-task{min-height:112px;margin-top:18px}
.hm-flow>.hm-work{padding-bottom:0}.hm-flow>.hm-subjects{padding-top:0}

/* tryb oszczędny: włącza się automatycznie na wolniejszych komputerach (zob. home-modern.js, goLite) */
.hm-lite .hm-curved canvas,.hm-lite .hm-globe,.hm-lite .hm-ring .v{filter:none!important}.hm-lite .hm-task>div{backdrop-filter:none!important;background:rgba(6,10,22,.94)!important}.hm-lite .hm-curved{transform:none}