/* Strona główna Tech Hero Academy, wersja próbna. Wszystkie reguły w zasięgu #th-sg. */
@font-face{font-family:'TH Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'TH Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'TH Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'TH Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

#th-sg{--navy:#000927;--navy2:#0B1440;--gold:#FF9E01;--gold-txt:#a36501;--ink:#131a33;--text:#4a5068;--light:#F5F6FA;--line:#E4E6EE;--green:#2FB36E;--ease:cubic-bezier(.22,1,.36,1);--mono:'TH Mono',ui-monospace,Menlo,monospace;
  font-family:Urbanist,system-ui,sans-serif;color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
#th-sg *,#th-sg *::before,#th-sg *::after{box-sizing:border-box}
#th-sg h1,#th-sg h2,#th-sg h3{font-family:Urbanist,system-ui,sans-serif;color:var(--ink);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin:0}
#th-sg p{margin:0}
#th-sg a{text-decoration:none}
#th-sg .sg-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
#th-sg .sg-kick{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
#th-sg .sg-kick-dark{color:var(--gold-txt)}
#th-sg .sg-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:12px;font:800 16px Urbanist,sans-serif;cursor:pointer;border:0;transition:transform .16s var(--ease),box-shadow .2s,background-color .2s}
#th-sg .sg-btn-gold{background:var(--gold);color:var(--navy)}
#th-sg .sg-btn-gold:hover{box-shadow:0 12px 28px -10px rgba(255,158,1,.75);transform:translateY(-2px)}
#th-sg .sg-btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
#th-sg .sg-btn-line:hover{box-shadow:inset 0 0 0 2px var(--gold)}
#th-sg .sg-btn:active{transform:scale(.97)}

/* NAGŁÓWEK */
#th-sg .sg-hero{position:relative;background:radial-gradient(ellipse at 70% 45%,#1b2a6e 0%,var(--navy) 62%);overflow:hidden;min-height:max(640px,calc(100vh - 130px))}
#th-sg .sg-stage{position:absolute;top:0;bottom:0;right:0;width:62%}
#th-sg .sg-cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s var(--ease)}
#th-sg .sg-cv.on{opacity:1}
#th-sg .sg-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .6s var(--ease)}
#th-sg .sg-poster.off{opacity:0}
#th-sg .sg-labels{position:absolute;inset:0;pointer-events:none}
#th-sg .th3d-lab{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s;white-space:nowrap;font:700 13px Urbanist,sans-serif}
#th-sg .th3d-lab i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(255,158,1,.25)}
#th-sg .th3d-lab span{position:absolute;left:14px;top:-15px;background:rgba(0,9,39,.88);border:1px solid rgba(255,158,1,.5);border-radius:8px;padding:5px 9px;color:#fff}
#th-sg .th3d-lab.left span{left:auto;right:14px}
#th-sg .sg-hud,#th-sg .th3d-hud{position:absolute;left:18px;bottom:16px;font:500 12px var(--mono);color:var(--gold);background:rgba(0,9,39,.78);border:1px solid rgba(255,158,1,.35);border-radius:6px;padding:6px 10px;pointer-events:none;z-index:2}
#th-sg .sg-hero .sg-hud{left:auto;right:24px;bottom:22px}
#th-sg .sg-hero-copy{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:64px;pointer-events:none}
#th-sg .sg-hero-copy>*{max-width:560px;pointer-events:auto}
#th-sg .sg-hero h1{color:#fff;font-size:clamp(36px,4.4vw,60px);margin-bottom:22px}
#th-sg .sg-hero h1 span{color:var(--gold);white-space:nowrap}
#th-sg .sg-hero h1 span{display:block}
/* 25.09.2026: robot nie może wchodzić na tekst. Scena zaczyna się za kolumną tekstu (lewa krawędź treści + 600 px). */
@media (min-width:901px){#th-sg .sg-stage{width:auto;left:calc(max(24px,(100vw - 1200px) / 2 + 24px) + 600px)}#th-sg .sg-hero-copy>*{max-width:580px}#th-sg .sg-hero h1{font-size:clamp(34px,3.6vw,54px)}}
#th-sg .sg-lead{color:#C8CCE0;font-size:18px;margin-bottom:30px;max-width:520px}
#th-sg .sg-ctas{display:flex;gap:12px;flex-wrap:wrap}
#th-sg .sg-chips{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 0;padding:0;list-style:none}
#th-sg .sg-chips li{font:600 14px Urbanist;color:#DDE1F2;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.05)}
#th-sg .sg-chips b{color:var(--gold)}

/* DLACZEGO */
#th-sg .sg-why{padding:70px 0 20px;background:#fff}
#th-sg .sg-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#th-sg .sg-why-card{border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
#th-sg .sg-why-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(0,9,39,.45);border-color:var(--gold)}
#th-sg .sg-ico{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:500 14px var(--mono);margin-bottom:16px}
#th-sg .sg-why-card h3{font-size:20px;margin-bottom:8px}
#th-sg .sg-why-card p{font-size:15px}

/* WIEK */
#th-sg .sg-age{padding:60px 0 50px;background:#fff}
#th-sg .sg-age h2{font-size:clamp(28px,3vw,40px);margin-bottom:6px}
#th-sg .sg-age p{margin-bottom:24px;font-size:17px}
#th-sg .sg-age-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#th-sg .sg-age-val{font:800 46px Urbanist;color:var(--navy);min-width:150px}
#th-sg .sg-age-val small{font-size:18px;color:var(--text);font-weight:600}
#th-sg input[type=range]{flex:1;min-width:240px;accent-color:var(--gold);height:6px}
#th-sg .sg-ticks{display:flex;justify-content:space-between;font:400 11px var(--mono);color:#8a90a8;margin-top:6px}
#th-sg .sg-age-hint{margin-top:18px;font-weight:600;color:var(--ink);font-size:17px}
#th-sg .sg-age-hint a{color:#0370cb;font-weight:800}

/* DROGA I ROZDZIAŁY */
#th-sg .sg-intro{padding:90px 0 20px;text-align:center;background:#fff}
#th-sg .sg-intro h2{font-size:clamp(32px,4.6vw,58px);margin-bottom:16px}
#th-sg .sg-intro h2 span{color:var(--gold-txt)}
#th-sg .sg-intro p{max-width:680px;margin:0 auto;font-size:18px}
#th-sg .sg-route{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:30px}
#th-sg .sg-route a{font:500 13px var(--mono);color:var(--ink);background:var(--light);border:1px solid var(--line);border-radius:999px;padding:8px 14px;transition:background-color .2s,border-color .2s}
#th-sg .sg-route a:hover,#th-sg .sg-route a.on{background:#FFF1D9;border-color:var(--gold)}
#th-sg .sg-ch{position:relative;padding:100px 0;overflow:hidden;scroll-margin-top:90px}
#th-sg .sg-ch.sg-dark{background:var(--navy);color:#C8CCE0}
#th-sg .sg-ch.sg-dark h3{color:#fff}
#th-sg .sg-ch.sg-soft{background:var(--light)}
#th-sg .sg-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
#th-sg .sg-flip .sg-grid{grid-template-columns:1.15fr 1fr}
#th-sg .sg-flip .sg-txt{order:2}
#th-sg .sg-tag{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-txt);margin-bottom:14px}
#th-sg .sg-dark .sg-tag{color:var(--gold)}
#th-sg .sg-tag i{font-style:normal;background:var(--gold);color:var(--navy);border-radius:6px;padding:3px 7px;letter-spacing:0}
#th-sg .sg-ch h3{font-size:clamp(28px,3.4vw,44px);margin-bottom:16px}
#th-sg .sg-ch p{font-size:17px;max-width:520px}
#th-sg .sg-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#th-sg .sg-facts span{font:600 13px Urbanist;border-radius:999px;padding:6px 12px;background:#FFF1D9;color:#7a4a00}
#th-sg .sg-courses{margin-top:22px;display:grid;gap:10px;max-width:540px}
#th-sg .sg-course{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;font-weight:700;color:var(--ink);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
#th-sg .sg-dark .sg-course{background:var(--navy2);border-color:rgba(255,255,255,.1);color:#fff}
#th-sg .sg-course small{font:500 12px var(--mono);color:var(--gold-txt);white-space:nowrap}
#th-sg .sg-dark .sg-course small{color:var(--gold)}
#th-sg .sg-course:hover{transform:translateX(4px);border-color:var(--gold);box-shadow:0 12px 26px -18px rgba(0,9,39,.5)}
#th-sg .sg-txt>*{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
#th-sg .sg-ch.in .sg-txt>*{opacity:1;transform:none}
#th-sg .sg-ch.in .sg-txt>*:nth-child(2){transition-delay:.07s}
#th-sg .sg-ch.in .sg-txt>*:nth-child(3){transition-delay:.14s}
#th-sg .sg-ch.in .sg-txt>*:nth-child(4){transition-delay:.22s}
#th-sg .sg-ch.in .sg-txt>*:nth-child(5){transition-delay:.3s}

/* sceny 3D w rozdziałach */
#th-sg .sg-scene{position:relative;height:520px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,9,39,.45)}
#th-sg .sg-scene-soft{background:linear-gradient(180deg,#E3F3FF,#FAFDFF)}
#th-sg .sg-scene-sky{background:linear-gradient(180deg,#BFE3FF,#EAF6FF)}
#th-sg .sg-scene-dark{background:radial-gradient(ellipse at 50% 40%,#1b2a6e,var(--navy) 70%);box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
#th-sg .sg-scene .sg-poster{object-fit:cover}
#th-sg .sg-ov{position:absolute;inset:0;pointer-events:none}
#th-sg .th3d-bubble{position:absolute;left:0;top:0;opacity:0;background:#fff;color:var(--navy);font:800 18px Urbanist;padding:8px 14px;border-radius:14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.45);transition:opacity .3s;margin:-54px 0 0 -30px}
#th-sg .th3d-bubble::after{content:"";position:absolute;left:24px;bottom:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}
#th-sg .th3d-bubble.on{opacity:1}
#th-sg .sg-blocks{position:absolute;right:16px;bottom:16px;display:grid;gap:6px;pointer-events:none;z-index:2}
#th-sg .sg-blocks div{font:700 14px Urbanist;color:#fff;padding:9px 13px;border-radius:9px;background:var(--c);opacity:.78;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);transition:opacity .2s,transform .2s,outline-color .2s;outline:3px solid transparent}
#th-sg .sg-blocks div.in{margin-left:20px}
#th-sg .sg-blocks div{justify-self:end}
#th-sg .sg-blocks div.on{opacity:1;outline-color:#fff;transform:translateX(4px)}
#th-sg .sg-code{position:absolute;left:14px;top:14px;margin:0;background:rgba(0,9,39,.88);color:#DDE1F2;font:400 12px/1.65 var(--mono);padding:12px 14px;border-radius:12px;min-width:280px;white-space:pre;z-index:2}
#th-sg .sg-code .k{color:#FF9E01}#th-sg .sg-code .f{color:#6FC3FF}#th-sg .sg-code .n{color:#9BE39F}#th-sg .sg-code .d{color:#7C83A8}#th-sg .sg-code .cur{background:rgba(255,158,1,.2)}

/* studio: terminal i gra */
#th-sg .sg-studio{display:grid;gap:14px}
#th-sg .sg-term,#th-sg .sg-game{border-radius:16px;background:#070B1F;box-shadow:0 30px 60px -30px rgba(0,9,39,.5),0 0 0 1px rgba(0,9,39,.15);overflow:hidden}
#th-sg .sg-tbar{display:flex;gap:6px;align-items:center;padding:11px 14px;background:#0F1533}
#th-sg .sg-tbar i{width:10px;height:10px;border-radius:50%;background:#2A3260}
#th-sg .sg-tbar em{margin-left:10px;font:400 11px var(--mono);color:#7C83A8;font-style:normal}
#th-sg .sg-term pre{margin:0;padding:14px 18px 16px;min-height:228px;font:400 13px/1.7 var(--mono);color:#C8CCE0;white-space:pre-wrap}
#th-sg .sg-term .ok{color:#2FB36E}#th-sg .sg-term .p{color:#FF9E01}#th-sg .sg-term .d{color:#7C83A8}#th-sg .sg-term .w{color:#fff;font-weight:500}
#th-sg .sg-game canvas{display:block;width:100%;height:auto}

/* ROZLICZENIE */
#th-sg .sg-money{padding:100px 0;background:#fff}
#th-sg .sg-money h2{font-size:clamp(28px,3.6vw,46px);margin-bottom:12px}
#th-sg .sg-sub{font-size:18px;max-width:720px}
#th-sg .sg-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}
#th-sg .sg-mon{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px 14px 14px;overflow:hidden;background:#fff}
#th-sg .sg-mon h4{font:800 16px Urbanist;color:var(--ink);margin:0 0 10px}
#th-sg .sg-dots{display:flex;gap:6px;flex-wrap:wrap;min-height:26px}
#th-sg .sg-dot{width:24px;height:24px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;font:700 12px Urbanist;color:transparent;transition:all .3s var(--ease)}
#th-sg .sg-dot.on{background:var(--green);border-color:var(--green);color:#fff;transform:scale(1.08)}
#th-sg .sg-mon .sg-sum{margin-top:12px;font:400 13px var(--mono);color:var(--text)}
#th-sg .sg-mon .sg-sum b{color:var(--navy)}
#th-sg .sg-mon.frozen{background:linear-gradient(180deg,#EAF6FF,#F7FBFF);border-color:#9FD3FF}
#th-sg .sg-flake{position:absolute;top:-12px;color:#7cc3ff;font-size:14px;opacity:0;pointer-events:none}
#th-sg .sg-mon.frozen.show .sg-flake{animation:sgsnow 3.2s linear infinite;opacity:1}
@keyframes sgsnow{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(150px) rotate(220deg)}}
#th-sg .sg-mon .sg-ice{position:absolute;right:10px;top:10px;width:28px;height:28px;opacity:0;transform:rotate(-40deg) scale(.6);transition:all .6s var(--ease)}
#th-sg .sg-mon.frozen.show .sg-ice{opacity:1;transform:none}
#th-sg .sg-calnote{margin-top:12px;font-size:14px;color:#6b7190}
#th-sg .sg-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
#th-sg .sg-mcard{border:1px solid var(--line);border-radius:18px;padding:24px;transition:border-color .2s,box-shadow .2s}
#th-sg .sg-mcard:hover{border-color:var(--gold);box-shadow:0 20px 40px -28px rgba(0,9,39,.45)}
#th-sg .sg-mcard h3{font-size:20px;margin-bottom:8px}
#th-sg .sg-mcard p{font-size:15px}
#th-sg .sg-big{font:800 26px Urbanist;color:var(--navy);margin-bottom:6px}
#th-sg .sg-link{display:inline-block;margin-top:26px;font-weight:800;color:#0370cb;border-bottom:2px solid currentColor}

/* ZAPIS */
#th-sg .sg-join{padding:100px 0;background:radial-gradient(ellipse at 20% 0%,#1b2a6e,var(--navy) 60%);color:#C8CCE0;text-align:center}
#th-sg .sg-join h2{color:#fff;font-size:clamp(30px,4vw,52px);margin-bottom:12px}
#th-sg .sg-join .sg-sub{margin:0 auto}
#th-sg .sg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px auto 34px;padding:0;list-style:none;max-width:980px;counter-reset:k}
#th-sg .sg-steps li{counter-increment:k;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;text-align:left}
#th-sg .sg-steps li::before{content:counter(k,decimal-leading-zero);display:block;font:500 13px var(--mono);color:var(--gold);margin-bottom:10px}
#th-sg .sg-steps b{display:block;color:#fff;font-size:20px;margin-bottom:6px}
#th-sg .sg-ctas-c{justify-content:center}
#th-sg .sg-schools{margin-top:26px;font-size:15px}
#th-sg .sg-schools a{color:var(--gold);font-weight:800}
#th-sg .sg-credits{font-size:11px;color:#8a90a8;text-align:center;padding:14px 24px;margin:0;background:#fff}

@media (max-width:1100px){#th-sg .sg-why-grid,#th-sg .sg-mgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  #th-sg .sg-hero{min-height:0}
  #th-sg .sg-stage{position:relative;width:100%;height:min(92vw,440px)}
  #th-sg .sg-hero .sg-hud{right:16px;bottom:8px}
  #th-sg .sg-hero-copy{padding-top:8px;padding-bottom:48px}
  #th-sg .sg-grid,#th-sg .sg-flip .sg-grid{grid-template-columns:1fr;gap:34px}
  #th-sg .sg-flip .sg-txt{order:0}
  #th-sg .sg-scene{height:380px}
  #th-sg .sg-cal{grid-template-columns:repeat(2,1fr)}
  #th-sg .sg-steps{grid-template-columns:1fr}
  #th-sg .sg-code{font-size:10.5px;min-width:0;max-width:calc(100% - 28px)}
  #th-sg .sg-blocks div{font-size:12px;padding:7px 10px}
}
@media (max-width:560px){#th-sg .sg-why-grid,#th-sg .sg-mgrid{grid-template-columns:1fr}#th-sg .sg-hero h1{font-size:34px}}
@media (prefers-reduced-motion:reduce){#th-sg *,#th-sg *::before,#th-sg *::after{animation:none!important;transition:none!important}#th-sg .sg-txt>*{opacity:1;transform:none}}

/* ===== 26.09.2026: karty „dlaczego my” z żywymi ilustracjami ===== */
#th-sg .sg-wc{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .25s,border-color .25s;transition-delay:calc(var(--i)*.12s),calc(var(--i)*.12s),0s,0s;position:relative;overflow:hidden}
#th-sg .sg-wc.in{opacity:1;transform:none}
#th-sg .sg-wc::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
#th-sg .sg-wc:hover::after{transform:scaleX(1)}
#th-sg .sg-wc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
#th-sg .sg-wc .sg-ico{flex:none;transition:transform .35s var(--ease)}
#th-sg .sg-wc:hover .sg-ico{transform:rotate(-8deg) scale(1.08)}
#th-sg .sg-ilu{width:132px;height:64px;flex:none;overflow:visible}
#th-sg .sg-ilu *{vector-effect:non-scaling-stroke}
/* 1: droga do szkoły */
#th-sg .sg-droga{fill:none;stroke:var(--line);stroke-width:3;stroke-dasharray:6 6;animation:sg-dash 1.2s linear infinite}
@keyframes sg-dash{to{stroke-dashoffset:-12}}
#th-sg .sg-szkola path{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linejoin:round}
#th-sg .sg-szkola rect{fill:var(--gold)}
#th-sg .sg-auto rect{fill:var(--gold)}#th-sg .sg-auto circle{fill:var(--navy)}
/* 2: grupa */
#th-sg .sg-os{fill:var(--light);stroke:var(--line);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:sg-os 4.8s var(--ease) infinite;animation-delay:calc(var(--k)*.16s)}
@keyframes sg-os{0%,8%{fill:var(--light);transform:scale(.6)}16%,78%{fill:var(--navy);transform:scale(1)}88%,100%{fill:var(--light);transform:scale(.6)}}
#th-sg .sg-os:nth-child(-n+6){animation-name:sg-os-on}
@keyframes sg-os-on{0%,8%{fill:var(--light);transform:scale(.6)}16%,78%{fill:var(--gold);transform:scale(1)}88%,100%{fill:var(--light);transform:scale(.6)}}
/* 3: kalendarz */
#th-sg .sg-dz rect{fill:#fff;stroke:var(--line);stroke-width:1.5}
#th-sg .sg-dz .sg-tick{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:sg-tick 5s ease infinite;animation-delay:calc(var(--k)*.28s)}
@keyframes sg-tick{0%,6%{stroke-dashoffset:24}14%,82%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:24}}
#th-sg .sg-dz.sg-odw rect{fill:var(--light);stroke-dasharray:4 3}
#th-sg .sg-dz .sg-x{stroke:#b7bccb;stroke-width:2.2;stroke-linecap:round;opacity:0;animation:sg-x 5s ease infinite;animation-delay:calc(var(--k)*.28s)}
@keyframes sg-x{0%,6%{opacity:0}14%,82%{opacity:1}92%,100%{opacity:0}}
/* 4: terminal */
#th-sg .sg-term{fill:var(--navy)}
#th-sg .sg-kr{fill:#2a3358}#th-sg .sg-kr:first-of-type{fill:#e0584f}
#th-sg .sg-ln{fill:#6f7ab0;width:0;animation:sg-ln 4.4s steps(14,end) infinite;animation-delay:calc(var(--k)*.9s)}
#th-sg .sg-ln-ok{fill:var(--gold)}
@keyframes sg-ln{0%{width:0}25%,85%{width:var(--w)}100%{width:0}}
#th-sg .sg-ok{fill:none;stroke:var(--green);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:sg-okk 4.4s ease infinite}
@keyframes sg-okk{0%,62%{stroke-dashoffset:30}72%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}

/* ===== 26.09.2026: suwak wieku z robotem ===== */
#th-sg .sg-tor{position:relative;flex:1;min-width:260px;height:118px;--p:.33;--kol:var(--gold)}
#th-sg .sg-tor-podz{position:absolute;left:0;right:0;bottom:0;height:14px;pointer-events:none}
#th-sg .sg-tor-podz span{position:absolute;transform:translateX(-50%);font:500 12px var(--mono);color:#8a90a6}
#th-sg .sg-tor-pas{position:absolute;left:0;right:0;bottom:24px;height:12px;border-radius:12px;display:flex;overflow:hidden;background:var(--light)}
#th-sg .sg-tor-pas i{height:100%;opacity:.28;transition:opacity .3s}
#th-sg .sg-tor-pas .s1{flex:3.5;background:#2FB36E}#th-sg .sg-tor-pas .s2{flex:3;background:#098CE9}#th-sg .sg-tor-pas .s3{flex:3;background:#FF9E01}#th-sg .sg-tor-pas .s4{flex:2;background:#8b5cf6}#th-sg .sg-tor-pas .s5{flex:3.5;background:#E0584F}
#th-sg .sg-tor-pas i.on{opacity:1}
#th-sg .sg-tor-fill{position:absolute;left:0;bottom:22px;height:16px;width:calc(var(--p)*100%);border-radius:16px;background:linear-gradient(90deg,rgba(0,9,39,.08),rgba(0,9,39,0));pointer-events:none}
#th-sg .sg-robo{position:absolute;bottom:30px;left:calc(var(--p)*100%);width:var(--rw,50px);transform:translateX(-50%);pointer-events:none;transition:left .12s linear,width .35s var(--ease)}
#th-sg .sg-robo-in{transform-origin:50% 100%;animation:sg-robo-oddech 2.4s ease-in-out infinite}
#th-sg .sg-robo.hop .sg-robo-in{animation:sg-robo-hop .45s var(--ease)}
#th-sg .sg-robo.lewo svg{transform:rotate(-7deg)}#th-sg .sg-robo.prawo svg{transform:rotate(7deg)}
#th-sg .sg-robo svg{display:block;width:100%;height:auto;transition:transform .25s var(--ease);overflow:visible}
@keyframes sg-robo-oddech{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes sg-robo-hop{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(-14px) scaleY(1.05)}60%{transform:translateY(0) scaleY(.92)}100%{transform:translateY(0) scaleY(1)}}
#th-sg .sg-robo-cien{display:block;margin:2px auto 0;width:70%;height:6px;border-radius:50%;background:rgba(0,9,39,.18);filter:blur(1px)}
#th-sg .sg-rb-glowa,#th-sg .sg-rb-cialo{fill:var(--navy)}
#th-sg .sg-rb-oczy rect{fill:#fff;transform-box:fill-box;transform-origin:center;animation:sg-mrug 4s infinite}
@keyframes sg-mrug{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
#th-sg .sg-rb-ant{stroke:var(--navy);stroke-width:3;stroke-linecap:round}
#th-sg .sg-rb-lampa{fill:var(--kol);filter:drop-shadow(0 0 5px var(--kol));animation:sg-lampa 1.6s ease-in-out infinite}
@keyframes sg-lampa{50%{opacity:.55}}
#th-sg .sg-rb-ekran{fill:var(--kol)}
#th-sg .sg-rb-kolo{fill:#2a3358;stroke:var(--navy);stroke-width:2}
#th-sg .sg-tor input[type=range]{position:absolute;left:0;right:0;bottom:0;width:100%;height:118px;margin:0;opacity:0;cursor:grab;min-width:0}
#th-sg .sg-tor input[type=range]:active{cursor:grabbing}
#th-sg .sg-tor:focus-within .sg-tor-pas{outline:3px solid rgba(255,158,1,.45);outline-offset:3px}
#th-sg .sg-age-val span{display:inline-block;transition:transform .25s var(--ease)}
#th-sg .sg-age-val.zmiana span{animation:sg-liczba .35s var(--ease)}
@keyframes sg-liczba{0%{transform:translateY(8px);opacity:.3}100%{transform:none;opacity:1}}
#th-sg .sg-age-karta{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:14px 22px;align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--kol) 10%,#fff),#fff 45%);border-left:6px solid var(--kol);transition:border-color .3s}
#th-sg .sg-age-etap{font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
#th-sg .sg-age-etap b{display:block;font:800 24px Urbanist;letter-spacing:0;text-transform:none;color:var(--navy);margin-top:2px}
#th-sg .sg-age-kursy{display:flex;flex-wrap:wrap;gap:8px}
#th-sg .sg-age-kursy span{font-size:14px;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);opacity:0;transform:translateY(6px);animation:sg-chip .4s var(--ease) forwards;animation-delay:calc(var(--k)*.05s)}
@keyframes sg-chip{to{opacity:1;transform:none}}
#th-sg .sg-age-cta{font-weight:800;color:#fff;background:var(--navy);padding:12px 18px;border-radius:12px;text-decoration:none;white-space:nowrap;transition:background .2s}
#th-sg .sg-age-cta:hover{background:#101a4a}
@media (max-width:760px){#th-sg .sg-age-karta{grid-template-columns:1fr}#th-sg .sg-tor{min-width:100%}}
@media (prefers-reduced-motion:reduce){#th-sg .sg-wc{opacity:1;transform:none}#th-sg .sg-ilu *,#th-sg .sg-robo-in{animation:none!important}#th-sg .sg-ln{width:var(--w)}#th-sg .sg-tick{stroke-dashoffset:0}}

/* 11.10.2026 audyt SEO P2: blok poradnikow */
#th-sg .sg-guides{padding:0 0 100px;background:#fff}
#th-sg .sg-guides .sg-mgrid{grid-template-columns:repeat(3,1fr)}
#th-sg a.sg-mcard{display:block;color:inherit;text-decoration:none}
@media (max-width:900px){#th-sg .sg-guides .sg-mgrid{grid-template-columns:1fr}}