/* ================= TRAINING PAGE ================= */
.learning-hero {
  position: relative;
  overflow: hidden;
  min-height: 840px;
  padding: 226px 0 92px;
  background:
    radial-gradient(circle at 88% 10%, rgba(5,88,234,.20), transparent 28%),
    radial-gradient(circle at 76% 78%, rgba(249,30,101,.18), transparent 33%),
    linear-gradient(135deg,#fff 0%,#f6f0ff 56%,#fff2f7 100%);
}
.learning-hero::before {
  content:""; position:absolute; inset:0; opacity:.28; pointer-events:none;
  background-image:radial-gradient(rgba(99,5,244,.36) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);
}
.learning-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.02fr .98fr; gap:70px; align-items:center; }
.learning-copy h1 { max-width:870px; margin-top:24px; font-size:clamp(56px,7.1vw,108px); letter-spacing:-.064em; }
.learning-copy > p { max-width:720px; margin-top:26px; color:#514d60; font-size:clamp(17px,1.55vw,21px); }
.learning-chip { display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(99,5,244,.17);box-shadow:0 12px 34px rgba(55,27,115,.08);font-size:13px;font-weight:800;color:#4b267f; }
.learning-chip svg { width:18px;height:18px;color:var(--purple); }
.learning-actions { display:flex;flex-wrap:wrap;gap:14px;margin-top:32px; }
.learning-proof { display:flex;flex-wrap:wrap;gap:10px;margin-top:28px; }
.learning-proof span { padding:9px 12px;border-radius:999px;background:white;border:1px solid var(--line);font-size:11px;font-weight:800;color:#4b4658;box-shadow:0 10px 26px rgba(42,22,92,.07); }

.skill-map { position:relative; min-height:550px; }
.skill-orbit { position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(99,5,244,.20);transform:translate(-50%,-50%); }
.skill-orbit.one { width:440px;height:440px;animation:skillSpin 22s linear infinite; }
.skill-orbit.two { width:320px;height:320px;border-style:dashed;animation:skillSpinReverse 16s linear infinite; }
.skill-core { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-content:center;text-align:center;color:white;background:linear-gradient(145deg,var(--pink),var(--purple) 58%,var(--blue));box-shadow:0 38px 90px rgba(99,5,244,.32); }
.skill-core span { font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75); }
.skill-core strong { margin-top:8px;font-family:"Plus Jakarta Sans",sans-serif;font-size:30px;line-height:1; }
.skill-core small { margin-top:10px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.skill-node { position:absolute;padding:12px 15px;border-radius:999px;background:white;border:1px solid rgba(17,24,39,.1);box-shadow:0 16px 42px rgba(37,20,83,.16);font-size:12px;font-weight:900;color:#3f3850; }
.skill-node.n1 { left:3%;top:10%; }.skill-node.n2 { right:0;top:17%; }.skill-node.n3 { left:-2%;top:49%; }.skill-node.n4 { right:-2%;top:52%; }.skill-node.n5 { left:12%;bottom:8%; }.skill-node.n6 { right:10%;bottom:4%; }
@keyframes skillSpin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes skillSpinReverse { to { transform:translate(-50%,-50%) rotate(-360deg); } }

.training-gap-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px; }
.training-gap-card { min-height:250px;padding:26px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:0 16px 46px rgba(42,22,92,.08); }
.training-gap-card > span { font-family:"Bebas Neue",sans-serif;font-size:62px;line-height:.8;color:rgba(99,5,244,.14); }
.training-gap-card h3 { margin-top:22px;font-size:21px; }
.training-gap-card p { margin-top:11px;color:var(--muted);font-size:14px; }

.experience-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px; }
.experience-card { min-height:280px;padding:28px;border-radius:25px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12); }
.experience-icon { width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;box-shadow:0 14px 30px rgba(99,5,244,.24); }
.experience-card:nth-child(2) .experience-icon { background:linear-gradient(135deg,var(--blue),var(--purple)); }
.experience-card:nth-child(3) .experience-icon { background:linear-gradient(135deg,var(--pink),var(--gold)); }
.experience-card:nth-child(4) .experience-icon { background:linear-gradient(135deg,var(--blue),var(--green)); }
.experience-icon svg { width:31px;height:31px; }
.experience-card h3 { margin-top:26px;font-size:22px; }
.experience-card p { margin-top:12px;color:rgba(255,255,255,.64);font-size:14px; }

.curriculum-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px; }
.curriculum-card { position:relative;min-height:345px;padding:27px;border-radius:26px;background:white;border:1px solid var(--line);box-shadow:0 16px 48px rgba(42,22,92,.08);overflow:hidden; }
.curriculum-card::after { content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;bottom:-65px;background:linear-gradient(135deg,rgba(249,30,101,.20),rgba(99,5,244,.16)); }
.module-no { font-family:"Bebas Neue",sans-serif;font-size:56px;line-height:.8;color:rgba(99,5,244,.16); }
.curriculum-card h3 { margin-top:20px;font-size:24px; }
.curriculum-card p { margin-top:12px;color:var(--muted);font-size:14px; }
.curriculum-card ul { display:grid;gap:8px;margin:19px 0 0;padding:0;list-style:none;color:#514d60;font-size:12px;font-weight:700; }
.curriculum-card li { position:relative;padding-left:16px; }
.curriculum-card li::before { content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple)); }

.career-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px; }
.career-card { padding:32px;border-radius:28px;background:white;border:1px solid var(--line);box-shadow:0 16px 48px rgba(42,22,92,.08); }
.career-card > span { display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(99,5,244,.09);color:var(--purple);font-size:11px;font-weight:900; }
.career-card h3 { margin-top:22px;font-size:29px; }
.career-card p { margin-top:13px;color:var(--muted); }
.career-card strong { display:block;margin-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--purple); }
.career-card small { display:block;margin-top:5px;color:#514d60;font-size:13px; }

.instructor-grid { display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center; }
.instructor-card { min-height:410px;padding:36px;border-radius:32px;background:linear-gradient(145deg,rgba(99,5,244,.30),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.13); }
.instructor-initials { width:120px;height:120px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple));font-family:"Bebas Neue",sans-serif;font-size:54px;box-shadow:0 25px 65px rgba(99,5,244,.36); }
.instructor-card > span { display:block;margin-top:30px;color:#d8c9ff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.instructor-card h2 { margin-top:9px;font-size:44px; }
.instructor-card p { margin-top:18px;color:rgba(255,255,255,.67); }
.instructor-copy .section-intro { color:rgba(255,255,255,.68); }
.instructor-points { display:flex;flex-wrap:wrap;gap:10px;margin-top:28px; }
.instructor-points span { padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;color:#e5dcff; }

body.page-training .pricing-grid-service { align-items:stretch; }

@media (max-width:1050px) {
  .learning-hero-grid,.instructor-grid { grid-template-columns:1fr; }
  .skill-map { max-width:650px;width:100%;margin:0 auto; }
  .training-gap-grid,.experience-grid,.curriculum-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:720px) {
  .learning-hero { min-height:auto;padding:165px 0 72px; }
  .learning-hero-grid { gap:34px; }
  .learning-copy h1 { font-size:clamp(42px,12.5vw,58px);line-height:1; }
  .learning-copy > p { font-size:16px; }
  .learning-actions .btn { width:100%; }
  .skill-map { min-height:420px; }
  .skill-orbit.one { width:320px;height:320px; }.skill-orbit.two { width:235px;height:235px; }
  .skill-core { width:155px;height:155px; }.skill-core strong { font-size:23px; }
  .skill-node { padding:9px 10px;font-size:9px; }
  .training-gap-grid,.experience-grid,.curriculum-grid,.career-grid { grid-template-columns:1fr; }
  .training-gap-card,.experience-card,.curriculum-card { min-height:auto; }
  .instructor-card { min-height:auto;padding:28px; }
  .instructor-initials { width:92px;height:92px;font-size:43px; }
  .instructor-card h2 { font-size:36px; }
}

/* ===== FINAL COMPACT HEADING SYSTEM ===== */
@media (min-width: 1051px) {
  .learning-hero-grid {
    grid-template-columns: minmax(0, 1.14fr) minmax(340px, .86fr);
    gap: 48px;
  }
  .learning-copy h1 {
    max-width: 780px;
    font-size: clamp(52px, 4.45vw, 70px);
    line-height: .99;
    letter-spacing: -.055em;
  }
}
.page-training .section-title,
.training-page .section-title,
body.page-training .section-title {
  max-width: 860px;
  font-size: clamp(34px, 3.45vw, 50px);
  line-height: 1.08;
  letter-spacing: -.042em;
}
.instructor-card h2 { font-size: 36px; }
.career-card h3 { font-size: 25px; }
.curriculum-card h3 { font-size: 22px; }

@media (max-width: 1050px) {
  .learning-copy h1 {
    max-width: 800px;
    font-size: clamp(44px, 6.4vw, 58px);
    line-height: 1;
  }
  body.page-training .section-title { font-size: clamp(32px, 5vw, 44px); }
}
@media (max-width: 720px) {
  .learning-copy h1 {
    font-size: clamp(34px, 7.7vw, 42px);
    line-height: 1.04;
    letter-spacing: -.047em;
  }
  body.page-training .section-title {
    font-size: clamp(28px, 6.8vw, 34px);
    line-height: 1.12;
  }
  .instructor-card h2 { font-size: 31px; }
  .career-card h3 { font-size: 23px; }
}
@media (max-width: 430px) {
  .learning-copy h1 { font-size: clamp(30px, 8.3vw, 35px); }
  body.page-training .section-title { font-size: clamp(25px, 7vw, 30px); }
  .instructor-card h2 { font-size: 28px; }
}

/* ================= TRAINING VIDEO REVIEWS ================= */
.training-video-reviews { background:white; }
.video-review-head { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:44px;align-items:end; }
.video-review-head .section-intro { justify-self:end;max-width:590px; }
.video-review-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px; }
.video-review-card { overflow:hidden;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(42,22,92,.09); }
.video-review-media { position:relative;aspect-ratio:9/14;background:linear-gradient(145deg,#13082f,#2b0b68);overflow:hidden; }
.video-review-media video,.video-review-media iframe { width:100%;height:100%;display:block;border:0;object-fit:cover;background:#0f0b18; }
.video-review-copy { padding:22px; }
.video-review-copy strong { display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:18px; }
.video-review-copy span { display:block;margin-top:4px;color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase; }
.video-review-copy p { margin-top:12px;color:var(--muted);font-size:13px;line-height:1.6; }
.video-review-note { margin-top:18px;color:var(--muted);font-size:11px;text-align:center; }
@media (max-width:1050px) {
  .video-review-head { grid-template-columns:1fr; }
  .video-review-head .section-intro { justify-self:start; }
  .video-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .video-review-grid { display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch; }
  .video-review-grid::-webkit-scrollbar { display:none; }
  .video-review-card { flex:0 0 min(82vw,310px);scroll-snap-align:start; }
}

/* ================= REAL TRAINING TESTIMONIAL PREVIEW ================= */
.training-testimonial-head { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:44px;align-items:end; }
.training-testimonial-head .section-intro { justify-self:end;margin-top:0;max-width:590px; }
.training-proof-preview-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px; }
.training-proof-preview-card { overflow:hidden;display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(42,22,92,.09); }
.training-proof-preview-media { height:290px;padding:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f8f4ff,#fff1f7); }
.training-proof-preview-media img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(42,22,92,.15));transition:transform .3s var(--ease); }
.training-proof-preview-card:hover .training-proof-preview-media img { transform:scale(1.025); }
.training-proof-preview-copy { flex:1;display:flex;flex-direction:column;padding:22px; }
.training-proof-preview-copy > span { color:var(--purple);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.training-proof-preview-copy h3 { margin-top:11px;font-size:23px;line-height:1.15; }
.training-proof-preview-copy p { margin-top:11px;color:var(--muted);font-size:13px; }
.training-proof-preview-copy a { margin-top:auto;padding-top:18px;color:var(--purple);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase; }
.training-testimonial-cta { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08); }
.training-testimonial-cta p { max-width:760px;color:#635b6d;font-size:13px; }
.training-testimonial-cta .btn { flex:0 0 auto; }
@media (max-width:1050px) {
  .training-testimonial-head { grid-template-columns:1fr; }
  .training-testimonial-head .section-intro { justify-self:start;margin-top:18px; }
  .training-proof-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .training-proof-preview-card:last-child { grid-column:1 / -1;max-width:560px; }
}
@media (max-width:720px) {
  .training-proof-preview-grid { display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 12px;scrollbar-width:none; }
  .training-proof-preview-grid::-webkit-scrollbar { display:none; }
  .training-proof-preview-card,.training-proof-preview-card:last-child { flex:0 0 min(84vw,340px);max-width:none;grid-column:auto;scroll-snap-align:start; }
  .training-proof-preview-media { height:270px; }
  .training-testimonial-cta { align-items:flex-start;flex-direction:column;padding:18px; }
  .training-testimonial-cta .btn { width:100%; }
}
