*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#14233c;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 52px));margin:auto}
header{height:84px;background:#fff;border-bottom:1px solid #e9edf1;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{color:#071d3f;font:700 21px/1 "Manrope";letter-spacing:-.02em}.brand span,.brand b{display:block}.brand small{display:block;color:#ad7822;font:600 8px "DM Sans";letter-spacing:.04em;margin-top:5px}.nav nav{display:flex;align-items:center;gap:32px;font:600 13px "Manrope"}.nav nav>a:not(.navCta):hover{color:#ad7822}.navCta{background:#071d3f;color:#fff;padding:11px 18px;border-radius:3px}.hamb{display:none}
.hero{background:#071d3f;color:#fff;position:relative;overflow:hidden}.gridTexture{position:absolute;inset:0;opacity:.035;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.heroGrid{position:relative;min-height:610px;padding:74px 0;display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.kicker{font:700 12px "Manrope";letter-spacing:.15em;color:#c7d1df;margin-bottom:20px}.kicker:before{content:"";display:inline-block;width:30px;height:1px;background:#c9902e;vertical-align:middle;margin-right:11px}.kicker.dark{color:#667286}.hero h1{font:700 clamp(54px,5.7vw,78px)/1.01 "Manrope";letter-spacing:-.05em;margin:0 0 25px}.hero h1 em{font-style:normal;color:#d0a04e}.heroCopy>p{font-size:19px;color:#b6c3d5;max-width:650px;margin:0}.actions{display:flex;gap:11px;margin-top:31px}.btn{display:inline-flex;padding:13px 20px;border-radius:3px;font:700 14px "Manrope"}.gold{background:#c9902e;color:#111d31}.gold:hover{background:#ad7822;color:#fff}.ghost{border:1px solid #52647d;color:#fff}.proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29405e;margin-top:40px;padding-top:20px}.proof div{display:flex;flex-direction:column}.proof b{font:600 14px "Manrope"}.proof span{font-size:12px;color:#8192aa;margin-top:3px}
.heroVisual{background:#0a2854;border:1px solid #27466e;border-radius:5px;box-shadow:0 30px 65px #020a17aa;overflow:hidden}.visualTop{height:55px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27466e;color:#8296b1;font:700 10px "Manrope";letter-spacing:.13em}.visualBody{padding:43px 34px 45px;position:relative}.visualBody:after{content:"P6";position:absolute;right:22px;bottom:0;font:800 115px/1 "Manrope";color:#ffffff08}.oracle{color:#d14a3a;font:800 20px "Manrope";letter-spacing:.11em}.visualBody h2{font:700 43px/1.04 "Manrope";letter-spacing:-.04em;margin:8px 0 15px}.visualBody p{font-size:13px;color:#9babc1}.visualBottom{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:#14233c}.visualBottom div{padding:17px 15px;border-right:1px solid #e5e8ed;display:flex;flex-direction:column}.visualBottom small{font-size:9px;color:#8a94a3;letter-spacing:.09em}.visualBottom b{font:600 11px "Manrope";margin-top:3px}
.brandBar{background:#eee5d4;border-bottom:1px solid #e2d5bd}.brandBar .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between}.brandBar .wrap>div{display:flex;gap:30px;font:800 12px "Manrope";letter-spacing:.08em;color:#071d3f}.brandBar b:last-child{color:#ad7822}.brandBar p{font-size:13px;color:#5d6878}
.section{padding:88px 0}.aboutGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.section h2{font:700 clamp(40px,4.2vw,56px)/1.07 "Manrope";letter-spacing:-.045em;color:#071d3f;margin:0}.aboutRight .lead{font-size:20px;color:#35445e;margin:28px 0 15px}.aboutRight>p:not(.lead){font-size:16px;color:#68758a}.principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.principles span{font-size:12px;font-weight:600;background:#f5f6f8;border:1px solid #e2e6ea;padding:9px 12px;border-radius:3px}
.training{background:#f4f6f8}.trainingHead{display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:end;margin-bottom:40px}.trainingHead>p{font-size:16px;color:#68758a;margin:0}.coursePanel{display:grid;grid-template-columns:1.4fr .6fr;background:#fff;border:1px solid #dde3e9;border-radius:5px;overflow:hidden;box-shadow:0 15px 40px #071d3f0d}.courseMain{padding:34px}.courseTitle{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e5e8ec}.courseTitle span{font:700 10px "Manrope";letter-spacing:.13em;color:#7c8798}.courseTitle b{font:600 13px "Manrope";color:#071d3f}.topics{display:grid;grid-template-columns:1fr 1fr}.topics div{padding:20px 15px 20px 0;border-bottom:1px solid #e8ebef;display:grid;grid-template-columns:34px 1fr;align-items:start}.topics span{grid-row:1/3;font:700 10px "Manrope";color:#ad7822}.topics b{font:700 13px "Manrope";color:#071d3f}.topics small{font-size:11px;color:#7b8696;margin-top:3px}.courseAside{background:#071d3f;color:#fff;padding:36px}.asideLabel{font:700 10px "Manrope";letter-spacing:.13em;color:#8194ae}.courseAside h3{font:700 27px/1.15 "Manrope";letter-spacing:-.03em;margin:25px 0 30px}.outcome{border-top:1px solid #263e5e;padding:14px 0;display:flex;flex-direction:column}.outcome b{font:600 13px "Manrope"}.outcome small{font-size:11px;color:#8395ad;margin-top:3px}.courseAside>a{display:block;background:#c9902e;color:#111d31;padding:12px 13px;margin-top:24px;border-radius:3px;font:700 11px "Manrope";text-align:center}
.experience{background:#071d3f;color:#fff}.experienceHead{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end;margin-bottom:43px}.experience h2{color:#fff;grid-column:2}.experienceHead .kicker{grid-column:1;grid-row:1;align-self:start}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b4260;border-left:1px solid #2b4260}.benefits article{padding:30px;border-right:1px solid #2b4260;border-bottom:1px solid #2b4260;min-height:210px}.benefits article>span{font:700 10px "Manrope";color:#c9902e}.benefits h3{font:700 19px "Manrope";margin:48px 0 9px}.benefits p{font-size:13px;color:#91a2b9;max-width:280px}
.contactGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contactCopy>p{font-size:16px;color:#68758a;max-width:520px}.contactDetails{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.contactDetails a,.contactDetails div{border-top:1px solid #e2e6ea;padding:12px 0;display:flex;flex-direction:column}.contactDetails small{font-size:8px;letter-spacing:.12em;color:#8b95a4}.contactDetails b{font:600 12px "Manrope";color:#071d3f;margin-top:3px}
form{background:#f4f6f8;border:1px solid #e0e5ea;border-radius:5px;padding:31px}.formHead span{font:700 10px "Manrope";letter-spacing:.13em;color:#7d8898}.formHead h3{font:700 22px "Manrope";color:#071d3f;margin:3px 0 20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#5c6879;margin-bottom:12px}input,textarea{font:400 13px "DM Sans";padding:11px 12px;border:1px solid #d8dee5;border-radius:3px;outline:none;background:#fff}input:focus,textarea:focus{border-color:#c9902e}form button{width:100%;border:0;background:#c9902e;color:#111d31;padding:13px;font:700 12px "Manrope";border-radius:3px;cursor:pointer}
footer{background:#04142d;color:#d9e2ee;padding:43px 0 17px}.footerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.inverse{color:#fff}.footerGrid>div:not(.brand){display:flex;flex-direction:column;gap:6px}.footerGrid>div:not(.brand)>small{font-size:8px;letter-spacing:.13em;color:#6d819e}.footerGrid a{font-size:10px}.legal{border-top:1px solid #182b47;margin-top:30px;padding-top:14px;font-size:8px;color:#607694}
@media(max-width:850px){.wrap{width:min(100% - 34px,1180px)}header{height:74px}.hamb{display:block;background:none;border:0}.hamb i{display:block;width:24px;height:2px;background:#071d3f;margin:5px}.nav nav{display:none;position:absolute;top:74px;left:17px;right:17px;background:#fff;padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 18px 40px #071d3f22}.nav nav.open{display:flex}.heroGrid,.aboutGrid,.trainingHead,.contactGrid{grid-template-columns:1fr;gap:40px}.heroGrid{padding:55px 0}.section{padding:68px 0}.coursePanel{grid-template-columns:1fr}.experienceHead{display:block}.experienceHead h2{margin-top:20px}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid .brand{grid-column:1/-1}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero h1{font-size:44px}.heroCopy>p{font-size:16px}.actions{flex-direction:column}.proof{grid-template-columns:1fr;gap:10px}.visualBody{padding:32px 25px}.visualBody h2{font-size:36px}.visualBottom{grid-template-columns:1fr}.brandBar .wrap{padding:19px 0;align-items:flex-start;flex-direction:column;gap:8px}.section h2{font-size:38px}.aboutRight .lead{font-size:18px;margin-top:0}.trainingHead{gap:20px}.topics{grid-template-columns:1fr}.courseTitle{align-items:flex-start;flex-direction:column;gap:5px}.benefits{grid-template-columns:1fr}.contactDetails,.row{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.footerGrid .brand{grid-column:auto}}

/* V4 refinement: supporting typography + premium featured-programme card */
.nav nav{font-size:14px}
.btn{font-size:14px}
.proof b{font-size:14px}
.proof span{font-size:12px}
.brandBar p{font-size:13px}
.aboutRight>p:not(.lead),.trainingHead>p,.contactCopy>p{font-size:16px}
.principles span{font-size:12px}
.topics b{font-size:14px}
.topics small{font-size:11px}
.outcome b{font-size:13px}
.outcome small{font-size:11px}
.benefits p{font-size:13px}
.contactDetails b{font-size:13px}
.footerGrid a{font-size:11px}

/* Hero programme card */
.heroVisual{
  position:relative;
  background:linear-gradient(145deg,#0b2b59 0%,#0a2854 58%,#082248 100%);
  border:1px solid #35547b;
  border-radius:8px;
  box-shadow:0 34px 80px rgba(0,8,22,.55);
}
.heroVisual:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 38%);
}
.visualTop{
  height:60px;
  padding:0 30px;
  border-bottom:1px solid rgba(255,255,255,.13);
  font-size:10px;
  color:#9db0c9;
}
.visualTop span:first-child{color:#d0a04e}
.visualBody{
  padding:46px 36px 48px;
  min-height:260px;
}
.oracle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#e25a49;
  font-size:20px;
  letter-spacing:.12em;
}
.oracle:before{
  content:"";
  width:20px;
  height:2px;
  background:#c9902e;
}
.visualBody p{
  position:relative;
  z-index:2;
  font-size:13px;
  color:#b2c0d2;
  letter-spacing:.01em;
  margin-top:18px;
}
.visualBody:after{
  right:18px;
  bottom:-8px;
  font-size:120px;
  color:rgba(255,255,255,.035);
  letter-spacing:-.08em;
}
.visualBottom{
  position:relative;
  z-index:2;
  background:#fbfcfd;
}
.visualBottom div{
  min-height:70px;
  padding:18px 15px 16px;
  justify-content:center;
}
.visualBottom small{
  font-size:9px;
  font-weight:700;
  color:#8a94a3;
  letter-spacing:.1em;
}
.visualBottom b{
  font-size:12px;
  color:#071d3f;
  margin-top:4px;
}


/* V5 — premium hero programme presentation */
.premiumProgramme{
  overflow:hidden;
  background:
    radial-gradient(circle at 93% 80%,rgba(201,144,46,.10),transparent 30%),
    linear-gradient(145deg,#0d3266 0%,#092854 58%,#071f45 100%);
  border:1px solid rgba(128,157,194,.42);
  box-shadow:0 36px 85px rgba(0,8,22,.58),inset 0 1px rgba(255,255,255,.035);
}
.premiumProgramme .visualTop{
  position:relative;z-index:3;
  background:rgba(3,18,42,.16);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.premiumBody{
  position:relative;
  min-height:395px;
  padding:44px 36px 32px;
}
.programmeMark{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:11px;
  color:#e45b49;
  font:800 20px "Manrope";
  letter-spacing:.12em;
}
.programmeMark span{width:22px;height:2px;background:#c9902e}
.premiumBody h2{
  position:relative;z-index:2;
  font:700 44px/1.04 "Manrope";
  letter-spacing:-.045em;
  margin:11px 0 20px;
  color:#fff;
}
.programmeRule{
  width:52px;height:1px;background:rgba(201,144,46,.75);
  margin-bottom:17px;
}
.premiumBody>p{
  position:relative;z-index:2;
  margin:0;
  font-size:13px;
  color:#b9c7d9;
  letter-spacing:.005em;
}
.premiumBody>p i{font-style:normal;color:#c9902e;margin:0 4px}
.programmeMeta{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:31px;
}
.programmeMeta div{
  min-height:60px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  border-radius:3px;
  display:flex;flex-direction:column;justify-content:center;
}
.programmeMeta small{
  font:700 8px "Manrope";
  letter-spacing:.11em;
  color:#7890ae;
}
.programmeMeta strong{
  font:600 11px "Manrope";
  color:#f5f7fa;
  margin-top:4px;
}
.programmeLink{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#e7edf5;
  font:600 11px "Manrope";
}
.programmeLink b{
  color:#c9902e;
  font-size:17px;
  font-weight:500;
}
.p6Watermark{
  position:absolute;
  right:-5px;bottom:-18px;
  font:800 132px/1 "Manrope";
  letter-spacing:-.1em;
  color:rgba(255,255,255,.032);
  pointer-events:none;
}
@media(max-width:560px){
  .premiumBody{min-height:auto;padding:34px 24px 26px}
  .premiumBody h2{font-size:37px}
  .programmeMeta{grid-template-columns:1fr}
  .programmeMeta div{min-height:54px}
  .p6Watermark{font-size:100px}
}


/* V6 — readability pass: small text only */
.nav nav{font-size:15px}
.brand small{font-size:10px}
.kicker{font-size:13px}
.btn{font-size:14px}

.proof b{font-size:15px}
.proof span{font-size:13px}

.visualTop{font-size:12px}
.premiumBody>p{font-size:14px}
.programmeMeta small{font-size:10px}
.programmeMeta strong{font-size:13px}
.programmeLink{font-size:13px}

.brandBar .wrap>div{font-size:14px}
.brandBar p{font-size:14px}

.aboutRight>p:not(.lead){font-size:17px}
.principles span{font-size:13px}

.trainingHead>p{font-size:17px}
.courseTitle span{font-size:11px}
.courseTitle b{font-size:14px}
.topics span{font-size:12px}
.topics b{font-size:15px}
.topics small{font-size:12px}
.asideLabel{font-size:11px}
.outcome b{font-size:14px}
.outcome small{font-size:12px}
.courseAside>a{font-size:13px}

.benefits article>span{font-size:12px}
.benefits p{font-size:14px}

.contactCopy>p{font-size:17px}
.contactDetails small{font-size:10px}
.contactDetails b{font-size:14px}

.formHead span{font-size:11px}
label{font-size:12px}
input,textarea{font-size:14px}
form button{font-size:14px}

.footerGrid>div:not(.brand)>small{font-size:10px}
.footerGrid a{font-size:13px}
.legal{font-size:10px}

@media(max-width:560px){
  .kicker{font-size:12px}
  .nav nav{font-size:14px}
  .premiumBody>p{font-size:13px}
}


/* V7 — mobile layout refinement only */
@media (max-width: 760px){
  .wrap{width:min(100% - 40px,1180px)}

  header .wrap{min-height:92px}
  .brand b{font-size:24px;line-height:1.02}
  .brand small{font-size:11px;margin-top:6px}
  .menuBtn{width:46px;height:46px}

  .hero{padding:58px 0 64px}
  .heroGrid{grid-template-columns:1fr;gap:42px}
  .heroCopy{padding:0}
  .hero h1{font-size:46px;line-height:1.01;max-width:9ch}
  .heroCopy>p{font-size:17px;line-height:1.65;max-width:none}
  .heroActions{gap:12px;flex-wrap:wrap}
  .heroActions .btn{min-height:48px;padding:0 19px}
  .proofs{grid-template-columns:1fr;gap:0;margin-top:34px}
  .proof{padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
  .proof:last-child{border-bottom:1px solid rgba(255,255,255,.12)}

  .premiumProgramme{width:100%;border-radius:7px}
  .premiumProgramme .visualTop{height:54px;padding:0 22px}
  .premiumBody{padding:34px 24px 28px}
  .premiumBody h2{font-size:39px;line-height:1.04;margin-bottom:20px}
  .premiumBody>p{font-size:14px;line-height:1.7}
  .programmeMeta{grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}
  .programmeMeta div{min-height:68px;padding:13px 14px}
  .programmeMeta div:last-child{grid-column:1/-1}
  .programmeMeta small{font-size:10px}
  .programmeMeta strong{font-size:13px}
  .programmeLink{font-size:13px;margin-top:20px;padding-top:18px}
  .p6Watermark{font-size:92px;right:5px;bottom:-8px}

  .brandBar{padding:30px 0 34px}
  .brandBar .wrap{display:block}
  .brandBar .wrap>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}
  .brandBar p{margin-top:22px;font-size:15px;line-height:1.65;max-width:31ch}

  section{padding:72px 0}
  .sectionHead{margin-bottom:32px}
  .sectionHead h2{font-size:38px;line-height:1.08}
  .aboutGrid,.trainingGrid,.contactGrid{grid-template-columns:1fr;gap:34px}
  .aboutRight .lead{font-size:20px;line-height:1.5}
  .aboutRight>p:not(.lead){font-size:16px;line-height:1.75}
  .principles{gap:10px;flex-wrap:wrap}

  .trainingHead{margin-bottom:32px}
  .trainingHead h2{font-size:38px;line-height:1.08}
  .trainingHead>p{font-size:16px;line-height:1.7}
  .coursePanel{grid-template-columns:1fr}
  .courseMain{padding:30px 24px}
  .courseTitle{margin-bottom:22px}
  .topics{grid-template-columns:1fr}
  .topic{padding:22px 0}
  .topics b{font-size:17px}
  .topics small{font-size:14px;line-height:1.55}
  .courseAside{padding:34px 24px}
  .courseAside h3{font-size:31px;line-height:1.12}
  .outcome{padding:20px 0}
  .outcome b{font-size:16px}
  .outcome small{font-size:14px;line-height:1.5}

  .experience{padding:72px 0}
  .benefits{grid-template-columns:1fr;gap:0}
  .benefits article{padding:27px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  .benefits article:last-child{border-bottom:0}
  .benefits h3{font-size:22px}
  .benefits p{font-size:15px;line-height:1.65}

  .contact{padding:72px 0}
  .contactCopy h2{font-size:38px;line-height:1.08}
  .contactCopy>p{font-size:16px;line-height:1.7}
  .contactDetails{grid-template-columns:1fr;gap:0}
  .contactDetails>div{padding:17px 0;border-bottom:1px solid #e4e8ed}
  form{padding:28px 22px}
  input,textarea{font-size:16px}

  footer{padding:48px 0 28px}
  .footerGrid{grid-template-columns:1fr 1fr;gap:32px 22px}
  .footerGrid .brand{grid-column:1/-1}
  .footerGrid a{font-size:14px;line-height:1.8}
  .legal{font-size:11px;line-height:1.6;margin-top:34px}
}

@media (max-width: 420px){
  .wrap{width:min(100% - 32px,1180px)}
  .hero h1{font-size:42px}
  .premiumBody h2{font-size:36px}
  .programmeMeta{grid-template-columns:1fr}
  .programmeMeta div:last-child{grid-column:auto}
  .sectionHead h2,.trainingHead h2,.contactCopy h2{font-size:35px}
  .footerGrid{grid-template-columns:1fr}
  .footerGrid .brand{grid-column:auto}
}


/* V8 — mobile header/logo + hero top-spacing correction */
.headerBrand{
  display:flex;
  align-items:center;
  gap:12px;
}
.headerBrand>img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  flex:0 0 auto;
}
.headerBrand .brandWords{
  display:block;
}
.headerBrand .brandWords>span,
.headerBrand .brandWords>b,
.headerBrand .brandWords>small{
  display:block;
}

@media (max-width:760px){
  header{
    height:96px;
    overflow:visible;
  }
  header .wrap{
    height:96px;
    min-height:0;
    padding-top:10px;
    padding-bottom:10px;
  }
  .headerBrand{
    gap:10px;
    min-width:0;
  }
  .headerBrand>img{
    width:44px;
    height:44px;
  }
  .headerBrand .brandWords{
    line-height:1;
  }
  .headerBrand .brandWords>span,
  .headerBrand .brandWords>b{
    font-size:21px;
    line-height:.98;
  }
  .headerBrand .brandWords>small{
    position:static;
    margin-top:7px;
    font-size:10px;
    line-height:1.2;
    white-space:nowrap;
  }
  .hamb{
    flex:0 0 auto;
    margin-left:12px;
  }
  .nav nav{
    top:96px;
  }

  /* Remove the excessive empty navy area above the hero kicker */
  .hero{
    padding:0 0 64px;
  }
  .heroGrid{
    min-height:0;
    padding:42px 0 0;
    align-items:start;
  }
  .kicker{
    margin-top:0;
  }
}

@media (max-width:420px){
  header,
  header .wrap{
    height:92px;
  }
  .headerBrand>img{
    width:39px;
    height:39px;
  }
  .headerBrand .brandWords>span,
  .headerBrand .brandWords>b{
    font-size:19px;
  }
  .headerBrand .brandWords>small{
    font-size:9px;
    margin-top:6px;
  }
  .nav nav{
    top:92px;
  }
  .heroGrid{
    padding-top:34px;
  }
}


/* V9 — logo-only header */
.headerBrand.logoOnly{
  display:flex;
  align-items:center;
  width:auto;
  flex:0 0 auto;
}
.headerBrand.logoOnly>img{
  width:auto;
  height:64px;
  max-width:240px;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:760px){
  .headerBrand.logoOnly>img{
    width:auto;
    height:68px;
    max-width:255px;
  }
}
@media (max-width:420px){
  .headerBrand.logoOnly>img{
    width:auto;
    height:62px;
    max-width:225px;
  }
}


/* V10 — logo/header blend only: remove shadow/border separation */
header{
  box-shadow:none !important;
  border-bottom:none !important;
}
.headerBrand.logoOnly,
.headerBrand.logoOnly>img{
  box-shadow:none !important;
  filter:none !important;
}


/* V11 — slightly smaller, more refined logo/header proportions */
.headerBrand.logoOnly>img{
  height:58px;
  max-width:220px;
}
@media (max-width:760px){
  header,
  header .wrap{
    height:88px;
  }
  .headerBrand.logoOnly>img{
    height:59px;
    max-width:225px;
  }
  .nav nav{top:88px}
}
@media (max-width:420px){
  header,
  header .wrap{
    height:84px;
  }
  .headerBrand.logoOnly>img{
    height:55px;
    max-width:205px;
  }
  .nav nav{top:84px}
}


/* Current ZIP fix — remove visible logo-section/shadow edge completely */
header,
header .wrap,
.nav{
  background:#f3f3f3 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  border:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
}
header::before,
header::after,
header .wrap::before,
header .wrap::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}
.headerBrand.logoOnly,
.headerBrand.logoOnly>img{
  background:#f3f3f3 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  filter:none !important;
  border:0 !important;
  outline:0 !important;
}

/* Hero classroom image integration — existing typography/layout retained */
.hero{
  background-color:#071d3f;
  background-image:
    linear-gradient(90deg,rgba(7,29,63,.98) 0%,rgba(7,29,63,.95) 38%,rgba(7,29,63,.80) 62%,rgba(7,29,63,.68) 100%),
    url("assets/ceebex-training-hero.jpg");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.hero .gridTexture{opacity:.022}

@media(max-width:760px){
  .hero{
    background-image:
      linear-gradient(180deg,rgba(7,29,63,.93) 0%,rgba(7,29,63,.88) 52%,rgba(7,29,63,.94) 100%),
      url("assets/ceebex-training-hero.jpg");
    background-position:62% center;
  }
}


/* V12 — requested hero spacing/content refinements */
/* Keep the shortened hero support line compact on desktop. */
@media (min-width:761px){
  .heroCopy>p{max-width:none;white-space:nowrap;font-size:18px}
}

@media (max-width:760px){
  /* Give the hero a little more breathing room below the header. */
  .heroGrid{padding-top:56px}

  /* Short support copy: comfortable two-line treatment on mobile. */
  .heroCopy>p{max-width:34ch;line-height:1.6;margin-top:0}

  /* With the secondary CTA removed, keep the remaining action compact. */
  .actions{margin-top:26px}

  /* Mobile-only visual separation before the Featured Programme card. */
  .heroVisual{margin-top:22px}
  .heroVisual::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-30px;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,rgba(201,144,46,.75) 18%,rgba(111,139,176,.55) 50%,rgba(201,144,46,.75) 82%,transparent 100%);
    pointer-events:none;
  }
}

@media (max-width:420px){
  .heroGrid{padding-top:50px}
}

/* V13 — mobile-only hero section separation + background image position */
@media (max-width:760px){
  /* Move the classroom/trainer background image slightly upward on mobile only. */
  .hero{
    background-position:62% 35%;
  }

  /* Create a distinct, brand-aligned transition band before Featured Programme. */
  .heroVisual{
    margin-top:54px;
  }
  .heroVisual::after{
    content:"";
    position:absolute;
    left:50%;
    top:-54px;
    width:100vw;
    height:38px;
    transform:translateX(-50%);
    background:rgba(238,229,212,.14);
    border-top:1px solid rgba(201,144,46,.42);
    border-bottom:1px solid rgba(201,144,46,.28);
    pointer-events:none;
  }
}

/* V14 — mobile-only requested refinement */
@media (max-width:760px){
  /* Lift the trainer/classroom image slightly higher on mobile only. */
  .hero{
    background-position:62% 22%;
  }

  /* Clear brand-aligned colour break between proof points and programme card. */
  .heroVisual{
    margin-top:64px;
  }
  .heroVisual::after{
    content:"";
    position:absolute;
    left:50%;
    top:-64px;
    width:100vw;
    height:44px;
    transform:translateX(-50%);
    background:#eee5d4;
    border-top:2px solid #c9902e;
    border-bottom:1px solid rgba(201,144,46,.55);
    pointer-events:none;
  }
}