.mentoring { position: relative; overflow: hidden; padding: 140px 0; background: radial-gradient(circle at 90% 30%,rgba(var(--cyan-rgb),.11),transparent 30%),var(--navy-deep); }
.mentoring::after { position: absolute; top: 0; right: 0; width: 42%; height: 100%; content: ""; opacity: .2; background-image: linear-gradient(rgba(var(--cyan-rgb),.32) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cyan-rgb),.32) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to left,#000,transparent); }
.mentoring-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); gap: clamp(80px,10vw,170px); }
.paid-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 44px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.paid-label span { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); }
.mentoring-intro h2 {
  margin: 0; font-size: clamp(50px,5.2vw,82px); font-weight: 800; letter-spacing: -.05em; line-height: .98;
}
.mentoring-intro > p:not(.eyebrow) { max-width: 600px; margin: 32px 0 0; color: rgba(255,255,255,.64); font-size: 17px; line-height: 1.68; }
.mentoring-intro .button { margin-top: 38px; }
.mentoring-steps { border-top: 1px solid rgba(var(--cyan-rgb),.25); }
.mentoring-steps article { display: grid; grid-template-columns: 72px 1fr; gap: 26px; padding: 36px 0; border-bottom: 1px solid rgba(var(--cyan-rgb),.25); }
.mentoring-steps article > span { color: var(--cyan); font-size: 13px; font-weight: 900; letter-spacing: .12em; }
.mentoring-steps h3 { margin: 0; font-size: 29px; font-weight: 800; letter-spacing: -.03em; }
.mentoring-steps p { max-width: 530px; margin: 13px 0 0; color: rgba(255,255,255,.58); font-size: 15px; line-height: 1.65; }

/* Prokliky na jednotlivé balíčky ze sekce mentoring na homepage */
.mentoring-links { display: grid; gap: 2px; margin-top: 34px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.12); }
.mentoring-links a {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px;
  padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.09);
  transition: padding-left .18s ease, border-color .18s ease;
}
.mentoring-links a:hover, .mentoring-links a:focus-visible { padding-left: 8px; border-color: rgba(var(--cyan-rgb),.45); }
.mentoring-links span { color: var(--white); font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
.mentoring-links strong { color: var(--cyan); font-size: 15px; font-weight: 900; white-space: nowrap; }
.mentoring-links a::after { display: none; }

@media (max-width: 1180px) {
  .mentoring-layout { gap: 70px; }
}

@media (max-width: 960px) {
  .mentoring-layout { grid-template-columns: 1fr; gap: 72px; }
}

@media (max-width: 640px) {
  .mentoring { padding: 86px 0; }
  .mentoring-intro h2 { font-size: 46px; }
  .mentoring-layout { gap: 56px; }
  .mentoring-steps article { grid-template-columns: 48px 1fr; gap: 16px; }
}