SAFETUTOR online školení BOZP a PO nové generace ve 3D Školení BOZP a PO SafeTutor OPTIMAL, 1 zaměstnanec, neomezený počet kurzů na rok

.traiva-safetutor{
--orange:#F7941D;--orange-hover:#E07D00;--orange-soft:#FFF5E9;
--green:#7AB648;--green-dark:#5A9A2E;--ink:#0F0F0F;--body:#3D4B5C;--muted:#6B7A8C;
--line:#E4E9EF;--line-soft:#EFF2F6;--bg:#FAFAFA;--surface:#FFFFFF;
--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--ease:cubic-bezier(.16,1,.3,1);
}
.traiva-safetutor *{box-sizing:border-box;margin:0;padding:0}
.traiva-safetutor{-webkit-text-size-adjust:100%}
.traiva-safetutor{font-family:var(--font);background:var(--surface);color:var(--body);
font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.traiva-safetutor img, .traiva-safetutor svg{display:block;max-width:100%}
.traiva-safetutor a{color:inherit;text-decoration:none}
.traiva-safetutor .ram{max-width:960px;margin:0 auto;padding:0 clamp(16px,3vw,28px) clamp(22px,3.5vw,36px)}
.traiva-safetutor mark{background:none;color:inherit;
background-image:linear-gradient(var(--orange),var(--orange));
background-repeat:no-repeat;background-position:0 1.06em;background-size:0 .09em;
transition:background-size 1s var(--ease) .25s;padding-bottom:.05em}
.traiva-safetutor .in mark, .traiva-safetutor mark.in{background-size:100% .09em}
.traiva-safetutor.js-rv .rv{opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.traiva-safetutor.js-rv .rv.in{opacity:1;transform:none}
.traiva-safetutor.js-rv .rv-d1{transition-delay:.06s}
.traiva-safetutor.js-rv .rv-d2{transition-delay:.12s}
/* proužek partnerů — úplně navrch; loga vyplňují celý řádek, popisek pod nimi */
.traiva-safetutor .strip-partneri{border-bottom:1px solid var(--line-soft);background:var(--bg)}
.traiva-safetutor .strip-in{max-width:960px;margin:0 auto;padding:16px clamp(16px,3vw,28px) 14px}
.traiva-safetutor .strip-in small{display:block;font-size:.8rem;color:var(--muted);margin-top:12px;
padding-top:11px;border-top:1px solid var(--line-soft)}
.traiva-safetutor .strip-in small b{color:var(--ink);font-weight:600}
.traiva-safetutor .loga{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,3vw,34px)}
.traiva-safetutor .loga span{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;
height:clamp(46px,7vw,68px)}
.traiva-safetutor .loga img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
filter:grayscale(1);mix-blend-mode:multiply;opacity:.7}
@media (max-width:520px){
.traiva-safetutor .loga{flex-wrap:wrap;gap:12px}
.traiva-safetutor .loga span{flex:1 1 40%;height:44px}}
.traiva-safetutor .uvod{padding-top:clamp(20px,3.5vw,34px)}
.traiva-safetutor .claim{font-size:clamp(1.45rem,3.4vw,2.15rem);font-weight:700;color:var(--ink);
letter-spacing:-.035em;line-height:1.08}
.traiva-safetutor .sub{margin-top:10px;font-size:clamp(.92rem,1.4vw,1.02rem)}
.traiva-safetutor .sub p{max-width:60ch}
.traiva-safetutor .zakon{margin-top:11px;display:inline-flex;align-items:baseline;gap:9px;font-size:.8rem;color:var(--muted)}
.traiva-safetutor .zakon::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);flex:none;transform:translateY(-2px)}
.traiva-safetutor .blok-t{margin-top:clamp(22px,3.4vw,34px);font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.traiva-safetutor .kroky{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,26px);margin-top:clamp(16px,2.6vw,24px)}
@media (max-width:640px){
.traiva-safetutor .kroky{grid-template-columns:1fr;gap:12px}}
.traiva-safetutor .krok{position:relative;padding-top:13px;border-top:2px solid var(--line)}
/* šířku řídí GSAP (tween zapisuje --p) — žádná CSS transition, jinak
se tlumení sčítá a v nečinné záložce zůstane linka nevykreslená */
.traiva-safetutor .krok::before{content:"";position:absolute;left:0;top:-2px;height:2px;
width:calc(var(--p,0)*100%);background:var(--orange)}
.traiva-safetutor .krok:nth-child(2).on::before{transition-delay:.16s}
.traiva-safetutor .krok:nth-child(3).on::before{transition-delay:.32s}
.traiva-safetutor .krok em{font-style:normal;display:inline-grid;place-items:center;width:23px;height:23px;
border-radius:50%;background:var(--orange-soft);color:var(--orange-hover);font-size:.72rem;font-weight:700}
.traiva-safetutor .krok b{display:block;margin-top:7px;font-size:.98rem;color:var(--ink);letter-spacing:-.015em}
.traiva-safetutor .krok p{margin-top:3px;font-size:.85rem;line-height:1.5}
/* srovnání bez × s programem */
.traiva-safetutor .srovnani{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,26px);margin-top:clamp(16px,2.6vw,24px)}
@media (max-width:640px){
.traiva-safetutor .srovnani{grid-template-columns:1fr}}
.traiva-safetutor .sloupec{border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:var(--surface)}
.traiva-safetutor .sloupec.bez{background:var(--bg)}
.traiva-safetutor .sloupec>b{display:block;font-size:.88rem;color:var(--ink);letter-spacing:-.01em;
padding-bottom:9px;border-bottom:1px solid var(--line-soft)}
.traiva-safetutor .sloupec ul{list-style:none;margin-top:9px}
.traiva-safetutor .sloupec li{display:flex;gap:10px;align-items:baseline;font-size:.88rem;padding:5px 0}
.traiva-safetutor .sloupec.bez li{color:var(--muted)}
.traiva-safetutor .sloupec.bez li i.pomlcka{font-style:normal;color:var(--muted);flex:none;transform:translateY(-1px)}
.traiva-safetutor .sloupec.bez li .txt{position:relative;display:inline-block}
.traiva-safetutor .sloupec.bez li .txt i.skrt{position:absolute;left:-.15em;right:-.15em;top:50%;height:2px;
background:var(--orange);opacity:.75;border-radius:2px;
transform:translateY(-50%) scaleX(var(--s,0));transform-origin:left}
.traiva-safetutor .sloupec.s li svg{width:15px;height:15px;flex:none;transform:translateY(2px)}
.traiva-safetutor .sloupec.s li{color:var(--ink)}
.traiva-safetutor .mriz{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:12px}
@media (max-width:760px){
.traiva-safetutor .mriz{grid-template-columns:1fr 1fr}}
@media (max-width:480px){
.traiva-safetutor .mriz{grid-template-columns:1fr}}
.traiva-safetutor .pole{background:var(--surface);padding:14px 16px;transition:background .3s var(--ease)}
.traiva-safetutor .pole:hover{background:var(--orange-soft)}
.traiva-safetutor .pole svg{width:22px;height:22px;color:var(--ink)}
.traiva-safetutor .pole b{display:block;margin-top:8px;font-size:.9rem;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.traiva-safetutor .pole p{margin-top:3px;font-size:.8rem;line-height:1.45;color:var(--muted)}
.traiva-safetutor .sedne{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:12px}
@media (max-width:640px){
.traiva-safetutor .sedne{grid-template-columns:1fr}}
.traiva-safetutor .sedne li{list-style:none;display:flex;gap:10px;align-items:baseline;font-size:.9rem}
.traiva-safetutor .sedne li svg{width:15px;height:15px;flex:none;transform:translateY(2px)}
.traiva-safetutor .vcene{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;row-gap:4px;font-size:.88rem;color:var(--body)}
.traiva-safetutor .vcene span{white-space:nowrap;display:inline-flex;align-items:baseline;gap:8px}
.traiva-safetutor .vcene span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);flex:none;transform:translateY(-2px)}
.traiva-safetutor .vcene span:not(:last-child){margin-right:22px}
.traiva-safetutor .rec{margin-top:clamp(22px,3.4vw,34px);border:1px solid var(--line);border-left:2px solid var(--orange);
border-radius:12px;background:var(--bg);padding:16px 20px}
.traiva-safetutor .rec p{font-style:italic;font-size:.95rem;color:var(--ink);line-height:1.55}
.traiva-safetutor .rec cite{display:block;margin-top:7px;font-style:normal;font-size:.8rem;color:var(--muted)}
.traiva-safetutor .rec cite b{color:var(--ink);font-weight:600}
.traiva-safetutor .vars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
@media (max-width:640px){
.traiva-safetutor .vars{grid-template-columns:1fr}}
.traiva-safetutor .var{border:1px solid var(--line);border-radius:11px;padding:13px 15px;background:var(--surface);
transition:border-color .3s var(--ease),background .3s var(--ease)}
.traiva-safetutor a.var:hover{border-color:var(--orange);background:var(--orange-soft)}
.traiva-safetutor .var.tady{border-color:var(--orange);background:var(--orange-soft)}
.traiva-safetutor .var b{display:flex;justify-content:space-between;font-size:.88rem;color:var(--ink)}
.traiva-safetutor .var b i{font-style:normal;color:var(--orange);opacity:0;transition:opacity .3s var(--ease)}
.traiva-safetutor a.var:hover b i{opacity:1}
.traiva-safetutor .var.tady b i{opacity:1;font-size:.7rem;font-weight:600;color:var(--orange-hover)}
.traiva-safetutor .var p{margin-top:4px;font-size:.79rem;line-height:1.45;color:var(--muted)}
.traiva-safetutor .faq{margin-top:12px;border-top:1px solid var(--line)}
.traiva-safetutor .faq details{border-bottom:1px solid var(--line)}
.traiva-safetutor .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
gap:14px;padding:11px 2px;font-weight:600;color:var(--ink);font-size:.9rem}
.traiva-safetutor .faq summary::-webkit-details-marker{display:none}
.traiva-safetutor .faq summary::after{content:"+";color:var(--orange);font-size:1.15rem;font-weight:400;transition:transform .3s var(--ease)}
.traiva-safetutor .faq details[open] summary::after{transform:rotate(45deg)}
.traiva-safetutor .faq .odp{padding:0 2px 12px;font-size:.87rem;max-width:70ch}
.traiva-safetutor .pata{margin-top:clamp(22px,3.4vw,34px);padding-top:16px;border-top:1px solid var(--line);
display:flex;flex-direction:column;align-items:center;gap:12px}
/* Odkaz na e-bozp.cz pod hlavní akcí — zadavatel 6. 10. 2026: u každého
produktu má být cesta k celému řešení, ale nesmí přebít nákup. Proto
drobným písmem pod tlačítkem, ne vedle něj. */
.traiva-safetutor .pata-vic{font-size:.84rem;color:var(--muted);text-align:center;line-height