/* Shreeja Learning Hub — shared responsive and spacing refinements */
:root { --section-space: clamp(4rem, 7vw, 6.5rem); }

html { overflow-x: hidden; }
body { min-width: 320px; }
.site-frame > main { display: flex; flex-direction: column; }
.site-frame > main > .hero { order: 1; }
.site-frame > main > .course-section { order: 2; }
.site-frame > main > .placement-record { order: 3; }
.site-frame > main > .hiring-partners { order: 4; }
.site-frame > main > .testimonial-section { order: 5; }
.site-frame > main > .trainer-section { order: 6; }
.site-frame > main > .content-section { order: 7; }
.site-frame > main > .review-section { order: 8; }
.site-frame > main > .offer-section { order: 9; }
.site-frame > main > .faq-section { order: 10; }
.site-frame > main > .enroll-section { order: 11; }
.site-frame > main > .certificate-section { order: 12; }
.site-frame > main > .trust-signals { order: 13; }
.site-frame > main > .team-section { order: 14; }
.site-frame > main > .trust-strip,
.site-frame > main > .story-section,
.site-frame > main > .cta-panel { display: none; }
.section-shell { width: min(1160px, calc(100% - 40px)); }
.brand { flex-shrink: 0; line-height: 1.05; }
.brand > span:last-child { white-space: nowrap; }
.brand small { margin-top: 3px; }
.brand > span { display: none !important; }
.brand:before { content: ""; display: block; width: 174px; height: 52px; background: url("assets/brand/shreeja-logo-color.png") center/contain no-repeat; }
.footer-brand { width: fit-content; padding: 4px 10px; border-radius: 9px; background: #fff; }
.section-heading { margin-bottom: clamp(2rem, 4vw, 3rem); }
.section-heading h2 { text-wrap: balance; }
.section-heading p { margin-inline: auto; }
.button { min-height: 48px; }
.feature-grid { align-items: stretch; }
.feature-card { display: flex; height: 100%; flex-direction: column; }
.feature-card > p { flex: 1; }
.feature-card > a { margin-top: auto; padding-top: 16px; }

/* Five-course horizontal slider */
.course-slider { position: relative; }
.course-slider .course-grid { display: flex !important; grid-template-columns: none !important; gap: 20px; margin-top: 0; padding: 8px 2px 22px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.course-slider .course-grid::-webkit-scrollbar { display: none; }
.course-slider .course-card { flex: 0 0 calc((100% - 40px) / 3); min-width: 0; scroll-snap-align: start; }
.course-slider-arrow { position: absolute; top: 50%; z-index: 8; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #d6d8df; border-radius: 50%; color: var(--blue); background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(0,5,61,.18); cursor: pointer; font-size: 1.25rem; transform: translateY(-50%); transition: all .2s; }
.course-slider-arrow:hover { color: #fff; border-color: var(--blue); background: var(--blue); }
.course-slider-arrow:disabled { opacity: .38; cursor: not-allowed; }
.course-slider-prev { left: -24px; }
.course-slider-next { right: -24px; }
.course-visual.mint-course { background: linear-gradient(135deg, #55bea2, #77d4bb); }
.course-visual.navy-course { background: linear-gradient(135deg, #273a83, #0b5cff); }

/* Home-page added sections */
.added-section, .testimonial-section, .trainer-section, .review-section,
.faq-section, .enroll-section, .certificate-section, .team-section {
  padding-block: var(--section-space) !important;
}

/* Final presentation refinements */
.learner-testimonial { min-height: 0; border-radius: 20px; }
.learner-testimonial::before {
  content: "▶  Watch story"; min-height: 250px; background-position: center; background-size: cover;
  border-bottom: 1px solid rgba(255,255,255,.35); font-size: .72rem; font-weight: 800; letter-spacing: .03em;
}
.learner-testimonial .testimonial-person {
  min-height: 86px; margin: 0; padding: 18px 20px; background: rgba(255,255,255,.96);
}
.learner-testimonial:hover::before { filter: saturate(1.06) brightness(1.03); }

.enrollment-panel {
  border-color: rgba(255,255,255,.5); background: rgba(250,251,255,.78);
  box-shadow: 0 30px 85px rgba(8,15,56,.3); backdrop-filter: blur(13px);
}
.enrollment-form-wrap { background: rgba(255,255,255,.5); }
.enrollment-form input:not([type=checkbox]), .enrollment-form select {
  border-color: rgba(164,174,203,.48); background: rgba(255,255,255,.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.enrollment-form input:not([type=checkbox]):hover, .enrollment-form select:hover { border-color: rgba(11,92,255,.45); }
.enrollment-submit {
  max-width: 280px; justify-self: center; background: linear-gradient(100deg,#0b5cff,#8768dd);
  box-shadow: 0 12px 28px rgba(11,92,255,.22);
}
.team-slider-controls { display: none; }

@media (max-width: 650px) {
  .learner-testimonial::before { min-height: 205px; }
  .enrollment-panel { background: rgba(249,250,255,.72); }
  .enrollment-form-wrap { padding: 30px 20px !important; background: rgba(255,255,255,.56); }
  .enrollment-submit { max-width: none; }
  .team-slider-controls { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 8px 0 24px; }
  .team-slider-controls button {
    display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #d6d8df;
    border-radius: 50%; color: var(--blue); background: rgba(255,255,255,.9);
    box-shadow: 0 8px 22px rgba(0,5,61,.1); font-size: 1rem; cursor: pointer;
  }
  .team-slider-controls span { color: var(--muted); font-size: .65rem; font-weight: 700; }
}

/* Polished desktop enrollment form */
@media (min-width: 651px) {
  .enrollment-section { padding-block: clamp(76px,8vw,112px); }
  .enrollment-section > .section-shell { max-width: 1120px; }
  .enrollment-section .enrollment-panel {
    grid-template-columns: minmax(330px,.86fr) minmax(480px,1.14fr);
    min-height: 610px;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 26px;
    background: rgba(255,255,255,.15);
    box-shadow: 0 32px 90px rgba(7,14,51,.34);
    backdrop-filter: blur(10px);
  }
  .enrollment-section .enrollment-intro {
    padding: 54px 48px;
    background: linear-gradient(145deg,rgba(74,94,211,.34),rgba(24,38,110,.42));
    backdrop-filter: blur(.3px);
  }
  .enrollment-intro h2 { max-width: 340px; margin: 15px 0 18px; font-size: clamp(3rem,4vw,4.15rem); }
  .enrollment-intro > p { max-width: 390px; color: rgba(255,255,255,.88); font-size: .88rem; }
  .enrollment-benefits { margin: 28px 0 22px; }
  .enrollment-section .enrollment-form-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 48px clamp(42px,5vw,68px);
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(16px);
  }
  .form-heading { margin-bottom: 25px; }
  .form-heading h3 { font-size: clamp(1.9rem,2.5vw,2.35rem); }
  .enrollment-form { gap: 17px; }
  .form-grid { gap: 14px 16px; }
  .enrollment-form input:not([type=checkbox]), .enrollment-form select {
    min-height: 50px;
    border-color: rgba(157,168,198,.5);
    border-radius: 11px;
    background: rgba(255,255,255,.72);
    transition: border-color .2s,box-shadow .2s,background .2s;
  }
  .enrollment-form input:not([type=checkbox]):focus, .enrollment-form select:focus {
    background: rgba(255,255,255,.96);
    box-shadow: 0 0 0 4px rgba(11,92,255,.1);
  }
  .enrollment-submit { min-height: 50px; border-radius: 11px; }
}

/* Exact mobile centering for the cross-fade review card. */
@media (max-width: 650px) {
  .google-review-viewport { position: relative; width: 100%; margin-right: 0; margin-left: 0; }
  .google-review-card {
    right: auto;
    left: 50%;
    width: calc(100% - 20px);
    margin: 0;
    transform: translate(-50%,18px) scale(.97);
  }
  .google-review-card.is-active { transform: translate(-50%,0) scale(1); }
  .review-footer { width: 100%; margin-inline: auto; text-align: center; }
}
.stats-grid, .partner-list, .trust-grid, .team-grid { gap: 20px !important; }
.stats-grid > div, .partner-list > span, .team-grid article,
.trainer-card, .testimonial-card, .certificate-card { box-shadow: 0 12px 36px rgba(0,5,61,.08); }
.testimonial-card strong { display: block; margin-top: 20px; color: var(--navy); }
.testimonial-card small { display: block; margin-top: 6px; color: var(--muted); }
.testimonial-section { width: 100%; max-width: none; margin: 0; padding-top: 0 !important; background: #f8f9fa !important; }
.testimonial-section .testimonial-card { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
.placement-testimonials { padding-bottom: var(--section-space) !important; }
.placement-testimonials .section-heading { margin-bottom: 34px; }
.placement-testimonials .section-heading p { max-width: 680px; }
.testimonials-viewport { overflow: hidden; }
.testimonials-track { --testimonial-card-width: calc((min(1160px, calc(100vw - 40px)) - 36px) / 3); display: flex; width: max-content; gap: 18px; padding: 18px 6px 30px; overflow: visible; scrollbar-width: none; animation: testimonial-marquee 36s linear infinite; will-change: transform; }
.testimonials-track::-webkit-scrollbar { display: none; }
.testimonials-viewport:hover .testimonials-track { animation-play-state: paused; }
.learner-testimonial { display: flex; flex: 0 0 var(--testimonial-card-width); width: var(--testimonial-card-width); min-width: 0; min-height: 330px; padding: 27px; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 13px 38px rgba(0,5,61,.1); transition: transform .2s, box-shadow .2s; }
.learner-testimonial:hover, .featured-testimonial { transform: translateY(-8px); box-shadow: 0 22px 55px rgba(0,5,61,.16); }
.testimonial-quote { height: 46px; color: #aeb8ff; font-family: Georgia, serif; font-size: 4.3rem; font-weight: 800; line-height: .95; }
.learner-testimonial blockquote { margin: 17px 0 26px; color: #3d3d50; font-size: .88rem; line-height: 1.75; }
.testimonial-person { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 11px; margin: auto -27px -27px; padding: 18px 22px; border-top: 1px solid var(--line); background: #fafbfc; }
.testimonial-avatar { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--lav); font-size: .73rem; font-weight: 850; }
.testimonial-person strong, .testimonial-person small { display: block; }
.testimonial-person strong { color: var(--navy); font-size: .82rem; }
.testimonial-person small { overflow: hidden; margin-top: 4px; color: var(--muted); font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.testimonial-person > b { padding: 6px 8px; border-radius: 999px; color: #278c70; background: var(--mint); font-size: .62rem; }
.testimonial-controls { display: none; justify-content: center; align-items: center; gap: 18px; }
.testimonial-controls > div { display: flex; gap: 8px; }
.testimonial-controls > div a { width: 7px; height: 7px; border-radius: 50%; background: #d7dbea; transition: all .2s; }
.testimonial-controls > div a:hover, .testimonial-controls > div a.active { width: 20px; border-radius: 99px; background: var(--blue); }
.testimonial-arrow { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #dfe3ed; border-radius: 50%; color: var(--blue); background: #fff; box-shadow: 0 7px 20px rgba(0,5,61,.08); }
@keyframes testimonial-auto-slide {
  0%, 22% { transform: translateX(0); }
  30%, 52% { transform: translateX(calc(-33.333% - 6px)); }
  60%, 82% { transform: translateX(calc(-66.666% - 12px)); }
  100% { transform: translateX(0); }
}
@keyframes testimonial-marquee { to { transform: translateX(calc(-50% - 9px)); } }
.trainer-card { display: grid; gap: 10px; }
.trainer-card a { color: var(--blue); font-weight: 750; }
.review-section strong { color: var(--navy); }
.review-section .button { color: var(--navy); }
.google-reviews { width: 100%; max-width: none; padding-block: var(--section-space); background: linear-gradient(180deg, #eef4ff, #fff); }
.review-heading { display: flex; justify-content: space-between; align-items: end; gap: 36px; margin-bottom: 34px; }
.review-heading h2 { max-width: 720px; margin: 12px 0 14px; color: var(--navy); font-size: clamp(2rem,4vw,3rem); letter-spacing: -1.8px; line-height: 1.1; }
.review-heading p { max-width: 650px; margin: 0; color: var(--muted); line-height: 1.7; }
.google-rating { display: flex; flex: 0 0 auto; align-items: center; gap: 13px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(0,5,61,.09); }
.google-g, .google-mini { display: grid; place-items: center; font-weight: 900; font-family: Arial,sans-serif; }
.google-g { width: 44px; height: 44px; border-radius: 50%; color: #4285f4; background: #f4f7ff; font-size: 1.5rem; }
.google-rating strong, .google-rating span, .google-rating small { display: block; }
.google-rating strong { color: var(--navy); font-size: 1.35rem; line-height: 1; }
.google-rating div > span, .review-stars, .review-footer b { color: #fbbc04; letter-spacing: .05em; }
.google-rating small { margin-top: 3px; color: var(--muted); font-size: .58rem; }
.google-review-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.google-review-card { display: flex; min-height: 260px; padding: 24px; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 36px rgba(0,5,61,.07); transition: transform .2s, box-shadow .2s; }
.google-review-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.review-card-head { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 12px; }
.reviewer-avatar { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: #fff; font-size: .73rem; font-weight: 850; }
.review-orange { background: #f0672b; }.review-blue { background: #4285f4; }.review-green { background: #34a853; }.review-violet { background: #7b61ff; }
.review-card-head strong, .review-card-head small { display: block; }
.review-card-head strong { color: var(--navy); font-size: .88rem; }
.review-card-head small { margin-top: 4px; color: var(--muted); font-size: .62rem; }
.google-mini { color: #4285f4; font-size: 1.25rem; }
.review-stars { margin-top: 19px; font-size: .88rem; }
.review-stars small { margin-left: 8px; color: var(--muted); font-size: .58rem; letter-spacing: 0; }
.google-review-card blockquote { margin: 16px 0 22px; color: #3d3d50; font-size: .85rem; line-height: 1.75; }
.review-verified { display: flex; align-items: center; gap: 7px; margin-top: auto; color: var(--muted); font-size: .62rem; }
.review-verified span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #fff; background: #4285f4; }
.review-footer { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin-top: 26px; color: var(--muted); font-size: .76rem; }
.offer-section { margin-block: 1rem var(--section-space); gap: 32px; }
.offer-section h2 { margin: 10px 0; }
.faq-grid { display: grid; gap: 4px; }
.faq-grid details { background: #fff; padding: 20px 22px; border: 1px solid var(--line); border-radius: 12px; }
.faq-grid details + details { margin-top: 10px; }
.faq-grid p { color: var(--muted); line-height: 1.65; margin-bottom: 0; }
.faq-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%); }
.faq-section:before { content: "?"; position: absolute; top: 90px; right: max(3vw, 30px); color: rgba(11,92,255,.045); font-size: 20rem; font-weight: 900; line-height: 1; pointer-events: none; }
.faq-section .section-heading, .faq-grid { position: relative; z-index: 1; }
.faq-section .section-heading p { max-width: 620px; }
.faq-grid { max-width: 900px; }
.faq-grid details { padding: 0; overflow: hidden; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,5,61,.045); transition: border-color .3s, box-shadow .3s, transform .3s; }
.faq-grid details:hover { border-color: #cfd5f2; transform: translateY(-1px); }
.faq-grid details[open] { border-color: #cbd3ff; box-shadow: 0 15px 36px rgba(0,5,61,.1); }
.faq-grid summary { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; color: var(--navy); list-style: none; font-size: .95rem; outline: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary:after { content: "+"; display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--lav); font-size: 1.25rem; font-weight: 500; transition: color .35s, background .35s, transform .35s; }
.faq-grid details[open] summary:after { color: #fff; background: var(--blue); transform: rotate(45deg); }
.faq-grid details > .faq-answer { display: grid !important; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .4s cubic-bezier(.22,1,.36,1), opacity .3s ease; }
.faq-grid details[open] > .faq-answer { grid-template-rows: 1fr; opacity: 1; }
.faq-grid .faq-answer > p { min-height: 0; margin: 0; overflow: hidden; padding: 0 74px 0 24px; color: var(--muted); line-height: 1.75; transition: padding .4s cubic-bezier(.22,1,.36,1); }
.faq-grid details[open] .faq-answer > p { padding-bottom: 24px; }
.enroll-form input, .enroll-form select { width: 100%; min-height: 50px; }
.trust-signals { padding-block: var(--section-space) !important; }
.trust-grid span { min-height: 88px; display: grid; place-items: center; text-align: center; font-weight: 750; }
.team-grid article { min-width: 0; }
.team-grid p { color: var(--muted); line-height: 1.6; }

/* Placement records — directory structure in the existing Shreeja UI */
.placement-record { padding-block: var(--section-space); background: #f8f9fa; }
.placement-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 30px; }
.placement-heading h2 { color: var(--navy); max-width: 680px; margin: 12px 0 14px; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -1.8px; line-height: 1.1; }
.placement-heading p { color: var(--muted); margin: 0; line-height: 1.7; }
.placement-summary { flex: 0 0 auto; padding: 18px 22px; border: 1px solid #dfe3f1; border-radius: 14px; background: var(--white); text-align: right; box-shadow: 0 10px 28px rgba(0,5,61,.07); }
.placement-summary strong { display: block; color: var(--blue); font-size: 1.65rem; line-height: 1; }
.placement-summary span { display: block; color: var(--muted); margin-top: 7px; font-size: .78rem; }
.placement-tools { display: grid; grid-template-columns: minmax(280px, 1fr) 190px 190px; gap: 12px; margin-bottom: 22px; }
.placement-tools input, .placement-tools select { width: 100%; min-height: 46px; color: var(--ink); border: 1px solid #dce0ec; border-radius: 10px; background: #fff; outline: none; }
.placement-tools input:focus, .placement-tools select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px #eef4ff; }
.placement-tools select { padding: 0 12px; }
.placement-search { position: relative; display: block; }
.placement-search span { position: absolute; top: 50%; left: 15px; color: var(--muted); transform: translateY(-50%); }
.placement-search input { padding: 0 14px 0 40px; }
.placement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.placement-grid.is-empty { display: block; }
.placement-grid.is-empty:after { content: "No matching learner found. Try another name, role, company, or course."; display: block; padding: 42px 24px; border: 1px dashed #d6d8df; border-radius: 16px; color: var(--muted); background: #fff; text-align: center; }
.placement-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 12px 36px rgba(0,5,61,.07); transition: transform .2s, box-shadow .2s; }
.placement-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.placement-card-top { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.placement-avatar { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--lav); font-size: .8rem; font-weight: 850; }
.mint-avatar { color: #278c70; background: var(--mint); }
.violet-avatar { color: #7156c6; background: #f1edff; }
.amber-avatar { color: #ac6a0c; background: var(--cream); }
.placement-card h3 { overflow: hidden; margin: 0 0 4px; color: var(--navy); font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.placement-card-top p { overflow: hidden; margin: 0; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.status-pill { padding: 5px 8px; border-radius: 999px; color: #278c70; background: var(--mint); font-size: .58rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.placement-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; margin: 22px 0; padding: 18px; border-radius: 12px; background: #f8f9fa; }
.placement-card dl div { min-width: 0; }
.placement-card dt { color: #9595a8; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.placement-card dd { overflow: hidden; margin: 5px 0 0; color: var(--ink); font-size: .76rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.placement-card > a { color: var(--blue); font-size: .78rem; font-weight: 800; }
.placement-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 26px; }
.placement-footer > span { color: var(--muted); font-size: .78rem; }

/* Animated hiring-partner network */
.hiring-partners { padding-block: var(--section-space); overflow: hidden; background: #fff; }
.hiring-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(44px, 7vw, 90px); }
.hiring-copy h2 { max-width: 540px; margin: 12px 0 18px; color: var(--navy); font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -1.8px; line-height: 1.1; }
.hiring-copy > p { max-width: 520px; color: var(--muted); line-height: 1.75; }
.hiring-proof { display: flex; gap: 36px; margin: 28px 0; }
.hiring-proof strong { display: block; color: var(--blue); font-size: 1.7rem; line-height: 1; }
.hiring-proof span { display: block; margin-top: 7px; color: var(--muted); font-size: .75rem; }
.partner-orbit { position: relative; width: min(100%, 570px); aspect-ratio: 1; margin-inline: auto; }
.orbit-glow { position: absolute; inset: 25%; border-radius: 50%; background: radial-gradient(circle, #fff 12%, #eef4ff 48%, #eef4ff 72%, rgba(242,241,255,0) 73%); filter: drop-shadow(0 26px 30px rgba(0,5,61,.12)); }
.orbit-ring { position: absolute; inset: 7%; border: 1px solid rgba(11,92,255,.23); border-radius: 50%; }
.orbit-ring:after { content: ""; position: absolute; inset: 10%; border: 1px dashed rgba(11,92,255,.14); border-radius: 50%; }
.orbit-ring-inner { inset: 23%; border-color: rgba(11,92,255,.38); }
.orbit-ring-inner:after { display: none; }
.orbit-runner { --duration: 22s; --start: 0deg; position: absolute; inset: 0; border-radius: 50%; transform: rotate(var(--start)); animation: partner-orbit-spin var(--duration) linear infinite; }
.orbit-ring-inner .orbit-runner { --duration: 15s; animation-direction: reverse; }
.runner-one { --start: 0deg; }
.runner-two { --start: 90deg; }
.runner-three { --start: 180deg; }
.runner-four { --start: 270deg; }
.runner-five { --start: 45deg; }
.runner-six { --start: 225deg; }
.partner-logo { position: absolute; top: -31px; left: 50%; display: grid; width: 70px; height: 70px; place-items: center; border: 1px solid #edf0f7; border-radius: 18px; background: #fff; box-shadow: 0 14px 32px rgba(0,5,61,.14); transform: translateX(-50%) rotate(calc(-1 * var(--start))); animation: partner-logo-upright var(--duration) linear infinite; }
.orbit-ring-inner .partner-logo { animation-direction: reverse; }
.partner-logo b { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; color: #fff; background: var(--blue); font-size: .72rem; letter-spacing: -.02em; }
.partner-logo small { position: absolute; top: calc(100% + 5px); left: 50%; padding: 3px 7px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.94); font-size: .54rem; font-weight: 750; white-space: nowrap; transform: translateX(-50%); }
.logo-pixel b { background: #7b61ff; }
.logo-orbital b { background: #23a6a0; }
.logo-upward b { background: #ef8d32; }
.logo-insight b { background: #e45888; }
.logo-north b { background: #243d7d; }
.orbit-center { position: absolute; top: 50%; left: 50%; z-index: 3; display: flex; width: 38%; aspect-ratio: 1; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #edf0f7; border-radius: 50%; background: #fff; box-shadow: 0 22px 55px rgba(0,5,61,.18); transform: translate(-50%,-50%); }
.orbit-center .brand-mark { width: 40px; height: 40px; margin-bottom: 11px; }
.orbit-center strong { color: var(--navy); font-size: clamp(1rem, 2vw, 1.4rem); line-height: 1; }
.orbit-center > b { margin-top: 5px; color: var(--blue); font-size: clamp(.7rem, 1.3vw, .95rem); }
.orbit-center > small { margin-top: 10px; color: var(--muted); font-size: clamp(.48rem, .8vw, .65rem); }
@keyframes partner-orbit-spin { to { transform: rotate(calc(var(--start) + 360deg)); } }
@keyframes partner-logo-upright { to { transform: translateX(-50%) rotate(calc(-1 * var(--start) - 360deg)); } }

/* Scalable hiring-partner wall: every listed partner remains visible in a seamless marquee */
.partner-orbit { position: relative; width: 100%; min-height: 480px; aspect-ratio: auto; margin-inline: 0; padding: 28px 0; overflow: hidden; border: 1px solid #e2e6f1; border-radius: 24px; background: linear-gradient(150deg, #eef4ff, #fff); box-shadow: 0 18px 50px rgba(0,5,61,.1); }
.partner-orbit > :not(.partner-wall),
.partner-orbit > .orbit-glow,
.partner-orbit > .orbit-ring,
.partner-orbit > .orbit-center { display: none !important; }
.partner-wall { display: grid !important; position: relative; z-index: 5; align-content: center; gap: 20px; height: 100%; }
.partner-wall-heading { display: grid; gap: 5px; padding: 0 28px 6px; }
.partner-wall-heading strong { color: var(--navy); font-size: 1.05rem; }
.partner-wall-heading > span:last-child { color: var(--muted); font-size: .7rem; }
.partner-marquee { width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent); }
.partner-marquee-track { display: flex; width: max-content; align-items: center; gap: 12px; animation: partner-wall-left 34s linear infinite; }
.partner-marquee-two .partner-marquee-track { animation-name: partner-wall-right; animation-duration: 38s; }
.partner-marquee-three .partner-marquee-track { animation-duration: 30s; }
.partner-marquee span { display: inline-flex; min-width: 138px; min-height: 58px; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid #e0e4ef; border-radius: 13px; color: #3c4661; background: rgba(255,255,255,.9); box-shadow: 0 7px 18px rgba(0,5,61,.06); font-size: .72rem; font-weight: 800; text-align: center; white-space: nowrap; }
.partner-marquee-two span { background: #f5f3ff; }
.partner-marquee-three span { min-width: 128px; color: var(--muted); background: #eef8f5; font-size: .68rem; }
.partner-marquee span.partner-count { color: #fff; background: var(--blue); border-color: var(--blue); font-size: 1rem; }
@keyframes partner-wall-left { to { transform: translateX(-50%); } }
@keyframes partner-wall-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* Portrait-led industry experts */
.industry-experts { display: block !important; padding-block: var(--section-space); background: #f8f9fa; }
.industry-experts .section-heading p { max-width: 650px; }
.experts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.expert-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(0,5,61,.09); transition: transform .2s, box-shadow .2s; }
.expert-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.expert-portrait { position: relative; height: 260px; margin: 14px 14px 0; overflow: hidden; border-radius: 14px; background: var(--lav); }
.expert-portrait:before { content: "EXPERT"; position: absolute; top: 14px; left: 12px; z-index: 1; color: rgba(255,255,255,.35); font-size: 2.2rem; font-weight: 900; letter-spacing: -.08em; writing-mode: vertical-rl; }
.expert-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: saturate(.92); transition: transform .35s; }
.expert-card:hover .expert-portrait img { transform: scale(1.035); }
.expert-portrait:after { content: ""; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(0,5,61,.72)); }
.expert-portrait > span { position: absolute; right: 12px; bottom: 12px; z-index: 2; padding: 6px 9px; border-radius: 999px; color: var(--navy); background: rgba(255,255,255,.92); font-size: .62rem; font-weight: 850; }
.expert-blue { background: #e6f0ff; }
.expert-mint { background: var(--mint); }
.expert-violet { background: #eeeaff; }
.expert-amber { background: var(--cream); }
.expert-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.expert-body > small { color: var(--blue); font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.expert-body h3 { margin: 8px 0 5px; color: var(--navy); font-size: 1.25rem; }
.expert-body > strong { color: #3d3d50; font-size: .73rem; }
.expert-body > p { margin: 15px 0 18px; color: var(--muted); font-size: .78rem; line-height: 1.7; }
.expert-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.expert-tags span { padding: 5px 8px; border-radius: 999px; color: var(--blue-dark); background: var(--lav); font-size: .58rem; font-weight: 750; }
.expert-body > a { margin-top: 18px; color: var(--blue); font-size: .75rem; font-weight: 850; }
.experts-cta { display: flex; justify-content: center; align-items: center; gap: 22px; margin-top: 34px; }
.experts-cta p { color: var(--muted); }

/* Split enrollment panel */
.enrollment-section { position: relative; display: block !important; padding-block: var(--section-space); isolation: isolate; background: url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat; }
.enrollment-section:before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, rgba(24,31,88,.54), rgba(73,50,159,.38), rgba(0,5,61,.56)); }
.enrollment-panel { display: grid; grid-template-columns: minmax(290px, .72fr) minmax(0, 1.28fr); overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 28px 80px rgba(10,18,62,.38); backdrop-filter: blur(8px); }
.enrollment-intro { position: relative; display: flex; min-height: 100%; overflow: hidden; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 56px); color: #fff; background: linear-gradient(155deg, rgba(11,92,255,.34), rgba(20,33,102,.5)); backdrop-filter: blur(.5px); text-shadow: 0 2px 14px rgba(9,16,61,.42); }
.enrollment-intro:before, .enrollment-intro:after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; pointer-events: none; }
.enrollment-intro:before { top: -90px; left: -90px; width: 260px; height: 260px; }
.enrollment-intro:after { right: -120px; bottom: -120px; width: 310px; height: 310px; }
.enrollment-intro > * { position: relative; z-index: 1; }
.enrollment-intro h2 { margin: 16px 0 18px; color: #fff; font-size: clamp(2.2rem, 4vw, 3.5rem); letter-spacing: -2px; line-height: 1.02; }
.enrollment-intro > p { max-width: 440px; margin: 0; color: rgba(255,255,255,.78); line-height: 1.75; }
.enrollment-benefits { display: grid; gap: 13px; margin: 30px 0; }
.enrollment-benefits span { display: flex; align-items: center; gap: 10px; font-size: .82rem; font-weight: 650; }
.enrollment-benefits b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #fff; background: rgba(255,255,255,.17); }
.advisor-note { display: flex; align-items: center; gap: 12px; margin-top: 4px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.2); }
.advisor-note > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: var(--blue-dark); background: #fff; font-weight: 850; }
.advisor-note strong, .advisor-note small { display: block; }
.advisor-note small { margin-top: 4px; color: rgba(255,255,255,.7); }
.enrollment-intro > a { width: fit-content; margin: 14px 0 0 54px; color: #fff; font-size: .78rem; font-weight: 800; }
.enrollment-intro > .enrollment-call { margin-left: 0; padding: 11px 15px; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; background: rgba(255,255,255,.12); }
.enrollment-form-wrap { padding: clamp(30px, 4vw, 48px); }
.form-heading { margin-bottom: 28px; }
.form-heading > span { color: var(--blue); font-size: .67rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.form-heading h3 { margin: 7px 0 8px; color: var(--navy); font-size: clamp(1.7rem, 3vw, 2.25rem); letter-spacing: -1px; }
.form-heading p { margin: 0; color: var(--muted); font-size: .77rem; }
.enrollment-form { display: grid; gap: 18px; }
.enrollment-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.enrollment-form legend { width: 100%; margin-bottom: 14px; padding-bottom: 9px; border-bottom: 1px solid var(--line); color: var(--navy); font-size: .76rem; font-weight: 850; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.enrollment-form label { display: grid; gap: 7px; min-width: 0; color: #4c5670; font-size: .7rem; font-weight: 750; }
.enrollment-form .field-wide { grid-column: 1 / -1; }
.enrollment-form input:not([type=checkbox]), .enrollment-form select, .enrollment-form textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #d6d8df; border-radius: 9px; color: var(--ink); background: #fff; outline: none; font-size: .78rem; font-weight: 500; }
.enrollment-form textarea { min-height: 86px; resize: vertical; }
.enrollment-form input:focus, .enrollment-form select:focus, .enrollment-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px #eef4ff; }
.consent-field { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 10px !important; line-height: 1.5; }
.consent-field input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; accent-color: var(--blue); }
.enrollment-submit { width: 100%; }
.form-privacy { display: block; margin-top: -12px; color: #9595a8; text-align: center; font-size: .62rem; }

/* Branded course certificate preview */
.course-certificate { display: block !important; padding-block: var(--section-space); overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%); }
.certificate-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(42px, 7vw, 88px); }
.certificate-copy h2 { max-width: 500px; margin: 12px 0 18px; color: var(--navy); font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -1.8px; line-height: 1.1; }
.certificate-copy > p { color: var(--muted); line-height: 1.75; }
.certificate-copy ul { display: grid; gap: 12px; margin: 26px 0 30px; padding: 0; }
.certificate-copy li { display: flex; align-items: flex-start; gap: 10px; color: #3d3d50; font-size: .82rem; line-height: 1.5; }
.certificate-copy li span { display: grid; flex: 0 0 auto; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #278c70; background: var(--mint); font-weight: 850; }
.certificate-stage { position: relative; padding: 28px; }
.certificate-stage:before { content: ""; position: absolute; inset: 7% 0 0 8%; border-radius: 24px; background: var(--lav); transform: rotate(3deg); }
.certificate-sheet { position: relative; z-index: 1; display: grid; grid-template-columns: 112px 1fr; min-height: 430px; overflow: hidden; border: 1px solid #dfe3ed; border-radius: 7px; background-color: #fff; background-image: repeating-radial-gradient(circle at 50% 0, transparent 0 8px, rgba(11,92,255,.035) 9px 10px); box-shadow: 0 24px 60px rgba(0,5,61,.2); }
.certificate-ribbon { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; color: #fff; background: linear-gradient(165deg, var(--blue), #303e9e); text-align: center; }
.certificate-ribbon:before, .certificate-ribbon:after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.certificate-ribbon:before { top: -35px; left: -55px; width: 150px; height: 150px; }
.certificate-ribbon:after { right: -85px; bottom: -45px; width: 180px; height: 180px; }
.certificate-ribbon span { position: relative; z-index: 1; font-size: 1.7rem; font-weight: 850; }
.certificate-ribbon strong { position: relative; z-index: 1; margin-top: 8px; font-size: .7rem; letter-spacing: .2em; writing-mode: vertical-rl; }
.certificate-ribbon small { position: absolute; bottom: 22px; z-index: 1; font-size: .48rem; letter-spacing: .12em; writing-mode: vertical-rl; }
.certificate-content { display: flex; align-items: center; flex-direction: column; padding: 32px clamp(24px, 4vw, 48px); text-align: center; }
.certificate-brand { display: flex; align-items: center; gap: 9px; }
.certificate-brand .brand-mark { width: 30px; height: 30px; padding: 6px; }
.certificate-brand strong, .certificate-brand b { display: block; text-align: left; line-height: 1; }
.certificate-brand strong { color: var(--navy); font-size: .88rem; }
.certificate-brand b { margin-top: 4px; color: var(--blue); font-size: .61rem; }
.certificate-kicker { margin-top: 24px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(1.6rem, 3vw, 2.35rem); font-weight: 700; letter-spacing: -.04em; }
.certificate-content > p { margin: 10px 0 0; color: #858da0; font-size: .62rem; text-transform: uppercase; letter-spacing: .06em; }
.certificate-content h3 { margin: 10px 0 4px; color: var(--navy); font-family: "Segoe Script", "Brush Script MT", Georgia, cursive; font-size: clamp(2rem, 4vw, 3rem); font-style: italic; font-weight: 500; line-height: 1.1; }
.certificate-rule { width: min(280px, 80%); height: 1px; background: #d6d8df; }
.certificate-content .certificate-description { max-width: 390px; margin-top: 12px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.certificate-content h4 { margin: 6px 0 14px; color: var(--blue-dark); font-size: 1rem; }
.certificate-meta { display: flex; justify-content: center; gap: 32px; width: 100%; color: #9097a9; font-size: .53rem; line-height: 1.5; }
.certificate-meta strong { color: #555f77; font-size: .61rem; }
.certificate-signatures { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: end; gap: 18px; width: 100%; margin-top: auto; padding-top: 22px; }
.certificate-signatures > div:not(.certificate-seal) { padding-top: 7px; border-top: 1px solid #aab1c1; }
.certificate-signatures i, .certificate-signatures span { display: block; }
.certificate-signatures i { color: var(--navy); font-family: Georgia, serif; font-size: .7rem; }
.certificate-signatures span { margin-top: 4px; color: #9595a8; font-size: .5rem; text-transform: uppercase; }
.certificate-seal { display: grid; width: 58px; height: 58px; place-items: center; align-content: center; border: 4px double #7b89ea; border-radius: 50%; color: #fff; background: var(--blue); box-shadow: 0 0 0 4px #eef4ff; }
.certificate-seal b { font-size: 1rem; line-height: 1; }
.certificate-seal small { margin-top: 2px; font-size: .38rem; letter-spacing: .08em; }
.certificate-caption { position: relative; z-index: 1; display: block; margin-top: 17px; color: var(--muted); text-align: center; font-size: .64rem; }

/* Rounded portrait team profiles */
.our-team { padding-block: var(--section-space); background: #fff; }
.our-team .section-heading p { max-width: 700px; }
.team-profile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.team-profile { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--line); border-radius: 110px 110px 28px 28px; background: #fff; box-shadow: 0 14px 42px rgba(0,5,61,.09); transition: transform .2s, box-shadow .2s; }
.team-profile:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.team-photo { position: relative; aspect-ratio: 1 / 1.08; margin: 14px 14px 0; overflow: hidden; border-radius: 50% 50% 44% 44%; background: var(--lav); }
.team-photo:after { content: ""; position: absolute; inset: auto 0 0; height: 32%; background: linear-gradient(transparent, rgba(0,5,61,.28)); }
.team-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: saturate(.9); transition: transform .35s; }
.team-profile:hover .team-photo img { transform: scale(1.035); }
.team-blue { background: #e6f0ff; }
.team-mint { background: var(--mint); }
.team-violet { background: #eeeaff; }
.team-amber { background: var(--cream); }
.team-profile-body { display: flex; flex: 1; align-items: center; flex-direction: column; padding: 21px 20px 25px; text-align: center; }
.team-profile h3 { margin: 0; color: var(--navy); font-size: 1.15rem; }
.team-profile strong { margin-top: 6px; color: var(--blue); font-size: .66rem; letter-spacing: .05em; text-transform: uppercase; }
.team-profile p { margin: 15px 0 20px; color: var(--muted); font-size: .75rem; line-height: 1.65; }
.team-socials { display: flex; justify-content: center; gap: 9px; margin-top: auto; }
.team-socials a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #dfe3ed; border-radius: 50%; color: var(--navy); background: #f8f9fa; font-size: .72rem; font-weight: 850; transition: all .2s; }
.team-socials a:hover { color: #fff; border-color: var(--blue); background: var(--blue); transform: translateY(-2px); }
.team-footer { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 34px; color: var(--muted); font-size: .84rem; }

/* Persistent call, WhatsApp, and review actions */
.floating-actions { position: fixed; right: 18px; bottom: 22px; z-index: 80; display: grid; justify-items: end; gap: 10px; }
.floating-action { display: flex; min-height: 48px; align-items: center; gap: 10px; padding: 6px 15px 6px 6px; border: 1px solid rgba(0,5,61,.1); border-radius: 999px; color: var(--navy); background: rgba(255,255,255,.96); box-shadow: 0 12px 35px rgba(0,5,61,.18); backdrop-filter: blur(12px); transition: transform .2s, box-shadow .2s; }
.floating-action:hover { transform: translateX(-4px); box-shadow: 0 16px 42px rgba(0,5,61,.24); }
.floating-action > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: 1rem; font-weight: 850; }
.floating-action > span svg { width: 21px; height: 21px; fill: currentColor; }
.floating-action b { font-size: .7rem; white-space: nowrap; }
.action-whatsapp > span { background: #25a86a; }
.action-review > span { color: #fff; background: #f1a51f; }
.action-call > span { background: var(--blue); }

/* Tablet */
@media (max-width: 950px) {
  .section-shell { width: min(100% - 36px, 760px); }
  .nav-row { gap: 16px; }
  .brand { font-size: 18px; }
  .stats-grid, .partner-list, .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .trainer-section, .enroll-section, .certificate-section { gap: 36px !important; }
  .placement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .placement-tools { grid-template-columns: 1fr 1fr; }
  .placement-search { grid-column: 1 / -1; }
  .testimonials-track { --testimonial-card-width: calc((min(760px, calc(100vw - 36px)) - 18px) / 2); }
  .learner-testimonial { flex-basis: var(--testimonial-card-width); }
  @keyframes testimonial-auto-slide {
    0%, 26% { transform: translateX(0); }
    36%, 62% { transform: translateX(calc(-50% - 9px)); }
    72%, 90% { transform: translateX(calc(-100% - 18px)); }
    100% { transform: translateX(0); }
  }
  .hiring-layout { grid-template-columns: 1fr; }
  .hiring-copy { text-align: center; }
  .hiring-copy > p { margin-inline: auto; }
  .hiring-proof { justify-content: center; }
  .partner-orbit { width: min(100%, 540px); min-height: 430px; }
  .experts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enrollment-panel { grid-template-columns: .8fr 1.2fr; }
  .enrollment-intro, .enrollment-form-wrap { padding: 36px; }
  .certificate-layout { grid-template-columns: 1fr; }
  .certificate-copy { max-width: 680px; text-align: center; margin-inline: auto; }
  .certificate-copy ul { width: fit-content; margin-inline: auto; text-align: left; }
  .team-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-profile { border-radius: 120px 120px 28px 28px; }
  .course-slider .course-card { flex-basis: calc((100% - 20px) / 2); }
  .course-slider-prev { left: -18px; }
  .course-slider-next { right: -18px; }
}

/* Mobile — primary target */
@media (max-width: 650px) {
  :root { --section-space: 4rem; }
  .section-shell { width: min(100% - 28px, 600px); }
  .site-header { position: sticky; top: 0; }
  .nav-row { min-height: 66px; }
  .brand { gap: 8px; font-size: 16px; letter-spacing: -.35px; }
  .brand:before { width: 142px; height: 44px; }
  .brand-mark { width: 31px; height: 31px; padding: 6px; }
  .brand small { font-size: 6px; letter-spacing: 1.7px; }
  .mobile-menu summary { font-size: 23px; padding: 8px; }
  .mobile-menu nav { right: 0; left: auto; width: min(300px, calc(100vw - 28px)); }
  .hero { gap: 42px; padding-block: 42px 56px !important; }
  .hero h1 { font-size: clamp(2.45rem, 12vw, 3rem) !important; line-height: 1.02; }
  .hero-lead { font-size: 1rem; line-height: 1.65; }
  .hero-actions, .hero-actions .button { width: 100%; }
  .hero-proof { text-align: left; }
  .learning-stage { min-height: 350px !important; }
  .class-window { width: 94% !important; }
  .teacher-art { height: 135px !important; }
  .participant-row { gap: 7px; padding-inline: 10px; }
  .content-section, .course-section, .story-section, .story-layout, .contact-layout,
  .added-section, .testimonial-section, .trainer-section, .review-section,
  .faq-section, .enroll-section, .certificate-section, .team-section { padding-block: var(--section-space) !important; }
  .section-heading { margin-bottom: 28px; }
  .section-heading h2, .trainer-section h2, .enroll-section h2, .certificate-section h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); line-height: 1.12; }
  .stats-grid, .partner-list, .trust-grid, .team-grid,
  .trainer-section, .enroll-section, .certificate-section { grid-template-columns: 1fr !important; }
  .stats-grid > div, .partner-list > span, .team-grid article { padding: 22px !important; }
  .testimonial-card { padding: 26px 20px !important; }
  .testimonial-section { padding-top: 0 !important; }
  .testimonial-section .testimonial-card { width: min(100% - 28px, 600px); }
  .placement-testimonials { padding-bottom: var(--section-space) !important; }
  .placement-testimonials .section-heading { padding-inline: 14px; }
  .testimonials-viewport { margin-inline: -14px; }
  .testimonials-track { gap: 14px; padding-inline: 14px; }
  .learner-testimonial { flex-basis: min(84vw, 340px); min-height: 340px; padding: 23px; }
  .learner-testimonial:hover, .featured-testimonial { transform: none; }
  .testimonial-person { margin: auto -23px -23px; padding: 17px; }
  .testimonials-track { --testimonial-card-width: min(84vw, 340px); animation-duration: 30s; }
  @keyframes testimonial-auto-slide {
    0%, 28% { transform: translateX(0); }
    40%, 72% { transform: translateX(calc(-84vw - 14px)); }
    84%, 100% { transform: translateX(0); }
  }
  .testimonial-card blockquote { font-size: 1.25rem !important; line-height: 1.5; }
  .trainer-section, .enroll-section, .certificate-section { gap: 28px !important; }
  .offer-section { display: grid !important; padding: 30px 22px !important; margin-inline: 14px; border-radius: 18px !important; }
  .offer-section .button { width: 100%; }
  .faq-grid details { padding: 0; }
  .faq-grid summary { min-height: 64px; padding: 17px 18px; font-size: .88rem; }
  .faq-grid summary:after { flex-basis: 31px; width: 31px; height: 31px; }
  .faq-grid .faq-answer > p { padding-inline: 18px 58px; font-size: .84rem; }
  .faq-grid details[open] .faq-answer > p { padding-bottom: 20px; }
  .enroll-form { width: 100%; }
  .certificate-card { min-height: 210px !important; padding: 28px 20px !important; }
  .placement-record { padding-block: var(--section-space); }
  .placement-heading { align-items: stretch; flex-direction: column; gap: 22px; }
  .placement-heading h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); }
  .placement-summary { width: 100%; text-align: left; }
  .placement-tools, .placement-grid { grid-template-columns: 1fr; }
  .placement-search { grid-column: auto; }
  .placement-card { padding: 19px; }
  .placement-card-top { grid-template-columns: 46px minmax(0, 1fr) auto; gap: 10px; }
  .placement-card dl { padding: 15px; }
  .placement-footer { align-items: stretch; flex-direction: column; }
  .placement-footer .button { width: 100%; }
  .hiring-partners { padding-block: var(--section-space); }
  .hiring-layout { gap: 52px; }
  .hiring-copy h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); }
  .hiring-proof { gap: 28px; }
  .partner-orbit { width: calc(100% - 8px); }
  .partner-logo { top: -24px; width: 54px; height: 54px; border-radius: 15px; }
  .partner-logo b { width: 29px; height: 29px; border-radius: 9px; font-size: .62rem; }
  .partner-logo small { display: none; }
  .orbit-center { width: 42%; }
  .orbit-center .brand-mark { width: 32px; height: 32px; margin-bottom: 8px; }
  .orbit-center > small { display: none; }
  .industry-experts { padding-block: var(--section-space) !important; }
  .experts-grid { grid-template-columns: 1fr; gap: 20px; }
  .expert-card { max-width: 500px; width: 100%; margin-inline: auto; }
  .expert-portrait { height: 320px; }
  .expert-body { padding: 22px 20px 24px; }
  .expert-body > p { font-size: .84rem; }
  .experts-cta { align-items: stretch; flex-direction: column; text-align: center; }
  .experts-cta .button { width: 100%; }
  .enrollment-section { padding-block: 3rem !important; }
  .enrollment-section > .section-shell { width: min(100% - 28px, 600px); }
  .enrollment-panel { grid-template-columns: 1fr; border-radius: 19px; }
  .enrollment-intro { padding: 36px 24px; }
  .enrollment-intro h2 { font-size: clamp(2rem, 11vw, 2.75rem); }
  .enrollment-form-wrap { padding: 32px 20px; }
  .form-grid { grid-template-columns: 1fr; }
  .enrollment-form .field-wide { grid-column: auto; }
  .enrollment-intro > a { margin-left: 54px; }
  .course-certificate { padding-block: var(--section-space) !important; }
  .certificate-layout { gap: 34px; }
  .certificate-copy h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); }
  .certificate-stage { padding: 10px 0 18px; }
  .certificate-sheet { grid-template-columns: 58px 1fr; min-height: 390px; }
  .certificate-ribbon span { font-size: 1.1rem; }
  .certificate-content { padding: 25px 16px; }
  .certificate-kicker { margin-top: 18px; font-size: 1.45rem; }
  .certificate-content h3 { font-size: 2rem; }
  .certificate-meta { gap: 12px; }
  .certificate-signatures { grid-template-columns: 1fr 48px 1fr; gap: 10px; }
  .certificate-seal { width: 46px; height: 46px; border-width: 3px; }
  .our-team { padding-block: var(--section-space) !important; }
  .team-profile-grid { display: flex; gap: 16px; margin-inline: -14px; padding: 4px 14px 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .team-profile-grid::-webkit-scrollbar { display: none; }
  .team-profile { flex: 0 0 min(82vw, 330px); border-radius: 130px 130px 26px 26px; scroll-snap-align: center; }
  .team-photo { aspect-ratio: 1 / 1.02; }
  .team-profile-body { padding: 22px 22px 26px; }
  .team-profile p { font-size: .82rem; }
  .team-footer { align-items: center; flex-direction: column; gap: 9px; text-align: center; }
  .floating-actions { right: 50%; bottom: 10px; display: flex; width: calc(100% - 20px); justify-content: center; gap: 7px; transform: translateX(50%); }
  .floating-action { min-width: 0; min-height: 48px; flex: 1; justify-content: center; gap: 6px; padding: 5px 8px; border-radius: 14px; }
  .floating-action:hover { transform: translateY(-2px); }
  .floating-action > span { width: 34px; height: 34px; flex: 0 0 34px; }
  .floating-action b { overflow: hidden; font-size: .61rem; text-overflow: ellipsis; }
  .site-footer { padding-bottom: 90px; }
  .review-heading { align-items: stretch; flex-direction: column; gap: 22px; }
  .google-rating { width: 100%; }
  .google-review-grid { display: flex; gap: 14px; margin-inline: -14px; padding: 3px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .google-review-grid::-webkit-scrollbar { display: none; }
  .google-review-card { flex: 0 0 min(84vw,340px); min-height: 285px; scroll-snap-align: center; }
  .review-footer { align-items: stretch; flex-direction: column; text-align: center; }
  .review-footer .button { width: 100%; }
  .course-slider { margin-inline: -2px; }
  .course-slider .course-grid { gap: 14px; padding-inline: 2px; }
  .course-slider .course-card { flex-basis: 100%; }
  .course-slider-arrow { top: 46%; width: 42px; height: 42px; }
  .course-slider-prev { left: 7px; }
  .course-slider-next { right: 7px; }
  .cta-panel { gap: 24px; }
  .cta-panel .button { width: 100%; }
  .footer-grid { gap: 30px !important; }
  .footer-bottom { padding-bottom: 8px; }
}

/* Small phones */
@media (max-width: 390px) {
  .section-shell { width: calc(100% - 22px); }
  .brand { font-size: 14px; }
  .brand:before { width: 128px; height: 40px; }
  .brand small { display: none; }
  .hero h1 { font-size: 2.35rem !important; }
  .class-window { width: 100% !important; }
  .trust-inner > div, .footer-grid { grid-template-columns: 1fr !important; }
  .footer-grid > div { grid-column: auto !important; }
  .partner-orbit { width: 100%; min-height: 390px; padding-block: 22px; border-radius: 18px; }
  .partner-wall { gap: 14px; }
  .partner-wall-heading { padding-inline: 18px; }
  .partner-wall-heading strong { font-size: .95rem; }
  .partner-marquee span { min-width: 116px; min-height: 50px; padding: 10px 13px; font-size: .63rem; }
  .partner-marquee-three span { min-width: 108px; }
  .partner-logo { top: -21px; width: 46px; height: 46px; }
  .partner-logo b { width: 25px; height: 25px; font-size: .55rem; }
  .floating-action { padding-inline: 5px; }
  .floating-action > span { width: 32px; height: 32px; flex-basis: 32px; }
  .floating-action b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .orbit-runner, .partner-logo { animation-play-state: paused; }
  .testimonials-track { animation: none; overflow-x: auto; width: auto; }
  .partner-marquee-track { animation: none; transform: none; flex-wrap: wrap; padding-inline: 16px; }
  .partner-marquee { mask-image: none; }
  .faq-grid details, .faq-grid summary:after, .faq-grid details > .faq-answer, .faq-grid .faq-answer > p { transition: none; }
}

/* Keep final component refinements after the legacy exported rules. */
.placement-testimonials .learner-testimonial { min-height: 0; padding: 0; border-radius: 20px; }
.placement-testimonials .learner-testimonial::before { content: "▶  Watch story"; min-height: 250px; background-position: center; background-size: cover; font-size: .72rem; font-weight: 800; }
.placement-testimonials .learner-testimonial .testimonial-person { min-height: 86px; margin: 0; padding: 18px 20px; }
.enrollment-section .enrollment-panel { background: rgba(250,251,255,.78); backdrop-filter: blur(13px); }
.enrollment-section .enrollment-form-wrap { background: rgba(255,255,255,.5); }
.enrollment-section .enrollment-form input:not([type=checkbox]), .enrollment-section .enrollment-form select { background: rgba(255,255,255,.7); }
.team-slider-controls { display: none; }
@media (max-width: 650px) {
  .placement-testimonials .learner-testimonial::before { min-height: 205px; }
  .team-slider-controls { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 8px 0 24px; }
  .team-slider-controls button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid #d6d8df; border-radius: 50%; color: var(--blue); background: rgba(255,255,255,.9); box-shadow: 0 8px 22px rgba(0,5,61,.1); cursor: pointer; }
  .team-slider-controls span { color: var(--muted); font-size: .65rem; font-weight: 700; }
}

/* Mobile layout corrections */
@media (max-width: 650px) {
  /* Give carousel controls their own row instead of covering course content. */
  .course-slider { margin-inline: 0; padding-top: 58px; }
  .course-slider .course-grid { padding-inline: 0; }
  .course-slider-arrow {
    top: 4px; width: 44px; height: 44px; transform: none;
    border-color: #d9deed; box-shadow: 0 8px 22px rgba(0,5,61,.11);
  }
  .course-slider-prev { right: 54px; left: auto; }
  .course-slider-next { right: 2px; }

  /* Keep review-only section markers clear of titles and content. */
  .site-frame > main > section[data-section-name]::after {
    top: 10px; left: 14px; max-width: calc(100% - 28px); padding: 5px 8px;
    background: rgba(255,255,255,.94); font-size: .52rem; letter-spacing: .07em;
  }
  .site-frame > main > section[data-section-name]:not(.hero) > .section-shell:first-child,
  .site-frame > main > section[data-section-name].section-shell:not(.hero) {
    padding-top: 28px;
  }
  .site-frame > main > .offer-section[data-section-name] { padding-top: 46px !important; }

  /* Professional compact enrollment treatment for narrow screens. */
  .enrollment-section { padding: 58px 14px 64px !important; background-position: center; }
  .enrollment-section .section-shell { width: 100%; padding: 0 !important; }
  .enrollment-section .enrollment-panel {
    width: 100%; overflow: hidden; border-radius: 20px;
    border: 1px solid rgba(255,255,255,.48); background: rgba(255,255,255,.16);
    box-shadow: 0 22px 58px rgba(7,14,51,.3); backdrop-filter: blur(8px);
  }
  .enrollment-section .enrollment-intro {
    min-height: auto; padding: 34px 24px 28px;
    background: linear-gradient(145deg,rgba(63,82,190,.38),rgba(30,43,111,.3));
  }
  .enrollment-intro:before, .enrollment-intro:after { display: none; }
  .enrollment-intro h2 { margin: 12px 0; font-size: 2.35rem; letter-spacing: -1.5px; }
  .enrollment-intro > p { font-size: .82rem; line-height: 1.6; }
  .enrollment-benefits { grid-template-columns: 1fr; gap: 9px; margin: 20px 0 14px; }
  .enrollment-benefits span { font-size: .76rem; }
  .enrollment-intro > .enrollment-call { margin-top: 8px; padding: 10px 12px; font-size: .72rem; }
  .enrollment-section .enrollment-form-wrap {
    padding: 28px 20px 24px !important; background: rgba(255,255,255,.9); backdrop-filter: blur(12px);
  }
  .form-heading { margin-bottom: 22px; text-align: center; }
  .form-heading h3 { font-size: 1.65rem; }
  .form-grid { gap: 13px; }
  .enrollment-form { gap: 16px; }
  .enrollment-form input:not([type=checkbox]), .enrollment-form select {
    min-height: 50px; border-radius: 11px; background: rgba(255,255,255,.82); font-size: .82rem;
  }
  .consent-field { font-size: .66rem !important; }
  .enrollment-submit { min-height: 50px; border-radius: 11px; }
}

/* Video-ready placement stories: no quote marks or written quotations. */
.testimonial-quote, .learner-testimonial blockquote { display: none !important; }
.learner-testimonial { min-height: 330px; overflow: hidden; padding: 0; background: #fff; }
.learner-testimonial::before {
  content: "▶"; display: grid; min-height: 235px; place-items: center; color: #fff;
  background: linear-gradient(135deg, rgba(31,43,111,.35), rgba(11,92,255,.58)),
    url("https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=900&q=80") center/cover;
  font-size: 1.3rem; text-shadow: 0 2px 12px rgba(0,0,0,.25);
}
.learner-testimonial:nth-child(3n+2)::before { background-image: linear-gradient(135deg, rgba(31,43,111,.28), rgba(116,73,190,.58)), url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=900&q=80"); }
.learner-testimonial:nth-child(3n)::before { background-image: linear-gradient(135deg, rgba(31,43,111,.3), rgba(18,151,132,.52)), url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=900&q=80"); }
.highest-package-student { background: linear-gradient(135deg, rgba(31,43,111,.08), rgba(116,73,190,.18)), url("assets/migrated/bac62f30b2b96d03.png") center 18% / cover no-repeat; }
.highest-package-student .person, .highest-package-student .board { visibility: hidden; }

/* Site-wide professional pass: shared polish for internal routes */
:root {
  --focus-ring: 0 0 0 4px rgba(11,92,255,.18);
  --surface-shadow: 0 18px 50px rgba(24,24,25,.08);
}

body { color: var(--ink); background: var(--soft, #f8f9fa); text-rendering: optimizeLegibility; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: blur(16px); box-shadow: 0 1px 0 rgba(24,24,25,.07); }
.nav-row { min-height: 76px; }
.desktop-nav a, .mobile-menu a { transition: color .2s ease, background-color .2s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: var(--blue); }
.button { transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(8,70,204,.18); }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.page-hero { overflow: hidden; }
.page-hero-grid { min-height: 430px; gap: clamp(2rem, 6vw, 5rem); }
.page-hero-visual { border-radius: 24px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,3,31,.22); }
.page-hero-visual img { display: block; width: 100%; height: 100%; min-height: 290px; object-fit: cover; transition: transform .5s ease; }
.page-hero-visual:hover img { transform: scale(1.025); }
.program-section, .professional-enquiry, .placement-record, .testimonial-section, .team-section { content-visibility: auto; contain-intrinsic-size: 520px; }
.program-section .section-shell, .section-rich-head, .editorial-card, .placement-profile-card, .content-image-card, .content-video-card, .professional-enquiry .enquiry-grid { animation: section-rise .65s both; }
.editorial-card, .placement-profile-card, .content-image-card { transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.editorial-card:hover, .placement-profile-card:hover, .content-image-card:hover { transform: translateY(-4px); box-shadow: var(--surface-shadow); border-color: rgba(11,92,255,.28); }
.section-rich-head h2, .program-intro h2, .page-hero h1 { text-wrap: balance; }
.program-section p, .article-prose p, .narrative-copy p, .profile-story { line-height: 1.75; }
.content-image-card img, .content-video-card video, .content-video-card iframe { display: block; width: 100%; max-width: 100%; border-radius: 16px; }
.enquiry-grid { border-radius: 24px; }
@keyframes section-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@media (max-width: 700px) {
  .site-header { position: relative; }
  .nav-row { min-height: 68px; }
  .page-hero-grid { min-height: 0; padding-block: 3.5rem 4rem; }
  .page-hero-visual { order: -1; }
  .page-hero-visual img { min-height: 220px; max-height: 320px; }
  .program-section, .professional-enquiry { overflow: hidden; }
  .button { min-height: 48px; }
}
.learner-testimonial .testimonial-person { margin-top: auto; padding: 20px 22px; }

/* Preserve readability while showing the enrollment photograph through the tint. */
.enrollment-section:before { background: linear-gradient(120deg, rgba(24,31,88,.34), rgba(73,50,159,.18), rgba(0,5,61,.38)); }
.enrollment-intro { background: linear-gradient(155deg, rgba(11,92,255,.26), rgba(20,33,102,.4)); backdrop-filter: blur(.15px); text-shadow: 0 2px 16px rgba(4,10,46,.7); }

@media (max-width: 650px) {
  .offer-section { width: calc(100% - 28px) !important; margin-inline: auto !important; padding: 38px 20px 24px !important; gap: 20px !important; text-align: left; }
  .offer-section > div, .offer-section .button { width: 100%; }
  .offer-section h2 { font-size: clamp(1.65rem, 8vw, 2rem); line-height: 1.08; }
  .offer-section .button { display: flex; justify-content: center; margin-top: 0; }
  .learner-testimonial::before { min-height: 205px; }
}

/* Requested component-only refinements */
.placement-card-top { grid-template-columns: 76px minmax(0,1fr) auto; gap: 14px; }
.placement-avatar { width: 76px; height: 76px; overflow: hidden; border: 3px solid #fff; box-shadow: 0 7px 20px rgba(0,5,61,.16); }
.placement-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.placement-card dl { margin: 17px 0; padding: 15px; }

/* Partner wall uses recognizable logo marks while retaining accessible names. */
.partner-marquee-one span, .partner-marquee-two span {
  color: transparent; font-size: 0; background-color: rgba(255,255,255,.94);
  background-repeat: no-repeat; background-position: center; background-size: 72% 32px;
}
.partner-marquee-one span:nth-child(10n+1) { background-image: url("https://cdn.simpleicons.org/accenture/A100FF"); }
.partner-marquee-one span:nth-child(10n+2) { background-image: url("https://cdn.simpleicons.org/ibm/052FAD"); }
.partner-marquee-one span:nth-child(10n+3) { background-image: url("https://cdn.simpleicons.org/infosys/007CC3"); }
.partner-marquee-one span:nth-child(10n+4) { background-image: url("https://cdn.simpleicons.org/tata/486AAE"); }
.partner-marquee-one span:nth-child(10n+5) { background-image: url("https://cdn.simpleicons.org/cognizant/1A4CA1"); }
.partner-marquee-one span:nth-child(10n+6) { background-image: url("https://cdn.simpleicons.org/wipro/341C53"); }
.partner-marquee-one span:nth-child(10n+7) { background-image: url("https://cdn.simpleicons.org/capgemini/0070AD"); }
.partner-marquee-one span:nth-child(10n+8) { background-image: url("https://cdn.simpleicons.org/deloitte/86BC25"); }
.partner-marquee-one span:nth-child(10n+9) { background-image: url("https://cdn.simpleicons.org/mahindra/DD052B"); }
.partner-marquee-one span:nth-child(10n) { background-image: url("https://cdn.simpleicons.org/hcl/0067B3"); }
.partner-marquee-two span:nth-child(5n+1) { background-image: url("https://cdn.simpleicons.org/sap/0FAAFF"); }
.partner-marquee-two span:nth-child(5n+2) { background-image: url("https://cdn.simpleicons.org/oracle/F80000"); }
.partner-marquee-two span:nth-child(5n+3) { background-image: url("https://cdn.simpleicons.org/microsoft/5E5E5E"); }
.partner-marquee-two span:nth-child(5n+4) { background-image: url("https://cdn.simpleicons.org/amazon/232F3E"); }
.partner-marquee-two span:nth-child(5n) { background-image: url("https://cdn.simpleicons.org/google/4285F4"); }

/* Review rail remains usable when dozens or hundreds of cards are added. */
.google-review-grid {
  display: flex; gap: 18px; padding: 5px 3px 25px; overflow-x: auto;
  scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin;
  scrollbar-color: #aeb8ef #eef4ff;
}
.google-review-card { flex: 0 0 min(430px,calc(50% - 9px)); scroll-snap-align: start; }
.google-review-grid::-webkit-scrollbar { height: 7px; }
.google-review-grid::-webkit-scrollbar-track { border-radius: 99px; background: #eef4ff; }
.google-review-grid::-webkit-scrollbar-thumb { border-radius: 99px; background: #aeb8ef; }

/* Preserve the FAQ layout; only replace the plus with a directional arrow. */
.faq-grid summary:after { content: "⌄"; font-size: 1.05rem; font-weight: 800; }
.faq-grid details[open] summary:after { transform: rotate(180deg); }

/* Enrollment form aligned with the site's light, calm visual system. */
@media (min-width: 651px) {
  .enrollment-section {
    background: linear-gradient(rgba(241,244,252,.58),rgba(232,237,249,.64)),
      url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover;
  }
  .enrollment-section .enrollment-panel {
    min-height: 570px; grid-template-columns: .9fr 1.1fr; border-radius: 24px;
    background: rgba(245,247,255,.2); box-shadow: 0 28px 75px rgba(7,14,51,.28);
  }
  .enrollment-section .enrollment-intro {
    padding: 48px 44px; background: linear-gradient(145deg,rgba(66,86,198,.3),rgba(21,34,99,.38));
  }
  .enrollment-section .enrollment-form-wrap {
    padding: 44px 52px; background: rgba(250,251,255,.88); backdrop-filter: blur(18px);
  }
  .enrollment-form label { color: #49536e; font-size: .72rem; }
  .enrollment-form input:not([type=checkbox]), .enrollment-form select {
    min-height: 49px; border: 1px solid #d8deeb; border-radius: 10px; background: #fff;
  }
  .enrollment-submit { max-width: none; background: var(--blue); box-shadow: 0 10px 24px rgba(11,92,255,.2); }
}
@media (max-width: 650px) {
  .placement-card-top { grid-template-columns: 68px minmax(0,1fr) auto; }
  .placement-avatar { width: 68px; height: 68px; }
  .google-review-card { flex-basis: min(88vw,350px); }
}

/* Larger placement portraits without increasing card dimensions. */
.placement-card-top { grid-template-columns: 92px minmax(0,1fr) auto; }
.placement-avatar { width: 92px; height: 92px; }
.placement-card dl { margin-block: 14px; }

/* Reliable partner logo tiles; images are injected with text fallbacks. */
.partner-marquee-one span, .partner-marquee-two span {
  min-width: 132px; min-height: 64px; padding: 10px 16px;
  color: var(--navy); background-color: rgba(255,255,255,.96);
  background-image: none !important; font-size: .7rem;
}
.partner-marquee-one span img, .partner-marquee-two span img {
  display: block; width: 100%; max-width: 92px; height: 38px; object-fit: contain;
  filter: saturate(.9); opacity: .96;
}
.partner-marquee-one span.logo-fallback, .partner-marquee-two span.logo-fallback {
  color: #fff; background: linear-gradient(135deg,#0b5cff,#765ed0) !important;
  font-size: .85rem; letter-spacing: .08em;
}

/* Compact, continuously replaced Google review cards with faded edges. */
.google-review-viewport {
  width: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.google-review-grid {
  display: flex; width: max-content; gap: 14px; padding: 8px 0 24px; overflow: visible;
  scroll-snap-type: none; scrollbar-width: none; animation: google-review-loop 34s linear infinite;
  will-change: transform;
}
.google-review-grid:hover { animation-play-state: paused; }
.google-review-card {
  flex: 0 0 300px; min-height: 230px; padding: 20px; border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,5,61,.08);
}
.google-review-card blockquote { margin-block: 16px; font-size: .76rem; line-height: 1.65; }
.review-card-head { gap: 10px; }
.reviewer-avatar { width: 40px; height: 40px; }
@keyframes google-review-loop { to { transform: translateX(calc(-50% - 7px)); } }

@media (max-width: 650px) {
  .placement-card-top { grid-template-columns: 82px minmax(0,1fr) auto; }
  .placement-avatar { width: 82px; height: 82px; }
  .google-review-viewport { margin-inline: -14px; width: calc(100% + 28px); }
  .google-review-card { flex-basis: min(78vw,280px); min-height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .google-review-grid { width: auto; overflow-x: auto; animation: none; }
}

@media (min-width: 651px) {
  .enrollment-section .enrollment-panel { background: rgba(255,255,255,.15); }
  .enrollment-section .enrollment-intro { background: linear-gradient(145deg,rgba(74,94,211,.34),rgba(24,38,110,.42)); }
  .enrollment-section .enrollment-form-wrap { background: rgba(255,255,255,.86); }
}

/* Structured partner logo cloud */
.partner-orbit { min-height: 0; padding: 30px; }
.partner-wall { align-content: start; gap: 18px; }
.partner-wall-heading { padding: 0 0 12px; text-align: center; }
.partner-marquee { overflow: visible; -webkit-mask-image: none; mask-image: none; }
.partner-marquee-track { display: grid; width: 100%; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; transform: none !important; animation: none !important; }
.partner-marquee-one span:nth-child(n+11), .partner-marquee-two span:nth-child(n+11), .partner-marquee-three { display: none; }
.partner-marquee-one span, .partner-marquee-two span {
  width: 100%; min-width: 0; min-height: 72px; padding: 15px; border: 1px solid #eceef2;
  border-radius: 14px; background: linear-gradient(145deg,#fff,#f8f9fa) !important;
  box-shadow: 0 7px 20px rgba(0,5,61,.06); transition: transform .25s,border-color .25s,box-shadow .25s;
  animation: partner-logo-breathe 6s ease-in-out infinite;
}
.partner-marquee-one span:nth-child(2n), .partner-marquee-two span:nth-child(2n) { animation-delay: -2.8s; }
.partner-marquee-one span:hover, .partner-marquee-two span:hover { z-index: 2; transform: translateY(-4px); border-color: #cbd3f2; box-shadow: 0 14px 30px rgba(0,5,61,.12); }
.partner-marquee-one span img, .partner-marquee-two span img { max-width: 100px; height: 38px; filter: none; opacity: 1; }
@keyframes partner-logo-breathe { 0%,100% { opacity:.8; } 50% { opacity:1; } }

/* Single-card cross-fade review stage, distinct from sliders and marquees */
.google-review-viewport { width: min(100%,680px); height: 270px; margin: 8px auto 28px; overflow: visible; -webkit-mask-image: none; mask-image: none; }
.google-review-grid { position: relative; display: block; width: 100%; height: 100%; padding: 0; overflow: visible; animation: none; }
.google-review-card {
  position: absolute; inset: 0; width: min(100%,560px); min-height: 0; margin: auto; padding: 22px 24px;
  opacity: 0; visibility: hidden; transform: translateY(18px) scale(.97); border-color: #e6e8ee;
  box-shadow: 0 18px 46px rgba(0,5,61,.11); transition: opacity .65s ease,transform .65s ease,visibility .65s;
}
.google-review-card.is-active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.google-review-card blockquote { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

@media (max-width: 800px) {
  .partner-orbit { padding: 24px 18px; }
  .partner-marquee-track { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  .partner-marquee-one span, .partner-marquee-two span { min-height: 64px; padding: 11px; }
}
@media (max-width: 650px) {
  .partner-marquee-track { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .google-review-viewport { width: 100%; height: 285px; margin-inline: 0; }
  .google-review-card { width: calc(100% - 12px); padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .partner-marquee-one span, .partner-marquee-two span { animation: none; opacity: 1; }
  .google-review-card { transition: none; }
}

/* Final hiring-partner presentation: two vertical, seamless logo conveyors. */
.partner-orbit {
  min-height: 540px;
  padding: 34px 32px;
  border-color: #e1e6f1;
  background: linear-gradient(155deg,rgba(248,249,255,.98),rgba(255,255,255,.98));
  box-shadow: 0 24px 64px rgba(0,5,61,.1);
}
.partner-wall { display: flex !important; height: 100%; flex-direction: column; gap: 14px; }
.partner-wall-heading { flex: 0 0 auto; padding: 0 8px 14px; }
.partner-marquee {
  position: relative; display: block; height: 154px; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image: linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
.partner-marquee-track {
  display: grid; width: 100%; grid-template-columns: repeat(5,minmax(0,1fr));
  grid-auto-rows: 70px; gap: 8px 10px; will-change: transform;
}
.partner-marquee-one .partner-marquee-track { animation: partner-column-up 13s linear infinite !important; }
.partner-marquee-two .partner-marquee-track { animation: partner-column-down 15s linear infinite !important; }
.partner-marquee-one span:nth-child(n+11), .partner-marquee-two span:nth-child(n+11) { display: inline-flex; }
.partner-marquee-one span, .partner-marquee-two span {
  min-height: 70px; height: 70px; padding: 14px; border-color: #eceef2;
  border-radius: 13px; background: rgba(255,255,255,.94) !important;
  box-shadow: 0 6px 18px rgba(0,5,61,.055); animation: none;
}
.partner-marquee-one span img, .partner-marquee-two span img { width: 100%; max-width: 94px; height: 35px; }
.partner-marquee-one span.logo-fallback, .partner-marquee-two span.logo-fallback {
  color: #5062cc; border-color: #dce2f5;
  background: linear-gradient(145deg,#fff,#f2f4fc) !important;
  font-size: .78rem; font-weight: 900; letter-spacing: .08em;
}
.partner-marquee:hover .partner-marquee-track { animation-play-state: paused !important; }
@keyframes partner-column-up { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes partner-column-down { from { transform: translateY(-50%); } to { transform: translateY(0); } }

@media (max-width: 800px) {
  .partner-orbit { min-height: 510px; padding: 28px 20px; }
  .partner-marquee-track { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 66px; }
  .partner-marquee { height: 146px; }
  .partner-marquee-one span, .partner-marquee-two span { min-height: 66px; height: 66px; }
}
@media (max-width: 520px) {
  .partner-orbit { min-height: 500px; padding: 25px 15px; }
  .partner-marquee-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .partner-marquee-one .partner-marquee-track,
  .partner-marquee-two .partner-marquee-track { animation: none !important; transform: none; }
}

/* Framed partner board inspired by the supplied reference. */
.partner-orbit {
  min-height: 410px;
  padding: 12px;
  border: 4px solid #224d86;
  border-radius: 20px;
  background: linear-gradient(145deg,#123d70,#0d2f5d);
  box-shadow: 0 24px 60px rgba(16,48,93,.22),inset 0 0 0 1px rgba(255,255,255,.28);
}
.partner-wall {
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(220px,.85fr);
  grid-template-rows: 1fr;
  min-height: 378px;
  align-items: center;
  gap: 30px;
  padding: 38px;
  border: 2px solid #b9d3ec;
  border-radius: 11px;
  background: linear-gradient(145deg,#fff,#f8fbff);
  box-shadow: inset 0 0 0 1px #fff;
}
.partner-wall-heading {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  padding: 0;
  text-align: left;
}
.partner-wall-heading .eyebrow { margin-bottom: 12px; }
.partner-wall-heading strong { font-size: clamp(1.2rem,2vw,1.65rem); line-height: 1.25; }
.partner-wall-heading > span:last-child { margin-top: 12px; font-size: .72rem; line-height: 1.6; }
.partner-marquee {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: auto;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}
.partner-marquee-track {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-auto-rows: 66px;
  gap: 12px;
  transform: none !important;
}
.partner-marquee-one .partner-marquee-track,
.partner-marquee-two .partner-marquee-track { animation: none !important; }
.partner-marquee-one { animation: partner-set-one 10s ease-in-out infinite; }
.partner-marquee-two { animation: partner-set-two 10s ease-in-out infinite; }
.partner-marquee-one span:nth-child(n+10), .partner-marquee-two span:nth-child(n+10) { display: none; }
.partner-marquee-one span, .partner-marquee-two span {
  min-height: 66px;
  height: 66px;
  padding: 12px;
  border-color: #e1e7ef;
  border-radius: 10px;
  background: #fff !important;
  box-shadow: 0 5px 15px rgba(25,56,97,.06);
}
.partner-marquee-one span img, .partner-marquee-two span img { max-width: 88px; height: 31px; }
@keyframes partner-set-one {
  0%,42% { opacity:1; transform:translateY(0); }
  50%,92% { opacity:0; transform:translateY(-8px); }
  100% { opacity:1; transform:translateY(0); }
}
@keyframes partner-set-two {
  0%,42% { opacity:0; transform:translateY(8px); }
  50%,92% { opacity:1; transform:translateY(0); }
  100% { opacity:0; transform:translateY(8px); }
}

@media (max-width: 800px) {
  .partner-orbit { min-height: 0; padding: 8px; border-width: 3px; }
  .partner-wall { grid-template-columns: 1fr; grid-template-rows: auto 230px; min-height: 0; gap: 22px; padding: 28px 20px; }
  .partner-wall-heading { grid-column: 1; grid-row: 1; text-align: center; }
  .partner-marquee { grid-column: 1; grid-row: 2; }
  .partner-marquee-track { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 64px; gap: 9px; }
  .partner-marquee-one span, .partner-marquee-two span { min-height: 64px; height: 64px; }
}
@media (max-width: 430px) {
  .partner-wall { grid-template-rows: auto 360px; padding: 25px 14px; }
  .partner-marquee-track { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .partner-marquee-one { animation: none; }
  .partner-marquee-two { display: none; animation: none; }
}

/* Fix the partner board: only the two logo sets belong inside the frame. */
.partner-wall > .partner-marquee-three { display: none !important; }
.partner-wall > .partner-marquee-one,
.partner-wall > .partner-marquee-two { grid-column: 1 !important; grid-row: 1 !important; align-self: center; }
.partner-wall > .partner-wall-heading { position: relative; z-index: 3; }

/* Desktop enrollment card based on the supplied stepped-form reference. */
.enrollment-rail { display: none; }
@media (min-width: 651px) {
  .enrollment-section {
    background: linear-gradient(rgba(226,239,255,.78),rgba(235,244,255,.84)),
      url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover;
  }
  .enrollment-section:before {
    background:
      radial-gradient(circle at 8% 30%,rgba(82,147,225,.5) 0 54px,transparent 56px),
      radial-gradient(circle at 82% 8%,rgba(82,147,225,.48) 0 38px,transparent 40px),
      radial-gradient(circle at 92% 84%,rgba(82,147,225,.42) 0 74px,transparent 76px);
  }
  .enrollment-section > .section-shell { max-width: 1040px; }
  .enrollment-section .enrollment-panel {
    display: grid;
    grid-template-columns: 104px minmax(0,1fr);
    min-height: 520px;
    overflow: visible;
    border: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 65px rgba(29,67,115,.22);
    backdrop-filter: none;
  }
  .enrollment-section .enrollment-intro {
    min-height: 520px;
    padding: 0;
    overflow: visible;
    justify-content: flex-start;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(180deg,#466ae3,#2f83d4);
    text-shadow: none;
  }
  .enrollment-intro > :not(.enrollment-rail) { display: none; }
  .enrollment-intro:before,
  .enrollment-intro:after { display: none; }
  .enrollment-rail {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    padding-top: 34px;
  }
  .enrollment-rail strong { margin-bottom: 70px; color: #fff; font-size: 1.1rem; letter-spacing: .08em; }
  .enrollment-rail span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 50%;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
  }
  .enrollment-rail span:first-of-type { color: #315dc8; background: #fff; }
  .enrollment-rail i { width: 1px; height: 46px; background: rgba(255,255,255,.35); }
  .enrollment-section .enrollment-form-wrap {
    display: flex;
    min-width: 0;
    justify-content: center;
    flex-direction: column;
    padding: 50px 64px;
    border-radius: 0 8px 8px 0;
    background: rgba(255,255,255,.98);
    backdrop-filter: none;
  }
  .form-heading { margin-bottom: 30px; }
  .form-heading > span { color: #3577ce; }
  .form-heading h3 { margin-top: 8px; font-size: 2rem; }
  .form-heading p { font-size: .76rem; }
  .form-grid { gap: 18px 30px; }
  .enrollment-form label { gap: 8px; color: #68748b; font-size: .66rem; letter-spacing: .02em; }
  .enrollment-form input:not([type=checkbox]),
  .enrollment-form select {
    min-height: 44px;
    padding: 10px 2px;
    border: 0;
    border-bottom: 1px solid #cbd5e2;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .enrollment-form input:not([type=checkbox]):focus,
  .enrollment-form select:focus { border-color: #3978d2; background: transparent; box-shadow: 0 1px 0 #3978d2; }
  .consent-field { margin-top: 4px; }
  .enrollment-submit {
    width: 210px;
    min-height: 46px;
    justify-self: start;
    border-radius: 9px;
    background: linear-gradient(90deg,#4569df,#3386d4);
  }
  .form-privacy { width: 210px; margin-top: -10px; text-align: center; }
}

@media (max-width: 650px) {
  .enrollment-rail { display: none; }
}

@media (max-width: 800px) {
  .partner-wall > .partner-marquee-one,
  .partner-wall > .partner-marquee-two { grid-column: 1 !important; grid-row: 2 !important; }
}

/* Informative admissions panel replaces the decorative step rail. */
@media (min-width: 651px) {
  .enrollment-section .enrollment-panel { grid-template-columns: minmax(285px,.72fr) minmax(0,1.28fr); }
  .enrollment-section .enrollment-intro { min-height: 540px; }
  .enrollment-rail {
    display: flex;
    height: 100%;
    align-items: stretch;
    justify-content: space-between;
    padding: 42px 34px 36px;
    text-align: left;
  }
  .enrollment-rail > strong {
    margin: 0;
    color: #fff;
    font-size: .74rem;
    letter-spacing: .1em;
    line-height: 1.35;
  }
  .enrollment-rail > strong b { color: rgba(255,255,255,.72); font-size: .57rem; font-weight: 700; }
  .enrollment-rail div { margin-top: auto; padding-top: 54px; }
  .enrollment-rail small { color: #cfe6ff; font-size: .58rem; font-weight: 850; letter-spacing: .11em; }
  .enrollment-rail h3 { margin: 12px 0 13px; color: #fff; font-size: 1.65rem; letter-spacing: -.6px; line-height: 1.15; }
  .enrollment-rail p { margin: 0; color: rgba(255,255,255,.82); font-size: .75rem; line-height: 1.65; }
  .enrollment-rail ul { display: grid; gap: 10px; margin: 24px 0; padding: 20px 0; border-block: 1px solid rgba(255,255,255,.18); list-style: none; }
  .enrollment-rail li { position: relative; padding-left: 20px; color: rgba(255,255,255,.9); font-size: .68rem; font-weight: 700; }
  .enrollment-rail li:before { content: "✓"; position: absolute; left: 0; color: #bfe9ff; }
  .enrollment-rail > a {
    display: block;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 8px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-size: .68rem;
    font-weight: 800;
    text-align: center;
  }
  .enrollment-section .enrollment-form-wrap { padding-inline: clamp(44px,5vw,68px); }
}

/* Subtle enrollment palette and larger partner marks only. */
@media (min-width: 651px) {
  .enrollment-section {
    background: linear-gradient(rgba(241,244,251,.86),rgba(235,239,248,.9)),
      url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover;
  }
  .enrollment-section:before {
    background: radial-gradient(circle at 8% 30%,rgba(112,128,172,.16) 0 54px,transparent 56px),
      radial-gradient(circle at 82% 8%,rgba(112,128,172,.14) 0 38px,transparent 40px),
      radial-gradient(circle at 92% 84%,rgba(112,128,172,.13) 0 74px,transparent 76px);
  }
  .enrollment-section .enrollment-intro {
    background: linear-gradient(155deg,#35466f,#526187);
  }
  .enrollment-rail small { color: #d9e0f1; }
  .enrollment-submit {
    background: #53658f;
    box-shadow: 0 9px 22px rgba(53,70,111,.18);
  }
}

.partner-marquee-track { grid-auto-rows: 82px; }
.partner-marquee-one span, .partner-marquee-two span {
  min-height: 82px;
  height: 82px;
  padding: 14px 16px;
}
.partner-marquee-one span img, .partner-marquee-two span img {
  width: 100%;
  max-width: 116px;
  height: 44px;
}

@media (max-width: 800px) {
  .partner-wall { grid-template-rows: auto 250px; }
  .partner-marquee-track { grid-auto-rows: 74px; }
  .partner-marquee-one span, .partner-marquee-two span { min-height: 74px; height: 74px; }
  .partner-marquee-one span img, .partner-marquee-two span img { max-width: 106px; height: 40px; }
}
@media (max-width: 430px) {
  .partner-wall { grid-template-rows: auto 405px; }
}

/* Enrollment colors aligned with the main Shreeja UI palette. */
@media (min-width: 651px) {
  .enrollment-section {
    background: linear-gradient(rgba(246,247,252,.9),rgba(239,241,249,.92)),
      url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover;
  }
  .enrollment-section .enrollment-panel {
    border: 1px solid rgba(11,92,255,.14);
    background: rgba(255,255,255,.84);
    box-shadow: 0 24px 64px rgba(0,5,61,.15);
  }
  .enrollment-section .enrollment-intro {
    border-right: 1px solid rgba(11,92,255,.12);
    background: linear-gradient(155deg,rgba(238,240,255,.98),rgba(230,235,251,.98));
  }
  .enrollment-rail > strong { color: var(--navy); }
  .enrollment-rail > strong b { color: var(--blue); }
  .enrollment-rail small { color: var(--blue); }
  .enrollment-rail h3 { color: var(--navy); }
  .enrollment-rail p { color: var(--muted); }
  .enrollment-rail ul { border-color: rgba(11,92,255,.14); }
  .enrollment-rail li { color: #485571; }
  .enrollment-rail li:before { content: "✓"; position: absolute; left: 0; color: var(--blue); font-weight: 900; }
  .enrollment-rail > a {
    width: 100%; margin: 0; padding: 11px 13px; border: 1px solid rgba(11,92,255,.22);
    border-radius: 9px; color: var(--blue); background: rgba(255,255,255,.62); text-align: center;
  }
  .enrollment-section .enrollment-form-wrap { background: rgba(255,255,255,.94); }
  .enrollment-submit { background: var(--blue); box-shadow: 0 9px 22px rgba(11,92,255,.2); }
}

/* Final form polish: lighter decoration and more refined surfaces. */
@media (min-width: 651px) {
  .enrollment-section:before {
    background:
      radial-gradient(circle at 8% 30%,rgba(11,92,255,.055) 0 54px,transparent 56px),
      radial-gradient(circle at 82% 8%,rgba(11,92,255,.05) 0 38px,transparent 40px),
      radial-gradient(circle at 92% 84%,rgba(11,92,255,.045) 0 74px,transparent 76px);
  }
  .enrollment-section .enrollment-panel { overflow: hidden; border-radius: 20px; }
  .enrollment-section .enrollment-intro { border-radius: 20px 0 0 20px; }
  .enrollment-section .enrollment-form-wrap { border-radius: 0 20px 20px 0; }
  .enrollment-form input:not([type=checkbox]), .enrollment-form select { color: var(--navy); }
  .enrollment-form input::placeholder { color: #9595a8; }
}

/* Mobile quality pass across the existing components. */
@media (max-width: 650px) {
  body { padding-bottom: 66px; }
  .section-shell { width: min(100% - 28px,1160px); }
  .section-heading h2, .placement-heading h2, .hiring-copy h2,
  .certificate-copy h2, .review-heading h2 { overflow-wrap: anywhere; text-wrap: balance; }
  .hero, .course-section, .placement-record, .hiring-partners,
  .placement-testimonials, .industry-experts, .google-reviews,
  .faq-section, .course-certificate, .our-team { overflow-x: clip; }
  .course-slider .course-card { border-radius: 18px; }
  .placement-tools input, .placement-tools select { min-height: 48px; }
  .placement-card { border-radius: 16px; }
  .partner-wall { border-radius: 14px; }
  .google-review-card { border-radius: 17px; }
  .faq-grid details { border-radius: 14px; }
  .enrollment-section .enrollment-panel { border-radius: 20px; }
  .enrollment-section .enrollment-intro { border-radius: 20px 20px 0 0; }
  .enrollment-section .enrollment-form-wrap { border-radius: 0 0 20px 20px; }
  .enrollment-section:before { background: rgba(33,45,98,.22); }
  .floating-actions { max-width: 470px; }
}

@media (max-width: 380px) {
  .section-shell { width: min(100% - 22px,1160px); }
  .floating-action { min-height: 45px; }
  .floating-action > span { width: 31px; height: 31px; flex-basis: 31px; }
}

/* Glass treatment for the information sidebar attached to the form. */
@media (min-width: 651px) {
  .enrollment-section .enrollment-intro {
    border-right: 1px solid rgba(255,255,255,.55);
    background: linear-gradient(150deg,rgba(241,243,255,.76),rgba(222,229,249,.68));
    box-shadow: inset -1px 0 0 rgba(11,92,255,.08),inset 0 1px 0 rgba(255,255,255,.72);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
  }
  .enrollment-rail > a {
    border-color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65),0 8px 20px rgba(0,5,61,.07);
    backdrop-filter: blur(8px);
  }
}

/* Transparent glass: allow the enrollment photograph to show through. */
@media (min-width: 651px) {
  .enrollment-section {
    background: linear-gradient(rgba(241,244,252,.58),rgba(232,237,249,.64)),
      url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80") center/cover;
  }
  .enrollment-section .enrollment-panel {
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(5px) saturate(108%);
    -webkit-backdrop-filter: blur(5px) saturate(108%);
  }
  .enrollment-section .enrollment-intro {
    background: linear-gradient(150deg,rgba(239,242,255,.38),rgba(218,226,249,.26));
    backdrop-filter: blur(7px) saturate(112%);
    -webkit-backdrop-filter: blur(7px) saturate(112%);
  }
  .enrollment-rail h3,
  .enrollment-rail > strong { text-shadow: 0 1px 0 rgba(255,255,255,.72); }
  .enrollment-rail p,
  .enrollment-rail li { color: #3f4c69; text-shadow: 0 1px 2px rgba(255,255,255,.78); }
}

@media (max-width: 650px) {
  .google-review-viewport { position: relative; width: 100%; margin-inline: 0; }
  .google-review-card { right: auto; left: 50%; width: calc(100% - 20px); margin: 0; transform: translate(-50%,18px) scale(.97); }
  .google-review-card.is-active { transform: translate(-50%,0) scale(1); }
  .review-footer { width: 100%; margin-inline: auto; text-align: center; }
}

/* Professional announcement ticker */
.announcement-ticker {
  position: relative;
  z-index: 45;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  min-height: 42px;
  align-items: center;
  gap: 18px;
  padding: 0 max(20px,calc((100% - 1160px)/2));
  border-bottom: 1px solid rgba(11,92,255,.14);
  color: var(--navy);
  background: rgba(246,247,252,.96);
  box-shadow: 0 4px 16px rgba(0,5,61,.045);
}
.announcement-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--blue);
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.announcement-label > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2aae83;
  box-shadow: 0 0 0 4px rgba(42,174,131,.12);
  animation: announcement-pulse 2.2s ease-in-out infinite;
}
.announcement-viewport {
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.announcement-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 22px;
  white-space: nowrap;
  animation: announcement-scroll 32s linear infinite;
}
.announcement-track span { color: #59647d; font-size: .7rem; font-weight: 650; }
.announcement-track i { color: #a8b0c4; font-style: normal; }
.announcement-ticker:hover .announcement-track { animation-play-state: paused; }
.announcement-ticker > a {
  color: var(--blue);
  font-size: .68rem;
  font-weight: 850;
  white-space: nowrap;
}
@keyframes announcement-scroll { to { transform: translateX(-50%); } }
@keyframes announcement-pulse { 50% { opacity:.45; transform:scale(.82); } }

@media (max-width: 650px) {
  .announcement-ticker { grid-template-columns: auto minmax(0,1fr); min-height: 39px; gap: 12px; padding-inline: 14px; }
  .announcement-label { font-size: .56rem; }
  .announcement-ticker > a { display: none; }
  .announcement-track { gap: 18px; animation-duration: 27s; }
  .announcement-track span { font-size: .63rem; }
}
@media (prefers-reduced-motion: reduce) {
  .announcement-track { width: auto; overflow-x: auto; animation: none; }
  .announcement-label > span { animation: none; }
}

/* Header alignment and announcement ticker polish */
.site-header { background: #fff; }
.site-header .nav-row { min-height: 92px; align-items: center; gap: 32px; }
.site-header .brand { width: 218px; min-width: 218px; height: 64px; align-items: center; justify-content: flex-start; }
.site-header .brand:before { width: 190px; height: 58px; background-position: left center; }
.site-header .desktop-nav { flex: 1; justify-content: center; gap: clamp(20px, 2.3vw, 34px); }
.site-header .desktop-nav a { padding: 34px 0; white-space: nowrap; }
.site-header .nav-actions { min-width: 238px; justify-content: flex-end; }
.announcement-ticker { grid-template-columns: 145px minmax(0, 1fr) 125px; min-height: 52px; gap: 16px; padding-inline: max(20px, calc((100% - 1160px) / 2)); overflow: hidden; }
.announcement-label { justify-content: flex-start; }
.announcement-viewport { width: 100%; min-width: 0; }
.announcement-track { animation-duration: 42s; gap: 30px; }
.announcement-track span { color: #526276; }
.announcement-ticker > a { justify-self: end; padding-left: 12px; background: #f4f9fc; }
@media (max-width: 950px) {
  .site-header .nav-row { min-height: 78px; }
  .site-header .brand { width: 190px; min-width: 190px; }
  .site-header .brand:before { width: 174px; }
  .site-header .nav-actions { min-width: auto; }
  .announcement-ticker { grid-template-columns: 145px minmax(0, 1fr); }
  .announcement-ticker > a { display: none; }
}
@media (max-width: 650px) {
  .site-header .nav-row { min-height: 70px; }
  .site-header .brand { width: 174px; min-width: 174px; height: 52px; }
  .site-header .brand:before { width: 164px; height: 50px; }
  .announcement-ticker { grid-template-columns: 112px minmax(0, 1fr); min-height: 44px; gap: 10px; padding-inline: 14px; }
  .announcement-label { font-size: .53rem; }
  .announcement-track { gap: 20px; animation-duration: 32s; }
  .announcement-track span { font-size: .6rem; }
}