@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

#slppl17 {
  --navy:#0A183A;
  --blue:#213368;
  --yellow:#FDB913;
  --yellow-soft:#FFD968;
  --ink:#232526;
  --muted:#5D5D63;
  --soft:#EBEFF5;
  --soft-2:#F7F9FB;
  --frame:#A8B7D5;
  --dark:#232526;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  background:#fff;
  color:var(--ink);
  overflow:hidden;
  font-family:"Poppins","Inter",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
#slppl17, #slppl17 * { box-sizing:border-box; }
#slppl17 img { display:block; max-width:none; }
#slppl17 h1,#slppl17 h2,#slppl17 h3,#slppl17 p { margin:0 !important; font-family:inherit !important; }
#slppl17 a { text-decoration:none !important; }
#slppl17 .stage { width:min(1440px,100%); margin:0 auto; position:relative; }
#slppl17 .desktop-section { position:relative; }
#slppl17 .section-pill {
  position:absolute; left:50%; transform:translateX(-50%);
  height:37px; padding:0 16px; display:inline-flex; align-items:center; gap:9px;
  border-radius:999px; background:#fff; box-shadow:0 6px 18px rgba(9,23,57,.06);
  color:#3C3F45; font-size:12px !important; font-weight:400 !important; white-space:nowrap;
}
#slppl17 .section-pill .lines {
  width:28px;height:13px;display:inline-block;
  background:
    linear-gradient(var(--yellow),var(--yellow)) 0 1px/26px 2px no-repeat,
    linear-gradient(var(--yellow),var(--yellow)) 8px 6px/19px 2px no-repeat,
    linear-gradient(#C8CCD2,#C8CCD2) 3px 11px/13px 2px no-repeat;
}
#slppl17 .section-title {
  position:absolute; left:50%; transform:translateX(-50%); width:100%;
  text-align:center; text-transform:uppercase;
  font-size:44px !important; line-height:1.52 !important; letter-spacing:-.035em !important;
  color:var(--ink) !important; font-weight:800 !important;
}
#slppl17 .section-title .yellow { color:var(--yellow); }
#slppl17 .section-intro {
  position:absolute; left:50%; transform:translateX(-50%); width:800px; text-align:center;
  color:var(--muted) !important; font-size:15px !important; line-height:1.62 !important; font-weight:400 !important;
}
#slppl17 .btn {
  display:inline-flex; align-items:center; gap:14px; min-height:56px; padding:7px 22px 7px 7px;
  border-radius:11px; background:var(--blue); color:#fff !important;
  font-size:14px !important; font-weight:700 !important; line-height:1 !important;
}
#slppl17 .btn .arrow {
  width:42px;height:42px;border-radius:8px;background:#fff;color:var(--navy);
  display:grid;place-items:center;font-size:24px;line-height:1;
}
#slppl17 .btn.light { background:#56585B; }
#slppl17 .btn.white { background:#fff; color:var(--blue) !important; }
#slppl17 .btn.white .arrow { background:var(--blue); color:#fff; }

/* ============= HERO: exact desktop coordinate map ============= */
#slppl17 .hero { height:930px; }
#slppl17 .hero .stage { height:930px; }
#slppl17 .hero-pill {
  position:absolute; left:80px; top:74px; height:40px; padding:0 15px;
  border:1px solid #EEF1F4;border-radius:999px;background:#fff;
  box-shadow:0 7px 18px rgba(9,23,57,.07); display:flex; align-items:center; gap:10px;
  color:#2E3035; font-size:14px !important; white-space:nowrap;
}
#slppl17 .hero-pill .flame { color:var(--yellow); font-size:20px; }
#slppl17 .hero h1 {
  position:absolute; left:80px; top:177px; width:815px;
  color:var(--navy) !important; font-size:46px !important; line-height:1.37 !important;
  letter-spacing:-.035em !important; font-weight:400 !important;
}
#slppl17 .hero h1 strong { font-weight:800 !important; }
#slppl17 .flag {
  display:inline-flex; align-items:center; justify-content:center; width:58px; height:40px;
  padding:4px; border-radius:12px; background:#fff; box-shadow:0 5px 14px rgba(9,23,57,.16);
  vertical-align:5px; margin:0 6px;
}
#slppl17 .flag img { width:48px; height:auto; }
#slppl17 .hero-lead {
  position:absolute; left:80px; top:325px; width:650px;
  color:var(--muted) !important; font-size:16px !important; line-height:1.65 !important; font-weight:400 !important;
}
#slppl17 .hero .btn { position:absolute; left:80px; top:459px; width:271px; justify-content:flex-start; }
#slppl17 .hero-panel {
  position:absolute; left:940px; top:74px; width:420px; height:670px;
  border:10px solid #fff; border-radius:55% 27px 27px 27px / 36% 27px 27px 27px;
  background:var(--yellow); box-shadow:0 18px 38px rgba(9,23,57,.16); overflow:hidden;
}
#slppl17 .hero-panel svg { position:absolute; inset:0; width:100%; height:100%; }
#slppl17 .hero-plane {
  position:absolute; left:654px; top:250px; width:649px; height:auto;
  filter:drop-shadow(0 18px 18px rgba(9,23,57,.20));
  z-index:3;
}
#slppl17 .hero-stats { position:absolute; left:76px; top:598px; display:flex; gap:12px; z-index:4; }
#slppl17 .stat {
  width:153px; height:148px; border:4px solid var(--soft); border-radius:17px;
  background:#fff; padding:16px 16px 12px; text-align:center;
}
#slppl17 .stat-icon {
  height:48px; border-radius:9px; background:var(--soft); color:var(--blue);
  display:grid; place-items:center;
}
#slppl17 .stat-icon svg { width:24px;height:24px;fill:currentColor; }
#slppl17 .stat b {
  display:block; margin-top:13px; color:#303238; font-size:14px; line-height:1.35; font-weight:400;
}

/* ============= WHAT ============= */
#slppl17 .what { height:980px; }
#slppl17 .what .stage { height:980px; }
#slppl17 .what .section-pill { top:89px; }
#slppl17 .what .section-title { top:147px; }
#slppl17 .what-shell {
  position:absolute; left:80px; top:316px; width:1280px; height:591px;
  padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:24px;
  background:var(--soft); border-radius:28px;
}
#slppl17 .what-card {
  background:#fff; border-radius:22px; padding:20px 24px 28px;
  box-shadow:inset 0 0 0 1px #F0F2F5;
}
#slppl17 .what-photo { height:250px; overflow:hidden; border-radius:17px; box-shadow:0 12px 24px rgba(9,23,57,.15); }
#slppl17 .what-photo img { width:100%; height:100%; object-fit:cover; }
#slppl17 .what-card h3 { margin-top:30px !important; color:#101114 !important; font-size:25px !important; line-height:1.25 !important; letter-spacing:-.025em !important; font-weight:600 !important; }
#slppl17 .what-card p { margin-top:14px !important; color:var(--muted) !important; font-size:14px !important; line-height:1.72 !important; }

/* ============= SUBJECTS ============= */
#slppl17 .subjects { height:1560px; }
#slppl17 .subjects .stage { height:1560px; }
#slppl17 .subjects .section-pill { top:77px; }
#slppl17 .subjects .section-title { top:137px; }
#slppl17 .subjects .section-intro { top:286px; }
#slppl17 .subject-row { position:absolute; left:80px; width:1280px; height:330px; }
#slppl17 .subject-row.r1 { top:340px; }
#slppl17 .subject-row.r2 { top:699px; }
#slppl17 .subject-row.r3 { top:1046px; }
#slppl17 .dotline { position:absolute; left:12px; top:22px; width:52px; bottom:-54px; display:flex; justify-content:center; }
#slppl17 .subject-row.r3 .dotline { bottom:50px; }
#slppl17 .dotline:after { content:""; position:absolute; top:51px; bottom:0; width:2px; background:#DDE3EA; }
#slppl17 .subject-row.r3 .dotline:after { display:none; }
#slppl17 .dot {
  position:relative; z-index:2; width:48px; height:48px; border-radius:50%;
  display:grid; place-items:center; background:var(--blue); border:5px solid #fff;
  box-shadow:0 0 0 1px #D3DAE4; color:#fff; font-size:14px; font-weight:700;
}
#slppl17 .r2 .dot { background:var(--yellow); }
#slppl17 .subject-copy { position:absolute; left:139px; top:8px; width:600px; }
#slppl17 .subject-num { color:#A8ADB5; font-size:13px; margin-bottom:11px; }
#slppl17 .subject-copy h3 { color:#141518 !important; font-size:28px !important; line-height:1.2 !important; letter-spacing:-.03em !important; font-weight:600 !important; }
#slppl17 .subject-copy p { margin-top:16px !important; width:570px; color:var(--muted) !important; font-size:14px !important; line-height:1.62 !important; }
#slppl17 .chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
#slppl17 .chip {
  display:inline-flex; align-items:center; padding:8px 13px; border-radius:999px;
  background:#fff; box-shadow:0 7px 18px rgba(9,23,57,.07);
  color:#4B4F57; font-size:12px;
}
#slppl17 .chip:before { content:""; width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:9px; }
#slppl17 .r2 .chip:before { background:var(--yellow); }
#slppl17 .subject-photo { position:absolute; left:789px; top:0; width:510px; height:325px; }
#slppl17 .subject-photo:before {
  content:""; position:absolute; inset:-42px -25px; z-index:-1; opacity:.42;
  background:
    linear-gradient(15deg,transparent 48%,#D8DDE5 49% 50%,transparent 51%) 100% 14%/70px 18px no-repeat,
    linear-gradient(34deg,transparent 48%,#D8DDE5 49% 50%,transparent 51%) 96% 29%/60px 18px no-repeat,
    linear-gradient(-10deg,transparent 48%,#D8DDE5 49% 50%,transparent 51%) 5% 85%/68px 18px no-repeat;
}
#slppl17 .subject-photo img {
  width:500px; height:279px; object-fit:cover; border:9px solid #fff; border-radius:24px;
  box-shadow:0 16px 30px rgba(9,23,57,.17); transform:rotate(5deg); transform-origin:center;
}
#slppl17 .r2 .subject-photo img { transform:rotate(7deg); }
#slppl17 .r3 .subject-photo img { transform:rotate(5deg); }
#slppl17 .subject-copy:after { content:""; display:block; width:650px; height:1px; background:#E6E9ED; margin-top:30px; }
#slppl17 .r3 .subject-copy:after { display:none; }

/* ============= BEGIN ============= */
#slppl17 .begin { height:520px; }
#slppl17 .begin .stage { height:520px; }
#slppl17 .begin-box {
  position:absolute; left:80px; top:77px; width:1280px; height:370px;
  border:8px solid #fff; border-radius:25px; background:var(--dark); box-shadow:0 20px 38px rgba(0,0,0,.24);
  color:#fff; padding:72px 70px; overflow:hidden;
}
#slppl17 .begin-box h3 { color:#fff !important; font-size:31px !important; line-height:1.15 !important; text-transform:uppercase; letter-spacing:-.025em !important; font-weight:700 !important; }
#slppl17 .begin-box p { margin-top:24px !important; width:650px; color:#E7E7E7 !important; font-size:14px !important; line-height:1.68 !important; }
#slppl17 .begin-box .btn { margin-top:26px; background:#55575A; }
#slppl17 .begin-people { position:absolute; left:915px; top:-11px; width:450px; height:450px; object-fit:contain; z-index:3; }

/* ============= LEARN ============= */
#slppl17 .learn { height:1540px; }
#slppl17 .learn .stage { height:1540px; }
#slppl17 .learn .section-pill { top:77px; }
#slppl17 .learn .section-title { top:137px; }
#slppl17 .learn .section-intro { top:286px; }
#slppl17 .learn-shell {
  position:absolute; left:80px; top:386px; width:1280px; height:935px;
  padding:30px 30px 0; background:var(--soft); border-radius:28px;
}
#slppl17 .learn-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
#slppl17 .learn-card {
  height:350px; padding:28px 30px; background:#fff; border:2px solid #E6EAF0; border-radius:20px;
}
#slppl17 .learn-top { display:flex; justify-content:space-between; align-items:center; }
#slppl17 .l-ico {
  width:48px;height:48px;border-radius:50%;background:#222426;color:#fff;border:4px solid #1D9ED0;
  box-shadow:0 4px 0 var(--yellow);display:grid;place-items:center;font-size:18px;font-weight:700;
}
#slppl17 .step-pill {
  padding:8px 13px;border-radius:999px;background:#fff;box-shadow:0 6px 16px rgba(9,23,57,.07);
  font-size:11px;color:#4A4D53;
}
#slppl17 .step-pill:before { content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:8px; }
#slppl17 .learn-card h3 { margin-top:34px !important; color:#111216 !important; font-size:21px !important; line-height:1.28 !important; letter-spacing:-.025em !important; font-weight:600 !important; }
#slppl17 .learn-card p { margin-top:13px !important; color:var(--muted) !important; font-size:14px !important; line-height:1.68 !important; }
#slppl17 .learn-strip {
  position:absolute; left:145px; top:1219px; width:1152px; height:191px;
  border:7px solid #fff; border-radius:26px; background:var(--dark); box-shadow:0 18px 32px rgba(0,0,0,.24);
  display:flex; align-items:center; justify-content:space-between; padding:30px 52px; color:#fff;
}
#slppl17 .learn-strip strong { color:#fff; font-size:24px; line-height:1.38; font-weight:500; }
#slppl17 .learn-strip em { color:var(--yellow); font-style:normal; font-weight:800; }
#slppl17 .learn-strip .btn { background:#fff; color:var(--blue) !important; }
#slppl17 .learn-strip .btn .arrow { background:var(--blue); color:#fff; }

/* ============= VIDEO ============= */
#slppl17 .video { height:866px; }
#slppl17 .video .stage { height:866px; }
#slppl17 .video .section-pill { top:77px; }
#slppl17 .video .section-title { top:137px; }
#slppl17 .video-frame {
  position:absolute; left:190px; top:300px; width:1060px; height:500px;
  border:8px solid #fff; border-radius:27px; overflow:hidden; box-shadow:0 20px 38px rgba(9,23,57,.18);
}
#slppl17 .video-frame img { width:100%;height:100%;object-fit:cover; }
#slppl17 .play {
  position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);
  width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.82);color:#fff;
  display:grid;place-items:center;font-size:28px;box-shadow:0 9px 22px rgba(0,0,0,.15);
}

/* ============= JOURNEY ============= */
#slppl17 .journey { height:1660px; }
#slppl17 .journey .stage { height:1660px; }
#slppl17 .journey .section-pill { top:76px; }
#slppl17 .journey .section-title { top:137px; }
#slppl17 .journey .section-intro { top:286px; }
#slppl17 .journey-tabs { position:absolute; left:322px; top:364px; width:799px; display:flex; justify-content:space-between; }
#slppl17 .journey-tabs span { width:278px;height:52px;border-radius:18px 18px 0 0;background:var(--soft);display:grid;place-items:center;color:#656972;font-size:16px; }
#slppl17 .journey-shell {
  position:absolute; left:190px; top:415px; width:1063px; height:1155px; padding:16px;
  background:var(--frame); border-radius:24px;
}
#slppl17 .journey-grid {
  height:918px; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(6,153px);
  background:#fff;border-radius:16px;overflow:hidden;
}
#slppl17 .journey-grid>div {
  padding:25px 30px; border-bottom:1px solid #E5E9EF; display:flex;align-items:center;
  color:#5B5B60;font-size:14px;line-height:1.55;
}
#slppl17 .journey-grid>div:nth-child(odd) { border-right:1px solid #E5E9EF;color:#28292D;font-weight:600; }
#slppl17 .journey-grid>div:nth-last-child(-n+2) { border-bottom:0; }
#slppl17 .jn { display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#EDF1F5;margin-right:22px;font-size:13px;color:#60646C;flex:0 0 auto; }
#slppl17 .journey-grid>div:nth-child(even) { justify-content:center;text-align:center; }
#slppl17 .future {
  height:199px;margin-top:15px;border-radius:16px;background:#D6DFED;border:1px solid #fff;
  padding:31px 38px;display:flex;align-items:center;justify-content:space-between;
}
#slppl17 .future h3 { color:#242528 !important;font-size:26px !important;line-height:1.2 !important;font-weight:600 !important; }
#slppl17 .future p { margin-top:14px !important;color:#5F636B !important;font-size:14px !important;line-height:1.55 !important;max-width:670px; }

/* ============= TESTIMONIALS ============= */
#slppl17 .testimonials { height:1110px; }
#slppl17 .testimonials .stage { height:1110px; }
#slppl17 .testimonials .section-pill { top:76px; }
#slppl17 .testimonials .section-title { top:137px; }
#slppl17 .test-grid {
  position:absolute; left:80px; top:327px; width:1280px;
  display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:336px; gap:32px 24px;
}
#slppl17 .test-card {
  border:2px solid var(--line);border-radius:26px;overflow:hidden;display:grid;
  grid-template-columns:240px 1fr;background:#fff;
}
#slppl17 .test-photo { position:relative;background:#E8EDF3;overflow:hidden; }
#slppl17 .test-photo img { position:absolute;left:50%;bottom:0;width:auto;height:100%;transform:translateX(-50%); }
#slppl17 .test-copy { position:relative;padding:34px 28px; }
#slppl17 .quote { font-size:54px;line-height:.7;color:#17191D;font-weight:700; }
#slppl17 .test-copy h3 { margin-top:25px !important;color:#2A2B2E !important;font-size:17px !important;line-height:1.35 !important;font-weight:600 !important; }
#slppl17 .test-copy p { margin-top:14px !important;color:#666A71 !important;font-size:13px !important;line-height:1.58 !important; }
#slppl17 .test-name { margin-top:18px;font-size:13px;font-weight:600;color:#3C3E43; }
#slppl17 .test-role { font-size:11px;color:#7C8087; }
#slppl17 .xbtn { position:absolute;right:19px;bottom:18px;width:40px;height:40px;border-radius:13px;background:#F3F5F7;display:grid;place-items:center;font-size:19px;color:#25272A; }

/* ============= EXAMS ============= */
#slppl17 .exams { height:730px; }
#slppl17 .exams .stage { height:730px; }
#slppl17 .exams .section-pill { top:76px; }
#slppl17 .exams .section-title { top:137px; }
#slppl17 .exam-grid { position:absolute;left:80px;top:322px;width:1280px;height:335px;display:grid;grid-template-columns:411px 1fr 411px;gap:29px; }
#slppl17 .exam-card { height:335px;border:12px solid var(--soft);border-radius:20px;background:#fff;text-align:center;padding:34px 30px; }
#slppl17 .exam-icon { width:48px;height:48px;border-radius:50%;background:#222426;color:#fff;border:4px solid #1D9ED0;box-shadow:0 4px 0 var(--yellow);display:grid;place-items:center;margin:0 auto; }
#slppl17 .exam-icon svg { width:25px;height:25px; }
#slppl17 .exam-card h3 { margin-top:28px !important;color:#242528 !important;font-size:20px !important;font-weight:600 !important; }
#slppl17 .exam-card p { margin-top:17px !important;color:#666A71 !important;font-size:14px !important;line-height:1.62 !important; }
#slppl17 .exam-img { height:335px;border:8px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 13px 24px rgba(9,23,57,.15); }
#slppl17 .exam-img img { width:100%;height:100%;object-fit:cover; }

/* ============= PRICING ============= */
#slppl17 .pricing { height:1070px; }
#slppl17 .pricing .stage { height:1070px; }
#slppl17 .pricing .section-pill { top:76px; }
#slppl17 .pricing .section-title { top:137px; }
#slppl17 .pricing .section-intro { top:286px; }
#slppl17 .price-tabs { position:absolute;left:214px;top:365px;width:1013px;display:flex;justify-content:space-between; }
#slppl17 .price-tabs span { width:169px;height:52px;border-radius:18px 18px 0 0;background:var(--soft);display:grid;place-items:center;color:#656972;font-size:16px; }
#slppl17 .price-shell { position:absolute;left:80px;top:417px;width:1280px;height:582px;padding:16px;background:var(--soft);border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
#slppl17 .price-card { background:#fff;border-radius:16px;overflow:hidden;position:relative; }
#slppl17 .price-top { height:290px;padding:31px 32px 24px;border-bottom:1px solid #DCE2E9; }
#slppl17 .price-card h3 { color:#1F2023 !important;font-size:20px !important;font-weight:600 !important; }
#slppl17 .popular { position:absolute;right:24px;top:31px;background:#FF2D16;color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600; }
#slppl17 .amount { margin-top:22px;font-size:48px;line-height:1;font-weight:800;color:#111216;letter-spacing:-.04em; }
#slppl17 .amount small { font-size:15px;font-weight:400;color:#656972;letter-spacing:0; }
#slppl17 .price-card .btn { width:100%;margin-top:34px;justify-content:center;background:#fff;color:var(--blue) !important;border:2px solid var(--blue); }
#slppl17 .price-card.mid .btn { background:var(--blue);color:#fff !important;border-color:var(--blue); }
#slppl17 .price-card.mid .btn .arrow { background:#fff;color:var(--blue); }
#slppl17 .price-card:not(.mid) .btn .arrow { background:var(--blue);color:#fff; }
#slppl17 .price-meta { padding:24px 32px; }
#slppl17 .meta-label { color:#637183;font-size:13px;display:flex;gap:9px;align-items:center; }
#slppl17 .meta-label.good:before { content:"✓";width:20px;height:20px;border-radius:50%;background:#18C443;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700; }
#slppl17 .meta-label.end:before { content:"×";color:#666;font-size:17px; }
#slppl17 .meta-value { margin-top:7px;color:#202226;font-size:14px;line-height:1.55;font-weight:600; }
#slppl17 .price-meta hr { border:0;border-top:1px solid #E1E6EB;margin:24px 0; }

/* ============= TEAM ============= */
#slppl17 .team { height:1275px; }
#slppl17 .team .stage { height:1275px; }
#slppl17 .team .section-pill { top:76px; }
#slppl17 .team .section-title { top:137px; }
#slppl17 .team-bubble {
  position:absolute;left:420px;top:330px;width:600px;min-height:330px;padding:40px 36px;
  background:#fff;border-radius:28px;box-shadow:0 14px 32px rgba(9,23,57,.08);
}
#slppl17 .team-bubble:after { content:"";position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);border:30px solid transparent;border-top-color:#fff;border-bottom:0; }
#slppl17 .team-head { display:flex;align-items:center;gap:15px; }
#slppl17 .team-head .mini { width:48px;height:48px;border-radius:50%;overflow:hidden; }
#slppl17 .team-head .mini img { width:100%;height:100%;object-fit:cover; }
#slppl17 .team-head h3 { color:#242528 !important;font-size:18px !important;font-weight:600 !important; }
#slppl17 .team-role { color:#72767D;font-size:12px; }
#slppl17 .team-x { margin-left:auto;width:45px;height:45px;border-radius:13px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:21px; }
#slppl17 .team-bubble p { margin-top:28px !important;color:#555A62 !important;font-size:14px !important;line-height:1.65 !important; }
#slppl17 .team-tags { display:flex;gap:11px;margin-top:25px; }
#slppl17 .team-tags span { padding:8px 12px;border-radius:999px;background:#fff;box-shadow:0 6px 16px rgba(9,23,57,.07);font-size:11px;color:#555A62; }
#slppl17 .team-tags span:before { content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:8px; }
#slppl17 .carousel { position:absolute;left:80px;top:705px;width:1280px;height:480px;display:flex;align-items:center;justify-content:center; }
#slppl17 .avatar { border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 8px 22px rgba(9,23,57,.12);margin-left:-24px;background:#E7ECF2;flex:0 0 auto; }
#slppl17 .avatar img { width:100%;height:100%;object-fit:cover; }
#slppl17 .a1,#slppl17 .a7{width:206px;height:206px} #slppl17 .a2,#slppl17 .a6{width:246px;height:246px} #slppl17 .a3,#slppl17 .a5{width:286px;height:286px} #slppl17 .a4{width:464px;height:464px;z-index:3}
#slppl17 .carousel-controls { position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:18px; }
#slppl17 .carousel-controls span { width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(9,23,57,.09);display:grid;place-items:center;color:var(--blue);font-size:21px; }

/* ============= FAQ ============= */
#slppl17 .faq { height:1220px; }
#slppl17 .faq .stage { height:1220px; }
#slppl17 .faq .section-pill { top:76px; }
#slppl17 .faq .section-title { top:137px; }
#slppl17 .faq-shell { position:absolute;left:300px;top:338px;width:840px;padding:18px;background:#F4F6F9;border-radius:28px; }
#slppl17 details { margin-bottom:14px;padding:24px 28px;border-radius:18px;background:#fff; }
#slppl17 details:last-child { margin-bottom:0; }
#slppl17 summary { list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#242528;font-size:18px;font-weight:500; }
#slppl17 summary::-webkit-details-marker { display:none; }
#slppl17 summary:after { content:"+";width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(9,23,57,.12);display:grid;place-items:center;color:var(--blue);font-size:25px;font-weight:400;flex:0 0 auto; }
#slppl17 details[open] summary:after { content:"−"; }
#slppl17 details p { margin-top:18px !important;padding-right:60px;color:#666A71 !important;font-size:14px !important;line-height:1.65 !important; }

/* ============= FINAL ============= */
#slppl17 .final { height:590px; overflow:visible; }
#slppl17 .final .stage { height:590px; overflow:visible; }
#slppl17 .final-box { position:absolute;left:80px;top:81px;width:1280px;height:408px;border:8px solid #fff;border-radius:28px;background:var(--dark);box-shadow:0 20px 38px rgba(0,0,0,.23);overflow:hidden;padding:68px 70px;color:#fff; }
#slppl17 .final-box h2 { color:#fff !important;font-size:38px !important;line-height:1.35 !important;letter-spacing:-.025em !important;text-transform:uppercase;font-weight:700 !important;max-width:560px; }
#slppl17 .final-box p { margin-top:27px !important;color:#E3E3E3 !important;font-size:14px !important;line-height:1.65 !important;max-width:520px; }
#slppl17 .final-box .btn { margin-top:28px;background:#55575A; }
#slppl17 .final-art { position:absolute;left:770px;top:-303px;width:771px;height:auto;z-index:3;pointer-events:none; }


/* v16 clean base corrections */
#slppl17 .test-photo img{position:relative !important;left:auto !important;bottom:auto !important;transform:none !important;width:auto !important;height:94% !important;max-width:100% !important;object-fit:contain !important;margin:auto auto 0 !important;}
#slppl17 .test-photo{display:flex !important;align-items:flex-end !important;justify-content:center !important;overflow:hidden !important;}
#slppl17 .team-carousel-shell{position:absolute;left:80px;top:705px;width:1280px;height:480px;}
#slppl17 .team-viewport{width:100%;height:100%;overflow:hidden;}
#slppl17 .team-track{height:100%;display:flex;align-items:center;justify-content:center;}
#slppl17 .team-edge{display:none;}
#slppl17 .carousel-controls{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:18px;}
#slppl17 .carousel-controls span{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(9,23,57,.09);display:grid;place-items:center;color:var(--blue);font-size:21px;cursor:pointer;}

/* ========================= DESKTOP FULL-BLEED ========================= */
@media (min-width:1201px){
  #slppl17{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;}
}

/* ========================= INTERACTIONS ========================= */
#slppl17 .btn{position:relative !important;overflow:hidden !important;isolation:isolate;padding-left:70px !important;padding-right:24px !important;transition:background-color .35s ease,color .28s ease,padding .35s ease,transform .2s ease,box-shadow .25s ease !important;}
#slppl17 .btn .arrow{position:absolute !important;left:7px !important;top:50% !important;transform:translateY(-50%) !important;transition:left .35s cubic-bezier(.2,.75,.25,1),background-color .28s ease,color .28s ease !important;}
#slppl17 .btn:hover,#slppl17 .btn:focus-visible,#slppl17 .btn.is-switched{background:var(--yellow) !important;color:var(--navy) !important;padding-left:24px !important;padding-right:70px !important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(9,24,58,.16);}
#slppl17 .btn:hover .arrow,#slppl17 .btn:focus-visible .arrow,#slppl17 .btn.is-switched .arrow{left:calc(100% - 49px) !important;background:var(--navy) !important;color:#fff !important;}
#slppl17.motion-enabled .sl-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
#slppl17.motion-enabled .sl-reveal.sl-visible{opacity:1;transform:none;}

/* ========================= TABLET / COMPACT <= 1100 ========================= */
@media (max-width:1100px){
  #slppl17{width:100% !important;max-width:100% !important;margin-left:0 !important;overflow-x:hidden !important;}
  #slppl17 *{min-width:0;box-sizing:border-box;}
  #slppl17 img{max-width:100%;height:auto;}
  #slppl17 .desktop-section,#slppl17 .desktop-section .stage{height:auto !important;min-height:0 !important;}
  #slppl17 .stage{width:100% !important;padding-left:28px !important;padding-right:28px !important;}
  #slppl17 .what,#slppl17 .subjects,#slppl17 .begin,#slppl17 .learn,#slppl17 .video,#slppl17 .journey,#slppl17 .testimonials,#slppl17 .exams,#slppl17 .pricing,#slppl17 .team,#slppl17 .faq,#slppl17 .final{padding:76px 0 !important;}
  #slppl17 .section-pill,#slppl17 .section-title,#slppl17 .section-intro{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:100% !important;}
  #slppl17 .section-pill{width:max-content !important;max-width:100% !important;margin:0 auto !important;}
  #slppl17 .section-title{margin:20px auto 0 !important;text-align:center !important;font-size:36px !important;line-height:1.15 !important;}
  #slppl17 .section-intro{width:min(760px,100%) !important;margin:16px auto 0 !important;text-align:center !important;font-size:16px !important;line-height:1.65 !important;}
  #slppl17 p{overflow-wrap:break-word;}

  /* hero tablet */
  #slppl17 .hero{height:auto !important;padding:48px 0 68px !important;}
  #slppl17 .hero .stage{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr) !important;gap:18px !important;}
  #slppl17 .hero-pill,#slppl17 .hero h1,#slppl17 .hero-lead,#slppl17 .hero .btn,#slppl17 .hero-stats{position:relative !important;inset:auto !important;left:auto !important;top:auto !important;width:auto !important;}
  #slppl17 .hero-pill{grid-column:1;margin-bottom:30px !important;width:max-content !important;}
  #slppl17 .hero h1{grid-column:1;max-width:620px !important;font-size:44px !important;line-height:1.15 !important;}
  #slppl17 .hero-lead{grid-column:1;max-width:590px !important;margin-top:20px !important;font-size:16px !important;}
  #slppl17 .hero .btn{grid-column:1;margin-top:26px !important;justify-self:start;}
  #slppl17 .hero-art-wrap{grid-column:2;grid-row:1 / span 4;position:relative !important;height:520px !important;}
  #slppl17 .hero-panel{position:absolute !important;left:auto !important;right:0 !important;top:0 !important;width:80% !important;height:500px !important;}
  #slppl17 .hero-plane{position:absolute !important;left:-35% !important;top:135px !important;width:120% !important;}
  #slppl17 .hero-stats{grid-column:1 / -1;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px !important;margin-top:30px !important;}
  #slppl17 .stat{width:auto !important;height:auto !important;min-height:120px !important;}

  #slppl17 .what-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:36px auto 0 !important;}
  #slppl17 .what-card{height:auto !important;}
  #slppl17 .subject-row{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:48px auto 0 !important;display:grid !important;grid-template-columns:48px minmax(0,1fr) minmax(280px,35%) !important;gap:22px !important;align-items:center !important;}
  #slppl17 .dotline,#slppl17 .subject-copy,#slppl17 .subject-photo{position:relative !important;inset:auto !important;width:auto !important;height:auto !important;}
  #slppl17 .subject-copy p{width:auto !important;}
  #slppl17 .subject-copy:after{width:100% !important;}
  #slppl17 .subject-photo img{width:100% !important;height:220px !important;}
  #slppl17 .begin .stage{position:relative !important;}
  #slppl17 .begin-box{position:relative !important;inset:auto !important;width:100% !important;height:330px !important;padding:52px !important;}
  #slppl17 .begin-people{position:absolute !important;left:auto !important;right:24px !important;top:auto !important;bottom:0 !important;width:340px !important;height:340px !important;}
  #slppl17 .learn-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:40px auto 0 !important;}
  #slppl17 .learn-grid{grid-template-columns:repeat(2,1fr) !important;}
  #slppl17 .learn-card{height:auto !important;min-height:310px !important;}
  #slppl17 .learn-strip{position:relative !important;inset:auto !important;width:calc(100% - 60px) !important;height:auto !important;margin:22px 30px -50px !important;padding:26px 30px !important;}
  #slppl17 .video-frame{position:relative !important;inset:auto !important;width:min(980px,100%) !important;height:auto !important;aspect-ratio:1060/500 !important;margin:38px auto 0 !important;}
  #slppl17 .journey-tabs,#slppl17 .price-tabs{display:none !important;}
  #slppl17 .journey-shell{position:relative !important;inset:auto !important;width:min(980px,100%) !important;height:auto !important;margin:38px auto 0 !important;}
  #slppl17 .journey-grid{height:auto !important;grid-template-rows:repeat(6,auto) !important;}
  #slppl17 .journey-grid>div{min-height:110px !important;}
  #slppl17 .test-grid{position:relative !important;inset:auto !important;width:100% !important;margin:38px auto 0 !important;grid-template-columns:1fr 1fr !important;grid-auto-rows:auto !important;}
  #slppl17 .test-card{height:auto !important;min-height:300px !important;}
  #slppl17 .exam-grid{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:38px auto 0 !important;grid-template-columns:repeat(3,1fr) !important;}
  #slppl17 .exam-card,#slppl17 .exam-img{height:auto !important;min-height:290px !important;}
  #slppl17 .price-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:38px auto 0 !important;}
  #slppl17 .price-card,#slppl17 .price-top{height:auto !important;}
  #slppl17 .team-bubble{position:relative !important;inset:auto !important;width:min(600px,100%) !important;min-height:0 !important;margin:38px auto 0 !important;}
  #slppl17 .team-carousel-shell{position:relative !important;inset:auto !important;width:100% !important;height:350px !important;margin:60px auto 0 !important;}
  #slppl17 .team-viewport{width:100% !important;height:100% !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;scrollbar-width:none;padding:0 calc(50% - 90px) !important;}
  #slppl17 .team-viewport::-webkit-scrollbar{display:none;}
  #slppl17 .team-track{height:100% !important;width:max-content !important;min-width:max-content !important;justify-content:flex-start !important;gap:0 !important;}
  #slppl17 .avatar{flex:0 0 180px !important;width:180px !important;height:180px !important;margin-left:-18px !important;scroll-snap-align:center;transition:transform .3s ease,opacity .25s ease,box-shadow .25s ease;}
  #slppl17 .avatar.is-active{transform:scale(1.16) !important;opacity:1 !important;z-index:4;box-shadow:0 16px 34px rgba(9,23,57,.18),0 0 0 5px rgba(253,185,19,.12);}
  #slppl17 .team-edge{display:block;position:absolute;top:0;bottom:55px;width:20%;border:0;background:transparent;z-index:10;}
  #slppl17 .team-edge-left{left:0}.team-edge-right{right:0}
  #slppl17 .faq-shell{position:relative !important;inset:auto !important;width:min(840px,100%) !important;margin:38px auto 0 !important;}
  #slppl17 .final{padding-top:120px !important;}
  #slppl17 .final .stage{position:relative !important;}
  #slppl17 .final-box{position:relative !important;inset:auto !important;width:100% !important;height:380px !important;padding:52px !important;}
  #slppl17 .final-art{position:absolute !important;left:auto !important;right:-50px !important;top:-75px !important;width:560px !important;}
}

/* ========================= PHONE / PIXEL 10 <= 600 ========================= */
@media (max-width:600px){
  #slppl17 .stage{padding-left:12px !important;padding-right:12px !important;}
  #slppl17 .what,#slppl17 .subjects,#slppl17 .begin,#slppl17 .learn,#slppl17 .video,#slppl17 .journey,#slppl17 .testimonials,#slppl17 .exams,#slppl17 .pricing,#slppl17 .team,#slppl17 .faq,#slppl17 .final{padding:58px 0 !important;}
  #slppl17 .section-pill{font-size:11px !important;height:auto !important;min-height:34px !important;white-space:normal !important;text-align:center !important;}
  #slppl17 .section-title{font-size:30px !important;line-height:1.13 !important;margin-top:18px !important;}
  #slppl17 .section-intro{font-size:18px !important;line-height:1.65 !important;}
  #slppl17 p{font-size:18px !important;line-height:1.68 !important;}
  #slppl17 .btn{font-size:17px !important;min-height:60px !important;width:100% !important;justify-content:center !important;}

  /* Hero fully stacked */
  #slppl17 .hero{padding:30px 0 56px !important;}
  #slppl17 .hero .stage{display:flex !important;flex-direction:column !important;}
  #slppl17 .hero-pill{order:1 !important;margin:0 0 24px !important;max-width:100% !important;white-space:normal !important;}
  #slppl17 .hero h1{order:2 !important;width:100% !important;max-width:100% !important;font-size:39px !important;line-height:1.10 !important;}
  #slppl17 .hero-lead{order:3 !important;width:100% !important;max-width:100% !important;margin-top:18px !important;font-size:18px !important;line-height:1.68 !important;}
  #slppl17 .hero .btn{order:4 !important;margin-top:22px !important;}
  #slppl17 .hero-art-wrap{order:5 !important;width:100% !important;height:330px !important;margin-top:28px !important;}
  #slppl17 .hero-panel{width:72% !important;height:315px !important;right:2% !important;}
  #slppl17 .hero-plane{width:110% !important;left:-24% !important;top:84px !important;}
  #slppl17 .hero-stats{order:6 !important;display:flex !important;flex-direction:column !important;gap:9px !important;width:100% !important;margin-top:18px !important;}
  #slppl17 .stat{width:100% !important;height:auto !important;min-height:82px !important;display:grid !important;grid-template-columns:52px 1fr !important;align-items:center !important;text-align:left !important;padding:10px 12px !important;}
  #slppl17 .stat-icon{height:46px !important;}
  #slppl17 .stat b{margin:0 !important;padding-left:10px !important;font-size:14px !important;}

  /* One pilot card per row */
  #slppl17 .what-shell{display:block !important;width:100% !important;padding:8px !important;margin-top:30px !important;}
  #slppl17 .what-card{width:100% !important;height:auto !important;margin-bottom:14px !important;padding:10px 10px 24px !important;}
  #slppl17 .what-photo{height:220px !important;}
  #slppl17 .what-card h3{font-size:22px !important;line-height:1.25 !important;margin:20px 10px 10px !important;}
  #slppl17 .what-card p{font-size:18px !important;line-height:1.68 !important;margin-left:10px !important;margin-right:10px !important;}

  /* Subjects vertical */
  #slppl17 .subject-row{display:block !important;margin-top:40px !important;}
  #slppl17 .dotline{width:36px !important;height:36px !important;margin-bottom:10px !important;}
  #slppl17 .dotline:after{display:none !important;}
  #slppl17 .subject-copy,#slppl17 .subject-photo{width:100% !important;}
  #slppl17 .subject-copy h3{font-size:23px !important;}
  #slppl17 .subject-copy p{font-size:18px !important;}
  #slppl17 .chip{font-size:12px !important;padding:7px 9px !important;}
  #slppl17 .subject-photo{margin-top:16px !important;}
  #slppl17 .subject-photo img{width:100% !important;height:205px !important;transform:none !important;}

  /* Decorative dark CTA art is hidden on phones to maximise copy space */
  #slppl17 .begin-box{height:auto !important;min-height:0 !important;padding:28px 22px !important;}
  #slppl17 .begin-box h3{font-size:24px !important;}
  #slppl17 .begin-box p{width:100% !important;font-size:18px !important;}
  #slppl17 .begin-people{display:none !important;}

  /* Learning */
  #slppl17 .learn-grid{display:block !important;}
  #slppl17 .learn-card{width:100% !important;height:auto !important;min-height:0 !important;margin-bottom:12px !important;padding:22px !important;}
  #slppl17 .learn-card h3{font-size:22px !important;}
  #slppl17 .learn-card p{font-size:18px !important;}
  #slppl17 .learn-strip{width:100% !important;margin:12px 0 -38px !important;display:block !important;padding:20px !important;}
  #slppl17 .learn-strip strong{font-size:18px !important;}
  #slppl17 .learn-strip .btn{margin-top:14px !important;}

  /* Journey */
  #slppl17 .journey-grid{display:block !important;}
  #slppl17 .journey-grid>div{min-height:0 !important;border-right:0 !important;}
  #slppl17 .journey-grid>div:nth-child(odd){padding:20px 18px 6px !important;border-bottom:0 !important;font-size:19px !important;justify-content:flex-start !important;text-align:left !important;}
  #slppl17 .journey-grid>div:nth-child(even){padding:4px 18px 22px !important;border-bottom:1px solid #E5E9EF !important;font-size:17px !important;justify-content:flex-start !important;text-align:left !important;}
  #slppl17 .future{height:auto !important;display:block !important;padding:20px !important;}
  #slppl17 .future h3{font-size:22px !important;}
  #slppl17 .future p{font-size:17px !important;}
  #slppl17 .future .btn{margin-top:14px !important;}

  /* Testimonials natural, image above copy */
  #slppl17 .test-grid{display:block !important;width:100% !important;}
  #slppl17 .test-card{display:flex !important;flex-direction:column !important;width:100% !important;height:auto !important;min-height:0 !important;margin-bottom:14px !important;}
  #slppl17 .test-photo{width:100% !important;height:230px !important;min-height:230px !important;background:#E8EDF3 !important;padding-top:8px !important;}
  #slppl17 .test-photo img{width:auto !important;height:220px !important;max-width:92% !important;object-fit:contain !important;}
  #slppl17 .test-copy{width:100% !important;padding:20px !important;}
  #slppl17 .test-copy h3{font-size:21px !important;}
  #slppl17 .test-copy p{font-size:17px !important;}
  #slppl17 .test-name{font-size:14px !important;}
  #slppl17 .test-role{font-size:12px !important;}

  /* Exams */
  #slppl17 .exam-grid{display:flex !important;flex-direction:column !important;width:100% !important;gap:12px !important;}
  #slppl17 .exam-img{order:1 !important;width:100% !important;height:235px !important;min-height:235px !important;}
  #slppl17 .exam-card{width:100% !important;height:auto !important;min-height:0 !important;padding:24px 20px !important;}
  #slppl17 .exam-card:first-child{order:2 !important}#slppl17 .exam-card:last-child{order:3 !important}
  #slppl17 .exam-card h3{font-size:21px !important;}
  #slppl17 .exam-card p{font-size:17px !important;}

  /* Pricing */
  #slppl17 .price-shell{display:block !important;padding:8px !important;}
  #slppl17 .price-card{width:100% !important;height:auto !important;margin-bottom:12px !important;}
  #slppl17 .price-top,#slppl17 .price-meta{height:auto !important;}
  #slppl17 .price-card h3{font-size:21px !important;}
  #slppl17 .amount{font-size:44px !important;}
  #slppl17 .meta-label{font-size:14px !important;}
  #slppl17 .meta-value{font-size:17px !important;}

  /* Team native swipe */
  #slppl17 .team-bubble{width:100% !important;padding:24px 20px !important;}
  #slppl17 .team-head h3{font-size:20px !important;}
  #slppl17 .team-role{font-size:14px !important;}
  #slppl17 .team-bubble p{font-size:17px !important;}
  #slppl17 .team-carousel-shell{height:250px !important;margin-top:40px !important;}
  #slppl17 .team-viewport{padding:0 calc(50% - 64px) !important;}
  #slppl17 .avatar{flex-basis:128px !important;width:128px !important;height:128px !important;margin-left:-8px !important;}
  #slppl17 .team-edge{display:none !important;}

  /* FAQ */
  #slppl17 .faq-shell{width:100% !important;padding:8px !important;}
  #slppl17 details{height:auto !important;padding:18px 14px !important;}
  #slppl17 summary{font-size:17px !important;line-height:1.45 !important;}
  #slppl17 summary:after{width:36px !important;height:36px !important;flex:0 0 36px !important;}
  #slppl17 details p{padding-right:0 !important;font-size:17px !important;}

  /* Final CTA: hide decorative plane/people on phone for maximum readability */
  #slppl17 .final{padding-top:58px !important;}
  #slppl17 .final-box{height:auto !important;min-height:0 !important;padding:30px 22px !important;}
  #slppl17 .final-box h2{font-size:28px !important;max-width:100% !important;}
  #slppl17 .final-box p{font-size:17px !important;max-width:100% !important;}
  #slppl17 .final-art{display:none !important;}
}

@media (prefers-reduced-motion:reduce){#slppl17 *,#slppl17 *::before,#slppl17 *::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}#slppl17.motion-enabled .sl-reveal{opacity:1 !important;transform:none !important;}}

#slppl17.sl-phone .desktop-section,#slppl17.sl-phone .desktop-section .stage{height:auto !important;min-height:0 !important;}
#slppl17.sl-phone .hero{height:auto !important;padding:30px 0 56px !important;}
#slppl17.sl-phone .hero .stage{display:flex !important;flex-direction:column !important;padding:0 12px !important;}
#slppl17.sl-phone .hero-pill,#slppl17.sl-phone .hero h1,#slppl17.sl-phone .hero-lead,#slppl17.sl-phone .hero .btn,#slppl17.sl-phone .hero-stats{position:relative !important;inset:auto !important;left:auto !important;top:auto !important;width:auto !important;}
#slppl17.sl-phone .hero h1{font-size:39px !important;line-height:1.10 !important;width:100% !important;}
#slppl17.sl-phone .hero-lead{font-size:18px !important;width:100% !important;margin-top:18px !important;}
#slppl17.sl-phone .hero-art-wrap{position:relative !important;width:100% !important;height:330px !important;margin-top:28px !important;}
#slppl17.sl-phone .hero-panel{position:absolute !important;left:auto !important;right:2% !important;top:0 !important;width:72% !important;height:315px !important;}
#slppl17.sl-phone .hero-plane{position:absolute !important;left:-24% !important;top:84px !important;width:110% !important;}
#slppl17.sl-phone .hero-stats{display:flex !important;flex-direction:column !important;gap:9px !important;width:100% !important;}
#slppl17.sl-phone .stat{width:100% !important;height:auto !important;min-height:82px !important;display:grid !important;grid-template-columns:52px 1fr !important;align-items:center !important;text-align:left !important;}
#slppl17.sl-phone .what-shell{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;}
#slppl17.sl-phone .what-card{width:100% !important;height:auto !important;margin-bottom:14px !important;}
#slppl17.sl-phone .learn-shell,#slppl17.sl-phone .learn-strip,#slppl17.sl-phone .journey-shell,#slppl17.sl-phone .test-grid,#slppl17.sl-phone .exam-grid,#slppl17.sl-phone .price-shell,#slppl17.sl-phone .team-bubble,#slppl17.sl-phone .faq-shell,#slppl17.sl-phone .final-box{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;}
#slppl17.sl-phone .learn-grid{display:block !important;}#slppl17.sl-phone .learn-card{height:auto !important;margin-bottom:12px !important;}
#slppl17.sl-phone .test-grid{display:block !important;}#slppl17.sl-phone .test-card{display:flex !important;flex-direction:column !important;height:auto !important;margin-bottom:14px !important;}
#slppl17.sl-phone .exam-grid,#slppl17.sl-phone .price-shell{display:block !important;}#slppl17.sl-phone .exam-card,#slppl17.sl-phone .price-card{height:auto !important;margin-bottom:12px !important;}
#slppl17.sl-phone .section-title{position:relative !important;inset:auto !important;transform:none !important;font-size:30px !important;line-height:1.13 !important;width:100% !important;text-align:center !important;margin-top:18px !important;}
#slppl17.sl-phone p{font-size:18px !important;line-height:1.68 !important;}

/* ============================================================
   v17 — MOBILE-FIRST FINAL RESPONSIVE PASS
   Mobile is selected by viewport width OR physical device width.
   This catches Chrome Pixel emulation even if a theme/template
   has an incorrect/missing viewport meta tag.
   ============================================================ */
#slppl17{width:100% !important;max-width:100% !important;margin-left:0 !important;overflow-x:hidden !important;}
#slppl17 *,#slppl17 *::before,#slppl17 *::after{box-sizing:border-box !important;min-width:0;}
#slppl17 img{max-width:100%;}
#slppl17 p,#slppl17 h1,#slppl17 h2,#slppl17 h3,#slppl17 summary{overflow-wrap:break-word !important;word-break:normal !important;}

/* Tablet: reduce rigid desktop geometry without making text tiny. */
@media screen and (max-width:1024px){
  #slppl17 .desktop-section,#slppl17 .desktop-section>.stage{height:auto !important;min-height:0 !important;}
  #slppl17 .stage{width:100% !important;padding-left:24px !important;padding-right:24px !important;}
  #slppl17 .what,#slppl17 .subjects,#slppl17 .begin,#slppl17 .learn,#slppl17 .video,#slppl17 .journey,#slppl17 .testimonials,#slppl17 .exams,#slppl17 .pricing,#slppl17 .team,#slppl17 .faq,#slppl17 .final{height:auto !important;min-height:0 !important;padding:68px 0 !important;}
  #slppl17 .section-pill,#slppl17 .section-title,#slppl17 .section-intro{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:100% !important;}
  #slppl17 .section-pill{width:max-content !important;max-width:100% !important;margin:0 auto !important;}
  #slppl17 .section-title{margin:20px auto 0 !important;text-align:center !important;font-size:34px !important;line-height:1.14 !important;}
  #slppl17 .section-intro{width:min(720px,100%) !important;margin:15px auto 0 !important;text-align:center !important;font-size:16px !important;line-height:1.65 !important;}
  #slppl17 p{font-size:16px !important;line-height:1.68 !important;}

  #slppl17 .what-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:34px auto 0 !important;}
  #slppl17 .what-card{height:auto !important;overflow:visible !important;}
  #slppl17 .learn-card,#slppl17 .test-card,#slppl17 .exam-card,#slppl17 .price-card,#slppl17 .team-bubble,#slppl17 details{height:auto !important;overflow:visible !important;}
}

/* ============================================================
   PHONE / SMALL DEVICE
   OR query is intentional: max-device-width catches emulated
   Pixel devices even when layout viewport is erroneously ~980px.
   ============================================================ */
@media screen and (max-width:700px), screen and (max-device-width:768px){
  #slppl17 .desktop-section,#slppl17 .desktop-section>.stage{height:auto !important;min-height:0 !important;}
  #slppl17 .stage{width:100% !important;padding-left:16px !important;padding-right:16px !important;}
  #slppl17 .what,#slppl17 .subjects,#slppl17 .begin,#slppl17 .learn,#slppl17 .video,#slppl17 .journey,#slppl17 .testimonials,#slppl17 .exams,#slppl17 .pricing,#slppl17 .team,#slppl17 .faq,#slppl17 .final{height:auto !important;min-height:0 !important;padding:58px 0 !important;}

  /* Shared type */
  #slppl17 p{font-size:19px !important;line-height:1.72 !important;}
  #slppl17 .section-pill,#slppl17 .section-title,#slppl17 .section-intro{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:100% !important;}
  #slppl17 .section-pill{width:max-content !important;max-width:100% !important;margin:0 auto !important;white-space:normal !important;text-align:center !important;font-size:11px !important;}
  #slppl17 .section-title{margin:18px auto 0 !important;text-align:center !important;font-size:30px !important;line-height:1.13 !important;}
  #slppl17 .section-intro{margin:14px auto 0 !important;text-align:center !important;font-size:18px !important;line-height:1.65 !important;}
  #slppl17 .btn{font-size:17px !important;min-height:60px !important;}

  /* HERO: copy -> CTA -> image -> stat rows */
  #slppl17 .hero{height:auto !important;padding:30px 0 54px !important;}
  #slppl17 .hero>.stage{display:flex !important;flex-direction:column !important;padding-left:16px !important;padding-right:16px !important;}
  #slppl17 .hero-pill,#slppl17 .hero h1,#slppl17 .hero-lead,#slppl17 .hero .btn,#slppl17 .hero-stats{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto !important;}
  #slppl17 .hero-pill{order:1 !important;margin:0 0 24px !important;max-width:100% !important;white-space:normal !important;font-size:11px !important;}
  #slppl17 .hero h1{order:2 !important;width:100% !important;max-width:100% !important;font-size:38px !important;line-height:1.10 !important;}
  #slppl17 .hero-lead{order:3 !important;width:100% !important;max-width:100% !important;margin-top:18px !important;font-size:18px !important;line-height:1.68 !important;}
  #slppl17 .hero .btn{order:4 !important;width:100% !important;justify-content:center !important;margin-top:24px !important;}
  #slppl17 .hero-art-wrap{order:5 !important;position:relative !important;width:100% !important;height:340px !important;margin-top:28px !important;}
  #slppl17 .hero-panel{position:absolute !important;left:auto !important;right:2% !important;top:0 !important;width:74% !important;height:325px !important;}
  #slppl17 .hero-plane{position:absolute !important;left:-23% !important;top:85px !important;width:111% !important;height:auto !important;}
  #slppl17 .hero-stats{order:6 !important;display:flex !important;flex-direction:column !important;gap:10px !important;width:100% !important;margin-top:22px !important;}
  #slppl17 .stat{width:100% !important;height:auto !important;min-height:82px !important;display:grid !important;grid-template-columns:54px minmax(0,1fr) !important;align-items:center !important;text-align:left !important;padding:12px !important;}
  #slppl17 .stat-icon{height:48px !important;}
  #slppl17 .stat b{margin:0 !important;padding-left:12px !important;font-size:14px !important;line-height:1.35 !important;}

  /* TWO KINDS: one full-width card per row */
  #slppl17 .what-shell{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;padding:8px !important;}
  #slppl17 .what-card{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 0 14px !important;padding:10px 10px 26px !important;overflow:visible !important;}
  #slppl17 .what-card:last-child{margin-bottom:0 !important;}
  #slppl17 .what-photo{width:100% !important;height:220px !important;}
  #slppl17 .what-card h3{margin:20px 10px 10px !important;font-size:23px !important;line-height:1.25 !important;}
  #slppl17 .what-card p{margin-left:10px !important;margin-right:10px !important;font-size:18px !important;line-height:1.70 !important;}

  /* SUBJECTS: vertical */
  #slppl17 .subject-row{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:42px auto 0 !important;}
  #slppl17 .dotline{position:relative !important;inset:auto !important;width:38px !important;height:38px !important;margin-bottom:12px !important;}
  #slppl17 .dotline:after{display:none !important;}
  #slppl17 .subject-copy,#slppl17 .subject-photo{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;}
  #slppl17 .subject-copy:after{width:100% !important;}
  #slppl17 .subject-copy h3{font-size:23px !important;line-height:1.24 !important;}
  #slppl17 .subject-copy p{width:100% !important;font-size:18px !important;line-height:1.70 !important;}
  #slppl17 .chip{font-size:12px !important;padding:7px 9px !important;}
  #slppl17 .subject-photo{margin-top:16px !important;}
  #slppl17 .subject-photo img{width:100% !important;height:210px !important;transform:none !important;}

  /* DARK CTA */
  #slppl17 .begin>.stage{position:relative !important;}
  #slppl17 .begin-box{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;min-height:420px !important;padding:30px 24px 185px !important;overflow:hidden !important;}
  #slppl17 .begin-box h3{font-size:24px !important;}
  #slppl17 .begin-box p{width:100% !important;max-width:100% !important;font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .begin-box .btn{width:100% !important;justify-content:center !important;}
  #slppl17 .begin-people{position:absolute !important;left:auto !important;right:-16px !important;top:auto !important;bottom:-18px !important;width:210px !important;height:210px !important;opacity:.68 !important;}

  /* LEARNING: one card per row */
  #slppl17 .learn-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;padding:8px 8px 0 !important;}
  #slppl17 .learn-grid{display:block !important;}
  #slppl17 .learn-card{width:100% !important;height:auto !important;min-height:0 !important;margin-bottom:12px !important;padding:22px 20px !important;overflow:visible !important;}
  #slppl17 .learn-card h3{font-size:22px !important;line-height:1.25 !important;}
  #slppl17 .learn-card p{font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .step-pill{font-size:12px !important;}
  #slppl17 .learn-strip{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:10px 0 -36px !important;padding:20px !important;}
  #slppl17 .learn-strip strong{font-size:18px !important;line-height:1.42 !important;}
  #slppl17 .learn-strip .btn{width:100% !important;justify-content:center !important;margin-top:14px !important;}

  /* VIDEO */
  #slppl17 .video-frame{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;margin:30px auto 0 !important;}

  /* JOURNEY: stage/detail blocks */
  #slppl17 .journey-tabs{display:none !important;}
  #slppl17 .journey-shell{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;padding:8px !important;}
  #slppl17 .journey-grid{display:block !important;width:100% !important;height:auto !important;}
  #slppl17 .journey-grid>div{min-height:0 !important;border-right:0 !important;}
  #slppl17 .journey-grid>div:nth-child(odd){padding:18px 18px 6px !important;border-bottom:0 !important;justify-content:flex-start !important;text-align:left !important;font-size:19px !important;line-height:1.45 !important;}
  #slppl17 .journey-grid>div:nth-child(even){padding:5px 18px 20px !important;border-bottom:1px solid #E5E9EF !important;justify-content:flex-start !important;text-align:left !important;font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .future{height:auto !important;display:block !important;padding:20px !important;}
  #slppl17 .future h3{font-size:22px !important;}
  #slppl17 .future p{font-size:17px !important;}

  /* EXAM RESULTS: one full-width testimonial at a time */
  #slppl17 .test-grid{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;}
  #slppl17 .test-card{display:flex !important;flex-direction:column !important;width:100% !important;height:auto !important;min-height:0 !important;margin-bottom:16px !important;overflow:hidden !important;}
  #slppl17 .test-photo{position:relative !important;width:100% !important;height:230px !important;min-height:230px !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;overflow:hidden !important;background:#E8EDF3 !important;}
  #slppl17 .test-photo img{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:auto !important;max-width:100% !important;height:220px !important;max-height:220px !important;object-fit:contain !important;}
  #slppl17 .test-copy{width:100% !important;padding:22px 20px !important;}
  #slppl17 .test-copy h3{font-size:21px !important;line-height:1.27 !important;}
  #slppl17 .test-copy p{font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .test-name{font-size:15px !important;}
  #slppl17 .test-role{font-size:13px !important;}

  /* EXAMS: image first, cards below */
  #slppl17 .exam-grid{position:relative !important;inset:auto !important;display:flex !important;flex-direction:column !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;gap:12px !important;}
  #slppl17 .exam-img{order:1 !important;width:100% !important;height:250px !important;min-height:250px !important;}
  #slppl17 .exam-card{width:100% !important;height:auto !important;min-height:0 !important;padding:26px 20px !important;overflow:visible !important;}
  #slppl17 .exam-card:first-child{order:2 !important;}#slppl17 .exam-card:last-child{order:3 !important;}
  #slppl17 .exam-card h3{font-size:21px !important;}
  #slppl17 .exam-card p{font-size:17px !important;line-height:1.68 !important;}

  /* PRICING: one full-width price card */
  #slppl17 .price-tabs{display:none !important;}
  #slppl17 .price-shell{position:relative !important;inset:auto !important;display:block !important;width:100% !important;height:auto !important;margin:30px auto 0 !important;padding:8px !important;}
  #slppl17 .price-card{width:100% !important;height:auto !important;margin-bottom:12px !important;overflow:visible !important;}
  #slppl17 .price-top,#slppl17 .price-meta{height:auto !important;}
  #slppl17 .price-card h3{font-size:21px !important;}
  #slppl17 .amount{font-size:42px !important;}
  #slppl17 .meta-label{font-size:14px !important;}
  #slppl17 .meta-value{font-size:17px !important;line-height:1.58 !important;}

  /* TEAM: readable info card + native horizontal carousel */
  #slppl17 .team-bubble{position:relative !important;inset:auto !important;width:100% !important;min-height:0 !important;margin:30px auto 0 !important;padding:24px 20px !important;overflow:visible !important;}
  #slppl17 .team-head h3{font-size:21px !important;}
  #slppl17 .team-role{font-size:14px !important;}
  #slppl17 .team-bubble p{font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .team-tags span{font-size:13px !important;}
  #slppl17 .team-carousel-shell{position:relative !important;inset:auto !important;width:100% !important;height:270px !important;margin:40px auto 0 !important;}
  #slppl17 .team-viewport{width:100% !important;height:100% !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-x pinch-zoom !important;padding-left:calc(50% - 68px) !important;padding-right:calc(50% - 68px) !important;}
  #slppl17 .team-track{width:max-content !important;min-width:max-content !important;height:100% !important;display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;}
  #slppl17 .avatar{flex:0 0 136px !important;width:136px !important;height:136px !important;margin-left:-10px !important;scroll-snap-align:center !important;}
  #slppl17 .avatar.is-active{transform:scale(1.14) !important;}

  /* FAQ */
  #slppl17 .faq-shell{position:relative !important;inset:auto !important;width:100% !important;margin:30px auto 0 !important;padding:8px !important;}
  #slppl17 details{height:auto !important;padding:18px 14px !important;overflow:visible !important;}
  #slppl17 summary{font-size:18px !important;line-height:1.45 !important;gap:8px !important;}
  #slppl17 summary:after{width:38px !important;height:38px !important;flex:0 0 38px !important;}
  #slppl17 details p{padding-right:0 !important;font-size:17px !important;line-height:1.68 !important;}

  /* FINAL CTA: art separated from copy */
  #slppl17 .final{padding-top:60px !important;}
  #slppl17 .final>.stage{position:relative !important;}
  #slppl17 .final-box{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;min-height:460px !important;padding:34px 22px 190px !important;overflow:hidden !important;}
  #slppl17 .final-box h2{width:100% !important;max-width:100% !important;font-size:28px !important;}
  #slppl17 .final-box p{width:100% !important;max-width:100% !important;font-size:17px !important;line-height:1.68 !important;}
  #slppl17 .final-box .btn{width:100% !important;justify-content:center !important;}
  #slppl17 .final-art{position:absolute !important;left:50% !important;right:auto !important;top:auto !important;bottom:-32px !important;width:290px !important;transform:translateX(-50%) !important;}
}

/* Pixel / phone fallback when a theme has NO effective viewport meta.
   The layout viewport is ~980px, so ordinary 18px text would still be
   physically tiny. This block only fires in that broken state. */
@media screen and (min-width:701px) and (max-device-width:768px){
  #slppl17 p{font-size:38px !important;line-height:1.62 !important;}
  #slppl17 .section-title{font-size:58px !important;}
  #slppl17 .section-intro{font-size:34px !important;}
  #slppl17 .hero h1{font-size:70px !important;}
  #slppl17 .hero-lead{font-size:38px !important;}
  #slppl17 .what-card h3,#slppl17 .subject-copy h3,#slppl17 .learn-card h3,#slppl17 .test-copy h3,#slppl17 .exam-card h3,#slppl17 .team-head h3{font-size:46px !important;}
  #slppl17 .what-card p,#slppl17 .subject-copy p,#slppl17 .learn-card p,#slppl17 .test-copy p,#slppl17 .exam-card p,#slppl17 .team-bubble p,#slppl17 details p{font-size:36px !important;}
  #slppl17 summary{font-size:38px !important;}
  #slppl17 .meta-value{font-size:34px !important;}
  #slppl17 .btn{font-size:34px !important;min-height:90px !important;}
}

/* v19 instructor refresh */
#slppl17 .team-x{display:none!important}
#slppl17 .team-head{align-items:center!important}
#slppl17 .team-head .mini{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  display:grid!important;place-items:center!important;background:#E9EEF5!important;
  border:2px solid #fff!important;box-shadow:0 5px 14px rgba(9,23,57,.10)!important;
}
#slppl17 .team-head .mini img,
#slppl17 .portrait-inner img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#slppl17 .portrait-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  background:linear-gradient(145deg,#0A183A,#213368);color:#FDB913;
  font-weight:800;font-size:34px;letter-spacing:.02em;
}
#slppl17 .team-head .mini .portrait-placeholder{font-size:16px!important}
#slppl17 .team-name{margin:0!important}
#slppl17 .team-tags{flex-wrap:wrap!important}
#slppl17 .team-tags span{white-space:normal!important}
#slppl17 .team-viewport{
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-x pinch-zoom!important;
  scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;
}
#slppl17 .team-viewport::-webkit-scrollbar{display:none!important}
#slppl17 .team-track{
  width:max-content!important;min-width:max-content!important;height:100%!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding:0 22px!important;
}
#slppl17 .instructor-avatar{
  appearance:none!important;-webkit-appearance:none!important;padding:0!important;
  border:3px solid #fff!important;border-radius:50%!important;background:#E7ECF2!important;
  overflow:hidden!important;cursor:pointer!important;position:relative!important;
  flex:0 0 220px!important;width:220px!important;height:220px!important;
  margin:0 8px!important;scroll-snap-align:center!important;
  box-shadow:0 8px 22px rgba(9,23,57,.12)!important;
  transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease!important;
}
#slppl17 .instructor-avatar .portrait-inner{display:block!important;width:100%!important;height:100%!important}
#slppl17 .instructor-avatar[data-instructor="0"] img{object-position:50% 30%!important}
#slppl17 .instructor-avatar[data-instructor="3"] img{object-position:50% 34%!important}
#slppl17 .instructor-avatar.is-active{
  transform:scale(1.18)!important;z-index:4!important;opacity:1!important;
  box-shadow:0 18px 38px rgba(9,23,57,.20),0 0 0 5px rgba(253,185,19,.17)!important;
}
#slppl17 .carousel-controls button{
  appearance:none;border:0;width:48px;height:48px;border-radius:50%;
  background:#fff;box-shadow:0 8px 18px rgba(9,23,57,.09);
  display:grid;place-items:center;color:var(--blue);font-size:21px;cursor:pointer;
}
#slppl17 .sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

@media (max-width:768px),(max-device-width:768px){
  #slppl17 .team-head .mini{width:64px!important;height:64px!important;flex-basis:64px!important}
  #slppl17 .team-name{font-size:22px!important;line-height:1.25!important}
  #slppl17 .team-role{font-size:15px!important;line-height:1.45!important;margin-top:3px!important}
  #slppl17 .team-bubble p{font-size:18px!important;line-height:1.68!important}
  #slppl17 .team-tags{gap:9px!important}
  #slppl17 .team-tags span{font-size:13px!important;line-height:1.35!important;padding:9px 12px!important}
  #slppl17 .team-track{padding:0 calc(50vw - 74px)!important}
  #slppl17 .instructor-avatar{
    flex:0 0 136px!important;width:136px!important;height:136px!important;
    margin:0 6px!important;
  }
  #slppl17 .instructor-avatar .portrait-placeholder{font-size:28px!important}
}

#slppl17 .instructor-avatar[data-instructor="4"] .portrait-placeholder{
  font-size:34px!important;
}
@media (max-width:768px),(max-device-width:768px){
  #slppl17 .instructor-avatar[data-instructor="4"] .portrait-placeholder{
    font-size:28px!important;
  }
}

#slppl17 .instructor-avatar[data-instructor="4"] img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 26%!important;
  display:block!important;
}

/* v1.0.3 — seamless instructor rail */
#slppl17 .team-viewport{
  overflow:hidden!important;
  touch-action:pan-y pinch-zoom!important;
  cursor:grab;
}
#slppl17 .team-viewport:active{cursor:grabbing;}
#slppl17 .team-track{
  width:max-content!important;
  min-width:max-content!important;
  padding:0!important;
  margin:0!important;
  justify-content:flex-start!important;
  gap:16px!important;
  will-change:transform;
  transform:translate3d(0,0,0);
}
#slppl17 .instructor-avatar{
  margin:0!important;
  scroll-snap-align:none!important;
}
#slppl17 .instructor-avatar[data-instructor="2"] img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 42%!important;
  display:block!important;
}
@media (hover:hover) and (pointer:fine){
  #slppl17 .team-edge{
    display:block!important;
    position:absolute!important;
    top:0!important;
    bottom:76px!important;
    width:86px!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    z-index:8!important;
    cursor:pointer!important;
  }
  #slppl17 .team-edge-left{left:0!important;}
  #slppl17 .team-edge-right{right:0!important;}
}
@media (max-width:768px),(max-device-width:768px){
  #slppl17 .team-track{
    padding:0!important;
    gap:12px!important;
  }
}

/* SKYLEARNER PPL 1.0.4 — REAL TESTIMONIALS START */
#slppl17 .test-photo img{
  width:100%;
  height:100%;
  left:0;
  bottom:0;
  transform:none;
  object-fit:cover;
}
#slppl17 .test-card-coming-soon{
  border-style:dashed;
  background:#FBFCFE;
}
#slppl17 .test-photo-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#EEF2F7,#F8FAFC);
}
#slppl17 .more-mark{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#213368;
  color:#FFFFFF;
  font-size:38px;
  line-height:1;
  box-shadow:0 12px 30px rgba(33,51,104,.16);
}
/* SKYLEARNER PPL 1.0.4 — REAL TESTIMONIALS END */

/* SKYLEARNER PPL v1.0.5 — STABLE YOUTUBE PLAYER START */
#slppl17 .video-frame{
  background:#000;
}
#slppl17 .video-frame .course-video-player{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%!important;
  height:100%!important;
  border:0!important;
  margin:0!important;
  background:#000;
}
#slppl17 .video-frame > img{
  position:relative;
  z-index:2;
}
#slppl17 .video-frame .play.poster-hit{
  z-index:3;
  border:0;
  padding:0;
  cursor:pointer;
  color:var(--blue);
  background:rgba(255,255,255,.93);
}
#slppl17 .video-frame .play.poster-hit:hover{
  background:#fff;
}
#slppl17 .video-frame .play.poster-hit:focus-visible{
  outline:4px solid var(--yellow);
  outline-offset:4px;
}
#slppl17 .video-frame.is-playing > img,
#slppl17 .video-frame.is-playing .play.poster-hit{
  display:none!important;
}
#slppl17 .video-fallback{
  margin:16px auto 0!important;
  text-align:center;
  font-size:14px!important;
  line-height:1.5!important;
}
#slppl17 .video-fallback a{
  color:var(--blue)!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
/* SKYLEARNER PPL v1.0.5 — STABLE YOUTUBE PLAYER END */



/* SKYLEARNER PPL v1.0.6 — 16:9 COURSE VIDEO POSTER FIX START */
/* Keep the poster and YouTube player at their native 16:9 ratio so the
   instructor and SkyLearner logo are never vertically cropped on desktop. */
#slppl17 .video,
#slppl17 .video .stage{
  height:962px;
}
#slppl17 .video-frame{
  height:auto;
  aspect-ratio:16/9;
}
#slppl17 .video-frame > img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:1100px){
  #slppl17 .video-frame{
    aspect-ratio:16/9 !important;
  }
}
/* SKYLEARNER PPL v1.0.6 — 16:9 COURSE VIDEO POSTER FIX END */

/* ========================================================================
   PPL 1.0.7 — authoritative Course Sales pricing component
   Prices/products/cart behaviour come from Toolkit Course Sales exactly as
   on ATPL. These rules only adapt the shared component to the PPL page.
   ======================================================================== */
#slppl17 #ppl-purchase{scroll-margin-top:110px;}
#slppl17 .ppl-purchase-component{
  position:absolute;
  left:80px;
  top:350px;
  width:1280px;
}
#slppl17 .ppl-purchase-component .sltk-course-sales{
  max-width:none;
  margin:0;
  color:#24262a;
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-grid{
  grid-template-columns:repeat(var(--sltk-cs-columns,3),minmax(0,1fr));
  gap:16px;
  padding:16px;
  border-radius:24px;
  background:var(--soft);
  align-items:stretch;
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-card{
  min-height:470px;
  padding:31px 32px 26px;
  border:0;
  border-radius:16px;
  box-shadow:none;
  background:#fff;
  overflow:hidden;
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(9,23,57,.10);
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-label{
  padding-right:86px;
  color:#1f2023;
  font-size:20px;
  font-weight:600;
  line-height:1.25;
}
#slppl17 .ppl-purchase-component .sltk-cs-price{
  margin:22px 0 8px;
  color:#111216;
  font-size:48px;
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1;
  text-align:left;
}
#slppl17 .ppl-purchase-component .sltk-cs-price-amount{
  display:block;
}
#slppl17 .ppl-purchase-component .sltk-cs-price-term,
#slppl17 .ppl-purchase-component .sltk-cs-price small,
#slppl17 .ppl-purchase-component .sltk-cs-price .subscription-details{
  display:block;
  margin-top:8px;
  color:#656972;
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:0;
  line-height:1.35!important;
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-note{
  min-height:0;
  margin-top:5px;
  color:#656972;
  font-size:14px;
  line-height:1.5;
}
#slppl17 .ppl-purchase-component .sltk-cs-badge{
  top:28px;
  right:24px;
  padding:7px 12px;
  border-radius:999px;
  background:var(--yellow);
  color:var(--navy);
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
#slppl17 .ppl-purchase-component .ppl-best-for{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid #e1e6eb;
}
#slppl17 .ppl-purchase-component .ppl-best-for-label{
  display:flex;
  align-items:center;
  gap:9px;
  color:#637183;
  font-size:13px;
  font-weight:500;
}
#slppl17 .ppl-purchase-component .ppl-best-for-label:before{
  content:"✓";
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:50%;
  background:#18c443;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:700;
}
#slppl17 .ppl-purchase-component .ppl-best-for-value{
  margin-top:7px;
  color:#202226;
  font-size:14px;
  font-weight:600;
  line-height:1.55;
}
#slppl17 .ppl-purchase-component .sltk-cs-card-summary{
  margin-top:18px;
}
#slppl17 .ppl-purchase-component .sltk-cs-date-field{
  margin-top:22px;
  padding-top:0;
}
#slppl17 .ppl-purchase-component .sltk-cs-continue{
  min-height:54px;
  margin-top:auto;
  padding:13px 20px;
  border:2px solid var(--blue);
  border-radius:999px;
  background:#fff;
  color:var(--blue);
  font-size:15px;
  font-weight:700;
  box-shadow:none;
}
#slppl17 .ppl-purchase-component .sltk-cs-plan-card.ppl-featured-plan .sltk-cs-continue{
  background:var(--blue);
  color:#fff;
}
#slppl17 .ppl-purchase-component .sltk-cs-continue:hover:not(:disabled){
  background:var(--yellow);
  border-color:var(--yellow);
  color:#101216;
}
#slppl17 .ppl-purchase-component .sltk-cs-card-message{
  min-height:18px;
  margin-top:8px;
}

@media (max-width:1100px){
  #slppl17 .ppl-purchase-component{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:38px auto 0!important;
  }
  #slppl17 .ppl-purchase-component .sltk-cs-plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #slppl17 .ppl-purchase-component .sltk-cs-plan-card{
    min-height:0;
  }
}
@media (max-width:600px){
  #slppl17 #ppl-purchase{scroll-margin-top:84px;}
  #slppl17 .ppl-purchase-component{margin-top:30px!important;}
  #slppl17 .ppl-purchase-component .sltk-cs-plan-grid{
    grid-template-columns:1fr;
    gap:12px;
    padding:8px;
  }
  #slppl17 .ppl-purchase-component .sltk-cs-plan-card{
    width:100%;
    min-height:0;
    margin:0;
    padding:26px 20px 22px;
    overflow:visible;
  }
  #slppl17 .ppl-purchase-component .sltk-cs-plan-label{font-size:21px;}
  #slppl17 .ppl-purchase-component .sltk-cs-price{font-size:42px;}
  #slppl17 .ppl-purchase-component .ppl-best-for-label{font-size:14px;}
  #slppl17 .ppl-purchase-component .ppl-best-for-value{font-size:17px;line-height:1.58;}
  #slppl17 .ppl-purchase-component .sltk-cs-plan-note,
  #slppl17 .ppl-purchase-component .sltk-cs-card-summary{font-size:16px;}
  #slppl17 .ppl-purchase-component .sltk-cs-continue{min-height:58px;font-size:17px;}
}