/* um-coaching-1.css: reguly wlasne strony coachingu.
   Rdzen wspolny siedzi w um-core-1.css. */
:root{
  --content:min(94vw, 1560px);
  --gut:clamp(1.15rem,3.4vw,4.5rem);
}
@media(min-width:1700px){:root{--content:min(92vw,2050px)}}
@media(min-width:2100px){:root{--content:min(90vw,2400px)}}
@media(min-width:2800px){:root{--content:min(86vw,2950px)}}
[data-mid] .card,[data-mid] .step,[data-mid] .ses,[data-mid] .safe__i,
[data-mid] details{text-align:left}
.area,.area__b{text-align:left}
.top{position:relative;padding:clamp(6.6rem,11vw,8.4rem) 0 clamp(2.4rem,4vw,3.4rem);
  overflow:hidden;text-align:center}
.top::before{content:"";position:absolute;inset:-34% -10% 0;pointer-events:none;
  background:radial-gradient(56% 60% at 50% 10%,color-mix(in srgb,var(--acc) 24%,transparent),transparent 70%);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 56%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 56%,transparent 100%)}
.top>*{position:relative}
.crumb{display:flex;gap:.5rem;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:.73rem;color:var(--ink3);margin-bottom:1.1rem;flex-wrap:wrap}
.crumb a{color:var(--ink3);transition:color .3s}
.crumb a:hover{color:var(--acc2-lite)}
.crumb i{font-style:normal;opacity:.5}
.top h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);max-width:20ch;margin:.9rem auto 0}
.top__lead{margin:1rem auto 0;max-width:62ch;font-size:clamp(.98rem,.94rem + .28vw,1.14rem);
  color:var(--ink1);line-height:1.55}
.top .tag{margin-inline:auto}
.areas{display:grid;gap:1rem;margin-top:2.6rem;grid-template-columns:1fr}
@media(min-width:760px){.areas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.areas{grid-template-columns:repeat(4,1fr)}}
.area{position:relative;display:flex;flex-direction:column;overflow:hidden;
  border:2px solid var(--line);border-radius:24px;background:var(--glass);
  transition:border-color .5s var(--ez),transform .5s var(--ez)}
.area:hover{border-color:color-mix(in srgb,var(--acc) 44%,transparent);transform:translateY(-4px)}
.area__img{aspect-ratio:4/3;overflow:hidden;background:#0d0b16}
.area__img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;
  display:block;transition:transform .9s var(--ez)}
.area:hover .area__img img{transform:scale(1.05)}
.area__b{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.area__b h3{font-size:1.05rem}
.area__b p{font-size:.85rem;color:var(--ink2);line-height:1.55}
.area__px{margin-top:auto;padding-top:.9rem;font-family:var(--mono);font-size:.76rem;
  color:var(--acc2-lite);border-top:1px solid var(--line)}
.grp{margin-top:2.4rem}
.grp__h{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;
  padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.grp__h h3{font-size:1.15rem}
.grp__h span{font-family:var(--mono);font-size:.74rem;color:var(--ink3)}
.sess{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:720px){.sess{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1120px){.sess{grid-template-columns:repeat(3,1fr)}}
.ses{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem;border-radius:18px;
  border:2px solid var(--line);background:var(--glass);
  transition:border-color .5s var(--ez),transform .5s var(--ez)}
.ses:hover{border-color:color-mix(in srgb,var(--acc) 38%,transparent);transform:translateY(-3px)}
.ses b{font-family:var(--f-head);font-size:.97rem;color:var(--ink)}
.ses p{font-size:.84rem;color:var(--ink2);line-height:1.55}
.ses__f{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--line);
  display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}
.ses__p{font-family:var(--mono);font-weight:700;color:var(--ink)}
.ses__p em{font-style:normal;font-size:.72rem;color:var(--ink3);margin-left:.35rem;font-weight:400}
.ses__go{font-size:.8rem;font-weight:600;color:var(--acc2-lite);white-space:nowrap}
.ses--pro{border-color:color-mix(in srgb,var(--acc) 46%,transparent);
  background:color-mix(in srgb,var(--acc) 9%,transparent)}
.ses--pro .ses__p{color:var(--acc-lite)}
.steps{counter-reset:st;display:grid;gap:.9rem;margin-top:2.4rem}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{counter-increment:st;position:relative;padding:1.6rem 1.6rem 1.6rem 4.4rem;
  border-radius:20px;border:2px solid var(--line);background:var(--glass);
  transition:border-color .5s var(--ez),transform .5s var(--ez)}
.step:hover{border-color:color-mix(in srgb,var(--acc) 34%,transparent);transform:translateY(-3px)}
.step::before{content:counter(st,decimal-leading-zero);position:absolute;left:1.4rem;top:1.5rem;
  font-family:var(--mono);font-size:1.4rem;font-weight:700;
  color:color-mix(in srgb,var(--acc) 60%,transparent);letter-spacing:-.04em}
.step h4{font-size:1rem;margin-bottom:.45rem}
.step p{font-size:.86rem;color:var(--ink2);line-height:1.58}
.tbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:2.2rem}
.tbar span{font-family:var(--mono);font-size:.72rem;color:var(--ink2);
  border:1px solid var(--line);border-radius:99px;padding:.42rem .85rem;background:var(--glass)}
.safe{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:22px;overflow:hidden;margin-top:2.2rem;grid-template-columns:1fr}
@media(min-width:760px){.safe{grid-template-columns:repeat(2,1fr)}}
.safe__i{background:color-mix(in srgb,var(--bg) 62%,transparent);padding:1.4rem 1.5rem;
  display:flex;gap:.85rem;align-items:flex-start;transition:background .5s var(--ez)}
.safe__i:hover{background:color-mix(in srgb,var(--acc2) 7%,transparent)}
.safe__i svg{width:18px;height:18px;flex:none;color:var(--data-lite);margin-top:.15rem}
.safe__i b{display:block;font-size:.9rem;color:var(--ink);margin-bottom:.25rem}
.safe__i span{font-size:.83rem;color:var(--ink2);line-height:1.55}